/* GENERAL */
* {
  padding: 0;
  margin: 0;
  border-width: 0;
}
html {
  font-size: 100%;
  height: 100%;
}
body {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #666666;
  background-color: #fff;
  background: url(/images/background-full.png) 50% 0 repeat-y;
  _width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#footer {
  margin-top: 100px;
  _margin-top: 50px;
  background: url(bug00000.gif) no-repeat;
  font-size: 12px;
  padding-left: 36px;
  width: 600px;
  min-height: 80px;
  padding-top: 6px;
  clear: both;
}

.h-doc-wrap {
  min-width: 1063px;
  min-height: 100%;
  background: url(/images/background-full_2.png) 50% 100% no-repeat;
}

ul {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: #666666;
  font-size: 11px;
}
a:hover {
  color: #99cc33;
}
img { border: none }
table {
  border-collapse: collapse;
}
td {
  padding: 0px;
  margin: 0px;
}
.clear, .clear2 {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0
}

/* ELEMENTS */

#page {
  width: 1017px;
  margin: 0 auto;
  padding: 165px 0 0;
  position: relative;
}

#logo {
  position: absolute;
  left: 18px;
  top: 44px;
}

#call-center {
  position: absolute;
  top: 38px;
  right: 35px;
}

#fruits {
  position: absolute;
  top: 18px;
  left: -40px;
  padding: 0 17px 0 0;
  background: url(/images/fruit_bg2.png) 100% 0 no-repeat;
}

.fruits-in, #fruits h1 {
  height: 107px;
  background: url(/images/fruit_bg1.png) 0 0 no-repeat;
  font-size: 26px;
  line-height: 41px;
  text-transform: uppercase;
  color: #fff;
  padding: 40px 0 0 168px;
}
#year {
  font-weight: normal;
}
#call-center {
  width: 182px;
  height: 59px;
  padding: 21px 0 0;
  background: url(/images/call-bg.png) 0 0 no-repeat;
}
#call-center b {
  display: block;
  font-size: 27px;
  line-height: 41px;
  color: #fefefe;
  padding: 0 0 0 15px;
  text-shadow: -2px 2px 2px #3e5f0f;
}
#call-center span {
  display: block;
  padding: 5px 0 0 15px;
  font-size: 11px;
  color: #333;
}

#call-center a {
  margin:8px 0 0 15px;
  color: black;
  display: inline-block;
  font-size: 13px;
  font-weight:bold;
  padding-bottom: 3px;
  border-bottom: solid 2px #99CC33;
}

#bottle {
  position: absolute;
  top: 20px;
  left: 658px;
  z-index: 1;
}

#title {
  font-size: 32px;
  font-weight: bold;
  padding-left: 72px;
  float: left;
  width: 726px;
}
#title span {
  font-weight: normal;
  color: #99cc33;
}
#phone .number {
  font-size: 16px;
  font-weight: bold;
}
#phone .call-center {
  font-size: 10px;
  color: #99cc33;
}
#primary-column {
  width: 788px;
  float: left;
}
#secondary-column {
  margin-left: 798px;
  width: 170px;
}
#top {
/*  margin-top: 60px;*/
}
#top h1 {
  position: absolute;
  padding-top: 13px;
  font-weight: normal;
}
#search {
  width: 169px;
  height: 23px;
  background: url("/images/search-background.png") no-repeat scroll 0 0 transparent;
  float: left;
  padding-left: 3px;
  position: relative;
}
#search input {
  display: block;
  height: 23px;
  width: 130px;
  border: medium none;
  padding: 0 5px;
  font-size: 12px;
  color: #99CC33;
  outline: medium none;
  line-height: 23px;
}
#search .btn {
  width: 28px;
  height: 23px;
  background: url("/images/search-button.png") repeat scroll 0 0 transparent;
  position: absolute;
  right: 0;
  top: 0;
}
#menu {
  width: 603px;
  height: 23px;
  background: url(/images/menu-background.png) no-repeat;
  margin-left: 183px;
  _margin-left: 182px;
  padding-top: 3px;
}
#menu div {
  overflow: hidden;
}
#menu .menu-item {
  float: left;
  position: relative;
  height: 17px;
  padding: 0 4px;
}
#menu .menu-item span {
  font-size: 12px;
  visibility: hidden;
}
#menu .menu-item .link {
  position: absolute;
  left: 0px;
  top: 1px;
}
#menu .menu-item .link a.active {
  text-decoration: underline;
}
#menu .menu-item .back {
  position: absolute;
  left: 0px;
  top: 0px;
}
#menu .menu-border-left, #menu .menu-border-right {
  float: left;
}
#menu .menu-border-left {
  margin-left: 5px;
}
#menu a {
  font-size: 12px;
  color: #fff;
}
#menu .left, #menu .right {
  visibility: hidden;
  vertical-align: middle;
  _vertical-align: top;
  *vertical-align: top;
}
#menu .menu-item .active {
 opacity: 0.2 !important;
}
#menu .menu-border-left img.active {
 visibility: visible !important;
}
#menu .menu-border-right img.active {
 visibility: visible !important;
}

/* LIST */
.open-list {
  display: none;
}
.list-top {
  width: 172px;
  height: 21px;
  background: url(/images/list-background-top.png) no-repeat;
  color: #99cc33;
  font-size: 12px;
  cursor: pointer;
}
.hidden-list .list-top {
  background: url(/images/list-background-top-closed.png) no-repeat;
  height: 23px;
}
.list-top div {
  padding-left: 8px;
  padding-top: 6px;
}
.list-body {
  width: 172px;
  background: #fff;
  padding-top: 12px;
}
.list-body a {
  line-height: 19px;
  margin-left: 8px;
}
.list-body .pages {
  padding-left: 8px;
  padding-top: 20px;
}
.list-body .pages a {
  font-size: 10px;
  margin: 0px;
}
.list-body .pages span {
  color: #99cc33;
}
.list-bottom {
  width: 172px;
  height: 13px;
  background: url(/images/list-background-bottom.png) no-repeat;
}

/* PHOTOS */

#photos {
  margin-top: 24px;
}
.photo, .photo-no-margin, .photo-navigator {
  float: left;
  margin-right: 23px;
  width: 246px;
  height: 159px;
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.photo-no-margin, .photo-navigator {
  margin-right: 0px;
}
.no-height {
  height: auto;
  margin-top: 9px;
}
span.other-places {
  font-size: 12px;
  color: #9C3;
  display: block;
  margin: 14px 0px 10px 0px;
}
a.other-place-title {
  font-size: 12px;
  color: #272727;
}
a.other-place-title:hover {
  border-bottom: 1px solid #666;
}

.photo-navigator {
  height: 160px;
  margin-top: 30px;
}
.place-photo {
  width: 246px;
  height: 160px;
}
.links a {
  font-size: 10px;
  padding: 2px;
}
.links a:hover {
  color: #fff;
  background: #99cc33;
}
#photos .links {
  margin-left: 13px;
  margin-top: 7px;
}
#photos .clear {
  height: 30px;
  _height: 6px;
}
.green-block {
  position: absolute;
  width: 246px;
  height: 37px;
  background: url(/images/green-downplate.png) no-repeat;
  left: 0px;
  top: 126px;
}
.green-block-long {
  position: absolute;
  width: 246px;
  height: 54px;
  background: url(/images/green-downplate-long.png) no-repeat;
  left: 0px;
  top: 110px;
}
.green-block div {
  padding: 6px 0 0 10px;
}
.green-block-long div {
  padding: 2px 0 0 10px;
}
.green-block a, .green-block-long a {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}

.ta-block {
  position: absolute;
  top: -40px;
  right: 0;
  height: 34px;
  padding: 3px 3px 0 8px;
  background-color: white;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  text-align: right;
  color: #599642;
  border-top-left-radius: 10px;
  cursor: pointer;
}

.green-block-long .ta-block {
  height: 38px;
}

.ta-image {
  padding: 0;
  margin: 0;
}
.ta-recalls {
  padding: 1px 0 0 0 !important;
  margin: 0;
}
.fancybox-inner {
   overflow: hidden !important;
}

.photo-navigator {
  background: url(/images/green-background.png);
  height: 161px;
}
.photo-navigator .next {
  text-align: right;
  margin-right: 14px;
  margin-top: 52px;
}
.photo-navigator .previous {
  margin-top: 14px;
  margin-left: 14px;
}
.photo-navigator a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.photo-navigator a:hover {
  color: #fff;
}
.photo {
  position: relative;
}
.preview_order {
  display: block;
  width: 170px;
  height: 19px;
  padding: 2px 0 0;
  position: absolute;
  top: 0; right: 0;
  z-index: 1;
  text-indent: 0;
  background: #ee433b;
  border-radius: 0 0 0 5px;
  text-align: center;
  font-size: 14px;
  line-height: 100%;
  text-decoration: underline;
  color: #fff;
}
.photo .preview_order, .photo-no-margin .preview_order,
.photo, .photo-no-margin {
  display: block;
}

.photo .opening-soon, .photo-no-margin .opening-soon {
  position: absolute;
  top: 30px;
  z-index: 2;
  width: 246px;
  font: bold 32px Arial, sans-serif;
  color: white;
  text-align: center;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

/* FOOTER */

#footer {
  margin-top: 100px;
  _margin-top: 50px;
  background: url(/images/bug.gif) no-repeat;
  font-size: 12px;
  padding-left: 36px;
  width: 600px;
  height: 40px;
  padding-top: 6px;
  clear: both;
}
#footer div {
  line-height: 16px;
}
#footer a {
  font-size: 12px;
}

/* COUNTERS */

#counters {
  margin-top: 1em;
}

/* PLACE */

#place {
  padding-top: 57px;
}
#info-secondary {
  width: 172px;
  float: left;
}
#info-secondary a {
  text-decoration: underline;
  font-size: 10px;
  color: #99cc33;
}
#info-secondary a:hover {
  text-decoration: none;
}
#info-secondary .description {
  margin-top: 22px;
}

#info-primary {
  margin-left: 184px;
}
#info-primary h1 {
  font-size: 29px;
  font-weight: bold;
  color: #666666;
  float: left;
}
#info-primary .order {
  margin-left: 378px;
  _margin-left: 374px
}
#info-primary .order .order-btn, #info-primary .order .order-btn-first {
  display: block;
  width: 200px;
  height: 22px;
  border-width: 1px;
  border-style: solid;
  border-color: #f27670 #ee433b #c03932;
  border-radius: 5px;
  background-color: #ee433b;
  background-image: linear-gradient(to bottom, #ee433b, #f27670);
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
  clear: left;
}
#info-primary .order .order-btn-first {
  clear: none;
}
#info-primary .order a.order-btn, #info-primary .order a.order-btn-first {
  color: #fff;
}
#info-primary .info {
  margin-top: 38px;
  font-size: 12px;
  color: #666666;
}
#info-primary .link {
  margin-top: 1em;
}
#info-primary a {
  font-size: 12px;
  color:#99CC33;
}
#info-primary .photo {
  height: 100%;
  width: 580px;
  text-align: left;
  margin-bottom: 60px;
}
#info-primary .photo img {
  margin-top: 20px;
}

/* SIMPLE MODAL */

a.modal-close-img {
  background: url(/images/order-form-close.png) no-repeat;
  display: inline;
  position: absolute;
  width: 28px;
  height: 27px;
  z-index: 3200;
  cursor: pointer;

  /* IE transparency hack */
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/images/order-form-close.png', sizingMethod='scale'
    );
}
#modal-overlay {
  background-color: #000;
  cursor: default;
}
#order-modal-container {
  width: 778px;
  height: 570px;
  left: 50%;
  top: 5%;
  margin-left: -389px; /* half the width, to center */
  border: 0;
}
#order-modal-container a.modal-close-img {
  top: 22px;
  right: 24px;
}
#photo-modal-container {
  width: 228px; /* progress bar size + photo-layer padding */
  left: 50%;
  top: 5%;
  margin-left: -114px; /* half the width, to center */
  text-align: center;
}
#photo-modal-container a.modal-close-img {
  top: -10px;
  right: -10px;
}

/* TABLE ORDER */

#order-form {
  display: none;
  position: relative;
  width: 778px;
  height: 570px;
}
#order-form .background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 778px;
  height: 570px;
  background: url(/images/order-form.png);
}
#order-form .content {
  position: absolute;
  top: 11px;
  left: 195px;
  width: 569px;
  height: 544px;
}
#order-form .litter {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 559px;
  height: 534px;
  background: white;
}
#order-form .content table {
  position: absolute;
  top: 35px;
  left: 40px;
  width: 489px; /* 569-40-40 */
  height: 489px;
}
#order-form .content td {
  text-align: left;
  vertical-align: top;
}

#order-form .text {
  font-size: 1.1em;
  line-height: 150%;
}
#order-form .order-type {
  font-size: 2.0em;
}
#order-form .order-type .selected {
}
#order-form .order-type .non-selected {
  color: #ccc;
}
#order-form td.caption {
  width: 131px;
}
#order-form td.value {
  width: 358px;
}
#order-form .caption {
  font-size: 1.2em;
}
#order-form input, #order-form textarea, #order-form select {
  border: 1px solid #b3b9c3;
  font-size: 1.2em;
  padding: 2px;
}
#order-form .wide {
  width: 352px;
  max-width: 352px;
  max-height: 180px;
}
#order-form textarea.notes {
  height: 64px;
}
#order-form select.mini {
  width: 50px;
}
#order-form select.month {
  margin-left: 5px;
  width: 100px;
}
#order-form input.mini {
  width: 70px;
}
#order-form .second-field {
  float: right;
}
#order-form .second-field .caption {
  margin-right: 1.0em;
}
#order-form .controls {
  height: 32px;
}
#order-form .controls img {
  float: right;
}
#order-form .controls .progress {
  margin-right: 1em;
  margin-top: 8px;
  visibility: hidden;
}
#order-form .controls .complete {
  font-size: 1.2em;
  text-align: center;
  color: green;
}
#footnotes_debug {
  position: absolute;
  z-index:1000;
  margin: 0px auto;
}

.content-margin {
  margin-top: 20px;
}