@import "reset.css";
@import "grid.css";

/* general styles */

body {font: 62.5%/1.5 'Helvetica-Neue', Helvetica, Arial, sans-serif; color: #222; background: #f2f2f2 url(http://site.bacn.com/bg_header.png) repeat-x top center;}

a {font-style: inherit; line-height: inherit;}
a:link {color: #0088cf;}
a:visited {color: #003663;}
a:hover,
a:active {}

h1,
h2,
h3,
h4 {font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; line-height: 1.2em;}
h1 {margin: 0.25em 0 0.5em; font-size: 1.8461em;}
h2 {margin: 1em 0 0.5em; padding: 0 0 .5em; border-bottom: 2px solid #DDD; font-size: 1.3846em;}
h2:first-child {margin-top: 0;}
h3 {font-size: 1.1538em;}

strong {font-weight: bold; font-style: inherit;}
em {font-weight: inherit; font-style: italic;}
.weak {color: #666; font-style: italic; font-size: .9em;}
.hidden { display: none !important; }
.clear { clear: both; }
.container {width: 960px; margin: 0 auto;}

hr {border: 0; color: #f00; background-color: #DDD; height: 2px; margin-bottom: 15px;}
/* section specific styles */

#header {height: 100px;}
#header h6 {width: 170px; height: 60px; margin: 16px 0 0; float: left;}
#header h6 a {width: 170px; height: 60px; display: block; overflow: hidden; text-indent: -999em; background: url(http://site.bacn.com/logo.png) no-repeat;}
#header #globalnav {width: 741px; height: 45px; margin: 20px 0 0; float: right; background: url(/media/images/bg_globalnav.png);}
#header #globalnav li {float: left;}
#header #globalnav li a {height: 45px; display: block; overflow: hidden; text-indent: -999em; background-image: url(http://site.bacn.com/bg_globalnav.png); background-repeat: no-repeat;}
#header #globalnav li#globalnav-home a {width: 72px; background-position: 0 0;}
#header #globalnav li#globalnav-home a:hover {background-position: 0 -46px;}
#header #globalnav li#globalnav-buy-bacon a {width: 100px; background-position: -72px 0;}
#header #globalnav li#globalnav-buy-bacon a:hover {background-position: -72px -46px;}
#header #globalnav li#globalnav-tshirts a {width: 90px; background-position: -172px 0;}
#header #globalnav li#globalnav-tshirts a:hover {background-position: -172px -46px;}
#header #globalnav li#globalnav-recipes a {width: 75px; background-position: -262px 0;}
#header #globalnav li#globalnav-recipes a:hover {background-position: -262px -46px;}
#header #globalnav li#globalnav-howto a {width: 98px; background-position: -337px 0;}
#header #globalnav li#globalnav-howto a:hover {background-position: -337px -46px;}
#header #globalnav li#globalnav-blog a {width: 50px; background-position: -435px 0;}
#header #globalnav li#globalnav-blog a:hover {background-position: -435px -46px;}
#header #globalnav #googlecart-widget-control {width: 112px; padding: 0 10px 0 95px; float: right; text-align: center; font-size: 1.4em; line-height: 43px;}

#hero,
#content {padding: 1em 0; font-size: 1.3em;}

#hero {background: #f5f5f5 url(http://site.bacn.com/bg_divider.png) repeat-x 50% 100%;}
#hero img.main-image {border: 1px solid #AAA;}

#content {background: #FFF;}
#content .container {padding-bottom: 3em;}
#content p,
#content ol,
#content ul,
#content dl {margin-bottom: .8em;}
#content ol,
#content ul {margin-left: 2em;}
#content ul {list-style: disc outside;}
#content ol {list-style: decimal outside;}
#content dl {}
#content dl dt {padding-right: .3em; font-weight: bold; float: left;}
#content dl dt:after {content: ":";}
#content dl dd {margin-left: 2em;}

#content .sidebars {font-size: 0.9231em;}
#content .sidebars h2 {font-size: 1.25em;}

#content ul.products {margin-left: 0; list-style: none;}
#content ul.products li {margin: 1em 0 0; padding: 0 70px 0 115px; position: relative; border-bottom: 1px solid #DDD;}
#content ul.products li img {margin: 0 0 1em -115px; float: left; border: 1px solid #AAA;}
#content ul.products li img.googlecart-add { margin: 0; float: none; position: absolute; top: 0; right: 0; border: 0;}
#content ul.products li h3 {margin-bottom: .2em;}
#content ul.products li p {line-height: 1.25;}
#content img.products-header {margin-bottom: -1em;}

#content ul.featured_products {list-style: none; margin-left: 0;}
#content ul.featured_products p {line-height: 1.25;}

#content ol.reviews {margin-left: 0; list-style: none;}
#content ol.reviews li {margin: 1em 0 0; padding: 0 0 0 60px; border-bottom: 1px solid #DDD;}
#content ol.reviews li img {margin: 0 0 1em -60px; float: left;}

#content div.vendor-logo {margin: 0 0 .8em; padding: 1em; border: 1px solid #DDD; text-align: center;}

#content .navigation {background: #f5f5f5; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 2px #999;}
#content .navigation ul {margin: 0; padding: 0.5em; list-style: none;}
#content .navigation ul a {padding: 0.3em 0.5em; display: block;}
#content .navigation ul li.current a,
#content .navigation ul a:hover {background: #DDD;}

#content .navigation h3, #content .navigation h2 {padding-left: 15px;}


#hero .product .one-third {text-align: center;}
#hero .product .one-third .googlecart-add {margin: 0 auto 1em; display: block;}
#hero .product .one-third table {margin: 0 auto;}
#hero .product .one-third table td {padding: .2em 1em;}

#content #newsletter_form ul {margin-left: 0; list-style: none;}
#content #newsletter_form ul label {width: 6em; margin-top: .3em; font-size: .8333em; text-transform: uppercase; font-weight: bold; float: left; display: block;}
#content #newsletter_form ul input {float: left; display: block;}
#content #newsletter_form ul li {clear: left; }
#content #newsletter_form ul li.buttons {padding-left: 5em;}
#content #newsletter_form #email_newsletter_success {padding: .2em .5em; background: #c4df9b; display: none;}
#content #newsletter_form ul li.form_error {padding: .2em .5em; background: #d76562; color: #FFF; display: none; }

#content .blogposts {list-style: none; margin-left: 0;}
#content .blogposts .date {color: #666; font-size: .8333em; text-transform: uppercase;}


.photos,
.video,
.faqs {height: 200px; margin-bottom: 2em;}
.red { color: red; }
#footer {padding: 2em 0; background: url(http://site.bacn.com/bg_divider.png) repeat-x 50% 0; font-size: 1.2em; color: #444;}
#footer .right {text-align: right;}


/* section specific styles */

.home #hero {padding: 1em 0 1.5em;}
.home #hero .container {background: #FFF url(http://site.bacn.com/bg_hero_home.png) repeat-y 630px 0; border: 1px solid #DDD; -webkit-border-radius: 6px;}
.home #hero .two-thirds img {padding: 5px 0 5px 5px; display: block;}
.home #hero .one-third p, .home #hero .one-third h1 {padding: 1em 1em .5em .5em; font-size: 1.5em; font-family: Georgia; line-height: 1.3;}

/* clearing and utility styles */
.floatleft {float: left;}
.floatright {float: right;}

.container:after,
#content ul.products li:after,
#content ul.featured_products:after,
#content ol.reviews li:after,
#content dl dd:after,
#content #newsletter_form ul:after {content: "."; clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden;}

/* google checkout schtuff */
#googlecart-checkout-config {margin: 0; height: 0; overflow: hidden;}
li.product .product-attr-extra_info { margin-bottom: 10px;}

.photocredit {text-align: right; font-size: 80%;}

ul.form { list-style-type: none !important; margin: 0 !important; padding: 0 !important; }
ul.form li { margin-bottom: 5px; display: block; }
ul.form textarea { display: block; }
ul.form .errorlist { list-style-type: none !important; color: rgb(255, 40, 40); padding: 0 !important; margin: 0 !important; }
ul.form .errorlist li { padding-bottom: -5px; }

ul#slideshow { height: 248px !important; }

ul#slideshow img { z-index: 1000; }

ul#slideshow .alt_text { margin-top: -46px; padding-top: 10px; padding-left: 20px; z-index: 10001; position: relative; -moz-opacity: 0.55; opacity: .55; filter: alpha(opacity=55); background-color: #1a1a1a; width: 598px; margin-left: 6px;}

ul#slideshow a { color: #fff; }

ul#slideshow h2 { border-bottom: none !important; } 


/* One-off features */
.reserve { padding-left: 290px;}
.reserve li label {
width: 40px;
float: left;
margin-right: 0.5em;
display: block
}

.productcategory.navigation h1, .productcategory.navigation form div { padding-left: 15px; }
.productcategory.navigation div h3 { padding-left: 0 !important; padding-top: 5px; }
.productcategory ul, .productcategory li { padding-left: 0 !important; }

.gcheckout_info { margin: auto; padding-bottom: 10px; width: 185px; }

.tag_item_list { list-style-type: none !important; padding-left: 0 !important; margin-left: 0 !important; }
.tag_item_list li { float: left !important; padding-right: 20px; padding-bottom: 20px; }
.tag_item_list li.last { padding-right: 0; }
.tag_item_list li.tshirt { height: 185px; width: 135px; overflow: hidden; }
.tag_item_list .tshirt_overlay { margin-top: -2em; position: relative; background-color: #fff; width: 2em; padding: 0.1em; -moz-opacity: 0.80; opacity: .80; filter: alpha(opacity=80); }

.tag_item_list li.bacon { padding-bottom: 10px !important; }
h2 span.freeshipping {color: red; font-size: 0.6em; font-weight: normal;}