@charset "utf-8";
/**
 * Main Template Stylesheet: Hersheys.com
 *
 *         88  88888888ba   88           
 *         88  88      "8b  88           
 *         88  88      ,8P  88           
 *         88  88aaaaaa8P'  88           
 *         88  88""""""'    88           
 *         88  88           88           
 * 88,   ,d88  88           88           
 *  "Y8888P"   88           88888888888  
 * 
 *  
 * CSS 2.0
 *
 * @author      Josh Barlup <jbarlup@jplprod.com>
 * @author      Dan Leister <dleister@jplprod.com>
 * @author      Jamy Kunjappu <jkunjappu@jplprod.com>
 * @copyright   Copyright 2008 JPL Productions
**/


/* ======================== HEADER AND MENU CLASSES ============================= */

#header {
	background: url(../images/versiontwo/header-bg.jpg) center top repeat-x;
	width: 921px;
	height: 83px;
	margin: 0 auto;
	padding:0;
	position: relative;
	top: 0;
}

#header form {
	display:inline;
}

#q {
	border-style:none;
	border:0;
	width:137px;
	height:20px;
	background-image:url(../images/versiontwo/searchbox.png);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#searchButton {
	margin-left: 5px;
}

#menu {
	width: 921px;
	height: 40px;
	padding: 0;
	margin: 1px 0 0 0;
	position: relative;
	z-index: 1;
}

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	padding: 0;
	margin: 0;
	text-indent: -999em;
}

#menu a {
    display: block;
	padding: 0;
	margin: 0;
    height: 40px;
	width: 100%;
}

#menu a:hover {
    background-position: 0 -40px;
}

#menu li { width: 184px; height:40px; background-color:#000000; }

#menu li#nav-products    { background-image: url(../images/versiontwo/nav-products.gif); background-color:#000000;}
#menu li#nav-shop        { background-image: url(../images/versiontwo/nav-shop.gif); background-color:#000000;}
#menu li#nav-recipes     { background-image: url(../images/versiontwo/nav-recipes.gif); background-color:#000000;}
#menu li#nav-promotions  { background-image: url(../images/versiontwo/nav-promotions.gif); background-color:#000000;}
#menu li#nav-discover    { width: 185px; background-image: url(../images/versiontwo/nav-discover.gif); background-color:#000000;}

#menu li#nav-products a { background-image: url(../images/versiontwo/nav-products.gif); }
#menu li#nav-shop a { background-image: url(../images/versiontwo/nav-shop.gif); }
#menu li#nav-recipes a { background-image: url(../images/versiontwo/nav-recipes.gif); }
#menu li#nav-promotions a { background-image: url(../images/versiontwo/nav-promotions.gif); }
#menu li#nav-discover a { background-image: url(../images/versiontwo/nav-discover.gif); }

#headlogo {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/versiontwo/header-logo.gif);
	width: 295px;
	height: 98px;
	float: left;
	z-index: 2;
}

#headlogo img {
	display: inline;
	width: 295px;
	height: 98px;	
}

#headlogo a {
	width: 295px;
	height: 80px;
	background-image: url(../images/versiontwo/header-logo.gif);	
	display: block;
}

#headlogo span {
    position: absolute;
    left: -9999em;
    visibility: hidden;
}

#headitems {
	display:inline;
	float:right;
	margin: 30px 0 0 20px;
	padding-right: 8px;
}

/* ======================== GENERIC CLASSES ============================= */

#outercontainer {
	width: 921px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

#maincontent {
	margin-top:1px;
}

.fixer {
	clear:both;
	height:0px;
}

.blankList{
	list-style:none;
}

.floatLeft { float: left; }

/* ======================== FOOTER STYLES ============================= */

.footerH {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	padding-left: 10px;
	margin: 10px 0 0 0;
	color:#000000;
}

#social {
	float: right;
	clear: both;
	margin-top: -30px;
	width: 215px;
}

#social ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#social li {
	float: right;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	width: 20px;
}

#social ul li a { float: right; height: 20px; width: 20px; }

#social ul li.email a { background:url(/general/images/versiontwo/icon-email.gif) 0px 2px no-repeat; }
#social ul li.mix a { background:url(/general/images/versiontwo/icon-mixx.gif) 0px 2px no-repeat; }
#social ul li.dig a { background:url(/general/images/versiontwo/icon-digg.gif) 0px 1px no-repeat; }
#social ul li.fac a { background:url(/general/images/versiontwo/icon-facebook.gif) 0px 0px no-repeat; }
#social ul li.del a { background:url(/general/images/versiontwo/icon-delicious.gif) 0px 1px no-repeat; }
#social ul li.red a { background:url(/general/images/versiontwo/icon-reddit.gif) 0px 1px no-repeat; }
#social ul li.stu a { background:url(/general/images/versiontwo/icon-stumbleupon.gif) 0px 1px no-repeat; }
#social ul li.mys a { background:url(/general/images/versiontwo/icon-myspace.gif) 0px 1px no-repeat; }
#social ul li.twi a { background:url(/general/images/versiontwo/icon-twitter.gif) 0px 1px no-repeat; }

#social ul li a span { display: none; }

.footerlink {
	list-style-type: none;
	padding: 0;
	margin-left: 0em;
	float: left;
	width: 100%;
}

.footerlink li {
	border-right: 1px solid #47170A;
	float: left;
	padding: 0px 8px;
	margin-bottom: 4px;
}

.footerlink .first {
	padding-left: 0;
}

.footerlink .last {
	border-right: none;
	padding-right: 0;
}

.corplink a { text-decoration: none; }
.corplink a:hover { text-decoration: underline; }

#corplinks-corp {
	width: 180px;
	float: left;
}

#corplinks-corptoo {
	width: 180px;
	float: left;
	padding-top: 25px;
}

#corplinks-betterworld {
	width: 262px;
	float: left;
	border-left: 1px dotted #686868;
	padding-left: 20px;
}

#corplinks-stores {
	width: 217px;
	float: left;
	border-left: 1px dotted #686868;
	padding-left: 20px;
}

#caru {
	width:900px;
	padding:10px;
	background: url(/general/images/versiontwo/footer-bg.jpg) repeat-x;
	float:left;
	padding-top:24px;
}

#caru p {
	float:left;
	display: inline;
	color:#9e9e9e;
	margin-left:10px;
	font-size:9px;
	width:740px;
}

.carufloat {
	float:left;
}

.privacyFooter {
	color:#9e9e9e;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.privacyFooter:hover {
	color:#9e9e9e;
}

#latino {
	width:360px;
	border-top: 1px dotted #686868;
	clear:left;
}

#latino ul {
	padding-top:6px;
	width:168px;
}

#latino h4 {
	float:left;
	width:171px;
	padding-top:5px;
}

#leftcorplinkcontainer {
	float:left;
	width: 100%;
}
}