/* 
    
  == Color Palette: ========================
   * PB Blue:           004990
   * PB Dark Blue		284a79
  ======================================
   
*/

body {background:url(/img/bg.gif) top left repeat; color:#004990; background-color: #004990}
a {color:#284a79}
a:hover {color:#284a79;text-decoration:none}
ul {margin-left:2em;}
h4 {font-weight:bold}
h6 {color:#284a79;}

/* ==== Masthead ==== */
#masthead {text-align:center;}
.shopping-bag {z-index:1000;top:58px;left:100px;display:block;position:absolute;}
.shopping-bag.template {}
.shopping-bag a {background:none;display:block;}
.store-locator {z-index:1000;top:55px;right:100px;display:block;position:absolute;}
.store-locator.template {}
.store-locator a {background:none;display:block;}
.logo {z-index:1000;margin:0 auto;text-align:center;}
#navigation {margin:0 auto;}

/* === Layout ==== */
.container {width:895px;margin:0 auto;}
.html-header {width:895px;padding:0;position:relative;}
.html-header.template {background:url(/img/html-temp-bg-header.gif) bottom left no-repeat;height:304px;display:block;}
.html-content {position:relative;}
.html-content.template {background:url(/img/html-temp-bg-middle.gif) top left repeat-y;}
.html-content .content-container {padding:0.1em 50px 1em 65px;position:relative;}
.html-content .content-container.three-quarter {padding-right:250px;}
.html-content .content-container.blog-post {width:570px;float:left;}
.html-footer {padding:2em 0 1em 0;text-align: center}
.html-footer.template {background:url(/img/html-temp-bg-footer.gif) top left no-repeat;padding-top:75px;}
.html-footer.spotted {background:url(/img/html-spot-bg-footer.gif) top left no-repeat;padding-top:250px;}
.html-footer a {color:#FFF;padding:0.25em;text-decoration:none;}
.html-footer a:hover {background:#10397F;text-decoration:none;}
.html-footer ul {list-style:none;display:block;margin:0;}
.html-footer ul li a {color:#9CF;}
.html-footer ul.top {margin-bottom:1em;}
.html-footer ul li {list-style:none;display:inline;margin-right:0.75em;font-size:0.95em}

h1.header {color: #10397f;font-weight:bold;left:50px;font-size:48px;}
h1.header.template {position:absolute;bottom:8px;left:65px;}

.st-bg {height:755px;width:895px;}

.scroll {background:url(/img/our-story-scroll.png) top left no-repeat;height:520px;width:470px;position:absolute;}
.scroll.blog {background:url(/img/blog-scroll.png) top left no-repeat;}
.scroll .scroll-content {padding:70px 60px 100px 40px;}
.scroll.blog .scroll-content {padding:70px 30px 100px 50px;}

div.scroll-pane {width:385px;height:315px;padding-right:0.25em}
.jScrollPaneTrack {background:#C3CDDF;}
.jScrollPaneDrag {background:#10397F;}

.download-pdf {padding:0 0 0 20px;margin:1em 0;background:url("/img/pdf.gif") left top no-repeat;color:#004990;}
.download-pdf a {color:#004990;font-size:1em;border:none;font-weight:bold; }
.download-pdf a:hover {color:#004990;text-decoration:none;}

ul.error-msg {list-style:none;margin:0;}
ul.error-msg li {list-style:none;display:inline;}

h4.error, h4.success, h4.notice {font-weight:bold;}
h4.error {color:#8a1f11;}
.notice h5 {color:#514721;}

.hide {display:none;}

/* === Home Blog ==== */
.home-blog {padding:0 80px;display:block;text-align:left}
.home-blog hr {background:#10397F;color:#10397F;}
.home-blog-posts {float:left;width:350px;margin:0;}
.home-blog-posts.first {margin-right:100px}
.home-blog-posts p {color:#FFF;}
.home-blog-posts p.date {margin-bottom:0.25em;}
.home-blog-posts h2, .home-blog-posts a {color:#9CF;text-decoration:none;padding:0;margin-bottom:.5em}
.home-blog-posts a:hover {background:#10397F;color:#FFF;padding:0;}
.home-blog-posts.facebook h1 {margin-left:45px;}

/* === Forms ==== */
fieldset {height:365px;width:367px;background:url(/img/form-fieldset-bg.png) top left no-repeat;display:block;padding:2em 0 0 0;}
form fieldset {display:none;visibility:hidden;}
legend {}
div.input {display:block;clear:both;float:none;margin-top:0.25em;}
label {color:#004990;font-weight:bold;width:130px;text-align:right;float:left;padding-right:1em;}
input[type=text] {width:184px;background:url(/img/form-text-bg.png) top left no-repeat;border:none;padding:6px 8px;}
textarea {width:184px;height:84px;background:url(/img/form-textarea-bg.png) top left no-repeat;border:none;padding:6px 8px;line-height:1.5;}
input[type=submit] {background:none;border:none;color:#004990;font-weight:bold;font-family:Helvetica, Arial, sans-serif;font-size:1em;position:relative;left:135px}

/* === Our Story ==== */
#our-story {background:url(/img/our-story-bg.gif) bottom left no-repeat;}
#our-story .scroll {right:40px;top:5px;}
#our-story #large-logo {position:absolute;left:30px;top:30px;z-index:99;}
#our-story div.scroll-pane {width:375px}

/* === Healthy Snacking ==== */
#healthy-snacking {background:url(/img/healthy-snacking-bg.jpg) bottom left no-repeat;}
#healthy-snacking h1.header {width:500px;}
div#healthy-snacking p#piratesbooty,div#healthy-snacking p#smartpuffs,div#healthy-snacking p#potatoflyers {margin:0;padding:0;display:block; text-indent:-9999px; outline:none; position:absolute;}
div#healthy-snacking ul.benefits {display:none;}
div#healthy-snacking p#piratesbooty { top:109px; left:46px; }
div#healthy-snacking p#piratesbooty a {width:496px; height:377px;display:block;}
div#healthy-snacking p#smartpuffs { top:0; left:561px;}
div#healthy-snacking p#smartpuffs a {width:293px; height:212px;display:block;}
div#healthy-snacking p#potatoflyers { top:230px; left:561px;}
div#healthy-snacking p#potatoflyers a {width:320px; height:255px;display:block;}

/* === Contact Us ==== */
fieldset#contact-form {float:left;width:430px;}
fieldset#contact-form div.error {width:250px;margin:0 0 8px 75px;}
div#contact-list {float:left;width:250px;}

/* === Blog ==== */
#blog {background:url(/img/blog-bg.jpg) bottom left no-repeat;}
#blog .scroll {right:110px;top:0px;}
ul#blog-nav {width:100%;}
ul#blog-nav, ul#blog-nav li ul {list-style:none;list-style-type:none;margin:0;padding:0;}
ul#blog-nav li, ul#blog-nav li ul li {list-style:none;display:inline;float:left;margin:0;padding:0;}
ul#blog-nav li.header {left:0;display:inline}
div.post-header {color:#000;}
div.post-header h2 {font-weight:bold;font-size:1em;}
div.post-header h2 a {color:#000;text-decoration:none}
div.blog-post div.entry p {font-size:1.25em;}
#sidebar {width:185px;float:left;margin:0 25px 0 0;}
#sidebar h2 {color:#5E789B;font-size:1em;font-weight:bold;}
#sidebar ul {list-style:none;margin:0 0 1em 0;}
#sidebar ul li {margin-bottom:0.25em;color:#999;}
#sidebar ul li a {color:#94A5BD;}
#sidebar ul li a:hover {background:#5E789B;color:#FFF;}
.entry h3, .hentry h3  {color:#284a79;font-weight:bold;}
.blog-archive-nav {display:block;margin:0 0 1.5em 0;overflow:auto;}
.blog-archive-nav p {display:inline;float:left;width:150px;}
div.blog-post div.entry p.postmetadata {font-size:1em;color:#666;font-weight:bold;}
.postmetadata a {}

/* === Press ==== */
ul.press-images {list-style:none;margin:0;padding:0;display:block;}
ul.press-images li {float:left;width:195px;list-style:none;margin:0;padding:0;min-height:230px;_height:auto !important;height:230px;}
#press-image {float:left;}
#press-copy {float:left;}
h2.press-header {color:#284a79;font-size:2em;font-weight:bold;margin-bottom:0;}

/* === Products ==== */
ul#product-listings {list-style:none;display:block;position:relative;margin:0 auto;padding:0;overflow:auto}
ul#product-listings li {list-style:none;width:260px;float:left;margin:0px 110px 30px 0;text-align:center;}
ul#product-listings li p {margin:1.5em 0;}

/* === Product Locator ==== */
table#location-form {margin-bottom:1.5em;}
table#location-form tr, table#location-form td {vertical-align:middle;} 
table#location-form label {width:auto;}
table#location-form input[type=submit] {left:0;}
table#location-form .error {margin:0 0 0.5em 1em;}
ol#location-results {}
ol#location-results li {display:block;width:426px;margin-bottom:1.5em;overflow:auto;}
ol#location-results li div.location {width:200px;border-right: 2px solid #eee;float:left;}
ol#location-results li div.location h4 {margin-bottom:0.25em;font-weight:bold;color:#284a79;}
ol#location-results li div.distance {width:200px;padding:1em 0 0 2em;vertical-align:middle;float:left;}
ol#location-results li div.distance h4 {font-weight:bold;margin:0 0 0.5em 0;}

/* ==== Pagination ======================== */
div.pagination {}
div.pagination div.pages p {font-weight:bold;}
div.pagination div.page-links p span.current {padding:4px;background:#284a79;font-weight:bold;color:#fff;margin:0 0.25em;}
div.pagination div.page-links p a {padding:4px;border:1px solid #555;margin:0 0.25em;text-decoration:none} 
div.pagination div.page-links p a:hover {border:1px solid #284a79;}

/* === Hacks ==== */
p.clear {margin:0;}