H4{
font-size: 12px;
padding: 5px 0px 5px 8px}

H4.preparation, H4.product-info, H4.product-info-clear{
border: solid 1px #f0dfb2;
border-left: none;
border-right: none;
margin: 20px 0px 5px 0px;
background: url(../graphics/bg.gif)}

H4.preparation{
margin: 30px 0px 5px 0px}

H4.product-info-clear{
clear: both}

#left H4{
color: #e04020;
text-transform: uppercase;
margin: 30px 0px 5px 0px;
padding: 5px 0px 5px 8px}

P{
padding: 5px 8px 10px 8px}

P.left{
padding: 5px 8px 10px 8px}

P.product-description{
padding: 4px 0px 4px 8px;}

P.product-info{
font-size: 13px}	

P.delivery-date, P.number, P.total{
color: #e04020;
font-weight: bold;
padding: 0px 0px 5px 5px;}

P.error{
color: #e04020;
font-weight: bold;
padding: 10px 0px 0px 15px;
display: none}

P.faq-search{
font-weight: bold;
padding: 0px 13px 7px 2px}

P.product-description A{
color: #e04020;
text-decoration: none;
padding: 0px 25px 0px 0px;
background: url(../graphics/arrow-tran.gif) no-repeat right center}

P.product-description A:hover{
color: #fffff8;
background: #283838 url(../graphics/arrow-white.gif) no-repeat right center}



/************************* Products ****************/
#products{
width: 740px;
position: relative; left: 50%;
margin: 0px 0px 0px -370px;
padding: 58px 0px 10px 0px}

#product-description{
width: 475px;
margin: 0px 0px 0px 265px}

#promo-outer{
width: 250px;
float: right;
margin: 7px -5px 0px 0px;
padding: 0px 0px 30px 20px;
background: #fffff8 url(../graphics/bottom-right.gif) no-repeat right bottom}

#promo{
width: 250px;
padding: 10px 0px 0px 0px;
background: url(../graphics/top-left.gif) no-repeat left top}

#promo P{
color: #e04020;
padding: 15px 35px 0px 30px;}

#promo A{
color: #e04020}

#promo A:hover{
color: #fffff8;
background: #283838}

#left{
width: 240px;
position: absolute; left: 0px; top: 58px}

#product-photo{
width: 238px;
height: 238px;
border: solid 1px #f0dfb2}
/************************* End: Products ****************/



/************************* Product description *******************/
TABLE.product-description{
width: 475px}

TR.one TD.product-description-left, TR.one TD.product-description-right{
border: solid 1px #f0dfb2;
border-left: none;
border-right: none;
background: url(../graphics/bg.gif)}

TD.product-description-left{
width: 150px;
padding: 0px;}

TD.product-description-right{
padding: 0px;}

TR.two TD.product-description-left, TR.two TD.product-description-right{
padding: 0px 0px 1px 0px}
/************************* End: Product description *******************/



/************************* Calendar *******************/
#calendar-top, #calendar-outer, #calendar-touchup{
visibility: hidden;
width: 212px;
height: 10px;
position: absolute; left: 50%; top: 0%; 
margin: 520px 0px 0px -120px;
background: url(../graphics/calendar-top.png)}

#calendar-outer{
height: auto;
margin: 530px 0px 0px -120px;
padding: 0px 0px 10px 0px;
background: url(../graphics/calendar-outer.png) no-repeat bottom}

#calendar{
width: 182px;
margin: 0px 0px 0px 9px;
padding: 5px;
background: #ffffff}

#calendar-touchup{
width: 9px;
height: 20px;
background: url(../graphics/calendar-touchup.png)}

TABLE.calendar{
width: 182px;
border: solid 6px #131d27}

TABLE.calendar TR.month{
background: url(../graphics/bg.gif)}

TABLE IMG{
cursor: pointer;
padding: 3px 3px 0px 3px}

TABLE.calendar TD{
font-family: arial, sans-serif;
font-size: 11px;
color: #8c7840;
text-align: center;
width: 24px;
height: 23px;
margin: 0px;
padding: 0px}

TABLE.calendar TD.month{
font-size: 12px;
color: #6c5820;
font-weight: bold;
width: 120px}

TABLE.calendar TD.day, TABLE.calendar TD.sun{
border: solid 1px #e0cfa2;
border-left: none;
border-right: none}

TABLE.calendar TD.sun{
color: #e04020}

P.past, P.present, P.future{
line-height: 18px;
margin: 0px;
padding: 0px}

P.past{
color: #bca870}

P.present{
color: #e04020;
font-weight: bold}

P.future{
cursor: pointer}
/************************* End: Calendar *******************/



/************************* Cart menu *******************/
TABLE.cart-menu{
margin: 0px 0px 0px 7px}

INPUT.delivery, INPUT.delivery-safari{
width: 135px;
height: 21px;
cursor: pointer;
border: none;
background: url(../graphics/open-calendar-button.gif)}

INPUT.delivery-safari{
background: url(../graphics/open-calendar-button-safari.gif) no-repeat center center}

SELECT{
font-family: arial, sans-serif;
font-size: 12px;
color: #5c4810;
width: 65px;
margin: 0px 0px 0px 12px}
/************************* End: Cart menu *******************/



/************************* Summary *******************/
#total-date{
padding: 5px 0px 0px 0px;
margin: 25px 7px 0px 7px;
border: dotted 1px #c5b794;
border-left: none;
border-right: none}

INPUT.add-to-cart{
width: 118px;
height: 20px;
cursor: pointer;
border: none;
margin: 30px 0px 0px 8px;
background: url(../graphics/add-to-cart-button.jpg)}

IMG.help{
margin: 0px 0px 0px 15px;
cursor: pointer}
/************************* End: Summary *******************/



#faq-search{
margin: 25px 7px 0px 7px;
padding: 12px 0px 17px 0px;
border-top: dotted 1px #c5b794}

SELECT.faq{
font-family: arial, sans-serif;
font-size: 12px;
color: #5c4810;
width: 180px;
margin: 0px 5px 0px 2px}



/************************* Full-size image *******************/
#full-size-outer{
display: none;
width: 530px;
height: 530px;
position: absolute; left: 30px; top: 30px;
background: url(../graphics/full-size-outer.png)}

#full-size-throbber{
display: none;
width: 500px;
height: 500px;
position: absolute; left: 45px; top: 45px;
background: url(../graphics/throbber-1.gif) no-repeat center center}

#full-size{
width: 500px;
height: 500px}

IMG.full-size-close{
border: solid 1px #fffff8;
position: relative; left: 482px; top: 4px;
cursor: pointer}
/************************* Full-size image *******************/