BODY
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-IMAGE: url(../xcart/skin1/images/hdr1.gif);
    BACKGROUND-REPEAT: repeat-x
}
.bdytxt
{
    FONT-SIZE: 10pt;
    MARGIN-LEFT: 20px;
    WIDTH: 390px;
    COLOR: black;
    MARGIN-RIGHT: 30px;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: justify
}
#mc
{
}
#mtbl
{
    WIDTH: 0px
}
.subttl
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    MARGIN-LEFT: 30px;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}
.mul
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    MARGIN-LEFT: 50px;
    COLOR: black;
    MARGIN-RIGHT: 50px;
    FONT-FAMILY: Arial
}
I
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial
}
#mdiv
{
    Z-INDEX: 50;
    LEFT: 150px;
    VISIBILITY: visible;
    POSITION: absolute;
    TOP: 130px
}
#navtbl
{
    PADDING-RIGHT: 0px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#maintbl
{
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px
}
#maindiv
{
    Z-INDEX: 1;
    LEFT: 40px;
    POSITION: absolute;
    TOP: 5px
}
#nav2
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 182px
}
#nav0
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 132px
}
#nav1
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 161px
}
#nav3
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 205px
}
#nav4
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 227px
}
#nav5
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 248px
}
#nav6
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 270px
}
#nav7
{
    Z-INDEX: 80;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 292px
}
#hdr
{
    Z-INDEX: 1;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px
}
#newprod
{
    Z-INDEX: 5;
    LEFT: 545px;
    POSITION: absolute;
    TOP: 111px
}
#nav8
{
    LEFT: 0px;
    POSITION: absolute;
    TOP: 315px
}
#tbldiv
{
    POSITION: absolute;
    TOP: 50px
}
#rosebud
{
    Z-INDEX: 2;
    LEFT: 9px;
    POSITION: absolute;
    TOP: 345px
}
.cakethumb {
/*height: 50px;
width: 50px;*/
padding: 3px;
margin: 3px;
border: 1px solid #54301A;
}
.bigcake {
padding: 13px;
margin: 0;
background: #fff;
border: 2px solid #54301A;
}
#newprod2
{
    Z-INDEX: 95;
    LEFT: 620px;
    VISIBILITY: visible;
    POSITION: absolute;
    TOP: 210px
}
#featuredc
{
    TEXT-ALIGN: justify
}
#mailing
{
    LEFT: 8px;
    POSITION: absolute;
    TOP: 480px
}
#where2go
{
    Z-INDEX: 1;
    LEFT: 330px;
    POSITION: absolute;
    TOP: 850px
}
#mainnavpos
{
    Z-INDEX: 99;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 132px
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 320px;
margin: 0px;
padding: 10px;
color: #000000;
font-weight: normal;
background: #FFFFFF;
text-align: left;
border: 1px solid #666;
}
#smpic {
background: #ffffff;
padding: 5px 0px 15px 10px;
margin: 0;
border-left: 1px solid #54301A;
}
.choctxt
{
    FONT-SIZE: 10pt;
    WIDTH: 516px;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: justify
}

/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
z-index: 0;

}

.thumbnail:hover {
background-color: #FFFFFF;
z-index: 50;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
border: 1px solid #FFFFFF;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 200px;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */

}