/*************************************** Reset All Elements */
*
{
	margin: 0;
	padding: 0;
	text-align: left;
}


/*************************************** Layout */
body
{	
	margin-bottom: 30px;
	background-color: #353326;
	font: normal 62.5% Arial, sans-serif;
	color: #7e5120;
	
	/* IE Fix - Center everything, specifically the design holder, then re-align the font with style.css */
	text-align: center;
}


#main-container
{
	margin: 0 auto;
	width: 916px;
	background: url( ../_graphics/backdrop.gif ) repeat-y;
}

#wrapper
{
	margin: 0 8px;
	background: url( ../_graphics/footerFlowers.jpg ) no-repeat bottom right;
}

#top
{
	height: 58px;
	background: url( ../_graphics/main-top.jpg ) no-repeat;
}

#header
{
	height: 162px;
	background: url( ../_graphics/header.jpg ) no-repeat;
}

#flowerBottom
{
	width: 268px;
	height: 56px;
	background: url( ../_graphics/flowerBottom.jpg ) no-repeat;
	float: right;
	position: relative;
	top: -20px;
	right: -15px;
}

#footer
{
	clear: both;
	height: 54px;
	background: url( ../_graphics/footer.jpg ) no-repeat;
	font-size: 0.9em;
	color: #d2cb82;
}


/*************************************** Helpers */
.clear{ clear: both; }
.center{ text-align: center; }

.bold{ font-weight: bold; }
.smallerFont{ font-size: 0.6em; }
.indent{ text-indent: 15px; }

.alignLeft{ text-align: left; }
.alignRight{ text-align: right; }

.floatLeft{ float: left; }
.floatRight{ float: right; }

.verticalSpace10px{ height: 10px; }
.verticalSpace15px{ height: 15px; }
.verticalSpace20px{ height: 20px; }
.verticalSpace40px{ height: 40px; }


/*************************************** Colours */


/*************************************** Columns */


/*************************************** Headers */
h1{ display: none; }

h2{ color: #5a3916; font-size: 2.0em; margin-bottom: 10px; margin-top: 10px; }
h3{ font-size: 1.6em; margin: 20px 0 5px 0; color: #5a3916; }

/*************************************** Paragraphs */
p
{
	font-size: 1.3em;
	line-height: 1.7em;
	margin-bottom: 10px;
}

p.copyright
{
	line-height: 1.0em;
	float: left;
	margin-top: 15px;
	margin-left: 30px;
}

p.designedBy
{
	float: right;
	margin-right: 30px;
	margin-top: 15px;
	line-height: 1.0em;
}


/*************************************** Groups */
.groupIndent{ margin-left: 15px; }
.floatIndent{ position: relative; left: 15px; }


#content
{
	margin: 20px 15px 0 20px;	
	min-height: 300px;
	position: relative;
}


/*************************************** Tables */


/*************************************** Menus */
ul#mainMenu
{
	width: 900px;
	height: 41px;
	overflow: hidden;
	background: url( ../_graphics/menuBackdrop.jpg ) no-repeat;
}

ul#mainMenu li
{
	margin-left: 14px;
	padding-left: 20px;
	padding-right: 22px;
	top: 5px;
	height: 36px;
	position: relative;
	float: left;
	list-style: none;
}

ul#mainMenu li a
{
	display: block;
	margin-top: 10px;
	color: #f3eead;
	text-decoration: none;
	font-size: 1.4em;
}

ul#mainMenu li a:hover
{
	text-decoration: underline;
	color: yellow;
}

ul#mainMenu li.currentTab{ margin-left: 0; background: url( ../_graphics/menuItemBackdrop.png ) repeat-x; font-weight: bold; }
ul#mainMenu li.currentTab a{ color: #715535; text-decoration: none; }
ul#mainMenu li.currentTab a:hover{ color: #715535; text-decoration: underline; }

ul#mainMenu li#start
{
	padding: 0;
	width: 2px;
	background: url( ../_graphics/menuDivider.gif ) 0 0 no-repeat;
}

ul#mainMenu li#end
{
	margin: 0;
	padding: 0;
	width: 2px;
	background: url( ../_graphics/menuDivider.gif ) -12px 0 no-repeat;
}

ul#mainMenu li a
{
	margin-top: 10px;
}


ul#subCategories
{
	/*width: 680px;*/
	font-size: 1.2em;
	height: 1.8em;
	
	position: absolute;
	top: 0;
	left: 8px;
	border-bottom: 1px #e0b687 solid;
	padding-bottom: 8px;
}

ul#subCategories li
{
	float: left;
	list-style: none;
	padding: 0 10px 10px 10px;
}

ul#subCategories li.current
{
	font-weight: bold;
	color: #a48562;
}

ul#subCategories li a
{
	color: #a48562;
	text-decoration: none;
}

ul#subCategories li a:hover
{
	text-decoration: underline;
}


/*************************************** Links */

p.designedBy a{ color: #fffac2; text-decoration: none; }
p.designedBy a:hover{ text-decoration: underline; }

/*************************************** Lists */


/*************************************** Images */
img{ margin: 10px 0; }


.product
{
	width: 105px;
	float: left;
	margin: 0 10px 40px 8px;
}

.product p
{
	text-align: center;
	padding: 0;
	margin: 0;
}

img.product
{
	border: 0;
	padding: 0;
	margin: 0;
}

img.floatLeft
{
	margin-right: 15px;
	margin-top: 0;
	margin-bottom: 15px;
}

img.main
{
	float: left;
	width: 200px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 10px;
}