* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    font-family: "HelveticaLTStd", Helvetica, Arial, sans-serif;
    color: #000;
    background: #009372 url(../../images/bg.gif) repeat-x 0 0;
    text-align: center;
}

h1 { font-size: 18px; color: #000000;}

h3 { font-size: 16px; color: #EC1C24; }

a img { border: 0; }
a { color: #0252aa; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: none; }


.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -9000px; }

#header { width: 980px; height: 170px; margin: 0 auto; position: relative; }
h1#logo { width: 533px; height: 90px; position: absolute; z-index: 2; top:67px; left: 50px; }
h1#logo a{ display: block; width:485px; height:77px; background:url("../../images/logo.png") no-repeat; border:none; /*height: 90px; background: url(../../images/logo.png);*/ }
.the-fresh-place { width: 200px; height: 74px; background: url(../../images/fresh-place.png); position: absolute; top: 52px; left: 530px; }
.special-offers { width: 172px; position: absolute; top: 35px; right: 60px; }
.special-offers-t {height: 13px; background: url(../../images/special-offers-t.png); }
.special-offers-b {height: 11px; background: url(../../images/special-offers-b.png); }
.special-offers-c { background: #ec1c24 url(../../images/special-offers-c.gif) repeat-x 0 bottom; padding: 0 10px; line-height: 20px; }
.special-offers { color: #fff; }
.special-offers h3 { font-size: 15px; }
.special-offers h4 { font-size: 11px; }
.special-offers .sign-in { margin-top: 10px; background: url(../../images/sign-in.gif); width: 142px; height: 17px; padding: 0 0 0 10px; overflow: hidden;} 
.special-offers .sign-in input { background: none; border: 0; font-size: 11px; line-height: 17px;  } 
.special-offers .sign-in input.email { color:#A6A8AB; width: 110px; padding-right: 5px; height: 14px;} 
.special-offers .sign-in input.go { color:#EC1C24; width: 20px; height: 14px; cursor: pointer;} 




#page { width: 980px; margin: 0 auto; background: url(../../images/page-c.png) repeat-y 0 0; position:relative; text-align:left; }
#page-t { background: url(../../images/page-t.gif) no-repeat 0 0; position:relative; }
#page-b { min-height: 400px; padding: 0 20px 75px; position:relative;  }

#navigation { height: 40px; padding: 13px 0 0; position:relative; }
#navigation ul { list-style: none; height: 40px}
#navigation ul li { float: left; display: inline; border-right: 1px solid #fff; width: 155px; position:relative; }
#navigation ul li.last { border-right: 0; }
#navigation ul li a { display: block; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 14px;}

#slider { background: #fff; position:relative; width: 939px; }
#slider .holder,
#slider .jcarousel-clip { width: 939px; position: relative; overflow:hidden; }
#slider ul { list-style:none; position: relative; overflow: hidden;}
#slider ul li { float: left; display: inline; width: 939px; }
#slider ul li .slide { position: relative; }
#slider ul li .slide .image { background: url(../../images/slide-image.jpg); }
#slider ul li .slide h2.featured { width: 172px; height: 100px; background: url(../../images/h2-featured.png); position: absolute; top: 20px; left: 35px; }
#slider ul li .slide h2.extra-offer { width: 312px; height: 291px; background: url(../../images/h2-extra-offer.png); position: absolute; top: 5px; right: 35px; }

#slide-controls { width: 210px; height: 22px; bottom: 20px; left: 30px; position: absolute; }
#slide-controls a { float: left; display: inline; margin-right: 10px; line-height: 22px; color: #fff; font-weight: bold; font-size: 15px; }
#slide-controls a.prev { width:19px; height: 22px; background: url(../../images/prev.png); margin-right: 20px;  }
#slide-controls a.next { width:19px; height: 22px; background: url(../../images/next.png); margin-right: 0; }


#main { padding: 10px; height: 100%;}
#single-column { padding: 10px;}
.side-line { background: url(../../images/side-line.gif) repeat-y 215px 0; height: 100%; }
#sidebar { margin:0 30px 0 0; float: left; display: inline; width: 200px; position: relative; }
#sidebar .side-logo { text-align: center; }
#sidebar .side-logo img { font-size: 0; line-height: 0; }
ul.side-menu { list-style: none outside; padding: 15px 0;}
ul.side-menu li { list-style: none outside; padding: 10px 0 0 20px; background: url(../../images/sub_nav_arrow.png) no-repeat 0 6px; height: 100%; }
ul.side-menu li.first { padding-top: 0;}
ul.side-menu li.last .item { border-bottom: 0; padding-bottom:0; }
ul.side-menu li .item { border-bottom: 1px solid #EC1C24; padding-bottom: 10px; height: 100%; }
ul.side-menu li .item a { font-weight: bold; font-size: 18px; color: #EC1C24; }

#content { margin:0; float: left; display: inline; width: 520px;  position: relative; }
#content h3, #content h1 { text-align: left;  }
.messages {   }
.messages .message { float: left; display: inline; width: 250px; margin-right: 15px; text-align:center; margin-top: 50px;}
.messages .m-top { margin-top: 0;}
.messages .message p.text { text-align: left; }
.messages .message a { color: #FF0000; }
.messages .message-last { margin-right: 0;  }


.products { width:500px; }
.products .product { margin-top: 30px; }
.products .product-top { margin-top: 0; }
.products .product img.image-right { float: right; display: inline; margin: 30px 0 0 15px; }
.products .product img.image-left { float: left; display: inline; margin: 30px 15px 0 0; }
.products .product p.text { line-height: 1.5em; }

#right-sidebar { float: right; display: inline; width: 162px; position: relative; line-height:1.5em;}
#right-sidebar .big-ad { text-align:center;}
.recipe-of-the-week { width: 162px;  }
.recipe-of-the-week .title { height: 77px; background: url(../../images/recipe-of-the-week.gif) no-repeat 0 0;  }
.recipe-of-the-week .content { padding: 0 10px; } 

.entertaining-tip-of-the-week { width: 162px;  }
.entertaining-tip-of-the-week .title { height: 77px; background: url(../../images/tip-of-the-week.gif) no-repeat 0 0;  }
.entertaining-tip-of-the-week .content { padding: 0 10px; } 

#footer {
    margin:0 auto 10px auto;
    text-align:center;
    font-size:12px;
    color:#333;
    height:30px;
}

/* -- DROP DOWN STYLES -- */
#navigation ul li a:hover,
#navigation ul li a.dd-active {
    background:none;
    text-decoration: none;
}
#navigation .dd {
    display:none;
    position: absolute;
    top: 40px;
    left: 0;
    width:inherit;
    background:#be1e2d;
    text-align:left;
} 
#navigation .dd ul { padding: 0; }
#navigation .dd li { 
    float: none; 
    display: block; 
    /* border-bottom: 1px dotted #38525c; */
    font: 11px/24px Helvetica, Arial, sans-serif; 
    text-transform: none;
    height: 25px;
    background:#be1e2d;
    text-align:left;
    border:none;
    /* padding-left: 15px; */
    
}
#navigation .dd li a, #navigation .dd li a:visited {
    float: none;
    display: block;
    padding: 0;
    line-height:24px;
    height:25px;
    width:inherit;
    padding-left:10px;
    font-size:14px;
    font-weight:normal;
    text-transform:none;
    background:#be1e2d;
    border:none;
    text-indent:0;
    overflow:visible;
    color:#FFF;
    text-decoration:none;
    text-align:left;
}
#navigation .dd li a:hover, #navigation .dd li a:active {
    background: #be1e2d;
    text-decoration: underline;
}

/* Image Carousel */
#image-carousel {
    margin:0;
    padding:0;
    width:939px;
    text-align:center;
    position:relative;
    z-index:20;
}
#carousel-nav {
    position:absolute;
    bottom:10px;
    left:10px;
    z-index:25;
}
#carousel-nav ul {
    margin:0;
    padding:0;
}
#carousel-nav ul li {
    margin:0;
    padding:0;
    float:left;
    display:inline;
}
#carousel-nav ul li a, #carousel-nav ul li a:visited {
    margin:0 5px 0 0;
    padding:5px 0 0 0;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    background:#00776a;
    display:block;
    width:25px;
    height:20px;
    font-size:16px;
}
#carousel-nav ul li a:hover, #carousel-nav ul li a:active, #carousel-nav ul li a.active-carousel {
    margin:0 5px 0 0;
    padding:5px 0 0 0;
    text-decoration:none;
    color:#FFF;
    background:#00AE98;
    font-weight:bold;
    display:block;
    width:25px;
    height:20px;
    font-size:16px;
}
div.carousel-text {
    text-align:left;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 939px; /*Width of Carousel Viewer itself*/
	height: 301px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 939px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

div.carousel-text {
    margin:0;
    padding:0;
    position:absolute;
    top:100px;
    left:20px;
}

/* --- SECONDARY NAVIGATION ON INSIDE PAGES --- */
.secondary-nav {
    margin:0;
    padding:0;
    line-height:1.0em;
    width:155px;
}
.secondary-nav h2.sub-nav-head {
    margin:0 10px;
    padding:0;
    color:#FF0000;
    font-size:14px;
    font-weight:bold;
}
.secondary-nav ul.first-level {
    list-style:none;
    margin:10px;
    padding:0;
    width:150px;
}
.secondary-nav ul.first-level li {
    margin:0;
    padding:10px 0 0 0;    
    border-top:1px solid #FF0000;
}
.secondary-nav ul.first-level li.active-sub {
    margin:0;
    padding:10px 0 0 0;    
    border-top:1px solid #FF0000;
    list-style:url("../../images/sub_nav_arrow.png");
}
.secondary-nav ul.first-level li a, .secondary-nav ul.first-level li a:visited {
    font-size:12px;
    font-weight:bold;
    color:#333;
    display:block;
    width:150px;
	margin-bottom:5px;
}
.secondary-nav ul.first-level li a:hover, .secondary-nav ul.first-level li a:active {
    font-size:12px;
    font-weight:bold;
    color:#333;
    display:block;
    width:150px;
	margin-bottom:5px;
}
.secondary-nav ul.second-level {
    margin:0 0 0 20px;
    padding:0;
    list-style:none;
    width:130px;
}
.secondary-nav ul.second-level li {
    margin:0;
    padding:0;
    border:none;
    list-style:none;
}
.secondary-nav ul.second-level li a, .secondary-nav ul.second-level li a:visited {
    font-size:12px;
    font-weight:normal;
    color:#333;
    display:block;
    width:130px;
    height:20px;
}
.secondary-nav ul.second-level li a:hover, .secondary-nav ul.second-level li a:active {
    font-size:12px;
    font-weight:normal;
    color:#333;
    display:block;
    width:130px;
    height:20px;
}

/* andy's updates */
.footer-bg {
	text-align:center;
	margin:0 auto;
	padding:0;
	display:block;
	width:980px;
	height:70px;
	background:url("../../images/page-b.png") top left no-repeat;
	position: relative;
}

/* Jason's Updates */
ul.side-menu li { padding: 0px 0px 10px 20px; }
ul.side-menu li { background:none; }
ul.side-menu li .item a { background: url(../../images/sub_nav_arrow.png) no-repeat 0 6px; padding-left:15px;}

#h-social-links { 
	margin: 10px 10px 0 0; 
	color: #FFF; 
	height: 32px; 
	float: right; 
	width: 300px; 
	display: inline;
}

#h-social-links a, #h-social-links a:visited { 
	margin: 0 5px; 
	color:#FFF; 
	font-weight:bold; 
	font-size:12px; 
	text-decoration: none;
}
#h-social-links a:active, #h-social-links a:hover {
	text-decoration:underline;
	margin: 0 5px; 
	color:#FFF; 
	font-weight:bold; 
	font-size:12px;
}

#content p {line-height: 1.5em;padding-top:10px;}

#content ul {padding:10px 0 10px 30px;list-style-position:outside;list-style:disc;}
#content li {line-height: 1.5em;}
#content ol {padding:10px 0 10px 30px;list-style-position:outside;list-style:decimal;}

a { color: #ec1c24; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }

#navigation .dd li {width:250px;}

.submit-btn {
	background:url(../../images/submit-btn.gif) no-repeat !important;
	width:58px !important;
	height:20px !important;
	border:none !important;
}

.products td { padding: 5px; }

.drop-downs { padding: 0 0 0 0; height: 100%; }
.drop-down { margin-bottom: 8px; }
.drop-down .head { height: 34px; width: 500px; background: no-repeat 0 0;  }
.drop-down .head a { color: #FFF; background: url("../../images/more-hide.png") 0 0 no-repeat; float: right; display: inline; height: 30px; width: 60px; margin: 0; text-indent: -9999px; overflow: hidden; }
.drop-down .head a.active { background: url("../../images/more-hide.png") 0 -30px  no-repeat; }
.drop-down .head h1 { color: #FFFFFF; padding: 0 10px; width: 500px; height: 30px; line-height: 33px; font-size: 20px; background: #ba333a; display: block; cursor: pointer; }
.drop-down .expander { margin: 0; padding: 0 20px; width: 500px; height: 100%; }


.hidden { display: none !important; }
.cleaner { clear: both; }