/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5347 2006-12-22 20:26:09Z birdbrain $
 */
 


body {
	margin: 0;
	font-family: 'Whitehall', arial, verdana, helvetica, sans-serif;
	//font-size: 62.5%;
	font-size: 80.0%;
	color: gray;
	background-color: white;
	}

@font-face {
    font-family: WHITEHA0;
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.casadeolivia.com/font_test/fonts/WHITEHA0.eot);
  }
 

a img {border: none; }

ul, li	{
	padding: 0.5em;
	margin: 0.5em;
	font-size: 100%;
  	}

a:link, #navEZPagesTOC ul li a {
	//color: #557722;
	color: #999999;
	text-decoration: none;
	}
 
a:visited {
	/*Leafy Green - this has to stand out against both the white background and the green breadcrumbs bar*/
	/*color: #557722;*/
	color:#999999;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color:#CC0033;
	}

a:active {
	color: #gray;
	}

h1 {
	font-size: 1.5em;
	}

h2 {
	font-size: 1.4em;
	color: #557722:
	}

h3 {
	font-size: 1.3em;
	line-height: 140%;
	color: #557722;
	}

h3.special {
	font-size: 1.3em;
	line-height: 140%;
	color: #557722;
	}


h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger{
	font-size: 1.25em;
	color: #557722:
	}

.sideBoxContent{
	font-size: 1.25em;
}

.biggerText {
	font-size: 1.2em;
	}

.evenBiggerText {
	font-size: 1.5em;
}

h1, h2, h3, h4, h5, h6 {

    margin: 0.3em 3px;

}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
/*	float: left;*/
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 0.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 11em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P, ADDRESS {
	padding: 1.0em;
	line-height: 140%;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: white;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}
/**HMS: I changed the text-align from center to left. It changes all of the product description and category description content to be left aligned. Not sure yet whether I like it. I may change this back to center at some point. I was really just trying to get the attribute comments left-aligned, but they are apparently governed by the mainWrapper class alignment.*/
/*wrappers - page or section containers*/
#mainWrapper {
	background-color: white;
	text-align: left;
	width: 100%;
	vertical-align: top;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 

#tagline {
	color: red;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}
/*HMS: This is the style for the main navigation at the top and bottom of the page*/
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: white;
	font-weight: bold;
	color: grey;
	height: 2%;
	width: 100%;
	}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0.5em;
	padding:  0.5em;
	list-style-type: none;
	text-align: left;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}
/*HMS: Settings for the main navigation text - centered top and bottom.*/
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0.5em;
	margin: 0;
	white-space: nowrap;
	font-size: 1 em;
	color: gray;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}

#navEZPagesTOC ul {
	margin: 0.5em;
	padding:  0.5em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0.5em;
	margin: 0.5em;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 1em;
	}

#navMainSearch {
	float: right;
	}
/*HMS: This sets the color of the home nav bar strip - top of the page, centered. */
#navBreadCrumb {
    /*This is the beautiful light green that goes with the fairy soap photo.*/
	/*background-color: #EEFFCC;*/
	/*This color matches the parchment background of Danis' art*/
	/*background-color: #CCB388;*/
	/*This is a darker, leafy green*/
	background-color: #557722;
	/*background-color: gray;*/
	color: white;
	}

/*HMS: This sets the color of the top EZ-pages nav bar - stretches across the screen.*/
#navEZPagesTop {
	background-color: white;
	}

#navBreadCrumb, #navEZPagesTop {
	font-size: .95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}
/*
HMS: This sets the color of the bars above each left-hand-side nav area
*/
#navColumnOne {
	background-color: white;
	}

#navColumnTwo {
	background-color: white;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}
/*HMS: When I uncomment the .content class below and uncomment and set the subsequent font size, it changes the splash screen text as well as the category description but not the individual product descrption (font sizes).*/
/*.content*/, #productDescription, .shippingEstimatorWrapper {
	/*font-size: 2.2em;*/
	padding: 0.5em;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: left;
	text-align: center;
	font-size: 1.0em;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.tableHeading, #cartSubTotal {
	background-color: gray;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
  width: 50%; 
  margin: 0.2em;
  padding: 0.5em;
  }

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0.5em;
	padding: 0.5em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold;
  }

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	align: center;
	}

.categoryIcon {
	width: 6em;
	height: 6em;
}


/*HMS - trying to center the top-category image file
#categoryImgListing, #categoryDescription {
text-align: center;
}*/

/*h1#productListHeading {
text-align: center;
}*/



#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

/*Removing the 'Please Choose:' label from atop the attributes list. */

h3#attribsOptionsText{
display:none;
}


.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1.0em;
	color: #557722;
	}

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color: white;
	padding: 0.5em 0.2em;
	}

.leftBoxContainer {
	border: 1px solid white;
	margin-top: 0em;
	}

.sideBoxContent {
	background-color: white;
	padding: 0.4em;
	font-size: 1.0em;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.0em;
	color: #557722;
	}

.rightBoxHeading {
	margin: 0em;
	background-color: white;
	padding: 0.2em 0em;
	}

h3.leftBoxHeading a:hover {
	color: red;
	text-decoration: none;
	} 

h3.rightBoxHeading a:hover {
	color: #FF0000;
	text-decoration: none;
	}

.rightBoxContent {
	background-color: white;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: white;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: yellow;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: pink;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: white;
	}
.information {padding: 10px 3px; line-height: 150%;}

/*HMS: For  the splash page */
 
 .logoimg, .logoimg TD, .logoimg TH
{
/*background-image:url('../images/logo2_box.JPG');*/
/*background-image:url('../images/products_closeup.JPG');*/
/*background-image:url('../images/fairy_soap.JPG');*/
background-image:url('../images/olivia/orange_flower.jpg');
}


/* HMS: Main navigation override*/
.TABLEBOXNAV, .TABLEBOXNAV TABLE
{
float: left; 
}


.CELLGIRL, .CELLGIRL TD
{
background-image:url('../images/logo3_box.PNG');
}

.BOXNAV, .BOXNAV TD
{
background-color: WHITE; 
border: solid 1px Gray;
font-size: 1.5em;
font-weight: normal;
}


/*HMS: Need an H1 & H2 on the home page for SEO */
/*Specifically, h1.main nav formats the text in the
main nav buttons. h2.splashy formats the sub head
right under the La Casa de Olivia text in the home
page box*/
h1.mainNav {
        font-size: 110%;
        font-style:normal;
        font-weight:7000;
	color: #557722;
        }

div.main_menu {width: 1500;}

#top_box {
                display: visible;
		padding-right: 7px;
		padding-left: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
                text-align: center;
                position: absolute;
                top: 50px;
                left: 10px;
                width: 83px;
                height: 20px;
                border: solid 1px Gray;
                background-color:white;
}

h2.submenu{
	font-size: 0.75em;
        font-style: normal;
        font-weight: normal;
        text-align: left; 
        border: 1px Gray;
        border-bottom-style: solid;
        border-top-style: none;
        background-color:white;
        padding-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
}

.sub_menu{
        display: none;
        padding: 5px 5px;
        background-color:white;
        border: 1px Gray;
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
}

/*This is the text under La casa de
Olivia on the home page main frame.*/
h2.splashy {
        font-size: 1.25em;
        font-style:normal;
        /*font-weight:lighter;*/
        color:white;
	padding-right: 30px;
	padding-left: 30px;
        }

/*This is the motto on the bottom
Olivia on the home page main frame.*/
h3.splashy {
        font-size: 1.25em;
        font-style: italic;
        font-weight: lighter;
	color: #557722:
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
        }


/*This is the motto on the bottom
Olivia on the home page main frame.*/
h3.splashy_ie {
        font-size: 1.217em;
        font-style: italic;
        font-weight: lighter;
	color: #557722:
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
        }


/*splash_head formats the "La Casa de Olivia"
text on the home page*/
.splash_head   
        {       
		/*#BB5500*/
                /*color: #774400;*/
                /*color: #557722;*/
                color: white;
                font-family: Occidental, Arial;
                font-weight: bold;
                font-size: 1.75em;
		padding-right: 30px;
		padding-left: 30px;
     }
         
.splash_head_ie   
        {       /*#BB5500*/
                /*color: #774400;*/
                /*color: #557722;*/
                color: white;
                font-family: Occidental, Arial;
                font-weight: bold;
                font-size: 2.0em;
     }


.splash_subhead  
	{	
		/*color: #557722;*/
		color:black;
		font-family: Occidental;
		font-weight: bold;
		font-size: 1.5em;
     }

.splash_tagline
	{
		color: #557722;
		font-family: Occidental;
		font-style: italic;
		font-size: 2.0em;
		font-weight: bold;
	}

/*HMS Style for logo next to top menu buttons*/
.logo_nav{
        display: visible;
        padding: 10px 10px;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 60px;
        height: 20px;
}

//Custom Fonts Area

@font-face{
        font-family:'Whitehall';
        src: url('fonts/whitehall.ttf') format('truetype');
}

@font-face{
        font-family: 'Whitehall_ie';
	font-weight: normal;
	font-style: normal;
        src: url('fonts/WHITEHA0.eot'); 
}


@font-face{
        font-family:'Breip';
        src: url('fonts/Breip.ttf') format('truetype');
}


@font-face{
        font-family:'Museo';
        src: url('fonts/Museo500-Regular.otf') format('opentype');
}

@font-face{
        font-family:'Adresack';
        src: url('fonts/Adresack.ttf') format('truetype');
}

@font-face{
        font-family:'Xeno';
        src: url('fonts/xenophone.ttf') format('truetype');
}

@font-face{
        font-family:'Cavand';
        src: url('fonts/Cavand.ttf') format('truetype');
}

@font-face{
        font-family:'Folkard';
        src: url('fonts/FOLKARD.TTF') format('truetype');
}