/*
	CONTENTS:
	Page Layout
	Header
	Main Navigation
	Body
	Sub Navigation
	Footer
	Forms
	Sprite Maps
	ClearFix
	Print Styles
*/

/* --------------------------------------------------------------
   Page Layout
-------------------------------------------------------------- */
/* This fixes the firefox disappearing vertical scroll bar and
   sets up the sticky footer */
/*
    1- 30  2- 70  3-110  4-150  5-190  6-230  7-270  8-310
    9-350 10-390 11-430 12-470 13-510 14-550 15-590 16-630
   17-670 18-710 19-750 20-790 21-830 22-870 23-910 24-950
*/
html, body, #wrapper { margin:0; /* height:100%; */ }
/* body > #wrapper { height:auto; min-height:100%; } */
.container { width:980px; margin:0 auto; padding:0; }
body { background:#1C5068 url("/images/body-bg.jpg") repeat-x center top; }


/* Links
-------------------------------------------------------------- */
a, a:link, a:visited {
	color:#1B5067;
	text-decoration:underline;
	font-style:italic;
}


/* Column Spacing
-------------------------------------------------------------- */
#bd .container { 
	background:url("/images/bd-bg.png") repeat-y left top;
}
#bd .content-1 {
	width:610px;
	margin-right:10px;
	padding:0 20px 0 80px;
	float:left;
	display:inline; /* ie6 */
	padding-bottom:1.5em;
}
#bd .content-2 {
	width:340px;
	position:relative;
	top:0px;
	left:-10px;
	float:left;
	text-align:justify;
}
#bd .content-3 {
	width:260px;
	margin-top:1.5em;
	position:relative;
	top:0px;
	right:-10px;
	float:right;
	border:2px solid #F5B412;
	background-color:white;
}


/* --------------------------------------------------------------
   Header
-------------------------------------------------------------- */
#hd .container { position:relative; }
#hd .content-1 {
	height:505px;
	padding-top:20px;
	background:transparent url("/images/hd-bg.png") no-repeat left bottom;
	position:relative;
}
#logo {
	margin:0 0 0 60px;
	font-size:2em;
	color:white;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	z-index:100;
}
#logo img {
	height:175px;
	width:425px;
	vertical-align:bottom;
}
#logo:hover { color:#C5A79B; }

#masthead {
	height:375px;
	width:925px;
	margin:0;
	padding:0;
	position:absolute;
	left:27px;
	bottom:50px;
	z-index:-1;
	list-style:none;
	background-color:#1C5068;
}
#masthead li {
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:0px;
}
#masthead img {
	vertical-align:bottom;
}
/* Search ----------------------------------------------------- */
#search {
	position:absolute;
	top:110px;
	right:50px;
}
#search .submit, #locator .submit {
	height:29px;
	width:75px;
	padding:0;
	background:transparent url('/images/go-btn.png') no-repeat top left;
	border:none;
}
#bd .content-1 #locator-map {
	float:none;
}

/* --------------------------------------------------------------
   Main Navigation
-------------------------------------------------------------- */
#nv {
	width:940px;
	margin:0;
	line-height:31px;
	position:absolute;
	left:21px;
	bottom:15px;
	border:none;
	background:none;
}
#nv td {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}
#nv td a {
	height:31px;
	overflow:hidden;
}
#nv td.star {
	width:12px;
	background:transparent url("/images/nv-star.png") no-repeat 1px 10px;
}
#nv a, #nv a:link, #nv a:visited {
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
	text-align:center;
	color:white;
	font-weight:bolder;
	font-style:normal;
	text-decoration:none;
}
#nv a:hover,
#nv a.current,
#nv a.current:link, #nv a.current:visited,
#nv a.current:hover, #nv a.current:active {
	color:#B4112A;
}


/* --------------------------------------------------------------
   Body
-------------------------------------------------------------- */
#bd h1.headline {
	font-size:1.667em; line-height:1.2;
	margin-top:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:white;
	font-weight:normal;
	text-transform:none;
}
#bd .content-1 table p {
	margin-bottom:0;
}
#bd .products {
	width:630px;
	margin:0 0 0 -10px;
	border:1px solid #F5B412;
}
#bd .products td {
	border:none;
	vertical-align:middle;
	background-color:#B8122B;
}
#bd .content-1 .products img {
	margin:0 0 0 20px;
}
#bd .products h1 {
	text-align:center;
	border:none;
	margin:0;
}
#bd .products .sku {
	font-family: Arial, Myriad, Courier, monospace;
	font-size:.8em;
}
#bd .content-1 h1 img.icon-superstar {
	margin:0 0 5px 0.25em;
	float:none;
}
#bd ul.nutrition {
	margin:0;
	padding:1.5em 10px 1.5em 10px;
	list-style:none;
}
#bd ul.nutrition li {
	margin:0;
	padding:0;
	height:100%; /* IE6 Fix */
	position:relative; /* IE7 Fix */
	background:transparent url("/images/period.png") repeat-x left bottom;
}
#bd ul.nutrition span.key {
	padding-right:3px;
	background-color:white;
}
#bd ul.nutrition span.value {
	padding-left:3px;
	position:absolute; /* IE7 Fix */
	top:0px;
	right:0px;
	background-color:white;
}
#bd .ingredients {
	padding:0 10px 0 10px;
}
#bd .content-3 img {
	margin:0;
	padding:0 0 0.75em 0;
	text-align:bottom;
	background-color:#F5B412;
}
#bd .pagination {
	text-align:right;
}


/* Bag Display  - - - - - - - - - - - - - - - - - - - - - - - -*/
#bags {
	width:240px;
	height:330px;
	margin:0 15px 1.5em 0;
	float:left;
	position:relative;
	background:transparent url('/images/uploads/bags/NOBAG.jpg') no-repeat top left;
}
#bags img {
	position:absolute;
	top:30px;
	left:10px;
}


/* Product Categories - - - - - - - - - - - - - - - - - - - - -*/
#category-bar {
	width:250px;
	padding:15px 10px 5px 10px;
	float:left;
	position:relative;
	top:0px;
	left:-10px;
	text-align:center;
	overflow:hidden;
	background-color:#1c5068;
	color:white;
}
#category-content {
	width:340px;
	float:right;
	position:relative;
	top:0px;
	right:-10px;
	text-align:left;
}
#category-content h2 {
	margin-top:0;
	padding:2px;
	border:1px solid #D4821A;
	background-color:#EEE;
	cursor:pointer;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
#category-content h2 .effect {
	padding:10px;
	display:block;
	height:100%;
	color:white;
	text-decoration:none;
	font-style:normal;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;

	background-color:#D4821A;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0A458', EndColorStr='#D48118'); /* for IE6 & 7 */
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0A458', endColorstr='#D48118'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E0A458), to(#D48118)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E0A458,  #D48118); /* for firefox 3.6+ */

	-moz-box-shadow:2px 2px 3px #AAA;
	-webkit-box-shadow:3px 3px 3px #AAA;
	box-shadow:3px 3px 3px #AAA;
}
#category-content ul {
	margin-bottom:0;
	padding:1.5em 10px 0 10px;
	list-style: url("/images/dot-red.png");
	background-color:white;
}
#category-content li {
	margin-bottom:1em;
}


#categories {
	margin:-1.5em 0 0 0;
	list-style:none;
}
#categories li {
	margin:0;
	padding:0 0 0 80px;
}
#categories li .img {
	margin:0 0 0 -80px;
	float:left;
}


/* Contact Columns  - - - - - - - - - - - - - - - - - - - - - -*/
#contact-extend .heading,
#contact-bar .heading {
	margin-top:0;
	margin-bottom:0.75em;
	padding:2px;
	border:1px solid #D4821A;
	background-color:#EEE;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
#contact-extend .heading span.effect,
#contact-bar .heading span.effect {
	padding:10px;
	display:block;
	height:100%;
	color:white;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;

	background-color:#D4821A;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0A458', EndColorStr='#D48118'); /* for IE6 & 7 */
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0A458', endColorstr='#D48118'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E0A458), to(#D48118)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E0A458,  #D48118); /* for firefox 3.6+ */

	-moz-box-shadow:2px 2px 3px #AAA;
	-webkit-box-shadow:3px 3px 3px #AAA;
	box-shadow:3px 3px 3px #AAA;
}
#contact-extend {
	width:325px;
	padding:0 0 0 15px;
	float:left;
	position:relative;
	top:0px;
	left:-10px;
}
#contact-extend .heading {
	width:340px;
	margin-left:-15px;
}
#contact-bar {
	width:255px;
	padding:0 0 0 15px;
	float:right;
	position:relative;
	top:0px;
	right:-10px;
}
#contact-bar .heading {
	width:270px;
	margin-left:-15px;
}


/* --------------------------------------------------------------
   Bar & Sub Navigation
-------------------------------------------------------------- */
.bar-1 {
	width:230px;
	margin-top:-8px;
	float:right;
	display:inline; /* ie6 */
}
.bar-1 img {
	position:relative;
	vertical-align:bottom;
}
#subnav {
	margin:0;
	padding:2px 39px 0 20px;
	list-style:none;
}
#subnav li {
	margin:0 0 2px 0;
	padding:2px 2px 1px 2px;
	background-color:#F0E4C3;
	border:1px solid #D3B18C;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
#subnav a {
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	text-transform:uppercase;
	display:block;
	background-color:#E4CF9F;
	border-right:2px solid #D1C6AC;
	border-bottom:2px solid #C1B6A0;
/*	border-left:1px solid #D1C6AC;*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
#subnav a:hover, #subnav a.current {
	background-color:#F0E4C3;
	border-top:2px solid #F0E4C3;
	border-bottom:none;
	border-left:2px solid #F0E4C3;
	border-right:none;
}


/* --------------------------------------------------------------
   Footer
-------------------------------------------------------------- */
#ft {
	margin-top:-1px;
}
#ft .content-1 {
	width:650px;
	margin-right:10px;
	padding:0 0px 0 60px;
	float:left;
}
#ft .container {
	min-height:180px;
	margin-top:-1px;
	padding-top:10px;
	background:transparent url("/images/ft-bg-home.png") no-repeat left top;
}
#ft .icon-star-red, #ft .icon-star-yellow, #ft .icon-facebook {
	margin-left:10px;
	margin-right:10px;
}
body.home #ft .content-1 {
	width:940px;
	margin-right:0;
	float:left;
	padding:0 20px 0 20px;
}
body.home #ft table {
	margin-bottom:0;
	border-width:0px;
	border-collapse:separate;
	background-color:transparent;
}
body.home #ft td {
	width:50%;
	padding:0 20px 0 20px;
	border-width:0px;
}
body.home #ft .contact {
	clear:both;
	margin:0 40px;
	padding-top:0.75em;
	background-color:#D48118;
}
#copyright.container {
	min-height:0;
	margin-top:0;
	padding-top:90px;
	color:white;
	text-align:center;
	background:transparent url("/images/ft-bg.png") no-repeat left top;
}
body.home #copyright.container {
	min-height:0;
	padding:115px 0 0 0;
	color:white;
	text-align:center;
	background:transparent url("/images/ft-bg-home.png") no-repeat left -380px;
}
#copyright address {
	clear:both;
	margin:0 0 30px 0;
	padding-top:0.75em;
	background-color:#D48118;
	font-weight:bold;
}
#copyright a {
	color:white;
	font-style:italic;
	text-decoration:underline;
}


/* --------------------------------------------------------------
   Forms
-------------------------------------------------------------- */
/* Fieldsets */
/*
fieldset { margin: 0; padding: 0; display: block; clear: left; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }
form table { margin: 0 30px 1em 30px; }
form table th, form table td { vertical-align: top; padding: 0 0 4px 0; }
form table th { width: 140px; text-align: right; }
form table textarea { width: 400px; }
*/

#bd .content-1 form table {
	background-color:transparent;
}
#bd .content-1 form table td { padding:5px; }
form dl dt {
	margin:0;
	padding:2px 5px;
	font-weight:normal;
	color:white;
	background-color:#D48118;
	border-color:#CCC;
	border-style:solid;
	border-width:1px 1px 0 1px;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
form dl dd {
	margin:0;
	padding:0 5px;
	border:1px solid #CCC;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

form dl dd input, form dl dd textarea, .dd input.text, .dd textarea {
	padding:5px 5px;
	margin-left:-5px;
	width:100%;
	border:none;
	background-color:white;
}
form .checkbox input { width:auto; margin:5px; }
form dl dt .chars { float:right; }
form button { padding: 0.25em 1em; }

#contact_form table { border:none; }
#contact_form table td { border:none; }


/* --------------------------------------------------------------
	Image Sprites
-------------------------------------------------------------- */
/*
   Icon: 1 2  3  4  5  6   7   8   9   10  11  12  13  14  15  16
    Pos: 0 24 48 72 96 120 144 168 192 216 240 264 288 312 336 360
*/
#ui-datepicker-div { display: none; /* position: absolute; top: 0; left: 0; */ }

.icon-pen,
.icon-facebook,
.icon-star-red,
.icon-star-yellow,
.icon-superstar {
	height:32px;
	width:32px;
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	vertical-align:middle;
	background-image: url("/images/icons-32.png");
}

.icon-pen { background-position:-0px 0px; }
a .icon-pen { background-position:-32px 0px; }
a:hover .icon-pen { background-position:-64px 0px; }
.icon-facebook { background-position:-96px 0px; }
.icon-star-red { background-position:-128px 0px; }
.icon-star-yellow { background-position:-160px 0px; }
.icon-superstar { background-position:-192px 0px; }

/* Edit Button ----------------------------------------------- */
.button-edit {
	width:32px;
	height:32px;
	margin:0 0 0 -70px;
	padding:0;
	display:block;
	float:left;
}

/* --------------------------------------------------------------
   Clearfix
-------------------------------------------------------------- */

.container:after, .content-1:after, .bar-1:after,
.clearfix:after {
	visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
.container, .content-1, .bar-1,
.clearfix {
	display: inline-block;
}
* html .container, * html .content-1, * html .bar-1,
* html .clearfix {
	height: 1%;
}
.container, .content-1, .bar-1,
.clearfix {
	display: block;
}


/* --------------------------------------------------------------
   Print Adjustments
-------------------------------------------------------------- */
@media print{
	body { font-size:10pt; }
	body > #wrapper { height:auto; min-height:0pt; }
	#hd,
	#nv, #contact_form, .bar-1, .nav-rel,
	#bd .content-1 div.foot, .offer, .noprint {
		display:none;
	}
	html, body, #wrapper, .container,
	#masthead,
	#bd, #bd .container, #bd .content-1,
	#ft, #ft .container, #ft .content-1,
	body.home #ft .content-1,
	#ft #copyright, #ft .content-1 table {
		margin:0;
		padding:0;
		width:auto;
		height:auto;
		position:static;
		float:none;
		border:none;
		color:black;
	}
	#bd h1 {
		margin-left:0;
		margin-right:0;
		padding:0;
		border:none;
	}
	#bd .printfix {
		margin-right:-280px;
                margin-top:-5px;
	}
	#bd .products {
		width:100%;
		margin:0;
		border:none;
	}
	#bd .products td { padding:0 1em; }
	#bd .products img, #bd .products h1 { margin:0; padding:0; }
	body.product-details { padding-right:280px; }
	#bd .content-2 {
		width:auto;
		position:static;
                font-size:75%;
	}
	#bd .content-3 {
		position:static;
		margin-right:-280px;
		z-index:100;
                width:265px;
                font-size:76%;
	}
	
        #bd .content-3 h5 {
               padding-top:0;
               padding-bottom:0;
       }

	#contact-extend, #contact-bar {
		margin-left:0;
		margin-right:0;
		position:static;
	}
	#contact-bar h2.heading {
		width:auto;
	}

        #ft .content-1 {
                font-size:75%;
                margin-top:-120px;
        }
	
	#ft .content-1 table td { padding-left:0; font-size:80%;}

       #bd ul.nutrition {
              margin-top:-15px;
              padding-bottom:5px;
       }

       #bd p.ingredients {
              margin-bottom:0;
              padding:0 2px;
        }
}