body
{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-color: #CC9966;
	height: 100%;
}

b
{
	font-size: 110%;
}

h1
{

	font-size: 250%;
	font-weight: lighter;
	color: #660000;
}
h2
{
	font-size: 120%;
	color: #660000;
}

h3
{
	
}
em
{
	
}

#wrapper
{
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background-image: url(/static/images/homeimages/wheatbg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0;
}

* html #wrapper
{
	background-position: 5px 0;
}

*:first-child+html #wrapper
{
	background-position: 5px 0;
}

#maincontainer
{
	/*Width of main container*/
	width: 840px; 
	/*Center container on page*/
	margin: 0 auto; 
	position: relative;
	height: 100%;
	
}

.headerimage
{
	height: 337px;
	width: 762px;
	background-image: url(/static/images/homeimages/headerimage.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;

}


/* welcome image */

#welcome
{
	
	position: absolute;
	top: 300px;
	left: 210px;
}

* html #welcome
{
	position: absolute;
	top: 290px;
	left: 200px;
}

/* about image */
#header
{
	width: auto;
	height: 69px;
	position: absolute;
	top: 290px;
	left: 210px;
}

#topsection
{
	
	/*Height of top section*/
	height: auto;
	width: 840px;
}


#logo
{
	position: absolute;
	top: 43px;
	left: 20px;
	width: 167px;
	height: 191px;
	
}

#logo img
{
	border: none;
}

#topnav
{
	position: absolute;
	width: 100%;
	top: 260px;
	left: 0px; 
	padding-left: 20px;
}

#topnav a
{
	font-family: serif;
	padding: 4px;
	text-align: center;
	margin-left: 25px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

#topnav a:link, #topnav a:visited
{
	color: #660000;
}

#topnav a:hover, #topnav a:active
{
	color: #fff;
}


#rightcontentwrapper
{
	float: left;
	width: auto;
}

#rightproductwrapper
{
	float: left;
	width: 550px;
}

/* product page specific */
#rightproductcolumn
{	
	margin-top: -50px;
	
	/*Set left margin to LeftColumnWidth*/
	margin-left: 200px; 
	z-index: 100;
	width: 550px;
}

#rightcontentcolumn
{	
	margin-top: -50px;
	
	/*Set left margin to LeftColumnWidth*/
	margin-left: 200px; 
	z-index: 100;
	width: 550px;
}

#leftcolumn
{

	margin-top: -59px;
	float: left;
	/*Width of left column*/
	width: 200px; 
	
	/*
	Set left margin to -(MainContainerWidth) 
	the reason for the negative margin, is for SEO purposes. 
	if you want more info on this go to 
	http://www.alistapart.com/articles/negativemargins/
	or here..
	http://www.dynamicdrive.com/style/layouts/category/C9/
	*/
	margin-left: -750px; 
	font-size: 12px;
	font-family: serif;
}

* html #leftcolumn
{

	margin-top: -39px;

}

*:first-child+html #leftcolumn
{

	margin-top: -39px;

}


/* product page specific */
#leftcolumnproducts
{

	margin-top: -59px;
	float: left;
	/*Width of left column*/
	width: 200px; 
	
	/*Set left margin to -(MainContainerWidth) 
	the reason for the negative margin, is for SEO purposes. */
	margin-left: -540px; 
	font-size: 12px;
	font-family: serif;
}
/* product page specific */
* html #leftcolumnproducts
{

	margin-top: -39px;
	margin-left: -750px; 

}
/* product page specific */
*:first-child+html #leftcolumnproducts
{

	margin-top: -39px;

}

#sidenavhome
{
	
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}


*:first-child+html #sidenavhome
{
	margin-top: 0px;
	padding-top: 10px;
}



.menutitle a:link, .menutitle a:visited
{
	color: #000;
	text-decoration: none;
	text-align: center;
	
}

.menutitle a:hover, .menutitle a:active
{
	color: #fff;
}

#footer
{
	clear: both;
	font-weight: bold;
	text-align: center;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	font-size: 12px;
	
}

.footertext a
{

	display: inline;
}
.footertext a:link, .footertext a:visited
{
	color: #000;
	text-decoration: none;
	font-size: 12px;

}

.footertext a:hover, .footertext a:active
{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

/* main content inner div for the rightcolumn this is for all pages except for any products 
pages.. for example all left column links for products do not have the .innertube tag  
if you are looking for the inner div for the rightcolumn content div look for #outer tag 
for all products pages. */
/* also, the home page uses only this tag, it does NOT use #content tag. */
.innertube
{
	/*Margins for inner DIV inside both left and right columns (to provide padding)*/
	margin: 10px; 
	margin-top: 0;
	width: auto;

}


#rightcontentcolumn .innertube
{
	width: auto;
	margin: 10px;
}

/* shipping div */
.innertube .cake
{
	
	margin-left: auto;
	margin-right: auto;
	
}
* html .innertube .cake
{
	
	margin-left: -10px;
	margin-right: auto;
	
}

#shipping img
{
	border: none;
}


/* text below side navigation */
#leftcolumntag
{
	width: 120px;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-weight: bold;
	display: block;
	line-height: 16px;	
}

#leftcolumntag a:link, #leftcolumntag a:visited
{

	margin-top: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#leftcolumntag a:hover, #leftcolumntag a:active
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

/* home page specific */
/* text for home page main content */
#homecontent
{
	width: 350px;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	display: block;
	z-index: 100;
	
}

/* home page specific */
#homecontent p
{
	margin-top: 0px;
	font-size: 12px;
	font-family: sans-serif;
	line-height:24px !important;
}

/* child div for #rightproductcontent for all product pages including,
Brownies and Bars, Coffee Cakes, Cookies, Corporate Gifts pages.. and excluding
any other pages without products, e.g. the home page, about-us, catering,
wholesale, contact, privacy and brown house bulletin.*/
#outer
{
	margin-top:50px;
	width: 550px;
}
/* ie6 only, child div for #rightproductcontent div */
* html #outer
{
	margin-top: 10px;
}

/* ie7 only, child div for #rightproductcontent div */
*:first-child+html #outer
{
	margin-top: 10px;
}

/*JB - added description of product settings for font styling*/
.itemdescription
{
	font-family: sans-serif;
	font-size: 12px;
	width: 330px;
	float: right;
}

/* any product - dmr there can be any number of these, so must be a
/* class. */
div.productscontent
{
	
	width: 520px;
	height: auto;
	margin: 0px;
	margin-left: 10px;
}

*:first-child+html div.productscontent
{
	width: 530px;
}
div.productscontent p
{
	width: 330px;
	float: right;
	height: auto;
	margin: 0px;
	font-size: 12px;
	font-family: sans-serif;
}

.productscontent h2
{
	margin-bottom: 0px;
}

div.productscontent span
{
	font-size: 15px;
	font-weight: bold;
	width: 330px;
}

/* productcontent clearing div*/
.clearproductcontent
{
	clear: both;
}


/* main header title of products pages.   */
.products
{
	position: absolute;
	top: 300px;
	left: 210px;
	font-size: 125%;
	font-weight: lighter;
	color: #660000;
	width: 550px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 0px;
	border-bottom: solid 1px #660000;

}


/* product pages image positioning */
/* dmr - these must be class not id, there can be 0 to many per page. */
.productimage
{
	float: left;
	clear: left;
	padding-right: 20px;
	width: 170px;
	height: 130px;
    padding-bottom: 10px;
    padding-top: 10px;

}
/* ie6 product pages image width  */
/* dmr - these must be class not id, there can be 0 to many per page.
/* Is it still going to work as an ie fix? */
* html .productimage
{
	width: 170px;
	height: 148px;
}

/* ie7 product pages image width */
/* dmr - these must be class not id, there can be 0 to many per page.
/* Is it still going to work as an ie fix? */
*:first-child+html .productimage
{
	width: 180px;
}

/* need a width for all browsers, or it will put the button underneath the 
product image, also floated the form to the right, but floated the input button left 
within the form as to appear under the text.*/
form

{
        width: 330px;
        float: right;
        margin-bottom: 20px;
        padding-top: 0px;
}



input .cssbutton {
	background-color: #FFFFFF;
	border: 2px outset #000000;
	color: black;
	font-family: sans-serif;
	font-size: 95%;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	padding: 1px 4px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 10px;

/* JB, floated left to make cssbutton appear under text instead of the produc image */
	float: left;
}
	
input .cssbutton:visited
{
	color: black;
}

input .cssbutton:hover
{
	border-style: inset;
	background-color: #ccc;
	 /*shift text 1px to the right and down*/
	padding: 2px 3px 0 5px;
}

input .cssbutton:active
{
	color: black;
}



/* about us page bakery image */
#bakery
{
	display: block;
	float: right;
	clear: right;
}


/* rachaelray */
#rachaelray1
{
	
	position: absolute;
	top: 350px;
	right: 80px;
	width: 142px;
	z-index: 110;
	display: block;
	
}


#rachaelray2
{
	position: absolute;
	top: 430px;
	right: 72px;
	width: 140px;
	display: block;
	
}

#rachaelray2 span
{
	font-size: 10px;
	font-weight: bold;
	color: #600;
	line-height: 14px;
	text-transform: uppercase;
}

/* cookie image index page*/
#homecookies
{
	
	position: absolute;
	top: 500px;
	right: 60px;
	width: 190px;
	height: 147px;
	z-index: 110;
	display: block;
	
}

/* yankee image on top of cookies */
#homeyankee
{
	position: absolute;
	top: 583px;
	right: 72px;
	width: 110px;
	height: 80px;
	display: block;
	z-index: 110;
}

/* text below cookies */
#award
{
	position: absolute;
	top: 670px;
	right: 72px;
	width: 100px;
	display: block;
	
}

#award span
{
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	font-family: serif;
	color: #660000;
	font-style: italic;

}


/* MADE IN NH*/
#madeinnh
{
	
	position: absolute;
	top: 790px;
	right: 10px;
	width: 190px;
	height: 147px;
	z-index: 110;
	display: block;
	
}



/* maincontent settings for all non-products pages e.g. all links for top navigation
are not pages for products.*/
#content
{
	font-family: sans-serif;
	font-size: 12px;
	width: auto;
	height: 100%;
	margin-top: 30px;
	padding-top: 20px;
}

/* ie6 maincontent settings */
* html #content
{
	padding-top: 50px;
}

/* ie7 maincontent settings */
*:first-child+html #content
{
	padding-top: 40px;
}


#content p
{
	line-height: 20px;
	width: auto;
	height: auto;
	margin-top: 0px;
	font-size: 12px;
	font-family: sans-serif;
	padding-left: 20px;
}

#content a
{
	text-decoration: none;
}

#content a:link, #content a:visited
{
	color: #000;
	text-decoration: underline;
}

#content a:hover, #content a:active
{
	color: #fff;
}

/* ie6 maincontent settings */
* html #content p
{
	line-height: 18px;
	width: auto;
	height: auto;
}

/* duplicated for ie7 only */
*:first-child+html #content p
{
	line-height: 18px;
	width: auto;
	height: auto;
	padding-top: 5px;
}

/* about us page bakery and Deli image */
#bakery
{
	float: right;
	width: 237px;
	height: 197px;
}

/* ie6 only */
* html #bakery
{
	float: right;
	width: 220px;
	height: 197px;
}

/* duplicated for ie7 only */
*:first-child+html #bakery
{
	float: right;
	width: 220px;
	height: 197px;
}

/* about us person image */
#melissa
{
	float: left;
	clear: left;	
	display: block;
	width: 120px;
	height: 147px;
	padding-right: 15px;
	margin-left: 10px;
}

p .underline a:link
{
	text-decoration: underline;
}