/* STANDARD HTML STYLES */
body, div, p, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, dt, li, td, blockquote, address, form, input, select, textarea {margin: 0; padding: 0;}
body {margin: 0; background-color: #f7e393; font: 62.5%/1.4em Arial, Verdana, sans-serif; text-align: center; color: #322a06;}

h1, h2 {margin: 0 0 .5em; padding: 0; color: #000;}
h2 span {padding-left: 16px; background-repeat: no-repeat; background-position: 0 50%;}
h2#note {width: 50%; margin: 0; padding: 0; position: absolute; right: 16px; top: 0; text-align: right; font-weight: normal; font-size: 2em; line-height: 1em;}
h2#note.small {font-size: 1.2em;}
h3 {font-size: 1.1em; margin: 0 0 .5em; line-height: 1.2em; color: #b03802;}
h4 {font-size: 1.86em; margin-bottom: .3em;}
h5{padding-bottom: .3em; font-size: 1em; line-height: 1em; color: #888;font-weight:normal;}
h6 {padding-bottom: .3em; font-weight: bold; font-size: 1.2em; line-height: 1.3em; color: #000;}

ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}

p, ul {padding-bottom: .8em;}

p.button {margin: 1em 0;}
p.metainfo {font-size: 1em; line-height: 1.1em; color: #846323;}
p.caption {margin-top: 2em; font-size: .9em; line-height: 1.1em; color: #846323;}

p.response {font-size: 1em; font-weight: bold; line-height: 1.1em; color: #846323;}

a {color: #b03802; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0; vertical-align: middle;}

form input {vertical-align: middle;}
label {display: block;}
input, select, textarea{vertical-align: middle;}
input.button{margin-bottom:0px;}
.buttons{margin-top:10px;float:right;}

/* POSITIONING STYLES */
#container {margin: 10px auto 0; padding: 17px; position: relative; text-align: left; width: 944px; voice-family: "\"}\""; voice-family: inherit; width: 910px;}

#header {padding: 0; height: 156px; position: relative; background: url(/images/bg_header_t2.png) no-repeat top left;}
#header h6 {width: 156px; height: 156px; position: absolute; top: 0; left: 377px; background: url(/images/logo2.png) no-repeat top left; z-index: 2;}
#header h6, #header h6 a {display: block; width: 156px; height: 156px;}
#header h6 a {background: transparent;}

#navigation {margin: 0; padding: 0; width: 840px; height: 31px; position: absolute; left: 35px; top: 93px; overflow: hidden; border-top: 1px solid #fce06a; border-bottom: 1px solid #fce06a; background: url(/images/bg_nav_shadow.png) repeat-x bottom left; font-size: 1.3em; z-index: 1;}
#navigation ul {margin: 0; padding: 0; height: 31px; list-style-type: none;}
#navigation li {float: left;}
#navigation a, #navigation span {padding: 31px 0 0; height: 31px; display: block; float: left; voice-family: "\"}\""; voice-family: inherit; height: 0;}
#navigation-home, #navigation-products, #navigation-recipes, #navigation-stories, #navigation-chef, #navigation-shop, #navigation-stores, #navigation-news, #navigation-contact, #navigation-home a, #navigation-products a, #navigation-recipes a, #navigation-stories a, #navigation-chef a, #navigation-shop a, #navigation-stores a, #navigation-news a, #navigation-contact a {background-image: url(/images/navigation3.png); background-repeat: no-repeat;}
#navigation-home, #navigation-home a {width: 54px; background-position: 0 0;}
#navigation-home a:hover, #navigation-home.current a {background-position: 0 -31px;}
#navigation-products, #navigation-products a {width: 93px; background-position: -54px 0;}
#navigation-products a:hover, #navigation-products.current a {background-position: -54px -31px;}
#navigation-recipes, #navigation-recipes a {width: 64px; background-position: -147px 0;}
#navigation-recipes a:hover, #navigation-recipes.current a {background-position: -147px -31px;}
#navigation-stories, #navigation-stories a {width: 101px; background-position: -211px 0;}
#navigation-stories a:hover, #navigation-stories.current a {background-position: -211px -31px;}
#navigation-chef {margin-left: 203px; padding-left: 0;}
#navigation-chef, #navigation-chef a {width: 93px; background-position: -515px 0;}
#navigation-chef a:hover, #navigation-chef.current a {background-position: -515px -31px;}
#navigation-shop, #navigation-shop a {width: 89px; background-position: -610px 0;}
#navigation-shop a:hover, #navigation-shop.current a {background-position: -610px -31px;}
#navigation-stores, #navigation-stores a {width: 92px; background-position: -699px 0;}
#navigation-stores a:hover, #navigation-stores.current a {background-position: -699px -31px;}
#navigation-news, #navigation-news a {width: 55px; background-position: -789px 0;}
#navigation-news a:hover, #navigation-news.current a {background-position: -789px -31px;}
#navigation-contact, #navigation-contact a {width: 85px; background-position: -850px 0;}
#navigation-contact a:hover, #navigation-contact.current a {background-position: -850px -31px;}

#content {padding: 30px 0 40px; margin: 0; position: relative; line-height: 1.3em; font-size: 1.2em; background: url(/images/bg_container_t.png) repeat-y top left;}

#content h1{font-size: 1.6em; line-height: 1.2em; text-transform: uppercase;}
#content h2{font-size: 1.4em; line-height: 1.2em; text-transform: uppercase;}
#content #bottom-span {margin: 0 10px; padding: 20px 37px 0; background: url(/images/bg_products_gradient.png) repeat-x top left;}
#content #bottom-span ul.related-products {list-style-type: none;}
#content #bottom-span ul.related-products, #content #bottom-span ul.related-products li {border-color: #e2b319;}
#content #bottom-span ul.related-products li {width: 233px; float: left; clear: none; margin-right: 43px;}
#content #bottom-span ul.related-products li.third {margin-right: 0;}

#content #bottom-span h2.border { padding-bottom: 11px; border-bottom: 1px solid #e2b319;}

ul.related-products {list-style-type: none; border-top: 1px solid #f3cf5f;}
ul.related-products li {padding: 40px 5px 10px; clear: both; border-bottom: 1px solid #f3cf5f;}
ul.related-products img {float: left; margin-right: 15px; margin-top: -30px;}

/* new faux columns for boxes, with variations */
#content .fauxcolumns {margin: 10px; position: relative; background-repeat: repeat-y; background-position: top left;}
#content .fauxcolumns .fc-gradient {background-repeat: no-repeat; background-position: 0 0;}
#content .fauxcolumns .fc-top {background-repeat: no-repeat; background-position: top left;}
#content .fauxcolumns .fc-bottom {padding: 35px; background-repeat: no-repeat; background-position: bottom left;}
#content .fauxcolumns .column.left {float: left;}
#content .fauxcolumns .column.right {float: right;}

/* faux columns full */
#content .fauxcolumns.full {background-image: url(/images/bg_fc_full.png);}
#content .fauxcolumns.full .fc-gradient {background-image: url(/images/bg_fc_full_gradient2.png);}
#content .fauxcolumns.full .fc-top {background-image: url(/images/bg_fc_full_top.png);}
#content .fauxcolumns.full .fc-bottom {background-image: url(/images/bg_fc_full_bottom.png);}

/* faux columns one-third left */
#content .fauxcolumns.one-third-left {background-image: url(/images/bg_fc_13l.png);}
#content .fauxcolumns.one-third-left .fc-gradient {background-image: url(/images/bg_fc_13l_gradient2.png);}
#content .fauxcolumns.one-third-left .fc-top {background-image: url(/images/bg_fc_13l_top.png);}
#content .fauxcolumns.one-third-left .fc-bottom {background-image: url(/images/bg_fc_13l_bottom.png);}
#content .fauxcolumns.one-third-left .column.left {width: 280px;}
#content .fauxcolumns.one-third-left .column.right {width: 470px;}

/* faux columns two-thirds left */
#content .fauxcolumns.two-thirds-left {background-image: url(/images/bg_fc_23l.png);}
#content .fauxcolumns.two-thirds-left .fc-gradient {background-image: url(/images/bg_fc_23l_gradient2.png);}
#content .fauxcolumns.two-thirds-left .fc-top {background-image: url(/images/bg_fc_23l_top.png);}
#content .fauxcolumns.two-thirds-left .fc-bottom {background-image: url(/images/bg_fc_23l_bottom.png);}
#content .fauxcolumns.two-thirds-left .column.left {width: 470px;}
#content .fauxcolumns.two-thirds-left .column.right {width: 260px;}

/* page specifics */
#home #home-flash {padding: 0 10px 0;}

#home #content {padding-top: 0;}

#home #content .fauxcolumns {background-image: url(/images/bg_fc_home.png);}
#home #content .fauxcolumns .fc-gradient {background-image: url(/images/bg_fc_home_gradient2.png);}
#home #content .fauxcolumns .fc-top {background-image: url(/images/bg_fc_home_top.png);}
#home #content .fauxcolumns .fc-bottom {background-image: url(/images/bg_fc_home_bottom.png);}
#home #content .fauxcolumns .column.left {width: 255px;}
#home #content .fauxcolumns .column.left img#home-recipes-image {position: absolute; top: 70px; left: 160px;}
#home #content .fauxcolumns .column.left p {padding-right: 90px;}
#home #content .fauxcolumns .column.middle {float: left; margin-left: 87px; width: 255px;}
#home #content .fauxcolumns .column.middle img#home-stories-image {position: absolute; bottom: -20px; left: 490px;}
#home #content .fauxcolumns .column.middle img#home-jingle-image {position: absolute; bottom: -20px; left: 490px;}
#home #content .fauxcolumns .column.middle img#home-coupon-image {position: absolute; bottom: 48px; left: 480px;}
#home #content .fauxcolumns .column.middle img#social-icons {position: absolute; bottom: 48px; left: 520px;}
#home #content .fauxcolumns .column.middle img#shopping-at-dukes {position: absolute; bottom: 18px; left: 500px;}
#home #content .fauxcolumns .column.middle img#samesize {position: absolute; bottom: -30px; left: 500px;}
#home #content .fauxcolumns .column.middle img#family {position: absolute; bottom: -29px; left: 490px;}
#home #content .fauxcolumns .column.middle p {padding-right: 135px;}
/* #home #content .fauxcolumns .column.middle p {padding-right: 120px;} */
/* #home #content .fauxcolumns .column.middle a {text-decoration: underline;} */
#home #content .fauxcolumns .column.right {width: 130px;}
#home #content .fauxcolumns .column.right select {width: 100%; margin-bottom: .5em;}

#products #content .fauxcolumns.two-thirds-left .column.left p {padding-right: 300px;}
#products #content .fauxcolumns.two-thirds-left .column.left img#blurb-photo {position: absolute; bottom: 6px; left: 200px;}
#products #content .fauxcolumns.two-thirds-left .column.right img#featured {margin-left: 20px; margin-right: -10px;}

#product #content .fauxcolumns.full #left {width: 265px; float: left;}
#product #content .fauxcolumns.full #image {margin-top: -10px; float: left; width: 286px; text-align: center;}
#product #content .fauxcolumns.full #right {width: 233px; float: right;}

#chef #content .fauxcolumns.two-thirds-left .column.left h6 {padding-right: 10px;}
#chef #content .fauxcolumns.two-thirds-left .column.left p {padding-right: 10px;}
#chef #content .fauxcolumns.two-thirds-left .column.left img#blurb-photo {position: absolute; bottom: 6px; left: 281px;}

#stories #content .fauxcolumns.two-thirds-left .column.left h6 {padding-right: 190px;}
#stories #content .fauxcolumns.two-thirds-left .column.left p {padding-right: 200px;}
#stories #content .fauxcolumns.two-thirds-left .column.left img#blurb-photo {position: absolute; top: 160px; left: 286px;}

/* end faux columns */

/* product list */
#content table.product-list{width:100%;}
#content table.product-list th {border-bottom: none; padding: 6px 4px 5px 9px; color: #b4893a;}
#content table.product-list td {border-top: 1px solid #e4b81d; padding: 8px 4px 5px 9px;}
#content table.product-list td.section {text-align: left; font-weight: bold;}
#content table.product-list tr.odd{background-color: #f2d97b;}
#content table.product-list td.arrow {padding: 12px 0 9px 5px;}
#content table.product-list td.description{font-size:1em;}
#content table.product-list td.description a{text-decoration: none; color:#000000;}
#content table td.cart_totals {text-align:right;padding:2px;border:none;}
#content table.product-list tr.details {display: none;}
#content table.product-list div.details{font-family:Arial, Verdana, sans-serif; margin: 6px 0px 4px 0px;border: 1px solid #f2d97b; background-color: #fcf0bf;padding:8px 12px; font-size:.9em;line-height:1em;}

h6.product-list {padding-bottom: 10px;}
#product-detail ul.product-nav {border-top: 1px solid #c59b0e;}
#product-detail ul.product-nav li a:link, ul.product-nav li a:visited{font-family: Arial, Verdana, sans-serif; font-size: 100%; line-height:120%; margin: 0; padding: 8px; display: block; text-decoration: none; color: #000; font-weight: bold; border-bottom: 1px solid #c59b0e;}
#product-detail ul.product-nav li a:hover{color: #b54205; background-color: #efc63e;}

#product-image {padding-bottom: 1em; text-align: center;}

/* end product list */

/*Customer Info */
#content table.customer_form {padding:6px 4px;width:100%;border:4px solid #f2d97b; background-color:#f2d97b;}
#content table.customer_form td h6 {margin:0px; padding:0px;font-size:1.1em;}
#content table.customer_form table {padding-left:2px;}
#content table.customer_form td{font-size:10px; vertical-align:top;}
#content table.customer_form td input{text-align:left; margin-left:3px;}
#content table.customer_form td.title{text-align:right; padding-right:3px;}

#content table.customer_info {padding:6px 4px;width:100%;border:4px solid #f2d97b; background-color:#f2d97b;}
#content table.customer_info td h6 {margin:0px; padding:0px;font-size:1.1em;}
#content table.customer_info table {padding-left:2px;}
#content table.customer_info td{font-size:11px; vertical-align:top;}
#content table.customer_info td input{text-align:left; margin-left:3px;}
#content table.customer_info td.title{text-align:right;}
#content table.customer_fields tr td input, #content table.customer_fields tr td select{margin:3px 0px;}

/*end Customer Info */

#flash {margin: 0 0 1em; padding: .7em 0 0; background: #fff29e url(/images/bg_flash_top.png) no-repeat top left;}
#flash p {padding: 0 16px .6em; background: url(/images/bg_flash_bottom.png) no-repeat bottom left;}
#flash.error {background-color: #ffbea8; background-image: url(/images/bg_flash_error_top.png); color: #c01819;}
#flash.error p {background-image: url(/images/bg_flash_error_bottom.png);}

#footer {margin: 0 auto 20px; padding: 20px 10px 30px; width: 890px; clear: both; background: url(/images/bg_footer_t.png) no-repeat top left; text-align: left; color: #333;}
#footer #info, #footer form {width: 50%;}
#footer #info {float: left;}
#footer form {float: right; text-align: right;}
#footer form input {margin-top: .3em;}
#footer p {padding-bottom: .3em;}
#footer p.legal {color: #b4893a;}
#footer a {color: #322a06;}

/* TABLES */
table.noborder {border-collapse: collapse;}
table.noborder td {padding: 1.5em 30px 1em 0; vertical-align: top; border-bottom: 1px solid #e2b319;}
table.noborder tr {padding-bottom: 1em;}

/* FORMS */
.form-field, select {font-size: 1.1em; background: #f7e393 url(/images/bg_form.gif) repeat-x; border: 1px solid #CBB945; color: #846323; padding: 2px; margin-bottom: 6px;}
.form-small .form-field, .form-small select {width: 95%;}
.form-large .form-field, .form-large select {width: 100%;}
form #dukes_club {border: 1px solid #ccc;}

/* TOOLS */
.error {color: red;}

.half {width: 48%;}

.state { clear: both; position: relative; left: 0; width: 457px; }
.nostate { display: none; }

.fl {float: left;}
.fr {float: right;}
img.fl {float: left; padding: 0 10px 10px 0;}
img.fr {float: right; padding: 0 0 10px 10px;}

.cb {clear: both;}
.cl {clear: left;}
.cr {clear: right;}
.ca:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ca {display: inline-table;}
/* Hides from IE-mac \*/
.ca {height: 1%;}
* html .ca {height: 1%; position: relative;}
.ca {display: block;}
/* End hide from IE-mac */

.pir span { width: 0; height: 0; position: absolute; top: 0; left: 0; display: block; overflow: hidden; }


.cart-navigation {position: absolute; top: -4px; right: 0px; font-size: 1.2em;}

#search_submit{margin-top:8px;}


.list_type{
	text-decoration:none;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}
.list_type:hover{
	color:#b54205;
	text-decoration:none;
}

h5#ingredients-header {font-weight: bold; margin-bottom: .8em;}
h5#nutritional-header {font-weight: bold; margin-bottom: .8em;}

h5#ingredients-header a:hover,
h5#nutritional-header a:hover {text-decoration: none;}

h5#ingredients-header img.arrow,
h5#nutritional-header img.arrow {padding-right: 3px;}

#expanding-area {margin: 1em 0;}
#ingredients {margin-bottom: 1em; padding: 0 10px;}
#facts {margin-bottom: 2em; padding: 0 10px;}

table#nutritional-table {clear: both; font-size: .9em; border-collapse: collapse; width: 470px; margin: 1em 0 2em;}
table#nutritional-table th {text-align: left;}
table#nutritional-table tr td {border-bottom: 1px solid #bb8e00;}
table#nutritional-table tr.thick th {border-bottom: 3px solid #000; padding-bottom: 4px;}
table#nutritional-table tr.thick td {border-bottom: 3px solid #000; padding-bottom: 5px;}
table#nutritional-table tr.padding-top td {padding-top: 5px;}
table#nutritional-table tr.no-border td {border: none;}
table#nutritional-table tr td.no-border {border: none;}
table#nutritional-table tr th.align-right {text-align: right;}
table#nutritional-table tr td.align-right {text-align: right;}

table#nutritional-table .nutrition {font-size: 1.45em; font-weight: bold;}
table#nutritional-table .indent {text-indent: 10px;}
table#nutritional-table .padding-right {padding-right: 30px;}
table#nutritional-table .small-text {font-size: .9em; line-height: 1.2em;}