﻿/* For W3C CSS Compliance */
.void{}
@media print{}

#innerpage
{
}

/* Main Section */
#main
{
	width: 957px;
	height: 340px;	
}

/* Accordion */
#accordion	
{
	float: right;
	width: 257px;	
	height: 340px;
	cursor: pointer;
	overflow: hidden;
}

#accordion	h1
{
	padding: 0;
	margin: 0;
}

/* Accordion - Header */
#accordion .toggler
{
	width: 257px;
	behavior: url(iepngfix.htc);
}

#accordion #header-partytime
{		
	width: 257px;
	height: 36px;	
	background: url(../Images/Index-Acc-Shop-Bg.gif) no-repeat top;
}

#accordion #header-recipes
{		
	width: 257px;
	height: 35px;	
	background: url(../Images/Index-Acc-Recipes-Bg.gif) no-repeat top;
}

#accordion #header-trio
{		
	width: 257px;
	height: 35px;	
	background: url(../Images/Index-Acc-Trio-Bg.gif) no-repeat top;
}

#accordion #header-elume
{		
	width: 257px;
	height: 35px;	
	background: url(../Images/Index-Acc-Designer-Bg.gif) no-repeat top;
}

/* Accordion - Elements */
#accordion .element
{
	 width: 257px;
	 height: 185px;	 
	 behavior: url(iepngfix.htc);
}

#accordion #element-partytime
{
	width: 257px;
	height: 185px;	
}

#accordion #element-recipes
{
	width: 257px;
	height: 185px;	
}

#accordion #element-trio
{
	width: 257px;
	height: 185px;	
}

#accordion #element-elume
{
	width: 257px;
	height: 185px;	
}

/* Pods */
#pods
{
	clear: both;
	height: 170px;
	width: 957px;
	overflow: hidden;
}

#pods .hspacer
{
	width: 957px;
	height: 1px;
	overflow: hidden;
}

#pods .vspacer
{		
	float: left;
	width: 1px;
	height: 170px;
	background: url(../Images/Index-Vertical-Spacer.gif) no-repeat top left;
}

/* Crocktober Pod */
#crocktober-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #7E0000;
}

#crocktober-pod .connotation
{
	float: left;
}

#crocktober-pod .heading, #recipes-pod .heading a
{		
	width: 283px;
	padding: 14px 0 5px 35px;
	font-size: 18px;
	color: #7E0000;
}

#crocktober-pod .heading a
{
	font-size: 18px;
	color: #7E0000;
	font-weight: normal;
	text-decoration: none;
	font-family: Georgia, serif;
}

#crocktober-pod .heading a:hover
{
	font-size: 18px;
	color: #7E0000;
	font-weight: normal;
	text-decoration: underline;
	font-family: Georgia, serif;
}

#crocktober-pod .image
{	
	float: left;
	padding: 8px 0 0 0;
}

#crocktober-pod .content-section
{
	float: left;
	width: 166px;
	margin-top: 5px;
}

#crocktober-pod .text
{
	width: 166px;
	height: 95px;
	padding-top: 4px;
	color: #434343;
}

#crocktober-pod .text b
{
	color: #7E0000;
}

#crocktober-pod .links
{	
	width: 166px;
}

#crocktober-pod .links .learnmore
{	
	height: 14px;
	cursor: pointer;	
}

#crocktober-pod .links .learnmore img
{
	vertical-align: bottom;
}

#crocktober-pod .links .learnmore a
{
	font-weight: normal;
	text-decoration: none;
	color: #E15C14;
}

#crocktober-pod .links .learnmore:hover
{	
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;	
}

/* Recipes Pod */
#recipes-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #7E0000;
}

#recipes-pod .connotation
{
	float:left;
}

#recipes-pod .heading, #recipes-pod .heading a
{		
	width: 303px;
	padding: 10px 0 5px 15px;
	font-size: 18px;
	color: #7E0000;
}

#recipes-pod .heading a
{
	font-size: 18px;
	color: #7E0000;
	font-weight: normal;
	text-decoration: none;
	font-family: Georgia, serif;
}

#recipes-pod .heading a:hover
{
	font-size: 18px;
	color: #7E0000;
	font-weight: normal;
	text-decoration: underline;
	font-family: Georgia, serif;
}

#recipes-pod .image
{	
	float: left;	
	padding: 0 20px 0 10px;		
}

#recipes-pod .links
{
	float: left;	
	width: 131px;	
	margin-top: -2px;
}

#recipes-pod .links .link
{
	padding-bottom:  4px;
}

#recipes-pod .links .link a
{		
	padding-left: 7px;
	color: #6E6E6E;
	font-weight: normal;
	text-decoration: none;
	background: url(../Images/Arrow-Red-Right.gif) no-repeat top left;
}

#recipes-pod .links .link a:hover
{
	color: #858585;	
	background: url(../Images/Arrow-Gray-Right.gif) no-repeat top left;
}

#recipes-pod .links #viewall
{	
	height: 14px;
	margin-top: 20px;
	cursor: pointer;		
}

#recipes-pod .links #viewall img
{
	vertical-align: bottom;
}

#recipes-pod .links #viewall a
{
	font-weight: normal;
	text-decoration: none;
	color: #850D0D;
}

#recipes-pod .links #viewall:hover
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;	
}

/* Game Time Pod */
#gametime-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #7E0000;
}

#gametime-pod .connotation
{
	float:left;
	background: url(../Images/GameTimePodSave20.jpg) no-repeat top right;
}

#gametime-pod .heading
{		
	width: 300px;
	padding: 10px 0 0 18px;
	font-size: 18px;
	color: #7E0000;
}

#gametime-pod .image
{	
	float: left;	
	padding: 12px 12px 0 10px;
}

#gametime-pod .content-section
{
	float: left;
	width: 139px;
	margin-top: 5px;
}

#gametime-pod .content-section .heading
{
	padding: 0 0 7px 0;
	font-size: 18px;
	color: #7E0000;
}

#gametime-pod .text
{
	width: 139px;
	height: 65px;
	padding-top: 4px;
	color: #434343;
}

#gametime-pod .text .large
{
	font-size: 17px;
	color: #434343;
}

#gametime-pod .text .large a
{
	font-weight: normal;
	font-size: 17px;
	color: #434343;
}

/* Specials Pod */
#specials-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #7E0000;
}

#specials-pod .connotation
{
	float:left;
	background: url(../Images/AdPodSpecials.jpg) no-repeat top right;
}

#specials-pod .heading
{		
	width: 300px;
	padding: 10px 0 0 18px;
	font-size: 18px;
	color: #7E0000;
	z-index: 2;
	position: relative;
}

#specials-pod .image
{	
	float: left;
	margin-top: 16px;
	padding: 0 15px 0 8px;
	z-index: 1;
}

#specials-pod .content-section
{
	float: left;
	width: 145px;
}

/*#specials-pod .content-section .heading
{
	padding: 0 0 5px 0;
	font-size: 18px;
	color: #80AE1E;
}*/

#specials-pod .text
{
	margin-top: 2px;
	width: 155px;
	height: 75px;
	color: #434343;
	font-size: 11px;
}

#specials-pod .text .large
{
	font-size: 14px;
	color: #434343;
}

#specials-pod .text .small
{
	display: block;
	font-size: 9px;
	color: #434343;
	padding-top: 8px;
}

#specials-pod .content-section #viewall
{	
	height: 14px;
	margin-top: 25px;
	margin-left: 2px;
	cursor: pointer;
}

#specials-pod .content-section #viewall img
{
	vertical-align: bottom;
}

#specials-pod .content-section #viewall a
{
	font-weight: normal;
	text-decoration: none;
	color: #7E0000;
}

#specials-pod .content-section #viewall:hover
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;	
}

/* Holiday Pod */
#holiday-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #DF5003;
}

#holiday-pod .connotation
{
	float: left;
}

#holiday-pod .image
{
	float: left;
	width: 137px;
}

#holiday-pod .content-section
{
	float: left;
	width: 179px;
	padding: 15px 0 0 0;
}

#holiday-pod .heading
{	
	width: 179px;
	padding-top: 5px;	
	font-size: 18px;
	color: #DF5003;
}

#holiday-pod .heading a
{
	font-size: 18px;
	color: #DF5003;
	font-weight: normal;
	text-decoration: none;
	font-family: Georgia, serif;
}

#holiday-pod .heading a:hover
{
	font-size: 18px;
	color: #DF5003;
	font-weight: normal;
	text-decoration: underline;
	font-family: Georgia, serif;
}

#holiday-pod .text
{		
	width: 168px;
	height: 68px;
	color: #434343;
	padding: 12px 0 0 0;
}

#holiday-pod .links
{	
	padding-left: 0
}

#holiday-pod .links #learnmore
{	
	height: 14px;
	cursor: pointer;	
}

#holiday-pod .links #learnmore img
{
	vertical-align: bottom;
}

#holiday-pod .links #learnmore a
{
	font-weight: normal;
	text-decoration: none;
	color: #E15C14;
}

#holiday-pod .links #learnmore:hover
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;	
}

/* iPhone Pod */
#iphone-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #DF5003;
}

#iphone-pod .connotation
{
	float: left;
	background: url(../Images/iPhonePodNew.jpg) no-repeat top right;
}

#iphone-pod .image
{
	float: left;
	width: 95px;
}

#iphone-pod .content-section
{
	float: left;
	width: 221px;
	padding: 2px 0 0 0;
}

#iphone-pod .heading
{	
	width: 221px;
	padding-top: 12px;	
	font-size: 18px;
	color: #DF5003;
}

#iphone-pod .heading a
{
	font-size: 18px;
	color: #DF5003;
	font-weight: normal;
	text-decoration: none;
	font-family: Georgia, serif;
}

#iphone-pod .heading a:hover
{
	font-size: 18px;
	color: #DF5003;
	font-weight: normal;
	text-decoration: underline;
	font-family: Georgia, serif;
}

#iphone-pod .text
{		
	width: 210px;
	height: 75px;
	color: #434343;
	padding: 12px 0 0 0;
}

#iphone-pod .links
{	
	padding-left: 0
}

#iphone-pod .links #learnmore
{	
	height: 14px;
	cursor: pointer;	
}

#iphone-pod .links #learnmore img
{
	vertical-align: bottom;
}

#iphone-pod .links #learnmore a
{
	font-weight: normal;
	text-decoration: none;
	color: #E15C14;
}

#iphone-pod .links #learnmore:hover
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;	
}

/* Hints And Tips Pod */
#hintsandtips-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #DF5003;
}

#hintsandtips-pod .connotation
{
	float: left;
}

#hintsandtips-pod .image
{
	float: left;
	width: 106px;
}

#hintsandtips-pod .content-section
{
	float: left;
	width: 210px;	
}

#hintsandtips-pod .heading
{	
	width: 210px;
	padding-top: 12px;	
	font-size: 18px;
	color: #DF5003;
}

#hintsandtips-pod .heading a
{
	font-size: 18px;
	color: #DF5003;
	font-weight: normal;
	text-decoration: none;
	font-family: Georgia, serif;
}

#hintsandtips-pod .heading a:hover
{
	font-size: 18px;
	color: #DF5003;
	font-weight: normal;
	text-decoration: underline;
	font-family: Georgia, serif;
}

#hintsandtips-pod .text
{		
	width: 170px;
	height: 78px;
	color: #434343;
	padding: 14px 0 0 42px;	
}

#hintsandtips-pod .links
{	
	padding-left: 42px;	
}

#hintsandtips-pod .links #readmore
{	
	height: 14px;
	cursor: pointer;	
}

#hintsandtips-pod .links #readmore img
{
	vertical-align: bottom;
}

#hintsandtips-pod .links #readmore a
{
	font-weight: normal;
	text-decoration: none;
	color: #E15C14;
}

#hintsandtips-pod .links #readmore:hover
{
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;	
}

/* Service And Support Pod */
#serviceandsupport-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #A67126;
}

#serviceandsupport-pod .heading
{
	width: 294px;
	padding: 12px 0 10px 25px;
	font-size: 18px;	
	color: #A06717;
}

#serviceandsupport-pod .heading a
{
	font-size: 18px;
	color: #A06717;
	font-weight: normal;
	text-decoration: none;
	font-family: Georgia, serif;
}

#serviceandsupport-pod .heading a:hover
{
	font-size: 18px;
	color: #A06717;
	font-weight: normal;
	text-decoration: underline;
	font-family: Georgia, serif;
}

#serviceandsupport-pod .image
{
	float: left;
	width: 140px;	
}

#serviceandsupport-pod .content-section
{
	float: left;
}

#serviceandsupport-pod .text
{
	width: 178px;
	height: 78px;
	padding-top: 4px;
	color: #434343;
}

#serviceandsupport-pod .links
{	
	width: 178px;
}

#serviceandsupport-pod .links .clickhere
{	
	height: 14px;
	cursor: pointer;	
}

#serviceandsupport-pod .links .clickhere img
{
	vertical-align: bottom;
}

#serviceandsupport-pod .links .clickhere a
{
	font-weight: normal;
	text-decoration: none;
	color: #A06717;
}

#serviceandsupport-pod .links .clickhere:hover
{	
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;	
}

/* 40th Anniversary Pod */
#anniversary-pod
{
	float: left;
	width: 319px;
	height: 170px;
	border-top: solid 2px #7E0000;
}

