/* LAST UPDATED 06.09.2010 */

/*

	Table of Contents

	I.    DEFAULTS
	II.   NAVIGATION
	III.  STRUCTURE & TYPOGRAPHY
	IV.   TABLES
	V.    FORMS
	VI.   HEADINGS

*/

/* -----------------------------------------------------------
		I. DEFAULTS
----------------------------------------------------------- */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #413632;
	background: #baeceb url('../Images/bg.jpg') repeat;
}

p, ul, ol {
	margin: 0;
	padding: 0 0 16px;
}

a {
	color: #b8c32b;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a img { border: 0; }

.alignLeft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignRight {
	float: right;
	margin: 0 0 20px 20px;
}

.middle { vertical-align: middle; }

ul, ol { margin: 0 0 0 28px; }

/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#nav ul, #footerNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#nav li, #footerNav li { float: left; }

	#nav li a, #footerNav li a {
		display: block;
		padding: 5px 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 13px;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}

		#footerNav a { color: #413632; }

	#nav li a:hover, #footerNav li a:hover {
		color: #b8c32b;
		text-decoration: none;
	}

		#footerNav a:hover {
			text-decoration: none !important;
			color: #fff !important;
		}

/* LEVEL TWO */

#nav ul ul {
	position: absolute;
	left: -999em;
	width: 200px;
}

	#nav li li a {
		width: 180px;
		font-size: 12px;
		color: #413632;
		text-transform: lowercase;
		background-color: #fff;
	}

	#nav li li a:hover { color: #8ccfcf; }

/* LEVEL THREE */

#nav ul ul ul { margin: -23px 0 0 200px; }

#nav li:hover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul { left: auto; }

#nav li:hover { position: static; } /* for IE7 sticky issue */

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

header, section, footer, aside, nav, article, figure { display: block; }

#wrap {
	margin: 0 auto;
	width: 900px;
}

	#header {
		position: relative;
		height: 115px;
	}

		#logo, #cartBox { position: absolute; }

		#logo {
			top: 44px;
			left: 0;
		}

		#cartBox {
			top: 0;
			right: 0;
			padding: 25px 7px 7px;
			width: 145px;
			font-size: 11px;
			text-align: center;
			color: #fff;
			background: #413632 url('../Images/bg-cartBox.gif') 50% 3px no-repeat;
		}

			#cartBox table {
				width: 100%;
				margin: 0 !important;
				padding: 0 !important;
			}

				#cartBox td { padding: 0 !important; }

			.cartSummaryLink {
				clear: left;
				display: block;
			}

	#nav {
		width: 100%;
		background-color: #423732;
		overflow: hidden;
	}

	#content {
		width: 100%;
		min-height: 444px;
		overflow: hidden;
		background-color: #fff;
	}

		.wrap { padding: 20px 20px 4px; }

		#mainContent {
			float: left;
			padding: 10px 0 0;
			width: 598px;
		}

			#mainContent article { padding: 10px 10px 0; }

		#sidebar {
			float: right;
			padding: 10px 0 0;
			width: 290px;
		}

			#whatsNew {
				padding: 10px 0 0;
				height: 112px;
				background-color: #b7c22a;
				overflow: hidden;
			}

				#whatsNew div {
					padding: 0 10px;
					height: 95px;
					line-height: 1.15em;
					color: #fff;
					overflow: auto;
				}

			#featuredItem { padding-top: 9px; }

				#featuredItem ul {
					list-style: none;
					margin: 0;
					padding: 0;
				}

				#featuredItem li { padding: 0; }

				.shop-product-featured img {
					width: 290px;
					height: 213px;
				}

			#newsletterBox {
				padding: 20px 20px 0 0;
				text-align: right;
			}

	#footer { padding: 0 0 20px; }

		#footerNav {
			width: 100%;
			overflow: hidden;
			margin-bottom: 10px;
			background-color: #8ccfcf;
		}

		#footer div a { color: #413632; }
		#footer div a:hover { text-decoration: underline; }

		#footer .left { float: left; }
		#footer .right {
			float: right;
			text-align: right;
		}

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	border-collapse: collapse;
	margin: 0 auto 8px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0 8px 8px 0;
}

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4 {
	margin: 0;
	padding: 0 0 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 1.2em;
}

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

h1 {
	font-weight: normal;
	font-size: 18px;
	color: #b8c32b;
	text-transform: uppercase;
}

	#whatsNew h1 {
		text-indent: -4440px;
		margin: 0 0 8px 10px;
		padding: 0;
		width: 150px;
		height: 25px;
		background: url('../Images/title-whatsNew.gif') no-repeat;
	}

	#featuredItem h1 {
		text-indent: -4440px;
		padding: 0 0 5px;
		width: 290px;
		height: 39px;
		background: url('../Images/title-featuredItem.gif') no-repeat;
	}

	#newsletterBox h1 {
		float: right;
		text-align: left;
		text-indent: -4440px;
		padding: 0 0 5px;
		width: 186px;
		height: 16px;
		background: url('../Images/title-signup.gif') no-repeat;
	}

h2 { font-size: 16px; }

h3 { font-size: 14px; }

h4 { font-size: 12px; }