@charset "utf-8";
/* CSS Document */

/* Global CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dt,
abbr, acronym, cite, code, dfn, em, font, img, q, s, small, strike, strong, sub, sup, dl, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0 none; }

/* Sets focus style for text-boxes - see: http://www.cssdrive.com/index.php/examples/exampleitem/focus_pseudo_class/ */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: disc; }
h1,h2,h3,h4,h5,h6 { font-size:100%; } 
/* tables still need 'cellspacing="0"' in the markup */
/* NOTE: border-collapse: separate; may cause 1px margin around tables in IE6/7 - consider removing */
table {	border-collapse: separate; 	border-spacing: 0;	margin-right: auto; margin-left: auto; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
input[type=hidden] { display: none !important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }  /* for IE/Mac */
a:active { outline:none; }
:focus { -moz-outline-style:none; }

/* Common Styles */
#container { position:relative; width:925px; margin:auto; padding-top:10px }
#body-container { position:relative; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#body-content { position:relative; float:right; width:743px; top:1px; padding:15px }

#nav-bar { position:relative; float:left; width:150px; left:1px; top:1px; background-color:#f2f7fb }
#nav-bar p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2; text-align:left; padding: 5px 0 5px 10px; border: 1px solid #CCC; margin-top:1px }
#nav-bar p:hover { background-color:#CF0 }
#nav-bar a { text-decoration:none; color:#00F }
#nav-bar a:hover { text-decoration:underline; font-weight:bold }

#footer { border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; width:923px; padding:10px 0 10px 0; background-color:#f2f7fb }
#footer-left-links, #footer-center-links, #footer-right-links { position:relative; float:left; width:175px; padding-left:25px }
#footer-left-links p, #footer-center-links p, #footer-right-links p { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.8; text-align:left; }
#footer-left-links p:hover, #footer-center-links p:hover, #footer-right-links p:hover { font-weight:bold }

.product-container { position:relative; float:left; width:170px; padding:0 15px 20px 0; text-align:center }

/* Featured Products Styles */
.featured-products-scrollable-container { position:relative; width:735px; height:280px; text-align:center; margin:0 auto }
.featured-products-scrollable { position:relative; overflow:hidden; width:735px; height:280px; float:left; border:1px solid #ccc; background:url(../images/home/bg-gradient.png) repeat-x; margin: 0 auto}
.featured-products-scrollable .items { width:20000em; position:absolute; left:0px; clear:both; }
.featured-products-scrollable .items div { position:relative; float:left; width:170px; margin:5px 5px 10px 7px;  }
.featured-products-scrollable img { float:left; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; width:170px; height:170px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.featured-products-scrollable .active { z-index:99; position:relative; }

a.navi-browse { background:url(../images/home/horz-buttons.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; }
a.navi-right { background-position: 0 -30px; clear:right; margin-right:0px; position:absolute; top:45px; left:711px; z-index:999}
a.navi-right:hover { background-position:-30px -30px; }
a.navi-right:active { background-position:-60px -30px; } 
a.navi-left { margin-left: 0px; position:absolute; top:45px; left:-15px; z-index:999 } 
a.navi-left:hover { background-position:-30px 0; }
a.navi-left:active { background-position:-60px 0; }
a.disabled { visibility:hidden !important; }

/* Product Page Styles */

.product-buy-box { position:relative; float:left; width:200px; margin-right:15px; text-align:center; border:1px solid #CCC; background-color:#f2f7fb }
.organic-kosher-logos { float:right; width:64px; margin:0 0 10px 15px }
.product-summary { position:relative; float:left; width:525px; }
.product-bullets { padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:1.4; text-align:justify; }
.product-bullets li { padding:0 0 10px 0; }

/* Common Styles */

/* Font Styles */
.arial-11 { font-family:Arial, Helvetica, sans-serif; font-size: 11px }
.arial-12 { font-family:Arial, Helvetica, sans-serif; font-size: 12px }
.arial-13 { font-family:Arial, Helvetica, sans-serif; font-size: 13px }
.arial-14 { font-family:Arial, Helvetica, sans-serif; font-size: 14px }
.arial-15 { font-family:Arial, Helvetica, sans-serif; font-size: 15px }
.arial-16 { font-family:Arial, Helvetica, sans-serif; font-size: 16px }
.arial-18 { font-family:Arial, Helvetica, sans-serif; font-size: 18px }

.reg-text { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4; text-align:justify; }

.bold { font-weight:bold }
.italic { font-style:italic }

.red { color:#F00 }
.blue { color:#00F }

.lh12 { line-height: 1.2; }
.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }

.just { text-align:justify; }
.cent { text-align:center; }
.right { text-align:right }
.left { text-align:left }

.strike { text-decoration:line-through }

/* Spacing Styles */
.pad-top-5 { padding-top: 5px; }
.pad-top-10 { padding-top: 10px; }
.pad-top-15 { padding-top: 15px; }
.pad-top-20 { padding-top: 20px; }
.pad-top-30 { padding-top: 30px; }
.pad-top-40 { padding-top: 40px; }
.pad-top-50 { padding-top: 50px; }

.pad-bot-5 { padding-bottom: 5px; }
.pad-bot-10 { padding-bottom: 10px; }
.pad-bot-15 { padding-bottom: 15px; }
.pad-bot-20 { padding-bottom: 20px; }
.pad-bot-30 { padding-bottom: 30px; }

.pad-right-5 { padding-right: 5px; }
.pad-right-10 { padding-right: 10px; }
.pad-right-15 { padding-right: 15px; }
.pad-right-20 { padding-right: 20px; }
.pad-right-30 { padding-right: 30px; }

.pad-left-5 { padding-left: 5px }
.pad-left-10 { padding-left: 10px }
.pad-left-15 { padding-left: 15px }
.pad-left-20 { padding-left: 20px }
.pad-left-30 { padding-left: 30px }

.height-10 { height:10px }
.height-15 { height:15px }

/* Border Styles */
.grey-border { border:1px solid #CCC; }
.orange-bg { background-color:#f8d6bf }
.blue-bg { background-color:#f2f7fb }

/* Positioning Styles */
.float-left { float:left }
.float-right { float:right }