/* CSS File */
html {
  background: #afbc9d url('../images/template/bg-grad.gif') repeat-x;
  background-color: #B8C1C8;
  overflow: -moz-scrollbars-vertical;
}
body {
  width: 981px;
  margin: 0px auto;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
  font-size: 11px;
}
div {
  margin: 0px auto;
  padding: 0px;
  border: none;
  display: block;
  float: left;
}
table {
  float: left;
  display: block;
}
p {
  color: #000;
  line-height: 13px;
  padding: 2px 12px 10px 12px;
  margin: 0;
}
p.banner{
  font-size: 11px;
  color: #000;
  line-height: 12px;
  padding: 5px 12px 0px 0px;
  margin: 0;
}
input {
  font-family: Tahoma, Verdana, Arial, Helvetica;
  font-size: 11px;
}
select {
  font-family: Tahoma, Verdana, Arial, Helvetica;
  font-size: 11px;
}
textarea {
  font-family: Tahoma, Verdana, Arial, Helvetica;
  font-size: 11px;
}
td {
  color: #000;
  line-height: 150%;
}
img {
  border: 0;
  margin: 0;
  padding: 0;
}
.b {
  font-weight: bold;
}
.i {
  font-style: italic;
}
table.center {
  margin-left: auto;
  margin-right:auto;
}
form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
object {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
h1 {
  color: #5b748b;
  font-size: 16px;
  font-weight: 400;
  line-height: 15px;
  vertical-align: middle;
  margin: 0;
  padding: 18px 12px 10px 12px;
}
h1.home {
  color: #000000;
  font-size: 17px;
  border-bottom: 1px solid #C9D1D4;
  padding: 18px 0px 8px;
}
h1.home .brown {
  color: #863F2B;
  font-weight: bold;
}
h2 {
  color: #4c94da;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  vertical-align: middle;
  margin: 0;
  padding: 4px 12px 3px 12px;
}
h3 {
  color: #75B0EA;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  vertical-align: middle;
  margin: 0;
  padding: 6px 5px 2px 12px;
}
h4 {
  color: #75B0EA;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  padding: 0 12px 0 12px;
}
ul {
 padding: 5px 5px 10px 30px;
 margin: 0;
}
.req_field {
  color: #f00;
}
div#container {
  width: 981px;
  padding-top: 14px;
}
/* Layout */
div #header_container {
  width: 979px;
  height: 127px;
  border: 1px solid #fff;
  background: #FFF;
}

div #header_left {
width: 188px;
height: 127px;
border-right: 1px solid #fff;
background-color: #888888;
}

div #header_centre {
width: 602px;
height: 127px;
background-color:#FFFFFF;
border-right: 1px solid #fff;
}

div #header_tickboxes {
width: 24px;
height: 127px;
background-image: url("../images/template/header-tickboxes.gif");
background-repeat: no-repeat;
}

div #header_list {
width: 282px;
height: 127px;
background-image: url("../images/template/header-blue-bg.gif");
background-repeat: repeat-x;
}

div #header_list_text {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 16px;
color: #375069;
padding-top: 6px;
padding-left: 9px;
height: 110px;
line-height: 23px;
width: 240px;
}

div #header_coffeemachine1 {
width: 76px;
height: 127px;
border-right: 1px solid #fff;
background-image: url("../images/template/header-coffee-machines-1.jpg");
background-repeat: no-repeat;
}

div #header_coffeemachine2 {
width: 76px;
height: 127px;
border-right: 1px solid #fff;
background-image: url("../images/template/header-coffee-machines-1.gif");
background-repeat: no-repeat;
}

div #header_coffeemachine3 {
width: 66px;
height: 127px;
border-right: 1px solid #fff;
background-image: url("../images/template/header-coffee-machines-2.gif");
background-repeat: no-repeat;
}

div #header_coffeemachine4 {
width: 75px;
height: 127px;
background-image: url("../images/template/header-coffee-machines-3.gif");
background-repeat: no-repeat;
}

div #header_right {
width: 187px;
height: 127px;
background-image: url("../images/template/header-gradient-right-bg.gif");
background-repeat: repeat-x;
}

div #header_right_text {
width: 185px;
height: 50px;
line-height: 20px;
background-image: url('../images/template/phone-gradient.jpg');
background-repeat: repeat-x;
border: 1px solid #EEEEE6;
}
div #content_container {
  width: 981px;
  background: #fff;
}
div #side_menu {
  font-size: 12px;
  width: 188px;
  border-left: 1px solid #fff;
  border-top: 2px solid #C9D1D4;
  background: url('../images/template/nav-bg.gif') repeat-x;
}
div #side_menu_top {
  width: 188px;
  height: 11px;
  font-size: 1px;
  line-height: 1px;
  background: url('../images/template/nav-top.gif') no-repeat;
}
div #side_menu_container {
  width: 188px;
  /*height: 364px;*/
}
div #side_menu_content_background {
  width: 162px;
  height: 364px;
  padding-left: 14px;
  background: url('../images/template/nav-bg.gif') repeat-x;
}
#side_menu ul {
  width: 188px;
  margin: 0px;
  padding: 0px;
  border: none;
}
#side_menu ul li {
  width: 162px;
  margin: 0px;
  padding-left: 25px;
  list-style-type: none;
  font-size: 12px;
  line-height: 25px;
  border-bottom: 1px solid #C9D1D4;
}
#side_menu ul li.nav-bg-m {
  background: url('../images/template/nav-bg-m.gif');
}
#side_menu ul li.nav-bg-b {
  background: url('../images/template/nav-bg-b.gif');
}
#side_menu ul li.nav-bg-m a, #side_menu ul li.nav-bg-b a {
  color: #FFFFFF;
}
#side_menu ul li.nav-bg-p {
  background: url('../images/template/nav-bg-p.gif');
}
#side_menu ul li.nav-bg-p a, #side_menu ul li.nav-bg-p a {
  color: #FFFFFF;
}
#side_menu ul li.nav-bg-p a:hover {
  color: #000000;
}
#side_menu ul li.nav-bg-p a:selected {
  color: #000000;
}
#side_menu_douwe {
  width: 183px;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 18px;
}
#side_menu_douwe a:link {
  text-decoration: none;
  color: #000000;
}
#side_menu_douwe a:visited, #side_menu_douwe a:active, #side_menu_douwe a:hover {
  text-decoration: none;
  color: #000000;
}
.nopad {
  padding: 0;
}
.endmenu {
  background-image: none;
}
#side_menu ul li a {
  margin: 0;
  list-style-type: none;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  height: 25px;
}
#side_menu ul li a:hover {
  color: #50A3F4;
}
#side_menu ul li.nav-bg-b a:hover {
  color: #5D7489;
}

#side_menu ul li ul {
  width: 162px;
  margin: 0px;
  padding: 0 0 0 0;
  border: none;
}
#side_menu ul li ul li {
  width: 146px;
  margin-left: 16px;
  padding-left: 0px;
  list-style-type: square;
  border-bottom: 0px none;
}
#side_menu ul li ul li a {
  height: 25px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  list-style-type: none;
  text-decoration: none;
}
#side_menu ul li.nav-bg-m ul li, #side_menu ul li.nav-bg-b ul li {
  color: #FFFFFF;
}
#side_menu ul li.nav-bg-m ul li a, #side_menu ul li.nav-bg-b ul li a {
  color: #FFFFFF;
}
#side_menu ul li ul li a:hover {
  color: #50a3f4;
}
div .content_dots {
  width: 642px;
  height: 146px;
  padding-top: 11px;
  background: url('../images/template/dots_multiple.gif') no-repeat;
}
.content_dots a {
  text-decoration: none;
}
div .content_single_dots {
  width: 642px;
  height: 10px;
  line-height: 10px;
  background: url('../images/template/dots_single.gif') 0 9px no-repeat;
}
div #content_main {
width: 603px;
border-left: 1px solid #fff;
}
div #home-info {
  padding: 5px 17px 14px 17px;
}
div #home-info p {
  padding: 6px 0px;
}
div #breadcrumb {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 12px;
color: #375069;
line-height: 12px;
width: 590px;
padding-left: 12px;
padding-bottom: 10px;
}
div .image-box {
width: 603px;
text-align: center;
margin: 0px;
}
div .image-box-1 {
width: 301px;
text-align: center;
margin: 0px;
}
div .image-layout-4 {
width: 600px;
text-align: center;
margin: 0px;
padding-top:30px;
}
div .image-box-4 {
width: 140px;
text-align: center;
padding: 5px;
margin: 0px;
}
div .image-box-4-small {
width: 140px;
text-align: center;
padding: 84px 5px 5px 5px;
margin: 0px;
}
div #product-box {
width: 597px;
margin: 0px;
padding-top: 10px;
padding-left: 6px;
}

div .product-box-1 {
width: 550px;
margin: 0px;
padding-top: 40px;
padding-left: 49px;
padding-bottom: 20px;
}

#product-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#product-box ul li {
margin: 0px;
padding: 0 0 0 9px;
list-style-type: none;
background-image: url('../images/template/product-li.gif');
background-repeat: no-repeat;
background-position: 0 4px;
}

div .inner-image-box {
width: 190px;
text-align: center;
padding: 5px;
margin: 0px;
}
div .inner-image-box p {
    padding-left:0px!important;
    padding-right:0px!important;
}
div .inner-image-box-1 {
width: 190px;
text-align: center;
padding: 84px 5px 5px 5px;
margin: 0px;
}
div .inner-image-box-1 p {
    padding-left:0px!important;
    padding-right:0px!important;
}
div .product-image-box {
  width: 298px;
  height: 141px;
  text-align: center;
}
.product-image-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.product-image-box ul li {
margin: 0px;
padding: 0 0 0 9px;
list-style-type: none;
background-image: url('../images/template/product-li.gif');
background-repeat: no-repeat;
background-position: 0 4px;
}
.product-image-box a {
font-size:12px;
color:#DC6800;
text-decoration: none;
}
.product-image-box a:hover {
font-size:12px;
color:#DC6800;
text-decoration: underline;
}
div .product-title {
width:151px;
height:20px;
text-align: left;
padding-top:2px;
color: #ffffff;
background: url('../images/page/watercooler-title-bg.gif') no-repeat;
}
.product-title a {
font-size:12px;
font-weight:700;
color:#ffffff;
text-decoration: none;
}
.product-title a:hover {
font-size:12px;
color:#ffffff;
text-decoration: none;
}
div #line-fade {
width: 45px;
height: 120px;
margin: 0;
padding: 0;
background: url('../images/template/line-fade.jpg') no-repeat;
}
div #main-bg {
width: 540px;
height: 120px;
background: url('../images/template/grey-bg.jpg') repeat-x;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0 17px 0 0;
}
div #coffee-machine-bg p {
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
}

div #coffee-machine-bg-end {
width: 86px;
height: 176px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
font-size: 12px;
line-height: 18px;
font-weight: 700;
margin: 0;
padding: 25px 0 0 0;
background: url('../images/template/coffee-machine-bg-end.gif') no-repeat;
}
div #grad-behind-content {
width: 603px;
margin: 0px;
padding: 0;
background: url('../images/template/grad-behind-content.gif') no-repeat;
}
div #right_column_container {
width: 187px;
background: url('../images/template/quick-contact-form-bg.jpg') 0 22px;
background-repeat: repeat-x;
}
div #right_column_header {
text-align: center;
color: #FFFFFF;
font-size: 20px;
line-height: 35px;
font-weight: 700;
width: 187px;
height: 35px;
border-bottom: 1px solid #fff;
background-color: #8B8B8B;
}

div #cta_calculate {
width: 152px;
padding-left: 12px;
padding-top: 16px;
}

div .cta {
width: 178px;
margin-top: 16px;
border: 1px solid #D6D8D7;
}

div .cta .cta-head {
  margin: 1px;
  background: url('../images/template/cta-head.gif') repeat-x;
  border: 1px solid #8DA5C9;
  height: 33px;
  width: 174px;
  text-align: center;
  color: #FFFFFF;
  line-height: 33px;
  font-weight: bold;
  font-size: 12px;
}

div .cta .cta-content {
  background: url('../images/template/cta-content.gif') repeat-x;
  height: 62px;
  width: 158px;
  border-top: 1px solid #D6D8D7;
  padding: 10px;
  line-height: 14px;
}

div .cta .cta-link {
  float: right;
  margin-top: 5px;
  padding-left: 10px;
  background: url('../images/template/b-arrow.gif') no-repeat 0px 2px;
}

div #footer_container {
  width: 981px;
  background: #fff;
  text-align: center;
  color: #863F2B;
  font-size: 11px;
  padding-top: 10px;
  /*height: 29px;*/
}
div #footer_container a {
  line-height: 20px;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  color: #000;
  font-size: 11px;
}
#footer_container a:hover {
  color: #281b08;
  text-decoration: underline;
}
div #footer_logos {
  width: 981px;
  padding: 30px 0px;
  height: 82px;
  background-color: #fff;
  text-align: center;
}
div #footer_address {
  width: 804px;
  float: none;
  padding: 0px 0px 10px;
}
div #footer_links {
  width: 871px;
  float: none;
  text-align: center;
  border-top: 1px solid #ccc;
  padding-top: 4px;
}

/* Individual Styles */

.padright {
  padding-right: 12px;
}
.single {
  border-right: 1px solid #9AB7CC;
  border-left: 1px solid #94B3C9;
  border-top: 1px solid #8197A7;
  border-bottom: 1px solid #C4D7E6;
  width: 157px;
  padding-left: 5px;
  height: 17px;
  line-height: 17px;
  vertical-align: middle;
  font-size: 11px;
  color: #6B6B6B;
}
.multiple {
  border-right: 1px solid #9AB7CC;
  border-left: 1px solid #94B3C9;
  border-top: 1px solid #8197A7;
  border-bottom: 1px solid #C4D7E6;
  font-size: 11px;
  color: #6B6B6B;
  width: 157px;
  padding-left: 5px
}
div .savingscalculator_top {
  width: 470px;
  height: 10px;
  background: url('../images/page/calculator-box-top.gif') no-repeat;
  font-size: 0px;
}
div #savingscalculator {
  width:468px;
  height:264px;
  padding-left: 0px;
  border-left:1px solid #50A3F4;
  border-right:1px solid #50A3F4;
}
div .savingscalculator_bottom {
  width: 470px;
  height: 10px;
  background: url('../images/page/calculator-box-bottom.gif') no-repeat;
  font-size: 0px;
}
#savingscalculator table tr td {
  padding-top: 3px;
  padding-bottom: 3px;
}
div #savingscalculator2 {
  width:468px;
  height:259px;
  padding-left: 0px;
  border-left:1px solid #50A3F4;
  border-right:1px solid #50A3F4;
}
#savecontainer {
  font-weight: bold;
  text-align: center;
  font-size: 12.5px;
}
.right {
  text-align: right;
  padding-right: 29px;
}
.center {
  text-align: center;
}
div .innernav {
  width: 603px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  padding-bottom: 15px;
  vertical-align: middle;
}
a {
  color: #50A3F4;
  text-decoration: none;
}
a:hover {
  color: #50A3F4;
  text-decoration: underline;
}
.innernav a {
  color: #000;
}
.innernav a:hover {
  color: #50A3F4;
}
.selected {
  color: #50A3F4 !important;
}
.nav-bg-b .selected {
  color: #5D7489 !important;
}
.nav-bg-p .selected {
  color: #000 !important;
}
.padtopleft {
  padding-top: 5px;
  padding-left: 5px;
}
.dropdown-arrow {
  padding-top: 9px;
  padding-left: 5px;
  margin-right: 10px;
  float: right;
}
.nobackground {
  background-image: none;
}
.home {
  padding-top: 4px;
}
/** larger homepage product boxes **/
div .home_l_product_container {
  width: 269px;
  height: 227px;
  margin-bottom: 20px;
}
div #products .hp1 {
  background: url('../images/page/home1.jpg') no-repeat;
}
div #products .hp2 {
  background: url('../images/page/home2.jpg') no-repeat;
}
div .home_l_product_header {
  width: 254px;
  height: 40px;
  line-height: 20px;
  font-size: 18px;
  padding: 10px 0px 10px 15px;
}
div .home_l_product_header a, .home_s_product_header a  {
  color: #FFFFFF;
}
div .home_l_product_description {
  width: 239px;
  height: 103px;
  padding: 10px 15px 0px 15px;
}
div .home_l_product_description ul {
  padding: 0px;
}
div .home_l_product_description ul li {
  background: url('../images/template/bl-arrow.gif') no-repeat 0px 3px;
  list-style: none;
  padding-left: 10px;
}
div .home_l_product_footer {
  width: 254px;
  height: 54px;
  line-height: 54px;
  padding-left: 15px;
}
div .home_l_product_footer .red {
  color: #FF0000;
  font-size: 17px;
  font-weight: bold;
}
div .home_l_product_link {
  float: right;
  background: url('../images/template/b-arrow.gif') no-repeat 0px 22px;
  padding: 0px 15px 0px 10px;
}

/** smaller homepage product boxes **/
div .home_s_product_container {
  background: url('../images/template/coffee-cont.jpg') no-repeat;
  width: 132px;
  height: 100px;
  margin-top: 14px;
  margin-right: 13px;
}
div .home_s_product_header {
  width: 132px;
  height: 20px;
  line-height: 25px;
  text-align: center;
  font-weight: bold;
}
div .home_s_product_content {
  width: 122px;
  height: 67px;
  padding: 8px 5px 5px 5px;
  position: relative;
}
div .home_s_product_link {
  background: url('../images/template/b-arrow.gif') no-repeat 0px 3px;
  padding-left: 10px;
  position: absolute;
  bottom: 10px;
  right: 5px;
}

/** large Bean-to-Cup homepage product box **/
div .home_b2c_container {
  background: url('../images/page/bean-to-cup-home-cont.jpg') no-repeat;
  width: 277px;
  height: 110px;
  margin-top: 6px;
  margin-left: 1px;
}
div .home_b2c_content {
  width: 187px;
  padding-top: 24px;
  padding-left: 90px;
  font-size: 13px;
}
div .home_b2c_content .red {
  font-size: 17px;
  color: #FF0000;
  font-weight: bold;
}
div .home_b2c_link {
  text-align: center;
  width: 277px;
  padding-top: 0px;
}
div .home_b2c_link a {
  background: url('../images/template/b-arrow.gif') no-repeat 0px 3px;
  padding-left: 10px;
}

/** Larger product boxes **/
div #products {
  padding-left: 17px;
  width: 568px;
}
div #products p {
  padding: 0px;
}
div #products_content {
  padding-top: 10px;
  padding-left: 16px;
}
div .product_container {
  width: 270px;
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000000;
}
div .product_header {
  width: 270px;
  height: 22px;
}
div .product_header_left {
  background: url('../images/page/w-end.gif') no-repeat;
  height: 22px;
  width: 11px;
}
div .product_header_right {
  background: url('../images/page/w-arrow.gif') no-repeat;
  height: 22px;
  width: 13px;
}
div .product_header_title {
  width: 246px;
  height: 20px;
  font-size: 12px;
  text-align: left;
  padding-top: 2px;
  color: #ffffff;
  background: url('../images/page/watercooler-title-bg.gif') repeat-x;
}
div .product_header_title a, div .product_header_title a:hover {
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
}
div .product_description {
  width: 240px;
  padding-top: 10px;
  padding-left: 10px;
}
div .product_description ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 90px;
  width: 240px;
}
div .product_description ul li {
  margin: 0;
  padding: 2px 0 2px 9px;
  /*width: 231px;*/
  list-style-type: none;
  background-image: url('../images/template/product-li.gif');
  background-repeat: no-repeat;
  background-position: 0px 8px;
}
div .product_description a {
  color: #dc6800;
  text-decoration: none;
}
div .product_description a:hover {
  color: #dc6800;
  text-decoration: underline;
}
div .product_link {
  width: 231px;
  padding-left: 9px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div .product_text {
  padding-left: 9px;
  height: 90px;
  width: 240px;
}
.new_li {
  font-size: 11px;
  width: 150px;
}
.new_li_small {
  width: 72px;
}
.new_desc {
  width: 72px;
  padding-left: 10px;
  height: 122px;
  font-size: 11px;
}
.new_desc ul {
  margin: 0;
  padding: 0;
  width: 72px;
}
.newdescul {
  width: 72px;
}
div .product_description_small {
  width: 240px;
  padding-top: 10px;
  padding-left: 10px;
}
div .product_description_small ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 72px;
}
div .product_description_small ul li {
  margin: 0;
  padding: 2px 0 2px 9px;
  width: 63px;
  list-style-type: none;
  background-image: url('../images/template/product-li.gif');
  background-repeat: no-repeat;
  background-position: 0px 8px;
}
div .product_description_small a {
  color: #dc6800;
  text-decoration: none;
}
div .product_description_small a:hover {
  color: #dc6800;
  text-decoration: underline;
}
div #tech_spec_container {
  width: 602px;
  padding-top: 25px;
}
div #tech_spec_top_image {
  width: 200px;
  padding-left:10px;
}
div #tech_spec_bullet {
  width: 392px;
  float: right;
}
div #tech_spec_product_spec_container {
  width: 602px;
  padding-top: 20px;
}
div #tech_spec_product_spec_text {
  width: 402px;
}
div #tech_spec_product_spec_image {
  width: 200px;
  float: right;
}
.bambino_spec_table{
  border:1px solid #FFFFCC;
  background-color: #FFFFCC;
}
.bambino_spec_table td{
  border:1px solid #FFFFCC;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  background-color: #fff;
}
.bambino_spec_table td.stats_content{
  background-color: #FF9933;
}
.sibilla_stats_title{
  text-align: left;
  font-weight: bold;
}
.sibilla_stats_detail{
  text-align: left;
  width:230px;
}
.piazza_doro_product p{
  padding-bottom: 10px;
}
.piazza_doro_product h3{
  padding-bottom: 10px;
  margin-bottom: 0px;
}
.piazza_doro_product{
  padding-bottom: 5px;
}
div .news-line {
  height: 1px;
  line-height: 1px;
  border-top: 1px solid #DEDEDE;
  width: 578px;
  margin: 12px;
  display: inline;
}
div a.news-img {
  display: block;
  float: left;
  margin: 0 12px 12px 12px;
  _margin: 0 6px 6px 6px;
  border: 1px solid #DEDEDE;
}