/*LAYOUT - ESSENTIAL*/
body        {
              font-family: verdana, tahoma, arial, sans serif;
              margin: 0;
              font-size: 12px;
              padding: 20px 0 0 0;
              text-align: center;
              line-height: 1.4em;
              /*background: url(../images/back/back2.gif);*/
              background: #fed308;

            }
#root       {
              width: 799px;
              margin: 0 auto;
              position: relative;
              text-align: left;
              background: url(../images/back/straw_faux.gif) 10px 10px repeat-y;
            }
#head     {
              float: left;
              width: 100%;
              position: relative;
              z-index: 1;
              height: 165px;
              background: url(../images/back/header.jpg) left top no-repeat;
            }
#menu       {
              height: 26px;
              width: 570px;
              position: absolute;
              top: 135px;
              left: 15px;
              background: url(../images/back/menu.gif) left top no-repeat;
            }          
#content    {
              float: left;
              width: 100%;
              clear: left;
              background: url(../images/back/content_faux.gif) left repeat-y;
            }
#contentBody {
              float: left;
              width: 390px;
              margin-left: 145px;
              padding: 0 5px 25px 10px;
              line-height: 20px;
            }
#contentBody_wide {
              float: left;
              width: 540px;
              margin-left: 145px;
              padding: 0 5px 25px 10px;
              background: #FFF;
              line-height: 20px;
            }
#column     {
              float: right;
              position: relative;
              width: 175px;
              margin: -80px 35px 0 0;
              padding: 0 1px;
              position: relative;
              /*top: -80px;*/
              z-index: 20;
            }
#footer     {
              clear: both;
              background: url(../images/back/footer.gif) left bottom no-repeat;
            }
#login      {
              text-align: left;
              margin: 0 auto;
              width: 334px;
              height: 206px;
              padding-top: 90px;
              background: url(../images/back/login.gif) left top no-repeat;
            }
#login h3,
#login p    {
              padding: 0 10px;
            }
/*STANDARD ELEMENT STYLES*/
ul, li      {
              list-style-type: none;
            }
ul          {
              margin: 0 0 0 30px;
              padding: 0;
            }
li          {
              margin: 0;
              padding: 0 0 0 16px;
              background: url(../images/bullet1.gif) 0 4px no-repeat;
            }
li em,
li a:link,
li a:visited {
              color: #B50800;
            }
a           {
              text-decoration: none;
            }
a:link,
a.normal:link      {
              color: #4080B0;
            }
a:visited,
a.normal:visited {
              color: #4080B0;
            }
a:hover     {
              text-decoration: none;
            }
i           {
              font-style: normal;
            }
h1          {
              font-size: 140%;
              margin: 15px 0 10px 0;
            }
h2          {
              font-size: 120%;
              margin: 7px 0 7px 0;
            }
h3          {
              font-size: 110%;
              margin: 5px 0;
            }
p           {
              margin: 5px 0 15px 0;
            }
img         {
              border: none;
            }
em          {
              font-weight: bold;
              font-style: normal;
            }
form,
fieldset    {
              margin: 0;
              padding: 0;
              border: none;
            }
legend      {
              margin: 3px 0;
              padding: 0;
              font-weight: bold;
              color: black;
            }
/*DECORATIONS*/
#head .cards {
            position: absolute;
            left: 150px;
            top: 7px;
}

a.hh_logo   {
                float: right;
                margin-top: 20px;
                }
#column h2 {
              font-size: 140%;
              margin: 15px 0 15px 0;
            }
#column ul  {
              width: 100%;
              margin: 0 0 10px 0;
              padding: 0;
              border-top: solid 1px #FFF;
            }
ul.ul1 li   {
              padding: 0 12px 0 0;
              font-weight: bold;
              text-align: left;
              background: url(../images/bullet1.gif) 100% 5px no-repeat;
            }
ul.ul1 a    {
              margin: 0;
              padding: 0;
            }
ul.ul1 a:link,
ul.ul1 a:visited {
              color: #D51920;
            }
#login fieldset {
              margin: 0 5px;
              padding: 0 10px 5px 10px;
              border: auto;
            }
#login input.inputfield {
              display: block;
              width: 90%;
              padding: 0 2px;
              margin: 5px 0;
            }
#login label    {
              display: none;
            }
#login span {
              float: right;
              width: 220px;
              font-size: 10px;
              color: red;
              text-align: right;
            }
#head h1    {
              display: none;
            }
#menu ul,
#menu li    {
              float: left;
              margin: 0;
              padding: 0;
            }
#menu ul    {
              padding: 0 0 0 5px;
            }
#menu li    {
              margin: 4px 0px 0 6px;
              padding: 0 8px 0 0;
              background: url(../images/back/menubullet.gif) right center no-repeat;
            }
#menu li.last   {
              background: none;
            }
#menu a:link,
#menu a:visited {
              color: white;
}
#menu a:hover {
              text-decoration: underline;
            }
#footer     {
              padding: 15px 139px 15px 0;
              font-weight: bold;
              font-size: 10px;
              text-align: right;
              color: #606060;
              vertical-align: middle;
            }
#footer *   {
              vertical-align: middle;
}
.news       {
              /*position: relative;*/
              /*z-index: 20;*/
            }
.sect1      {
              padding: 1px 70px 1px 0;
              background: url(../images/apple.gif) 100% 20px no-repeat;
            }
.sect2      {
              padding: 1px 70px 1px 0;
              background: url(../images/orange.gif) right top no-repeat;
            }
.sect3      {
              padding: 1px 70px 0 0;
              background: url(../images/cucumber.gif) 100% 30px no-repeat;
            }
.sect4      {
              padding: 0 0 45px 0;
              background: url(../images/fruitbasket.gif) 95% 100% no-repeat;
            }
.sect5      {
              float: left;
              width: 245px;
            }
.sect6      {
              float: right;
              width: 138px;
              margin: 20px 3px 0 0;
              text-align: center;
            }
.sect6 img  {
              margin: 0 0 5px 0;
              padding: 3px;
              border: solid 1px #CCCCCC;
            }
.sect7      {
              padding: 0 90px 20px 0;
              background: url(../images/bananas_buddha.jpg) 100% 0 no-repeat;
            }
.box3 {
              padding: 0 0 10px 0;
              background: url(../images/back/box3.gif) -2px 100% no-repeat;
            }
.box3 p     {
              padding-left: 10px;
              padding-right: 10px;
}
.box3 em     {
                font-weight: normal !important;
                font-style: italic;
}
.box3 a:link,
.box3 a:visited {
		  /*color: #D51920;*/
            }
.box3 h3.teaser {
              margin: 2px 0;
              padding: 5px 10px;
              background: url(../images/back/box3.gif) -2px 0 no-repeat !important;
            }
.box3 img {
              margin-right: 5px;
}
.news_head  {
              margin: 0;
              padding: 0;
              height: 0;
              padding-top: 43px;
              overflow: hidden;
              background: url(../images/news_head.gif) left top no-repeat;
            }
.news span {
              display: block;
              margin-top: 8px;
              clear: both;
              color: #808080;
              font-size: 10px;
              padding: 1px;
            }
.news h3    {
              clear: both;
              margin: 2px 0;
            }
.news p     {
              margin: 0 0 15px 0;
            }
.news img   {
              float: right;
            }
.news img.product   {
              float: left;
              width: 30px;
              margin: 0 5px 5px 0;
            }
.news h3.teaser {
              margin-top: 10px;
            }
.news em    {
              font-weight: normal;
              font-style: italic;
              font-size: 90%;
            }
.user       {
              float: left;
              margin-left: 150px;
              margin-top: -5px;
            }

#contentBody.order_fruit {
              padding-left: 20px;
}
.order_fruit h1 {
              margin: 10px 0 15px 0;
            }
.order_fruit h2 {
              clear: both;
            }
.images     {
              float: left;
              width: 100%;
              line-height: 10px;
            }
.images h2  {
              font-size: 100%;
              margin: 1.3em 0;
              padding: 3px 0;
              border-bottom: solid 2px #606060;
            }
.images div {
              float: left;
              width: 81px;
              height: 92px;
              margin: 0 9px 7px 0;
              text-align: center;
              padding: 1px 0 2px 0;
              background: url(../images/back/image_frame.gif) left top no-repeat;
            }
.images div.season {
              /*background: url(../images/back/image_frame_season.gif) left top no-repeat;*/
            }
.images a   {
              margin: 0;
              padding: 0;
              display: block;
              text-align: center;
              font-size: 9px;
            }
.images a.top {
              height: 64px;
              overflow: hidden;
              padding: 0;
            }
.images a.bottom {
              padding: 6px 0;
            }
.images a:link,
.images a:visited {
              color: #404040;
            }
.images div:hover,
.images div.over {
              background: url(../images/back/image_frame_hov.gif) left top no-repeat;
            }
.images div:hover a.bottom:link,
.images div:hover a.bottom:visited,
.images div.over a.bottom:link,
.images div.over a.bottom:visited {
              color: white;
            }
.images div:hover a.bottom,
.images div.over a.bottom {
              background: #606060;
            }
.images a.season {
            margin: 0 1px;
}
.images div:hover a.season,
.images div.over a.season {
              background: #b13929;
            }


p.season_expl    {
              clear: both;
              margin: 0;
              padding: 0 0 5px 5px;
              vertical-align: middle;
              font-size: 10px;
            }
p.season_expl *   {
              vertical-align: middle;
            }
.uc_products {
              clear: both;
              /*border-top: solid 1px #FFF;*/
              padding-top: 0px;
              background: url(../images/back/up_top.gif) 0 5px no-repeat;
}

.uc_products h2 {
              font-size: 10px;
              margin: 0;
              padding: 5px 0 0 7px;
              color: #606060;
            }
.uc_products form {
              margin: 0;
              padding: 0;
              border: none;
              background: url(../images/back/up_middle.gif) left repeat-y;
            }
.uc_products table {
              margin: 0;
              padding: 0 0 7px 0;
              width: 351px;
              border: none;
              /*border-collapse: collapse;*/
              background: url(../images/back/up_bottom.gif) left bottom no-repeat;
            }
.uc_products th,
.uc_products td {
              font-size: 11px;
              vertical-align: middle;
            }
.uc_products td * {
              vertical-align: middle;
            }
.uc_products .nameh,
.uc_products .cath,
.uc_products .thumb,
.uc_products .noprod,
.uc_products .message {
              padding: 0 0 0 10px;
            }
.uc_products .message {
              color: red;
            }
.uc_products .noprod {
              font-style: italic;
            }
.uc_products .name {
              font-weight: bold;
            }
.uc_products .quanth,
.uc_products .quant,
.uc_products .price,
.uc_products .priceh {
              text-align: right;
              padding: 0 10px 0 0;
            }
.uc_products .unith,
.uc_products .unit {
              padding-right: 10px;
              text-align: right;
            }
.uc_products .delete {
              padding-right: 10px;
              text-align: right;
            }
.uc_products .cath {
              padding: 4px 10px 6px 10px;
              line-height: 10px;
              background: url(../images/back/th1.gif) 5px 4px no-repeat ;
              /*border-top: solid #FFF 4px;
              border-bottom: solid #FFF 4px;*/
              font-size: 9px;
            }
.uc_products select {
              font-size: 9px;
              border: solid 1px #D0D0D0;
              text-align: left;
            }
.uc_products em {
              float: left;
              margin: 0 0 5px 0;
              font-style: normal;
              font-weight: normal;
              color: red;
            }
.uc_products td.submit {
              text-align: right;
              padding: 5px;
            }
.uc_products .total {
              text-align: right;
              font-weight: bold;
            }
.uc_products .totalPrice {
              padding: 0 10px 0 0;
              text-align: right;
            }
.uc_products .obs,
 .obs{
              color: red;
            }

/*NEW CUSTOMER FORM (and logged in form)*/
.new_customer {
              width: 351px;
              margin: 0 0 10px 0;
              padding: 0 0 10px 0;
              background: url(../images/back/up_bottom2.gif) 0 100% no-repeat;
}
.new_customer h2 {
              font-size: 10px;
              margin: 0;
              padding: 0 0 0 17px;
              color: #606060;
              }
.new_customer form,
 .new_customer .w1 {
              padding: 0 0 0 0;
              background: url(../images/back/up_top_wide.gif) 0 0px no-repeat;
              }
.new_customer fieldset {
              padding: 10px 15px 10px 10px;
              margin: 0;
              }
.new_customer label {
              clear: both;
              display: block;
              margin: 4px 0 0 0;
              padding: 0;
              line-height: 15px;
}
.new_customer input.field,
 .new_customer textarea {
              width: 98%;
              display: block;
              padding: 0 1px;
              font-size: 11px;
}
.new_customer input.submit {
              float: right;
              margin: 10px 0 0 0;
}
.new_customer legend {
              margin: 0;
              padding: 0;
}
.new_customer em {
              font-style: normal;
              font-weight: normal;
              color: red;
}
.new_customer .error {
              display: block;
              font-size: 9px;
}
.new_customer em.expl {
              position: relative;
              font-weight: normal;
              top: 5px;
              font-size: 10px;
}
.logged_in    {
              font-size: 10px;
              }
.logged_in form {
              background: url(../images/back/up_top.gif) 0 0px no-repeat;
              }
.logged_in dt {
              float: left;
              clear: both;
              font-weight: bold;
              }
.logged_in dd {
              float: right;
              padding-right: 5px;
              }
.logged_in label {
                padding-top: 10px;
              }

.newsItem h3  {
                clear: both;
                background: #F0F0F0;
                padding: 3px 2px;
                color: #800000;
                }
.newsItem img {
                float: right;
                margin: 0 0 3px 3px;
                }
.newsItem span  {
                  float: right;
                  display: inline;
                  margin-top: -20px;
                  margin-right: 5px;
                  font-weight: normal;
                  font-size: 80%;
                  color: #606060;
                }
.newsItem p     {
                  padding: 0 5px;
                }
.right {
                  float: right;
                  clear: right;
                  margin: 0 0 5px 0;
}
.left {
                  float: left;
                  clear: left;
                  margin: 0 5px 2px 0;
}
.border img,
img.border      {
                  padding: 3px;
                  border: solid 1px #CCCCCC;
                }
ul.ul_t2        {
                  margin-top: 10px;
                  margin-bottom: 20px;
                }
ul.ul_t2 li     {
                  clear: both;
                }
ul.ul_t2 em     {
                  float: left;
                  width: 100px;
                }
div.caption_img {
                  width: 188px;
                  float: left;
                  color: #909090;
                  font-size: 90%;
                  text-align: center;
                  line-height: 100%;
                }
div.caption_img p {
                  float: none;
                  text-align: center;
                  font-style: italic;
                }
.startpage ul {
                  margin: 0;
                  padding: 0 0 20px 0;
                }


/*Button1*/
a.btn1 {
    background: url(../images/back/btn1.gif) 0 0 no-repeat;
    display: inline;
    float: left;
    padding-left: 2px;
}
a.btn1:link,
a.btn1:visited {
    color: #FFF;
}
a.btn1 span {
    background: url(../images/back/btn1.gif) 100% 0 no-repeat;
    display: block;
    font-size: 15px;
    font-family: verdana;
    font-weight: normal;
    padding: 1px 10px 5px 10px;
}
span.expl {
    font-style: italic; 
}
div.orderfruitbasket ul li em {
    color: #000;
}

div.basketoption {
    float: left;
    width: 132px;
    text-align: center;
}
div.basketoption img {
    display: block;
    margin-bottom: 10px;
}
div.basketoption label {
    font-weight: normal;
}
div.medium {
    width: 110px;
}
div.small {
    width: 100px;
}
.fo {
    padding-top: 20px;
    clear: left;
}
.fo2 {
    margin: 0;
    padding-top: 10px;
    clear: left;
}
.fo3 {
    margin: 0;
    padding: 10px 0;
    clear: left;
}
.fo3 label {
    font-weight: bold;
    padding-right: 10px;
}

.important {
    font-style: italic;
    padding-right: 30px;
}
#form1 {
    margin-bottom: 10px;
}
div.errors {
    margin: 5px 0 10px 0;
}
div.errors p {
    color: #F00;
    margin-bottom: 5px;
}

form.preview ul {
    margin-bottom: 20px;
}

#krav {
    position: absolute;
    top: -10px;
    right: -39px;
    z-index: 100;
}
img.krav {
    float: left;
    margin: 0 3px 3px 0;
}
#christmas {
    position: absolute;
    top: -18px;
    left: -85px;
    z-index: 100;
}


/*IE BUGFIXES*/
#head,
#content,
#contentBody,
#contentBody_wide,
#column,
#login span,
#menu li,
.news img,
.user,
.image,
.sect5,
.sect6,
.new_customer .submit
            {
              display: inline;
            }




* html .box3,
* html .box3 h3.teaser {
              background: none !important;
            }
* html .box3 p,
* html .box3 h3.teaser {
              padding-left: 0 !important;
              padding-right: 0 !important;
            }
* html .box3 {
              border-top: solid 2px #606060;
              padding-bottom: 0;
            }