/* Custom CSS Document for Casa de Fruta
   UPGRADE 6/5/2009 TO SF7
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* FROM ROOT STYLES.CSS
------------------------------------------------------------------*/

.GeneralPage
{
background-color: #ffffff; /* Background Color */
margin-bottom: 0px; /* Margins */
margin-left: 0px; /* Margins */
margin-right: 0px; /* Margins */
margin-top: 0px; /* Margins */
}

.GeneralTable
{
background-color: White; /* Background Color */
}

.TopBanner
{
font-family: Arial; /* Font Face */
font-size: 28pt; /* Font Size */
color: #666666; /* Font Color */
font-weight: Bold; /* Font Style */
text-decoration: none;
font-style: normal; /* FontStyle */
background-color: #FFFFFF; /* Background color */
text-align: Left; /* Align Text */
}

.TopSubBanner
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #E7E3D7; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: White; /* Background color */
text-align: Center; /* Align Text */
}

.TopSubBannerText
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #E7E3D7; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Center; /* Align Text */
}

.LeftColumn
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: White; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: White; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 167px;}

.LeftColumnText
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: White; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 167px;}

.RightColumn
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #000000; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
background-color: #C6BFA5; /* Background color */
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 15%;}

.RightColumnText
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #000000; /* Font Color */
font-style: normal; /* Font Style */
font-weight: Normal; /* Font Style */
text-decoration: none;
text-align: Left; /* Align Text */
vertical-align: Top; /* Align Text */
width: 15%;}

.Footer
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #C6BFA5; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
background-color: White; /* Background color */
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
}

.FooterText
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #C6BFA5; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none;
text-align: Center; /* Align Text */
vertical-align: Top; /* Align Text */
}

.Instructions
{
font-family: Arial; /* Font Face */
font-size: 9pt; /* Font Size */
color: #ff0000; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFF373; /* Background color */
text-align: Left; /* Align Text */
}

.ErrorMessages
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #C90D4F; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
text-align: Center; /* Align Text */
}

.Messages
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: #C90D4F; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
text-align: Center; /* Align Text */
}

.Headings
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: Black; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
text-align: Left; /* Align Text */
}

.Content
{
font-family: Arial; /* Font Face */
font-size: 8pt; /* Font Size */
color: Black; /* Font Color */
font-weight: Normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
text-align: Left; /* Align Text */
}

.ContentTableHeader
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Heading Font Size */
color: #000000; /* Heading Font Color */
font-weight: Bold; /* Heading Font Style */
font-style: normal; /* Heading FontStyle */
text-decoration: none; /* Heading Font Style */
background-color: #FFF373; /* Background color */
text-align: Left; /* Align Text */
}

.ContentTable
{
background-color: #FFF373;
}

.ContentTableHorizontal
{
background-color: #FFF373;
}

/* FROM CASA.CSS
------------------------------------------------------------------*/

.headertext { color: #B70026; font-size: 14; line-height: 16px; font-family: trebuchet ms, verdana, helvetica, arial; text-decoration: none; font-style: oblique}

.headertext2 { color: #c71b3f; font-size: 14; line-height: 16px; font-family: trebuchet ms, verdana, helvetica, arial; text-decoration: none; font-style: oblique}

.catHD { color: #B70026; font-size: 18; line-height: 18px; font-family: trebuchet ms, verdana, helvetica, arial; text-decoration: none; font-style: none}

.t1 { color: #000000; font-size: 10px; line-height: 10px; font-family: Arial, Helvetica; text-decoration: none; background-color: FFF000}
a.t1:link {color: 000000; text-decoration: none; background-color: FFF000}
a.t1:visited {color: 000000; text-decoration: none; background-color: FFF000}
a.t1:hover {color: C71B3F; text-decoration: none; background-color: FFF000}
a.t1:active {color: blue; background-color: FFF000}

.t2 { color: #FEEF00; font-size: 10px; line-height: 10px; font-family: Arial, Helvetica; text-decoration: none;}
a.t2:link {color: 000000; text-decoration: none; background-color: FFF000}
a.t2:visited {color: 000000; text-decoration: none; background-color: FFF000}
a.t2:hover {color: ffffff; text-decoration: none;}
a.t2:active {color: blue; background-color: FFF000} 

.t3 { color: #000000; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica; text-decoration: none; background-color: FFF000}
a.t3:link {color: 000000; text-decoration: none; background-color: FFF000}
a.t3:visited {color: 000000; text-decoration: none; background-color: FFF000}
a.t3:hover {color: C71B3F; text-decoration: none; background-color: FFF000}
a.t3:active {color: blue; background-color: FFF000} 

.c1 { color: #FEEF00; font-size: 13px; line-height: 18px; font-family: verdana, Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; font-weight: bold;}
a.c1:link {color: white; text-decoration: none; }
a.c1:visited {color: white; text-decoration: none; }
a.c1:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.c1:active {color: blue; }

.c2 { color: #FEEF00; font-size: 11.5; line-height: 10px; font-family: verdana, Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -1}
a.c2:link {color: #FEEF00; text-decoration: none; }
a.c2:visited {color: #FEEF00; text-decoration: none; }
a.c2:hover {color: white; background-color: 000000; text-decoration: none; }
a.c2:active {color: FEEF00; }

.c3 { color: #C71B3F; font-size: 13px; line-height: 18px; font-family: verdana, Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; font-weight: bold;}
a.c3:link {color: C71B3F; text-decoration: none; }
a.c3:visited {color: C71B3F; text-decoration: none; }
a.c3:hover {color: C71B3F; background-color: 000000; text-decoration: none; }
a.c3:active {color: blue; }

.c4 { color: #C71B3F; font-size: 13px; line-height: 18px; font-family: verdana, Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; font-weight: bold;}
a.c4:link {color: C71B3F; text-decoration: none; }
a.c4:visited {color: white; text-decoration: none; }
a.c4:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.c4:active {color: blue; }

.c5 { color: #FEEF00; font-size: 12.5px; line-height: 12.5px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; font-weight: bold;}
a.c5:link {color: #FEEF00; text-decoration: none; }
a.c5:visited {color: #FEEF00; text-decoration: none; }
a.c5:hover {color: white; text-decoration: none; }
a.c5:active {color: blue; }

.c6 { color: #FEEF00; font-size: 13px; line-height: 18px; font-family: verdana, Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; font-weight: bold;}
a.c6:link {color: FEEF00; text-decoration: none; }
a.c6:visited {color: white; text-decoration: none; }
a.c6:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.c3:active {color: blue; }

.c7 { color: #C71B3F; font-size: 12.5px; line-height: 16px; font-family: verdana, Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -1;}
a.c7:link {color: C71B3F; text-decoration: none; }
a.c7:visited {color: C71B3F; text-decoration: none; }
a.c7:hover {color: 000000; text-decoration: none; }
a.c7:active {color: blue; }

.p1 { color: #FEEF00; font-size: 12.5; line-height: 15px; font-family: verdana, Arial, helvetica; background-color: C71B3F; text-decoration: none; text-align: left; letter-spacing: -1}
a.p1:link {color: white; text-decoration: none; }
a.p1:visited {color: #FEEF00; text-decoration: none; }
a.p1:hover {color: #FEEF00; background-color: 000000; text-decoration: none; }
a.p1:active {color: FEEF00; }

.p2 { color: #C71B3F; font-size: 13; line-height: 24px; font-family: verdana, Arial, helvetica; background-color: C71B3F; text-decoration: none; text-align: left; letter-spacing: -1}
a.p2:link {color: #FEEF00; text-decoration: none; }
a.p2:visited {color: #FEEF00; text-decoration: none; }
a.p2:hover {color: C71B3F; background-color: ffffff; text-decoration: none; }
a.p2:active {color: FEEF00; }

.p3 { color: #FEEF00; font-size: 13; line-height: 18px; font-family: verdana, Arial, helvetica; background-color: 000000; text-decoration: none; text-align: left; letter-spacing: -1}
a.p3:link {color: white; text-decoration: none; }
a.p3:visited {color: #FEEF00; text-decoration: none; }
a.p3:hover {color: #FEEF00; background-color: C71B3F; text-decoration: none; }
a.p3:active {color: FEEF00; }

.b1 { color: #000000; font-size: 12px; line-height: 14px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; }
a.b1:link {color: white; text-decoration: none; }
a.b1:visited {color: 000000; text-decoration: none; }
a.b1:hover {color: C71B3F; background-color: 000000; text-decoration: none; }
a.b1:active {color: blue; }

.b2 { color: #2D315F; font-size: 12px; line-height: 14px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; }
a.b2:link {color: white; text-decoration: none; }
a.b2:visited {color: white; text-decoration: none; }
a.b2:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.b2:active {color: blue; }:active {color: blue; }

.b3 { color: #E21F47; font-size: 12px; line-height: 15px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; }
a.b3:link {color: white; text-decoration: none; }
a.b3:visited {color: white; text-decoration: none; }
a.b3:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.b3:active {color: blue; }:active {color: blue; }

.b4 { color: #2D315F; font-size: 10px; line-height: 10px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; }
a.b4:link {color: white; text-decoration: none; }
a.b4:visited {color: white; text-decoration: none; }
a.b4:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.b4:active {color: blue; }:active {color: blue; }

.b5 { color: #ffffff; font-size: 12px; line-height: 14px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; }
a.b5:link {color: white; text-decoration: none; }
a.b5:visited {color: white; text-decoration: none; }
a.b5:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.b5:active {color: blue; }:active {color: blue; }

.b6 { color: #FEEF00; font-size: 12px; line-height: 14px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; }
a.b6:link {color: white; text-decoration: none; }
a.b6:visited {color: white; text-decoration: none; }
a.b6:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.b6:active {color: blue; }:active {color: blue; }

.l1 { color: #2D315F; font-size: 11; line-height: 12px; font-family: Arial, helvetica; text-decoration: none; text-align: left; letter-spacing: -.5; }
a.l1:link {color: white; text-decoration: none; }
a.l1:visited {color: white; text-decoration: none; }
a.l1:hover {color: FEEF00; background-color: 000000; text-decoration: none; }
a.l1:active {color: blue; }:active {color: blue; }

.TableHeader { background-color: #003D00; font-weight: bold; color: #FFFFFF; Border-Bottom: #000000 1px outset; white-space: nowrap; padding: 4px; font-family: Arial; text-decoration: none; text-align: left; }


/* NEW STYLES ADDED WITH UPGRADE 6/5/2009
------------------------------------------------------------------*/

/* Global styles
--------------------------------------------------------*/
body {margin: 0; padding: 0;}
#PageTable {width: 100%;}
#PageSubTable {width: 780px; margin:0 auto;}
#Form2 {margin: 0; padding: 0;}
#ContentCell {padding: 7px;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {color: #7c001f; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; letter-spacing: 0px; font-weight: normal; }
#BreadCrumbs1_BreadCrumbs1 a {color: #7c001f;}
#BreadCrumbs1_BreadCrumbs1 a:hover {color: #C71B3F;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.SubHeadings {text-align: left; font-weight: bold; font-size: 10pt;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {padding: 0;}

/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {} /* Info Table*/
#ProductDetail11_Table2 td {padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:10px 10px 0 0;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {padding:10px;} /* Description */
#ProductDetail11_trPrice .content {font-weight:bold; font-size:14px; padding:5px 10px 0 10px;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {} /* Main Table*/
#ProductDetail21_Table1 td {vertical-align: top;}

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {} /* Info Table*/
#ProductDetail21_Table2 td {padding:5px 0 0 10px; } /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:0 10px 0 0;} /* Product Name */
#ProductDetail21_trProductCode .content {} /* Product Code */
#ProductDetail21_trCategory .content {} /* Category Name */
#ProductDetail21_trDescription .content {padding:10px;} /* Description */
#ProductDetail21_trPrice .content {padding:15px 10px;} /* Price */
#ProductDetail21_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {} /* Quantity */

/*Credit card table*/
#Table6 td {padding-left: 5px; }

/*Customer Sign-in */
table.col2 {width: 100%;}

/*Recommended Items*/
#apSampleTest .ContentTableHeader .Content {background: #FFF373; color: #000!important; border-color: #000!important;}
#apSampleTest table {padding-top: 15px;}
#apSampleTest td .Content {text-align: center; }
#apSampleTest #tblDataList td .Content {float: none!important;}

/*Search Grid Table */
.search-grid-tbl td {padding-top: 5px;}

/*Account Sign-in */
#Table1 td.c1, #Table1 td.c2 {font-family: Arial, Helvetica, sans-serif; color: #000;letter-spacing: normal; font-weight: normal; line-height: 18px; }
#Table1 td.c1 p, #Table1 td.c2 p {font-size: 8pt; line-height: 14px; }
#Table1 td.c1 h2.subHeadings, #Table1 td.c2 h2.subHeadings  {font-size: 10pt;}

/*Shopping Cart */
table.gift-card {border: 5px solid #FFF373;}