@charset "utf-8";
/* CSS Document */

a:link {  color: #0000FF; text-decoration: none}
a:visited {  color: #0000FF; text-decoration: none}
a:hover {  color: #FF0000; text-decoration: none}
a:active {  color: #006600; text-decoration: none}

body {
	background-image: url(../images/SkyBlueBackground.png);
	background-color: #EFF4F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;  /* 100% ??? */
	font-size: 10px;
	text-align: center;
	color: #000000;
	margin: 0;
	padding: 8px 0 8px 0;
	}

.GI #container {
	width: 992px; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000; 
	text-align: left;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 10;
	margin-left: auto;
    background-image: url('../images/new-gibg.jpg');  /*moved this from BODY & next line to make the page work more consistently across browswers */
    background-color: white; /* needed? being blocked out by background image?  */

    }

.GI #top-nav { 
 /*   background-color: #EDECFF;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;*/
    z-index:15;
	}

.GI #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px; /* 0px 15px 0px; */
    }

.GI #mainContent { 
	margin: 0 10px 0 170px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 6px 2px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	zoom: 1;  /*fix for IE misbehavior  */
	} 

#nav-main { line-height: 1.6em	}

.sub-menu { width:113px;  margin-left:10px; }

#nav-footer {
    position:relative;
    font-size: 10px; 
	text-align: center; 
	}
	
#header {/*width:716px;
    margin-left:48px; */
    }

#new-info {color: green;
     position:relative;
	 top: 0px;
	 left: 0px;
	 width: 106px;
	 float: left;
	 margin: 40px 12px 20px 8px}

#header-image {/* border-bottom:1px solid #cccccc;
	position:relative;
    top: 10px;
	margin-right: 6px;*/
/*	width:482;  */
    }
	
#button-bar {
    position: absolute;
	z-index:20;
	width:992px;
	text-align:center;
		 top:110px;
	  /* margin-left:294px; left:363px;
text-align:center;	
	
	margin-right:auto;
	 background-color: #F3F3F3 */}


#top-cart-box {
	position:relative;
/*	top: -76px; 
	left: 616px;   */
    }
   
#main-body {
     position:relative;
/*	 z-index:10;
	 float:left;  to correct an issue with IE -- or maybe not */
    
/*  NOTE: this is a sub box of mainContainer --- 
    position:absolute;
    top:150px;
	left:-100px; 
	width: 98%;
	margin-left:0; 
  */   }

#new-info-highlight {color: red;}

.cart-box {
    background-color:#F4FBFA;
    padding:4px;
	text-align: center;
	font-weight: bold;
	font-size: 9px;
	border: 1px solid #CCCCCC;
	max-width:98px; /* not supported by all browser, but seems to work just fine */
	}


#footer {
    position:relative;
	font-weight: bold;
	text-align: center;
/*	left: 100px;   */
	}

.ItemDescription {
	font-size: 11px;
	text-align: left;
		
	}
	
.SoapInfo {
	font-size: 9px;
	text-align:justify;
	}
	
.SoapIngredients {
	font-size: 9px;
	font-style:italic;
	text-align: center;
	}
	
.ItemPicture { text-align:right}
	
/* .add2cart { }	 */

.PageTitle {
    font-size: 18px;
	font-weight: bold;
	text-align: center; 
	}
	
.PageInfo {
	font-size: 12px;
	width: 585px;
	/*	max-width:640px;  */
	text-align:left;
	height: auto;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: auto;
	margin-left: auto;
	}
	
.standard {	
	font-size: 12px; 
	margin-left: auto; 
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	width: 80%;
	text-align:center;
	}
	
.specials {
    color: #CC0000;
	font-weight: bold;
	}
	
.just-red { 
    color: #CC0000;
	}
	
.suggested {
	font-size: 11px; 
    background-color: #F4FBFA;
	border: 1px groove #CCCCCC;
	text-align: center; 
	border: 1px solid #CCCCCC;
	padding:0;
    width:100px;
	}
	
#bottom-suggest {
    position:relative;
	left:-122px; 
	top:-157px;
    }
	
.LastMinute {
	font-size: 11px; 
	color: #330099;
	font-weight: bold;
	}
	
#new-gi-biz {
 	font-weight: bold;
	color: #990033;
	font-size: 9px;
	}
	
#shippers {
    background-color: white;
	border: 1px groove #CCCCCC;
	text-align: center; 
	border: 1px solid #CCCCCC;
	max-width:105px;
    }
    
#webzoe {
    background-color: white;
	border: 1px groove #CCCCCC; 
	text-align: center;
	border: 1px solid #CCCCCC;
	max-width:105px;
    }
	
#copyright { 
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	margin-left: 20px;
	} 
    
#candle-table {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
    font-weight: bold;

    }

.tulleItemDetail {width:380px}
.tulleItemMisc {text-align:center}
.food-table-title {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
    font-weight:bold;
	text-align:center;
	
	}

.tulle-table-overview {
    margin-left:85px;
	margin-right:85px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	font-stretch:wider;
	color:#000066
	}

.tulle-disclaimers {
    margin-left:95px;
	margin-right:95px;
	margin-top:10px;
	margin-bottom:10px;
	padding:28px;
	border:solid 1px #D9D9D9;
	font-size:10px;
	background-color:#F9F9F9;
	}
	
.tulle-help {
    margin-left:95px;
	margin-right:95px;
	margin-top:10px;
	margin-bottom:10px;
	padding:28px;
	border:solid 1px #D9D9D9;
	font-size:10px; 
	color:red;
	background-color:#F9F9F9;
    }