/*-----------------------------------------------------------------------------
Crackheads Candy Global Style Sheet

Version:   1.0
Author:    TaskLabs (Blake Bauman)
email:     blake@tasklabs.com
-----------------------------------------------------------------------------*/

/* General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
p {
	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove dotted borders in FireFox */
a {
	outline: none;
}


/* Remove border around linked images */
img {
	border: 0;
}

#loader {
	padding-left: 20px;
	background: #fff url('/assets/images/ajax-loader.gif') no-repeat 0 50%;
}

#success {
	padding-left: 18px;
	background: #fff url('/assets/images/accept.gif') no-repeat 0 50%;
}


/* Typography & Background Color
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif;
	color: #444;
	background-color: #449fd0;
	line-height: 1.6em;
}

/* Centering Technique
-----------------------------------------------------------------------------*/

body { 
	text-align: center; 
	min-width: 885px;
	height: 100%;
}

#header, #footer, #primaryContainerWrap { 
	width: 845px; 
	margin: 0 auto; 
	text-align: left; 
}

/* Containers
-----------------------------------------------------------------------------*/
#headerContainer {
	padding: 1px;
	background: #def2fc url('/assets/images/bg_header.gif') repeat-x top left;
}

#primaryContainer {
	background: #def2fc url('/assets/images/bg_primary.gif') repeat-x bottom left;
}

#footerContainer {
	background: transparent url('/assets/images/bg_footer.gif') no-repeat top center;
	min-height: 100px;
}

/* Headings
-----------------------------------------------------------------------------*/
h2#contactHead { width: 127px; height: 17px; background: transparent url('/assets/images/h2_contact.gif') no-repeat 0 0; text-indent: -2000em; }
h2#aboutHead { width: 102px; height: 17px; background: transparent url('/assets/images/h2_about.gif') no-repeat 0 0; text-indent: -2000em; }
h2#orderHead { width: 147px; height: 17px; background: transparent url('/assets/images/h2_order_online_lrg.gif') no-repeat 0 0; text-indent: -2000em; }
h2#candyInfoHead { width: 221px; height: 17px; background: transparent url('/assets/images/h2_candy_info.gif') no-repeat 0 0; text-indent: -2000em; }
h2#retailHead { width: 221px; height: 17px; background: transparent url('/assets/images/h2_find_candy.gif') no-repeat 0 0; text-indent: -2000em; }
h2#downloadsHead { width: 237px; height: 17px; background: transparent url('/assets/images/h2_downloads.gif') no-repeat 0 0; text-indent: -2000em; }
h2#educationHead { width: 117px; height: 17px; background: transparent url('/assets/images/h2_education.gif') no-repeat 0 0; text-indent: -2000em; }
h2#blogHead { width: 52px; height: 17px; background: transparent url('/assets/images/h2_blog.gif') no-repeat 0 0; text-indent: -2000em; }

h3 { font-size: 1.6em; }

h3#orderCandyHead { margin: 30px 0 10px 0; width: 107px; height: 17px; background: transparent url('/assets/images/h3_mmm_candy.gif') no-repeat 0 0; text-indent: -2000em; }

h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; margin-top: 10px; }

/* Links
-----------------------------------------------------------------------------*/
a {
	color: #449fd0;
	text-decoration: none;
	border-bottom: 1px solid #def2fc;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	padding-bottom: 14px;
	background: transparent url('/assets/images/line_vert.gif') repeat-x bottom left;
}

/* Branding
-----------------------------------------------------------------------------*/
h1 a {
	float: left;
	display: block;
	width: 239px;
	height: 60px;
	margin-top: 16px;
	background: transparent url('/assets/images/logo.gif') no-repeat 0 0;
	border-bottom: none;
	text-indent: -2000em;
}

/* Main Navigation
-----------------------------------------------------------------------------*/
#navigation {
	float: right;
	margin-top: 49px;
	width: 564px;
	background: transparent url('/assets/images/navigation.gif') no-repeat 0 0;
}
	
#navigation ul {
	width: 564px;
	height: 24px;
	}	
	#navigation ul li {
		list-style-type: none;
		float: left;
		margin-right: 2px;
		text-indent: -2000em;
		}
		#navigation ul li a {
			border: 0;
			text-decoration: none;
			display: block;
			background: transparent url('/assets/images/navigation.gif') no-repeat;
			}
			
#navigation li#home a { width: 53px; height: 24px; }	
#navigation li#home a:link, li#home a:visited { background-position: 0 0; }	
#navigation li#home a:hover, li#home a:focus { background-position: 0 -24px; }

#navigation li#order a { width: 109px; height: 24px; }	
#navigation li#order a:link, li#order a:visited { background-position: -55px 0; }	
#navigation li#order a:hover, li#order a:focus { background-position: -55px -24px; }

#navigation li#candy-info a { width: 94px; height: 24px; }	
#navigation li#candy-info a:link, li#candy-info a:visited { background-position: -166px 0; }	
#navigation li#candy-info a:hover, li#candy-info a:focus { background-position: -166px -24px; }

#navigation li#blog a { width: 47px; height: 24px; }	
#navigation li#blog a:link, li#blog a:visited { background-position: -262px 0; }	
#navigation li#blog a:hover, li#blog a:focus { background-position: -262px -24px; }

#navigation li#retail a { width: 93px; height: 24px; }	
#navigation li#retail a:link, li#retail a:visited { background-position: -311px 0px; }	
#navigation li#retail a:hover, li#retail a:focus { background-position: -311px -24px; }

#navigation li#about a { width: 79px; height: 24px; }	
#navigation li#about a:link, li#about a:visited { background-position: -406px 0px; }	
#navigation li#about a:hover, li#about a:focus { background-position: -406px -24px; }

#navigation li#contact { margin-right: 0; }
#navigation li#contact a { width: 77px; height: 24px; }	
#navigation li#contact a:link, li#contact a:visited { background-position: -487px 0px; }	
#navigation li#contact a:hover, li#contact a:focus { background-position: -487px -24px; }

/* Main Navigation (active tabs)
-----------------------------------------------------------------------------*/
body#home-page #navigation ul li#home a { background-position: 0 -24px; }
body#order-page #navigation ul li#order a { background-position: -55px -24px; }
body#candy-info-page #navigation ul li#candy-info a { background-position: -166px -24px; }
body#blog-page #navigation ul li#blog a { background-position: -262px -24px; }
body#retail-page #navigation ul li#retail a { background-position: -311px -24px; }
body#about-us-page #navigation ul li#about a { background-position: -406px -24px; }
body#contact-us-page #navigation ul li#contact a { background-position: -487px -24px; }



/* Sub Nav
-----------------------------------------------------------------------------*/





/* Primary Content
-----------------------------------------------------------------------------*/
#primaryHome {
	float: left;
	position: relative;
	width: 609px;
	margin: 20px 16px 60px 0;
}

#primaryGeneral {
	float: left;
	width: 579px;
	margin: 20px 16px 60px 0;
	padding: 0 15px;
}

#primaryGeneral p {
	font-size: 1.2em;
	line-height: 1.6em;
}


/* Secondary Content
-----------------------------------------------------------------------------*/
#secondary {
	float: left;
	width: 220px;
	margin: 20px 0 60px 0;
}

#sidebarTop {
	height: 10px;
	background: transparent url('/assets/images/bg_secondary_top.gif') no-repeat 0 0;
	text-indent: -2000em;
}

#sidebarBottom {
	float: left;
	width: 200px;
	min-height: 500px;
	padding: 0 10px 10px 10px;
	background: transparent url('/assets/images/bg_secondary_bot.gif') no-repeat 0 100%;
}

#sidebarBottom h3 {
	font-size: 1.4em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}

#sidebarBottom ul {
	list-style: none;
	margin: 0 0 10px 10px;
	}
	#sidebarBottom ul li {
		font-size: 1.1em;
		}


/* Latest Blog Post Sidebar
-----------------------------------------------------------------------------*/
div.latestBlogPost {
	float: left;
	width: 100%;
	padding: 5px 0;
}

div.latestBlogPost.lastPost {
	margin-bottom: 10px;
}

div.latestBlogPost span {
	float: left;
	display: block;
	width: 36px;
	height: 32px;
	padding-top: 4px;
	text-align: center;
	font-size: 1em;
	color: #fff;
	line-height: 1.7em;
	background: transparent url('/assets/images/bg_cal_latest.gif') no-repeat 0 0;
}

div.latestBlogPost span strong {
	display: block;
	text-align: center;
	font-size: 1.8em;
}

div.latestBlogPost p {
	float: left;
	width: 153px;
	margin: 0;
	margin-right: 7px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #555;
}

span.browseArchives {
	clear: both;
	display: block;
	text-align: right;
	font-size: 1.1em;
	margin-bottom: 10px;
	padding: 5px;
}

/* Featured News and Press
-----------------------------------------------------------------------------*/
#featuredPress {
	position: absolute;
	top: 260px;
	left: 412px;
	width: 183px;
}

#featuredPress h3 {
	font-size: 1.2em;
	background: transparent url('/assets/images/h3_featured_press.gif') no-repeat 0 0;
	text-indent: -2000em;
}

#featuredPress ul {
	list-style: none;
	font-size: 1.1em;
}

#featuredPress ul li {
	margin: 5px 0 8px 0;
}

#featuredPress ul li a {
	border-bottom: 1px solid #449fd0;
}


/* Downloadable Swag Sidebar
-----------------------------------------------------------------------------*/
#latestDownloads {
	margin-bottom: 10px;
}

#latestDownloads img {
	padding: 2px;
	border: 1px solid #eee;
	margin-right: 5px;
}

/* Newsletter Form Sidebar
-----------------------------------------------------------------------------*/
#subscribeSidebar {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

#subscribeSidebar input#address {
	float: left;
	border: none;
	width: 134px;
	height: 15px;
	margin-right: 5px;
	padding: 5px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #444;
	background: transparent url('/assets/images/bg_newsletter.gif') no-repeat 0 0;
}

#subscribeSidebar input#subscribe {
	float: left;
	border: none;
	width: 44px;
	height: 24px;
	cursor: pointer;
	background: transparent url('/assets/images/btn_send.gif') no-repeat 0 0;
	text-indent: -2000em;
}

/* Order Candy Items
-----------------------------------------------------------------------------*/
div.candyItem {
	margin: 0;
	padding: 12px 0 10px 0;
	background: transparent url('/assets/images/line_vert.gif') repeat-x top left;
}

div.candyItem a.thumb {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
}

div.candyItem a.thumb img {
	padding: 2px;
	border: 1px solid #fff;
}

div.candyItem p {
	margin-top: 5px;
}

div.candyItem p del {
	font-size: 0.9em;
}

div.candyItem p strong {
	display: block;
	font-size: 1.4em;
	margin-bottom: 5px;
}

div.candyItem p span {
	color: red;
	font-size: 0.9em;
}

div.candyItem a.addCart {
	display: block;
	margin: 5px 0 0 0;
}

/* Buy Button */
#buyBtn {
	clear: both;
	margin: 0;
	padding: 12px 0 10px 0;
	background: transparent url('/assets/images/line_vert.gif') repeat-x top left;
}


/* View Cart Button */
#viewCart {
	clear: both;
	margin: 0;
	padding: 12px 0 10px 0;
	text-align: right;
	background: transparent url('/assets/images/line_vert.gif') repeat-x top left;
}


/* Candy Info */
#candyInfo {
	float: left;
	width: 275px;
}

/* Candy Info */
#candyInfo h3 {
	margin: 10px 0 5px 0;
	font-size: 1.4em;
}

#candyInfo p {
	margin: 0 0 10px 0;
}

/* Locations */
#locations {
	margin-top: 10px;
	font-size: 1.2em;
}
#locations h3 {
	font-size: 1.2em;
	margin-bottom: 6px;
}
#locations ul {
	list-style: none;
	margin: 0 0 10px 0;
}
#locations ul li {
	margin-bottom: 6px;
}

#locationsLeft {
	float: left;
	width: 275px;
	
}
#locationsLeft p {
	margin-top: 0;
	font-size: 1.1em;
}

#locationsRight {
	float: right;
	width: 275px;
}

#locationsRight p {
	margin-top: 0;
	font-size: 1.1em;
}

#retailContent {
	margin-top: 20px;
	padding-top: 12px;
	background: transparent url('/assets/images/line_vert.gif') repeat-x top left;
}

#loading {
	display: none;
	margin-top: 20px;
	padding-top: 12px;
	background: transparent url('/assets/images/line_vert.gif') repeat-x top left;
}

/* Blog Posts
-----------------------------------------------------------------------------*/
.postIntro {
	padding: 5px 0 7px 0;
	background: transparent url('/assets/images/line_vert.gif') repeat-x bottom left;
}

div.blog-post {
	margin: 15px 0;
	padding-bottom: 17px;
	font-size: 1.1em;
	background: transparent url('/assets/images/line_vert.gif') repeat-x bottom left;
	}
	div.blog-post h3 {
		margin-bottom: 3px;
		font-size: 1.8em;
		line-height: 1.2em;
		}
		div.blog-post span.date {
			display: block;
			}
			
/* Blog Posts
-----------------------------------------------------------------------------*/
div.blog-comment {
	padding: 0 5px 10px 5px;
	border-bottom: 1px dashed #f4fbfe;
	}

/* Footer
-----------------------------------------------------------------------------*/

#footer {
	padding: 5px 0;
	color: #fff;
}

#footer ul {
	float: left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
}

#footer ul li {
	float: left;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #7dc0e4;
}

#footer ul li#first {
	padding-left: 0;
}

#footer ul li#last {
	padding-right: 0;
	border-right: none;
}

#footer ul li a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #449fd0;
}

#footer ul li a:hover {
	/*border-bottom: 1px solid #7dc0e4;*/
	border-bottom: 1px solid #fff;
}


#footer p {
	clear: both;
	padding-top: 5px;
}


/* Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid transparent;
}

#contactForm {
	float: left;
	width: 390px;
	margin: 15px 15px 0 0;
}
#contactForm p {
	clear: both;
	margin: 10px 0;
}

#contactForm label {
	float: left;
	width: 75px;
	margin: 4px 5px 0 0;
	text-align: right;
	font-weight: bold;
}
#contactForm span {
	display: block;
	margin: 2px 0 0 80px;
	font-weight: normal;
}

#contactForm textarea, #contactForm input, #contactForm select {
	padding: 3px;
	font: normal 1.1em Arial, Helvetica, sans-serif;
}

#contactForm textarea {
	width: 300px;
	height: 200px;
}
#contactForm input.field {
	width: 300px;
}
#contactForm select {
	width: 308px;
}
#contactForm input#btn_send {
	width: 158px;
	height: 45px;
	text-indent: -2000em;
	background: transparent url('/assets/images/btn_send_contact.gif') no-repeat 0 0;
	border: none;
	cursor: pointer;
}

#addressBlock {
	float: left;
	width: 170px;
	margin-top: 15px;
}
#addressBlock address {
	margin-top: 10px;
	font-size: 1.1em;
}

#addressBlock h3 {
	margin-top: 15px;
}

/* Tables
-----------------------------------------------------------------------------*/

#nutritionInfo {
	float: right;
	width: 275px;
	font-size: 1.2em;
	margin-bottom: 20px;	
}

#nutritionInfo td {
	padding: 3px 0;
}

#nutritionInfo td.top {
	border-top: 5px solid #333;
}

#nutritionInfo caption {
	font-size: 1.2em;
	padding: 5px 0;
	font-weight: bold;
	text-align: left;
	border-bottom: 5px solid #333;
}

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

/* Homepage
-----------------------------------------------------------------------------*/
#intro {
	display: block;
	height: 54px;
	background: transparent url('/assets/images/intro_home.gif') no-repeat top center;
	text-indent: -2000em;
}

#feature {
	padding-bottom: 2px;
	background: transparent url('/assets/images/line_vert.gif') repeat-x bottom left;
}

#welcome a, #buy a {
	color: #449fd0;
	text-decoration: none;
	border-bottom: 1px solid #449fd0;
}

#welcome {
	float: left;
	width: 362px;
	font-size: 1.2em;
	margin-top: 5px;
	padding: 15px 20px 0 10px;
	border-right: 1px solid #f4fbfe;
}
#welcome h2 {
	width: 355px;
	height: 16px;
	background: transparent url('/assets/images/h2_welcome.gif') no-repeat 0 0;
	text-indent: -2000em;
}

#welcome p {
	margin-top: 10px;
	line-height: 1.6em;
}

#buy {
	float: left;
	width: 211px;
	font-size: 1.1em;
	margin-top: 5px;
	padding: 15px 0 0 0;
	border-left: 1px solid #cbe5f2;
	text-align: center;
	min-height: 50px;
}

#buy h3 {
	width: 100%;
	height: 14px;
	margin-bottom: 7px;
	background: transparent url('/assets/images/h2_order_online.gif') no-repeat center;
	text-indent: -2000em;
}

#buy #getSome {
	display: block;
	width: 100%;
	height: 45px;
	margin-bottom: 3px;
	border: none;
	background: transparent url('/assets/images/btn_get_some_now.gif') no-repeat center;
	text-indent: -2000em;
}

#buySome {
	display: block;
	width: 158px;
	height: 45px;
	margin-bottom: 3px;
	border: none;
	background: transparent url('/assets/images/btn_get_some_now.gif') no-repeat center;
	text-indent: -2000em;
}



.warning {
	color: red;
}