/**
 * Basic style rules for all media types.  Layout independent.
 *
 * Contents:
 *   - Block Elements (Headings, Lists, Forms, etc)
 *   - Inline Elements (Images, Hyperlinks, etc)
 *   - Common Classes (floats, clears, alignment)
 *
 * CSS 2.0
 *
 * @author      Dave Robertson <drobertson@jplprod.com>
 * @author      Josh Barlup <jbarlup@jplprod.com>
 * @copyright   Copyright 2007 JPL Productions
 */

/* ==========================================================================
   BLOCK ELEMENTS */

* { margin: 0; padding: 0; }

body {
    background: #490104 url(/fr/twizzlers/lib/img/template/bkg-repeat.jpg) repeat-x 0px 45px;
    color: #fff;
	font: normal 11px verdana, arial, tahoma, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

object { outline:none; }
h1 { font-size: 2em; }
h2 { font-size: 1.45em; }
h2.alt { font-size: 1.45em; margin: 0px 0px 13px 0px; padding: 0px; }
h3 { font-size: 15px; line-height: 15px; padding: 0 0 3px 0; color: #9bdcf4; }
h4 { font-size: 1.0em; }


p { padding: 0 0 18px 0; line-height: 18px; }

blockquote { padding: 1em 25px; }

ul, ol { padding: 0.5em 0; }
li { list-style-position: outside; margin-left: 20px; }

table { font-size: 1em !important; }

hr {
    border-top: 1px solid #9bdcf4;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 0 none;
    height: 1px;
    margin: 4px 0px;
    width: 100%;
}

#container {
	margin:0 auto;
	height:650px;
}

#main_flash_area {
	margin:7px auto 10px auto;
	padding:0;
	width:100%;
	height:auto;
}

#not_found {
	margin:0 auto;
	padding:40px 0;
	width:400px;
}

/* bottom cover to overlay flash... now being done in vector in flash  */
#bottom_cover {
	position:absolute;
	top:529px;
	z-index:10000001;
	width:100%;
	height:107px;
	background:url(/twizzlers/lib/img/template/test.png) no-repeat top center;
}

/* HOME FLASH  */
#home_flash_replace{ }
.home_flash_alt { margin: 0px auto; padding: 20px 0px; width: 820px; text-align: left; }

#home_message {
	text-indent:-99999px;
}
   
/* ==========================================================================
   INLINE ELEMENTS */

/* --------------------------------------------------------------------------
   IMAGES */

img { border: 0; }

/* --------------------------------------------------------------------------
   HYPERLINKS */

a:link, a:visited { color: #fd7488; text-decoration: underline; }
a:hover { color: #fd7488; text-decoration: none; }

/* ==========================================================================
   FORMS (see forms.css for advanced styling) */

form { margin:0; padding:0; }
input, select, textarea { font: 1em Arial, Helvetica, sans-serif; }

/* ==========================================================================
   COMMON CLASSES */

.clearer { clear: both; }

.float-left { float: left; }
.float-right { float: right; }

.hidden { position: absolute; left: -9999em; visibility: hidden; }

.no-wrap { white-space: nowrap; }

hr.divider { display: none; }
  
/* --------------------------------------------------------------------------
   SEO FOOTER */

#footerDesc {
    width: 750px;
    margin: 0 auto;
	margin-top:0px;
}

#footerDesc p {
	color:#9bdcf4;
    font-size: 10px;
    text-align: justify;
    line-height: 12px;
	margin:0;
	padding:0;
}

/* --------------------------------------------------------------------------
   Brand Banner */
   
/* Footer FLASH  */
#hershey_flash_footer{
}  
   
#hersheysbranding_banner {
	color:#fd7488;
    width:822px;
	margin:10px auto 20px auto;
	text-align:left;
}

#hersheysbranding_banner a {
	color:#fd7488;
	text-decoration:none;
}
#hersheysbranding_banner a:hover {
	color:#fd7488;
	text-decoration:underline;
}
#hershey-canada-brandbar-alt { display:none; }
#copyright_content {
	width:712px;
	padding:3px 0;
	margin:15px auto 5px auto;
	text-align:left;
}
#adalert {
	width:90px;
	float:left;
}
#adalert_message {
	width:568px;
	float:left;
	font-size:9px;
}
#caru_logo {
	width:156px;
	float:left;
}