/* body
--------------------------------------- */
body {
  background: #e4d6a7 url(images/background.jpg) top center repeat;
  color: #000000;
  font: normal 12px Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

h1, h2, h3, h4, h5, h6, p, ul, li, form, input {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

p.center {
  text-align: center;
}

a img {
  border: none;
}

ul, li {
  list-style-type: none;
}

input, select, textarea {
  font: normal 11px Arial, Helvetica, sans-serif;
}

i {
  display: none;
}

ul.hidden {
  display: none;
}

ul.visible {
  display: block;
}

/* .header-background
--------------------------------------- */
.header-background {
  background-image: url(images/header-background.gif);
  background-repeat: repeat-x;
  overflow: auto;
  width: 100%;
}

/* .header
--------------------------------------- */
.header {
  height: 111px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 800px;
}

.header a {
  cursor: pointer;
}

/* .column-1
--------------------------------------- */
.column-1 {
  float: left;
  overflow: hidden;
  width: 200px;
}

.column-1 h1 a#custom-coffee-plan {
  background-image: url(images/custom-coffee-plan.png);
  display: block;
  height: 111px;
  width: 186px;
}

/* .column-2
--------------------------------------- */
.column-2 {
  float: right;
  width: 600px;
}

/* .column-2 #menu
--------------------------------------- */
.column-2 #menu ul {
  float: right;
}

.column-2 #menu li {
  float: left;
}

.column-2 #menu li a {
  display: block;
  height: 38px;
  margin: 0px 0px 0px 3px;
}

.column-2 #menu li a#home {
  background-image: url(images/home-off.gif);
  width: 45px;
}

.column-2 #menu li a#company {
  background-image: url(images/company-off.gif);
  width: 76px;
}

.column-2 #menu li a.current#company {
  background-image: url(images/company-on.gif);
}

.column-2 #menu li a#products {
  background-image: url(images/products-off.gif);
  width: 73px;
}

.column-2 #menu li a.current#products {
  background-image: url(images/products-on.gif);
}

.column-2 #menu li a#contact-us {
  background-image: url(images/contact-us-off.gif);
  width: 84px;
}

.column-2 #menu li a.current#contact-us {
  background-image: url(images/contact-us-on.gif);
}

.column-2 #menu li a#checkout {
  background-image: url(images/checkout-off.gif);
  width: 90px;
}

/* .column-2 #sub-menu-1
--------------------------------------- */
.column-2 #sub-menu-1 ul.visible {
  background-color: transparent;
  clear: both;
  color: #5d4d3c;
  float: right;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
  text-align: right;
}

.column-2 #sub-menu-1 ul.visible li {
  display: inline;
}

.column-2 #sub-menu-1 ul.visible li a:active,
.column-2 #sub-menu-1 ul.visible li a:link,
.column-2 #sub-menu-1 ul.visible li a:visited {
  background-color: transparent;
  color: #5d4d3c;
  text-decoration: none;
}

.column-2 #sub-menu-1 ul.visible li a:hover {
  background-color: transparent;
  color: #5d4d3c;
  text-decoration: underline;
}

/* .column-2 #sub-menu-2
--------------------------------------- */
.column-2 #sub-menu-2 ul.visible {
  background-color: #81123d;
  clear: both;
  color: #ffffff;
  float: right;
  font-size: 11px;
  padding: 5px 5px 5px 5px;
  text-align: center;
}

.column-2 #sub-menu-2 ul.visible li {
  display: inline;
}

.column-2 #sub-menu-2 ul.visible li a:active,
.column-2 #sub-menu-2 ul.visible li a:link,
.column-2 #sub-menu-2 ul.visible li a:visited {
  background-color: #81123d;
  color: #ffffff;
  text-decoration: none;
}

.column-2 #sub-menu-2 ul.visible li a:hover {
  background-color: #81123d;
  color: #ffffff;
  text-decoration: underline;
}

/* .column-2 #sub-menu-3
--------------------------------------- */
.column-2 #sub-menu-3 ul {
  clear: both;
  float: right;
  margin: -1px 0px 0px 0px;
}

.column-2 #sub-menu-3 li {
  padding: 0px 0px 5px 0px;
}

.column-2 #sub-menu-3 li a {
  display: block;
  height: 15px;
  width: 127px;
}

.column-2 #sub-menu-3 li.exceptional-full-service  {
  background-image: url(images/exceptional-full-service.png);
  background-repeat: no-repeat;
  height: 21px;
  margin: -21px 0px 0px -220px;
  position: relative;
  top: 35px;
  width: 200px;
}

.column-2 #sub-menu-3 li a#new-customer {
  background-image: url(images/new-customer-burgundy.png);
}

.column-2 #sub-menu-3 li a#returning-customer {
  background-image: url(images/returning-customer-burgundy.png);
}

.column-2 #sub-menu-3 li a#edit-my-account {
  background-image: url(images/edit-my-account-burgundy.png);
}

.column-2 #sub-menu-3 li a#logout-my-account {
  background-image: url(images/logout-my-account-burgundy.png);
}

/* .flash
--------------------------------------- */
.flash {
  border: 1px solid #a0805c;
  height: 336px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 798px;
}

/* .flash-footer
--------------------------------------- */
.flash-footer {
  margin: 1px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 800px;
}

.flash-footer p {
  background-image: url(images/flash-footer.png);
  height: 30px;
  width: 800px;
}

/* .home-container
--------------------------------------- */
.home-container {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 800px;
}

/* .home-container-top
--------------------------------------- */
.home-container-top {
  background-image: url(images/home-container-top.png);
  height: 5px;
  width: 800px;
}

/* .home-container-middle
--------------------------------------- */
.home-container-middle {
  background-image: url(images/home-container-middle.png);
  background-repeat: repeat-y;
  overflow: auto;
  width: 800px;
}

.home-container-middle p {
  background-color: transparent;
  color: #ffffff;
}

/* .home-column-1
--------------------------------------- */
.home-column-1 {
  background-image: url(images/save-your-company-thousands-of-dollars.png);
  background-repeat: no-repeat;
  float: left;
  min-height: 130px;
  padding: 0px 10px 0px 10px;
  width: 160px;
}

.home-column-1 p {
  font-size: 11px;
  margin: 2px 0px 0px 6px;
}

.home-column-1 input.number-of-employees {
  margin: 60px 0px 0px 6px;
  width: 82px;
}

.home-column-1 input.go {
  left: 3px;
  position: relative;
  top: 5px;
}

/* .home-column-2
--------------------------------------- */
.home-column-2 {
  float: left;
  margin: 0px 2px 0px 2px;
  min-height: 130px;
  padding: 0px 20px 0px 20px;
  width: 395px;
}

.home-column-2 h2 {
  background-image: url(images/welcome.png);
  height: 14px;
  margin: 6px 0px 10px 0px;
  width: 61px;
}

.home-column-2 p {
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

.home-column-2 a:active,
.home-column-2 a:link,
.home-column-2 a:visited {
  background-color: transparent;
  color: #590325;
  text-decoration: underline;
}

.home-column-2 a:hover {
  background-color: transparent;
  color: #590325;
  text-decoration: none;
}

.home-column-2 ul {
  margin: 10px 0px 0px 0px;
}

.home-column-2 li {
  float: left;
  margin: 0px 20px 0px 0px;
}

.home-column-2 li a {
  display: block;
  height: 22px;
}

.home-column-2 li a#coffee-service-products {
  background-image: url(images/coffee-service-products.png);
  width: 139px;
}

.home-column-2 li a#history-of-custom-coffee-plan {
  background-image: url(images/history-of-custom-coffee-plan.png);
  width: 169px;
}

/* .home-column-3
--------------------------------------- */
.home-column-3 {
  background-image: url(images/find-your-nearest-refreshment-specialist.png);
  background-repeat: no-repeat;
  float: left;
  padding: 0px 10px 0px 10px;
  min-height: 130px;
  width: 161px;
}

.home-column-3 p {
  background-color: transparent;
  color: #590325;
  font-size: 11px;
  margin: 85px 0px 0px 0px;
  text-align: center;
}

.home-column-3 a:active,
.home-column-3 a:link,
.home-column-3 a:visited {
  background-color: transparent;
  color: #590325;
  text-decoration: underline;
}

.home-column-3 a:hover {
  background-color: transparent;
  color: #590325;
  text-decoration: none;
}

/* .home-container-bottom
--------------------------------------- */
.home-container-bottom {
  background-image: url(images/home-container-bottom.png);
  height: 19px;
  width: 800px;
}

/* .container
--------------------------------------- */
.container {
  background-color: #ffffff;
  border: 1px solid #a0805c;
  color: #000000;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 798px;
}

/* .container-header
--------------------------------------- */
.container-header {
  width: 798px;
}

/* .breadcrumb
--------------------------------------- */
.breadcrumb {
  background-image: url(images/breadcrumb.png);
  height: 27px;
  overflow: hidden;
  width: 798px;
}

.breadcrumb p {
  background-color: transparent;
  color: #ffffff;
  float: left;
  font-size: 11px;
  line-height: 27px;
  margin: 0px 18px 0px 18px;
}

.breadcrumb a:active,
.breadcrumb a:link,
.breadcrumb a:visited {
  background-color: transparent;
  color: #ece0b5;
  text-decoration: none;
}

.breadcrumb a:hover {
  background-color: transparent;
  color: #ece0b5;
  text-decoration: underline;
}

.breadcrumb form {
  float: right;
  margin: 0px 4px 0px 0px;
}

.breadcrumb input.search {
  height: 15px;
  width: 75px;
}

.breadcrumb input.search-go {
  position: relative;
  top: 5px;
}

/* .content
--------------------------------------- */
.content {
  background: #ffffff url(images/content.gif) top center repeat-y;
  color: #000000;
  margin: 20px 0px 20px 0px;
  overflow: auto;
  padding: 0px 0px 0px 0px;
  width: 798px;
}

.content a:active,
.content a:link,
.content a:visited {
  background-color: #ffffff;
  color: #590325;
  text-decoration: none;
}

.content a:hover {
  background-color: #ffffff;
  color: #590325;
  text-decoration: underline;
}

/* .sidebar
--------------------------------------- */
.sidebar {
  float: left;
  padding: 0px 18px 0px 18px;
  width: 137px;
}

.sidebar h3 {
  background-color: #ffffff;
  color: #81123d;
  font-size: 18px;
  font-weight: normal;
}

.sidebar h4.save {
  background-image: url(images/save-your-company-sidebar.gif);
  height: 33px;
  margin: 20px 0px 0px 0px;
  width: 139px;
}

.sidebar h4.find {
  background-image: url(images/find-your-nearest-sidebar.gif);
  height: 61px;
  margin: 0px 0px 0px 0px;
  width: 139px;
}

.sidebar p {
  background-color: transparent;
  color: #81123d;
  padding: 10px 0px 0px 0px;
  font-size: 11px;
}

.sidebar p.move-up {
  margin: -10px 0px 0px 0px;
}

.sidebar p.move-up a:active,
.sidebar p.move-up a:link,
.sidebar p.move-up a:visited {
  text-decoration: underline;
}

.sidebar p.move-up a:hover {
  text-decoration: none;
}

.sidebar a {
  cursor: pointer;
}

.sidebar a.green:active,
.sidebar a.green:hover,
.sidebar a.green:link,
.sidebar a.green:visited {
  color: green;
 }
 
.sidebar a.blue:active,
.sidebar a.blue:hover,
.sidebar a.blue:link,
.sidebar a.blue:visited {
  color: #246187;
}

.sidebar ul {
  background-color: #ffffff;
  color: #590325;
  margin: 10px 0px 0px 0px;
}

.sidebar li {
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

.sidebar ul li ul {
  margin: 0px 0px 0px 10px;
}

.sidebar ul li ul li {
  font-size: 11px;
  /* font-weight: normal; */
  margin: 0px 0px 0px 0px;
}

.divider {
  background-image: url(images/divider.gif);
  background-repeat: no-repeat;
  height: 1px;
  margin: 20px auto 20px auto;
  width: 133px;
}

/* .sidebar-contact
--------------------------------------- */
.sidebar-contact {
  overflow: hidden;
}

/* .contact-top
--------------------------------------- */
.contact-top {
  background-image: url(images/contact-top.gif);
  background-repeat: no-repeat;
  height: 10px;
  margin: 20px 0px 0px 0px;
  width: 136px;
}

/* .contact-middle
--------------------------------------- */
.contact-middle {
  background-image: url(images/contact-middle.gif);
  background-repeat: repeat-y;
  padding: 0px 10px 0px 10px;
}

.contact-middle p {
  padding: 10px 0px 10px 0px
}

.contact-middle a:active,
.contact-middle a:link,
.contact-middle a:visited {
  background-color: #f2ece0;
  color: #590325;
  text-decoration: none;
}

.contact-middle a:hover {
  background-color: #f2ece0;
  color: #590325;
  text-decoration: underline;
}

.contact-middle span#phone {
  background-image: url(images/phone.gif);
  display: block;
  height: 11px;
  margin: 0px 0px 5px 0px;
  width: 37px;
}

.contact-middle span#email {
  background-image: url(images/email.gif);
  display: block;
  height: 10px;
  margin: 0px 0px 5px 0px;
  width: 32px;
}

/* .contact-bottom
--------------------------------------- */
.contact-bottom {
  background-image: url(images/contact-bottom.gif);
  background-repeat: no-repeat;
  height: 10px;
  width: 136px;
}

/* .main
--------------------------------------- */
.main {
  float: right;
  padding: 0px 34px 0px 35px;
  overflow: hidden;
  width: 556px;
}

.main h3 {
  background-color: #ffffff;
  color: #81123d;
  font-size: 24px;
  font-weight: normal;
}

.main h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  text-transform: uppercase;
}

.main p {
  margin: 20px 0px 0px 0px;
}

.main ul {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 40px;
}

.main li {
  list-style-type: disc;
}


/* .keyline
--------------------------------------- */
.keyline {
  background-image: url(images/keyline.gif);
  background-repeat: repeat-x;
  clear: both;
  height: 3px;
  margin: 20px 0px 0px 0px;
  width: 556px;
}

/* .product
--------------------------------------- */
.product {
  margin: 20px 0px 0px 0px;
  overflow: auto;
  width: 556px;
}

/* .product-image
--------------------------------------- */
.product-image {
  float: left;
  margin: 0px 5px 0px 5px;
  overflow: hidden;
  width: 90px;
}

/* .product-description
--------------------------------------- */
.product-description {
  float: left;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
  width: 426px;
}

.product-description h4 {
  font-size: 12px;
  margin: 0px 0px -20px 0px;
  padding: 0px 0px 0px 0px;
}

/* .product-detail-column-1
--------------------------------------- */
.product-detail-column-1 {
  float: left;
  width: 290px;
}

.product-detail-column-1 img {
  margin: 20px 0px 0px 0px;
}

/* .product-detail-column-2
--------------------------------------- */
.product-detail-column-2 {
  float: right;
  width: 256px;
}

.product-detail-column-2 h4 {
  background-color: #ffffff;
  color: #590325;
  font-size: 12px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.product-detail-column-2 p {
  margin: 20px 0px 0px 0px;
}

.product-detail-column-2 ul {
  padding: 0px 0px 0px 20px;
}

.product-detail-column-2 li {
  list-style-type: disc;
  margin: 20px 0px 0px 0px;
}

/* .shopping-cart
--------------------------------------- */
.shopping-cart {
  background-image: url(images/shopping-cart-background.gif);
  background-repeat: repeat-y;
  margin: 20px 0px 0px 0px;
  width: 556px;
}

/* .shopping-cart-top
--------------------------------------- */
.shopping-cart-top {
  background-image: url(images/shopping-cart-top.gif);
  height: 26px;
  overflow: hidden;
  width: 556px;
}

/* .shopping-cart-select-top
--------------------------------------- */
.shopping-cart-select-top {
  background-image: url(images/title_cartqty.gif);
  height: 22px;
  overflow: hidden;
  width: 548px;
  padding-left: 6px;  
}

/* .shopping-cart-info
--------------------------------------- */
.shopping-cart-info {
  margin: 10px auto 10px auto;
  overflow: hidden;
  width: 536px;
}

.shopping-cart-info p {
  margin: 0px 0px 0px 0px;
}

/* .shopping-cart-detail
--------------------------------------- */
.shopping-cart-detail {
  float: left;
  width: 465px;
}

.shopping-cart-detail p.order-info {
  font-size: 10px;
  margin: 20px 0px 0px 0px;
}

/* .shopping-cart-quantity
--------------------------------------- */
.shopping-cart-quantity {
  float: left;
  margin: 0px 0px 0px 10px;
  width: 60px;
}

.shopping-cart-quantity p {
  text-align: center;
}

.shopping-cart-quantity input {
  width: 20px;
}

/* .shopping-cart-remove
--------------------------------------- */
.shopping-cart-remove {
  clear: both;
  padding: 10px 0px 0px 0px;
}

/* .shopping-cart-keyline
--------------------------------------- */
.shopping-cart-keyline {
  background-image: url(images/keyline.gif);
  background-repeat: repeat-x;
  clear: both;
  height: 3px;
  margin: 20px 0px 10px 0px;
  overflow: hidden;
  width: 536px;
}

/* .shopping-cart-keyline-light
--------------------------------------- */
.shopping-cart-keyline-light {
  background-image: url(images/keyline-light.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  clear: both;
  height: 1px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  overflow: hidden;
  width: 536px;
}

/* .shopping-cart-bottom
--------------------------------------- */
.shopping-cart-bottom {
  background-image: url(images/shopping-cart-bottom.gif);
  height: 3px;
  overflow: hidden;
  width: 556px;
}

/* .shopping-cart-bottom-left
--------------------------------------- */
.shopping-cart-bottom-left {
  float: left;
  width: 150px;
}

/* .column
--------------------------------------- */
.column {
  float: left;
  width: 33%;
}

.column .keyline {
  overflow: hidden;
  width: 118px;
}

.column p.short {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* .rounded-corners-top
--------------------------------------- */
.rounded-corners-top {
  background-image: url(images/rounded-corners-top.gif);
  height: 20px;
  margin: 20px 0px 0px 0px;
  width: 556px;
}

/* .rounded-corners-middle
--------------------------------------- */
.rounded-corners-middle {
  background-color: #eae0cc;
  color: #000000;
  padding: 0px 20px 0px 20px;
}

.rounded-corners-middle p {
  margin: 0px 0px 0px 0px;
}

.rounded-corners-middle ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}

.rounded-corners-middle li {
  list-style-image: url(images/arrow.gif);
  margin: 0px 0px 20px 0px;
}

/* .rounded-corners-bottom
--------------------------------------- */
.rounded-corners-bottom {
  background-image: url(images/rounded-corners-bottom.gif);
  height: 20px;
  width: 556px;
}

/* .footer
--------------------------------------- */
.footer {
  background-color: transparent;
  color: #5d4d3c;
  font-size: 11px;
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  width: 800px;
}

.footer h6 {
  background-image: url(images/footer.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 12px;
  width: 800px;
}

.footer p {
  margin: 0px auto 0px auto;
  text-align: center;
  width: 400px;
}

.footer p.space {
  margin: 10px auto 0px auto;
  text-align: center;
  width: 400px;
}

.footer a:active,
.footer a:link,
.footer a:visited {
  background-color: transparent;
  color: #5d4d3c;
  text-decoration: none;
}

.footer a:hover {
  background-color: transparent;
  color: #5d4d3c;
  text-decoration: underline;
}

.footer ul {
  margin: 10px auto 0px auto;
  text-align: center;
  width: 400px;
}

.footer ul.links {
  margin: -12px auto 10px auto;
}

.footer li {
  display: inline;
}

/* .zip-code-locator
--------------------------------------- */
.zip-code {
  float: right;
}

.zip-code-top {
  background-image: url(images/zip-code-top.png);
  background-repeat: no-repeat;
  height: 10px;
  margin: 0px 0px 0px 0px;
  width: 187px;
}

.zip-code-middle {
  background-image: url(images/zip-code-middle.png);
  background-repeat: repeat-y;
  width: 187px;
}

.zip-code-middle p {
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 0px 20px;
}

.zip-code-bottom {
  background-image: url(images/zip-code-bottom.png);
  background-repeat: no-repeat;
  height: 10px;
  width: 187px;
}

.zip-code-locator input.short {
  width: 100px;
}

/* .productivity-calculator
--------------------------------------- */
.calculator-top {
  background-image: url(images/calculator-top.png);
  height: 28px;
  margin: 20px 0px 0px 0px;
  width: 503px;
}

.calculator-middle {
  background-image: url(images/calculator-middle.png);
  background-repeat: repeat-y;
  width: 503px;
}

.calculator-middle input.short {
  width: 100px;
}

.calculator-middle input.shortest {
  width: 50px;
}

.calculator-middle p.calculate {
  text-align: right;
}

.calculator-middle p {
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
}

.calculator {
  background-image: url(images/calculator.jpg);
  background-position: right;
  background-repeat: no-repeat;
}

input.number-of-employees-sidebar {
  width: 85px;
}

.calculator-keyline {
  background-image: url(images/calculator-keyline.png);
  background-repeat: no-repeat;
  height: 1px;
  margin: 20px auto 0px auto;
  width: 479px;
}

.calculator-bottom {
  background-image: url(images/calculator-bottom.png);
  background-repeat: no-repeat;
  height: 8px;
  width: 503px;
}

/* .water-calculator
--------------------------------------- */
a.water-calc:active,
a.water-calc:link,
a.water-calc:visited {
  color: #246187;
  text-decoration: none;
}

a.water-calc:hover {
  color: #246187;
  text-decoration: underline;
}

.water-calc-top {
  background-image: url(images/water-calc-top.png);
  background-repeat: no-repeat;
  height: 28px;
  margin: 0px 0px 0px 0px;
  width: 533px;
}

.water-header{
  padding: 0px 20px 10px 0px;
  overflow: hidden;
  width: 533px;
}

.water-header img
{
  padding-top: 0px;
  padding-left: 15px;
  float: right;
}

.water-header h3 {
  background-color: #ffffff;
  color: #246187;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}

.water-header h4 {
  font-size: 14px;
  color: #246187;
  padding-bottom: 12px;
  text-align: left;
}

.water-header p {
  margin: 10px 0px 10px 0px;
}

.water-red-text h1 {
 font-size: 14px;
 color: #FF0000;
 font-weight: bold;
}
.water-red-text h2 {
 font-size: 10px;
 color: #FF0000;
 font-weight: bold;
}
.water-red-text h3 {
 font-size: 12px;
 color: #FF0000;
 font-weight: bold;
}

.water-red-text  a.red:active, a.red:link, a.red:visited, a.red:hover {
  color: #FF0000;
  text-decoration: underline;
}

.water-calc-bullet table th {
  text-align: center;
  color: #FFFFFF;
  background-color: #246187;
  height: 30px;
  width: 503px;
}
.water-calc-bullet {
  text-align: center;
  padding: 0px 20px 0px 0px;
  overflow: hidden;
  width: 533px;
}
.water-calc-bullet ul {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 20px;
  vertical-align: top;
}
.water-calc-bullet li  {
 text-align: left;
}
.water-calc-bullet table td {
  padding-left: 20px;
  padding-right: 20px;
  width: 40%;
}

.water-calc-middle {
  background-image: url(images/water-calc-middle.png);
  background-repeat: repeat-y;
  width: 533px;
  padding: 5px 10px 5px 10px;
  font-size: 11px;
  font-weight: bold;  
  
}
.water-calc-middle p {
  margin: 0px 0px 0px 0px;
  padding-bottom: 20px;
}

.water-calc-middle table {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px 0px 0px 0px;
  width: 533px;
}

.water-calc-middle table td {
  padding-top: 3px;
  padding-bottom: 3px;
  text-transform: uppercase;
  color: #246187;
}
.water-calc-middle table td.small {
  padding-top: 3px;
  padding-bottom: 3px;
  text-transform: uppercase;
  color: #246187;
}
.water-calc-middle table td.total {
  color: #FF0000;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}


.water-calc-middle table td.longText {
  width: 160px;
  text-align: center;
} 
.water-calc-middle table td.shortText {
  width: 60px;
  text-align: center;
} 
.water-calc-middle table td.endCol {
  text-align: left;
}

.water-calc-middle table td.rightAlignCell {
  text-align: right;
}

.water-calc-middle input.short {
  width: 110px;
  text-align: center;
  background-color: #FFFFFF;
  border-color: #000000;
  border-width: 1px;
  height: 20px;
  color: #23238E;
  font-weight: bold;
  font-size: 12px;
}

.water-calc-middle input.shortTotal {
  width: 110px;
  text-align: center;
  color: #FF0000;
  font-weight: bold;
  background-color: #FFFFFF;
  border-color: #000000;
  border-width: 1px;
  height: 20px;
  font-size: 16px;
}

.water-calc-middle input.shortest {
  width: 75px;
  text-align: center;
  background-color: #FFFFFF;
  border-color: #000000;
  border-width: 1px;
  height: 20px;
}
.water-calc-middle p.calculate {
  text-align: right;
}

.water-calc-middle p {
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 0px 20px;
}

.water-calc-buttons input.first {
  padding-left: 417px;
  padding-top: 15px;
}
.water-calc-buttons input.second{
  padding-left: 15px;
}

.water-calc-keyline  {
  background-image: url(images/water-calc-keyline.png);
  background-repeat: no-repeat;
  height: 1px;
  width: 503px;
  padding-top: 10px;
}

.water-calc-bottom {
  background-image: url(images/water-calc-bottom.png);
  background-repeat: no-repeat;
  height: 8px;
  width: 533px;
}

/* .form
--------------------------------------- */
.form {
  overflow: hidden;
}

.form table td {
  vertical-align: top;
}

.form table td.left {
  background-color: #ffffff;
  color: #590325;
  font-weight: bold;
  padding: 20px 3px 0px 0px;
  text-align: right;
  width: 150px;
}

.form#no-center table td.left {
  background-color: #ffffff;
  color: #590325;
  font-weight: bold;
  padding: 20px 3px 0px 0px;
  text-align: left;
  width: 100px;
}

.form#no-center table td.left-35 {
  background-color: #ffffff;
  color: #590325;
  font-weight: bold;
  padding: 20px 3px 0px 0px;
  text-align: left;
  width: 35%;
}

.form#no-center table td.left-35-black {
  background-color: #ffffff;
  color: #000000;
  font-weight: normal;
  padding: 20px 3px 0px 15px;
  text-align: left;
  width: 35%;
}

.form#no-center table td.right-65 {
  padding: 20px 0px 0px 3px;
  width: 65%;
}

.form table td.right {
  padding: 20px 0px 0px 3px;
  width: 400px;
}

.form input.long {
  width: 300px;
}

.form input.medium {
  width: 150px;
}

.form input.short {
  width: 75px;
}

.form select.long {
  width: 304px;
}

.form select.medium {
  width: 154px;
}

.form select.full {
  width: 100%;
}

.form textarea {
  height: 100px;
  width: 300px;
}

p.errMsg {
  margin: 20px 0px 20px 0px;
}

p.message {
  background-color: #ffffff;
  color: #ff0000;
}

span.red {
  background-color: #ffffff;
  color: #ff0000;
  font-weight: bold;
}

/* miscellaneous styles
--------------------------------------- */
#moveUp {
  margin: -20px 0px 0px 0px;
}

.moveUp10 {
  margin: -10px 0px 0px 0px;
}

.moveDown10 {
  position: relative;
  top: 10px;
}

.black {
  color: #000000;
}

.clear {
  clear: both;
}

.addHeight {
  height: 5px;
}

.goLeft {
  float: left;
  margin: 0px 5px 0px 0px;
}

.goRight {
  float: left;
  margin: 0px 0px 0px 5px;
}

table td.box25 {
  width: 18%;
}

select.my-orders-medium {
  width: 135px;
}

/* Printing */
#print {
  display: none;
}

/* #tool-tip
--------------------------------------- */
#tool-tip {
  background-color: #ffffff;
  border: 1px solid #a0805c;
  color: #000000;
  font: normal 11px Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  position: absolute;
  visibility: hidden;
  width: 140px;
  z-index: 2;
}


.animated_star {
	position: relative;
	top: 3px;
	margin-top: -3px;
}