/* ******************************
Overview Template
Copyright (c) 2006 - 2009 Amber Lyn Chocolates, Inc., All Rights Reserved
****************************** */




/* ******************************
Reset Code - An overall, master reset to make code behave and to cut down on repetitive declarations
****************************** */

html, body,
div,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input,
img,
p, blockquote {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}

img {
	border:none;
}

fieldset {
	border:none;
}

strong, label {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* ******************************
Preset Classes - Classes that are universally available and applied
****************************** */

/*--------------- Layout --------------------*/
.float {
	float:left;
}
.floatOpposite {
	float:right;
}

.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}


.offPage {
	position:absolute;
	left:-999em;
}

/*--------------- Text --------------------*/
.price {
	font-weight:600;
	color:#065e25;
}
.bonus {
	font-weight: bold;
	color:#f00;
}

.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}

.strike {
	text-decoration:line-through;
	font-weight:600;
}

.error {
	color:#f00;
}

.alignStyle1 {
	text-align:center;
}
.alignStyle2 {
	text-align:right;
}
.alignStyle3 {
	text-align:left;
}

.extraLine {
	margin-bottom:1.4em;
}

/*--------------- Lists --------------------*/
.ulStyleSpaced li {
	margin-bottom:.6em;
}
	.ulStyleSpaced li p {
		padding:.6em 0 0 0;
	}
.olStyleSpaced li {
	margin-bottom:.6em;
}
	.olStyleSpaced li p {
		padding:.6em 0 0 0;
	}

/* ******************************
Basic CSS - groundwork appearance code for this template
****************************** */

body {
	font-family:arial, helvetica, sans-serif;
	font-size:80%;

	color:#333;
	
	background:#747578;
}

p {
	margin:0 0 1.4em 0;
	line-height:1.4em;
}

a:link {
	color:#006699;
}
a:visited, a:active {
	color:#006699;
}
a:hover { 
	color:#dea139;
	text-decoration:none;
}

h1 {
	margin-bottom: .5em;
	font-size:180%;
	color:#5C0A0E;
}

h2 {
	margin-bottom:.3em;
	font-size:140%;
	color:#5C0A0E;
}

h3 {
	margin-bottom:.3em;
	font-size:120%;
	color:#333;
}

img {
	
}

.hr {
	margin:1.4em 0;
	border-bottom:1px solid #7a1e18;
}

.hr2 {
	margin:1.4em 0;
	border-bottom:1px solid #aaa;
}

ul, ol {
	
}

.ulStyle1 {
	list-style:none;
}
	.ulStyle1 li {
		margin-bottom:0.7em;
		padding-left:14px;
		background:url('images-layout/bullet-style-1.gif') 0 4px no-repeat;
	}


#container {
	
}
#content {
	background:transparent url('/images-layout/content-bg.gif') 50% 0 repeat-y;
}
#columnWrapper {
	padding-bottom:8px;
}

#columnWrapper {
	background:#E3E3DE;
}

/* ******************************
Column Styles
****************************** */

.columnStyle1 {
	padding:0 12px 12px 12px;
}
	.columnStyle1 .columnTopLeft {
		display:none;
	}
		.columnStyle1 .columnTopRight {
		
		}
	.columnStyle1 .columnBody {
		
	}
	.columnStyle1 .columnBottomLeft {
		display:none;
	}
		.columnStyle1 .columnBottomRight {
		
		}

.columnStyle2 {
	padding:0 8px 8px 8px;
	border-right:1px solid #B4B0AD;
}
	.columnStyle2 .columnTopLeft {
		display:none;
	}
		.columnStyle2 .columnTopRight {
		
		}
	.columnStyle2 .columnBody {
		
	}
		.columnStyle2 h2{
			background:transparent url('images-layout/big-arrow.gif') scroll no-repeat 0 50%;
			padding-left:23px;
			margin-left:10px;
			padding-top:6px;
			height:29px;
			color:#5C0A0E;
			text-align:left;
		}
	.columnStyle2 .columnBottomLeft {
		display:none;
	}
		.columnStyle2 .columnBottomRight {
		
		}
	
	
.columnStyle3 {
	padding:0 8px 8px 8px;
	border-left:1px solid #B4B0AD;
}

	.columnStyle3 .columnTopLeft {
		display:none;
	}
		.columnStyle3 .columnTopRight {
		
		}
	.columnStyle3 .columnBody {
		
	}
	.columnStyle3 .columnBottomLeft {
		display:none;
	}
		.columnStyle3 .columnBottomRight {
		
		}


/* ******************************
Selected Button Styles
****************************** */

/* ******************************
Selected Table Styles
****************************** */

/* ******************************
Selected Form Styles
****************************** */

/* ******************************
Selected List Styles
****************************** */



/* ******************************
Default Blob Styles
****************************** */

.blobDefault {
	margin-bottom:12px;
}

.blobImage {
	margin-bottom:8px;
}

.blobStyleNav {

}
	.blobStyleNav .blobTopLeft {
		
	}
		.blobStyleNav .blobTopRight {
			margin:0 -8px;
		}
	.blobStyleNav  .blobBody {
		font-size:90%;
	}
		.blobStyleNav  .blobBody ul {
			
		}
			.blobStyleNav  .blobBody li {
				padding:3px 5px;
				margin-left:5px;
			}
				.blobStyleNav  .blobBody li a:link, .blobStyleNav  .blobBody li a:visited {
					padding-left:18px;
					background:transparent url('images-layout/small-arrow.gif') scroll no-repeat 0 50%;
				}
				.blobStyleNav  .blobBody li a:hover, .blobStyleNav  .blobBody li a:active {
					background:transparent url('images-layout/small-arrow.gif') scroll no-repeat 5px 50%;
				}
			.blobStyleNav  .blobBody li.current {
				
			}
				.blobStyleNav  .blobBody li.current a:link, .blobStyleNav  .blobBody li.current a:visited {
					color:#dea139;
					background:transparent url('images-layout/small-arrow.gif') scroll no-repeat 5px 50%;
				}
				.blobStyleNav  .blobBody li.current a:hover, .blobStyleNav  .blobBody li.current a:active {
					color:#dea139;
					background:transparent url('images-layout/small-arrow.gif') scroll no-repeat 5px 50%;
				}
			
			
.buyBlob {

}
	.buyBlob .blobTopLeft {
		display:none;
	}

	.buyBlob .blobBottomLeft {
		display:none;
	}
		.buyBlob p {
			text-align:right;
			margin-bottom:0;
		}
	
		.buyBlob .quantityText {
			color:#621914;
			font-weight:bold;
			font-size:110%;
			text-align:right;
			padding-right:5px;
		}
		
		.buyBlob #quantity {
			display:inline;
			border:1px solid #933D2E;
			width:18px;
			padding:3px;
			font-size:80%;
			text-align:center;
		}

		.buyBlob #option {
			border:1px solid #621914;
			margin:5px 0;
			font-size:80%
		}
		
				
		.buyBlob .yourPrice {
			padding:5px 0 0;
			font-size:90%;
			color:#621914;
			text-align:right;
			font-weight:bold;
		}
		
		.buyBlob .buttonList {
			float:right;
		}
		
		.buyBlob .buttonList li{
			text-align:center;
			width:116px;
			height:39px;
			background-color:#511A14;
			color:white;
			margin:5px 0;
			color:white;
			font-size:120%;
		}
		
		
.blobProduct {
	width:50%;
	float:left;
	margin:5px 0;
	text-decoration:none;
	min-height:120px;
}

/*  If we have the product blob in the right column (columnstyle3) do different things...  */
.columnStyle3 .blobProduct {
	width:100%;
	margin:120px 0 0;
	text-decoration:none;
}

	.summaryList .blobProduct {
		float:left;
	}

	.blobProduct .blobTopLeft{
		display:none;
	}

	.blobProduct .blobBottomLeft{
		display:none;
	}
	
		.blobProduct .blobBody{
			margin:0px 20px;
			padding-bottom:10px;
			border-bottom:1px solid #AEACA9;
		}
		
		.blobProduct .productImage {
			float:left;
			margin-right:5px;
		}
		
		.blobProduct .buyImage{
			float:right;
			margin:4px 15px 0 0;
		}
		
		.blobProduct h2 {
			font-size:100%;
			font-weight:bold;
		}
		
		.blobProduct p.productDesc  {
			font-size:85%;
			color:#563B36;
			margin-bottom:0;
		}
		
		.blobProduct p.nutritionLink {
			font-size:95%;
			margin:0px;
		}
		
div.clearer { clear: left; line-height: 0; height: 0; }

.blobBanner {
	position:relative;
	display:inline;
	float:left;
	padding-right:15px;
}

.blobBuyList h2 {
	font-size:100%;
	font-weight:bold;
}
.blobBuyList ul{
	font-size:90%;
}

.blobBuyList li {
	background:transparent url(images-layout/small-arrow.gif) no-repeat scroll 0 50%;
	padding-left:15px;
}

#flashContent {
	height:250px;
}

#buildyourbox {
float:right;
width:250px;
}

#buildyourbox p {
	margin-bottom:3px;
}

.store_login label {
	width:130px;
	float:left;
	clear:both;
}

.store_login input {
	position:relative;
	margin-bottom:3px;
}
#benefitsBar {
	height:27px;
	border-bottom:4px solid #fff;
	background:#cececf;
}
	#benefitsBar ul {
		list-style:none;
	}
		#benefitsBar ul li {
			float:left;
			padding-right:26px;
			height:27px;
			font-size:14px;
			background:url('/images-layout/benefits-bar-bg.gif') right 50% no-repeat;
		}
		#benefitsBar ul li.last {
			padding-right:0;
			background:none;
		}
			#benefitsBar ul li a:link, #benefitsBar ul li a:visited {
				display:block;
				float:left;
				padding:5px 32px 0 32px;
				height:22px;
				text-transform:uppercase;
				text-decoration:none;
			}
			#benefitsBar ul li a:hover, #benefitsBar ul li a:active {
				text-decoration:underline;
				color:#666;
			}

/* ******************************
Selected Header Design and Theme
****************************** */

#header {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-480px;
	height:122px;
	width:960px;
	background:#E2AD63 url('/images-layout/header-bg.gif') 50% 0 no-repeat;
}
#headerWrapper {
	height:122px;
	width:960px;
}
	#siteLogo {
		position:absolute;
		top:1px;
		left:2px;
		height:133px;
		width:396px;
		z-index:5;
		color:#FEEEE1;
		font-size:200%;
		background-color:#4F1416;
	}
		
	#headerPhone {
		position:absolute;
		top:0;
		right:0px;
		margin:0;
		padding:33px 6px 6px 0;
		font-size:130%;
		font-weight:bold;
		color:#fff;
	}
	
	#search {
		position:absolute;
		bottom:0;
		right:0px;
		padding:0 0 5px 0;
		width:200px;
	}
		#search #searchQuery {
			padding:3px;
			height:17px;
			vertical-align:top;
			color:#333;
			border:none;
		}
	
	#headerLinks {
		position:absolute;
		top:0px;
		right:0px;
		height:24px;
		padding:24px 30px 0 25px;
		list-style:none;
		font-size: 14px;
		font-weight: bold;
	}
		#headerLinks li {
			float:left;
		}
			#headerLinks li a:link, #headerLinks li a:visited, #headerLinks li a:active {
				padding:0 6px;
				text-decoration:none;
				color:#fff;
			}
			#headerLinks li a:hover {
				text-decoration:underline;
				color:#fff;
			}
	
/* ******************************
Selected Navigation Design and Theme
****************************** */

#navigation {
	position:absolute;
	top:122px;
	left:50%;
	margin-left:-480px;
	width:960px;
	height:27px;
	background:#7a1e18 url('/images-layout/navigation-bg.gif') 0 50% repeat-x;
}
	#navigation ul {
		float:left;
		padding-left:55px;
	}
		#navigation ul li {
			position:relative;
			float:left;
			text-transform:uppercase;
		}
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
				display:block;
				padding:5px 30px 0 30px;
				height:22px;
				font-size:110%;
				text-decoration:none;
				color:#333333;
				float:left;
			}
			#navigation ul li a:hover {
				text-decoration:underline;
				color:#FFFFFF;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}
		#navigation ul li:hover,
		#navigation ul li.over {
			background:#6d1915 url('/images-layout/navigation-hover-list.gif') 0 50% repeat-x;
		}
			#navigation ul li:hover a:hover,
			#navigation ul li.over a:hover {
				text-decoration:underline;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}
			
		#navigation ul li.current {
			background:#6d1915 url('/images-layout/navigation-hover-list.gif') 0 50% repeat-x;
		}
			#navigation ul li.current a:link, #navigation ul li.current a:visited, #navigation ul li.current a:active {
				text-decoration:underline;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}
			#navigation ul li.current a:hover {
				text-decoration:underline;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}



/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

#navigation ul li ul {
	display:none;
}

#navigation ul li:hover ul,
#navigation ul li.over ul {
	display:block;
	position:absolute;
	top:27px;
	left:-1px;
	padding-left:0;
	
	height:auto; /* Don't delete me; makes sure you can see any borders in Firefox. */
	width:200px;

	background:none;
	border-bottom:1px solid #6D1915;
	z-index:5;
}
#navigation ul li.last ul {
	left:auto;
	right:-1px;
}
	#navigation ul li:hover ul li, #navigation ul li.over ul li{
		display:block;
		float:left;
		margin:0;
		padding:0;
		width:198px;
		height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
		
		text-transform:none;
		
		border:solid #6D1915;
		border-width:0 1px;
		
		background:#6D1915;
		z-index: 5;
	}
	#navigation ul li:hover ul li.first, #navigation ul li.over ul li.first { border-top:none; }
	#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last { }
		
		#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
		#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
			display:block;
			float:none;
			
			margin:0;
			padding:6px 0 6px 12px;
			height:auto;
			width:186px;
			
			font-weight:normal;
			font-size:90%;
			text-align:left;
			text-decoration:none;
			color:#fff;
			font-style:normal;
			
			border:0;
		}
		#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
		#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
			text-decoration:underline;
			color:#fff;
			background:#7a1e18;
		}
		
		
		#navigation ul li.current:hover ul li a:link, #navigation ul li.current:hover ul li a:visited {
			text-decoration:none;
		}
		#navigation ul li.current:hover ul li a:hover, #navigation ul li.current:hover ul li a:active {
			color:#fff;
			text-decoration:underline;
			background:#7a1e18;
		}
		
		
		#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {
			color:#fff;
			text-decoration:underline;
			background:#6D1915;
		}
		#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {
			color:#fff;
			text-decoration:underline;
			background:#7a1e18;
		}
		
/* ******************************
Selected Bread Crumbs
****************************** */

/* ******************************
Selected Footer Design and Theme
****************************** */

#footer {
	position:relative;
	
	padding:0 20px 20px 20px;
	width:960px;
	font-size:85%;
	
}
#footerWrapper {
	border-top:4px solid white;
	background:#CECECF;
}
	#footerLinks {
		position:absolute;
		top:20px;
		left:20px;
		width:960px;
		list-style:none;
	}
		#footerLinks li {
			float:left;
			border-right:1px solid #6D1613;
		}
		#footerLinks li.last {
			border-right:none;
		}
			#footerLinks li a:link, #footerLinks li a:visited, #footerLinks li a:active {
				float:left;
				padding:2px 40px 0;
				text-transform:uppercase;
				text-decoration:none;
				color:#6D1613;
			}
			#footerLinks li a:hover {
				text-decoration:underline;
				color:#6D1613;
			}
	
	
	#footerCopyright {
		margin-bottom:0;
		text-align:right;
		vertical-align: bottom;
		padding:70px 30px 15px;
	}
		#footerCopyright ul {
			display:inline;
			list-style:none;
		}
			#footerCopyright ul li {
				display:inline;
				border-right:1px solid #666;
			}
			#footerCopyright ul li.last {
				border:none;
			}
				#footerCopyright ul li a:link, #footerCopyright ul li a:visited {
					padding:0 6px;
					text-decoration:none;
				}
				#footerCopyright ul li a:hover, #footerCopyright ul li a:active {
					text-decoration:underline;
				}

	#footerPayment {
		padding:50px 30px 10px;
		float:left;
	}
		
/* ******************************
Design Layout Code
****************************** */

body {
	min-width:1000px;
}

#siteName {
	position:absolute;
	left:-999em;
}

#container {
	position:relative;
	top:0px;
	margin:0 auto;
	padding-bottom:28px;
	width:1000px;
	text-align:center;
}

#content {
	position:relative;
	padding:149px 20px 0 20px;
	width:960px;
	text-align:left;
}

#columnWrapper {
	position:relative;
	padding-right:8px;
	padding-left:8px;
	
	min-height:300px;
	/* IE6 Mumbo Jumbo */
	height:auto !important;
	height:300px;
	
	width:944px;
}



/* ******************************
Template Layout Code
****************************** */

#columnWrapper {
	padding-left:216px;
	width:736px;
}

.column1 {
	display:inline;
	float:right;
	margin-top:20px;
	padding-right:168px;
	width:568px;
}

.column12 {
	display:inline;
	float:right;
	margin-top:20px;
	padding-right:20px;
	width:715px;
}


.column2 {
	position:relative;
	display:inline;
	float:left;
	margin-top:20px;
	margin-left:-208px;
	width:200px;
}

.column3 {
	position:relative;
	display:inline;
	float:right;
	padding-right:15px;
	margin-left:8px;
	margin-right:-168px;
	width:145px;
}