@charset "UTF-8";
/* CSS Document */
#pageWrap{
	position:relative;
	width:936px;
	margin:0 auto;
	height:704px;
	text-align:left;
	background:#FFF url(../Images/FrontPage.jpg) no-repeat scroll top right;
}
#heritage #pageWrap{
	background:#FFF url(../Images/Heritage.jpg) no-repeat scroll bottom right;
}
#products #pageWrap{
	background:#FFF url(../Images/productsmain.jpg) no-repeat scroll top right;
}
#chips #pageWrap{
	background:#FFF url(../Images/chips.jpg) no-repeat scroll top right;
}
#salsa #pageWrap{
	background:#FFF url(../Images/salsa.jpg) no-repeat scroll top right;
}
#sauce #pageWrap{
	background:#FFF url(../Images/suace.jpg) no-repeat scroll top right;
}
#gifts #pageWrap{
	background:#FFF url(../Images/4_Gifts.jpg) no-repeat scroll top right;
}
.p2grill #pageWrap{
	background:#FFF url(../Images/GrillinSauce.jpg) no-repeat scroll top right !important;
}
.p2kyKit #pageWrap{
	background:#FFF url(../Images/Grillin_Kit.jpg) no-repeat scroll top right !important;
}
.p2salsa16 #pageWrap{
	background:#FFF url(../Images/giftsalsa162pk.jpg) no-repeat scroll top right !important;
}
.p2salsa8 #pageWrap{
	background:#FFF url(../Images/2PakSalsa8oz.jpg) no-repeat scroll top right !important;
}
.p3salsa16 #pageWrap{
	background:#FFF url(../Images/3PakSalsa_16oz.jpg) no-repeat scroll top right !important;
}
.p3sauce #pageWrap{
	background:#FFF url(../Images/giftsauce.jpg) no-repeat scroll top right !important;
}
.p4salsa16 #pageWrap{
	background:#FFF url(../Images/giftsalsa4pk.jpg) no-repeat scroll top right !important;
}
.p4salsaChips #pageWrap{
	background:#FFF url(../Images/giftchips.jpg) no-repeat scroll top right !important;
}
#headBlock{
	position:relative;
	width:409px;
	height:300px;
	background:#FFF url(../Images/headline.gif) no-repeat scroll 87px 20px;
}
#screamingLogo{
	position:absolute;
	display:block;
	top:80px;
	left:20px;
}
#mainNav{
	position:absolute;
	list-style-type:none;
	text-align:right;
	z-index:2;
	top:9em;
	right:43em;
	padding:0;
}
#mainNav li{
	padding:0;
	margin:0;
	background:#FFF;
}
#mainNav a, #mainNav a:link, #mainNav a:visited{
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#8B2725;
}
#mainNav a:hover{
	color:#4e5543;
	text-decoration:underline;
}
#mainNav a.active, #mainNav a.active:link, #mainNav a.active:visited{
	color:#fDa625;
}
#mainContentWrap{
	position:relative;
	left:0;
	width:350px;
	height:300px;
	border-right:29px solid #fff;
	padding:0 0 0 30px;
	overflow:auto;
}
#mainContentWrap .content{
	width:310px;
}

.productPageSubnav{
	font-size:1.2em;
	font-weight:bold;
	padding:0;
	position:absolute;
	top:17em;
	left:30px;
}
.productPageSubnav a, .productPageSubnav a:link, productPageSubnav a:visited{
	color:#1436C0;
	text-decoration:none;
}
.productPageSubnav a:hover{
	color:#B2001C;
	text-decoration:underline;
}
.productPageSubnav a.active{
	color:#B2001C;
}
.productPageHead{
	font-size:1.2em;
	font-weight:bold;
	padding:0;
}
.productPageHead a, .productPageHead a:link, productPageHead a:visited,
.productPageList a, .productPageList a:link, productPageList a:visited{
	color:#1436C0;
	text-decoration:none;
}
.productPageHead a:hover,
.productPageList a:hover{
	color:#B2001C;
	text-decoration:underline;
}
.productPageList a.active,
.productPageHead a.active{
	color:#B2001C;
}
.productPageList{
	list-style-type:disc;
	padding:0 0 10px 0;
}
.productPageList li
{
	font-size:0.9em;
	line-height:1.3em;
}

#giftDescription{
	position:absolute;
	padding:20px;
	background:#8B2724;
	width:484px;
	color:#FFF;
	bottom:0;
	right:0;
}
#giftDescription h5{
	padding:0;
	
}
#giftDescription ul{
	padding:0;
	list-style-type:disc;
}
#giftDescription ul li{
	
}

.recipeContent h5{
	font-size:1.1em;
}
.recipeContent ul{
	padding:0 0 10px 0;
	list-style-type:disc;
}
.recipeContent ul li{
	line-height:1.1em;
}
.recipeContent h4{
	font-size:1.2em;
}
.recipeContent h4 a{
	color:#1436C0;
}
.recipeContent h4 a:hover{
	color:#B2001C;
	text-decoration:underline;
}

#recipesWrap{
	background:transparent url(../Images/whiteTile_70-trans.png) repeat scroll 0 0;
	left:440px;
	position:absolute;
	top:20px;
	width:408px;
	height:600px;
	padding:30px;
}
#recipesWrap #recipes{
	overflow:auto;
	background:#FFF none repeat scroll 0 0;
	height:600px;
}
#recipesWrap #recipes h4{
	margin:10px 20px;
	padding:0;
	font-size:1.3em;
	color:#B2001C;
}
#recipesWrap #recipes p{
	margin:10px 20px;
}

#kyProudLogo{
	display:block;
	position:absolute;
	bottom:20px;
	left:30px;
}

/* Spinner */
#screamingSpinner{
	position:absolute;
	bottom:10px;
	right:10px;
	width:53px;
	height:54px;
}
#spinnerGraphicLink, #spinnerGraphicLink:link, #spinnerGraphicLink:visited {
	position:absolute;
	bottom:10px;
	right:540px;
	display:block;
	width:53px;
	height:54px;
	z-index:2;
}
#spinnerGraphicLink img{
	display:block;
}
#ctaBox{
	width:30px;
	height:20px;
	background:transparent url(../Images/ctaBoxBKGD-trans.png) no-repeat scroll top left;
	position:absolute;
	bottom:46px;
	right:565px;
	z-index:1;
}

/* Products Page */
#productPageWrap{
	position:relative;
	width:936px;
	margin:0 auto;
	height:120em;
	background:#FFF url(../Images/orderPageBKGD.jpg) no-repeat scroll top right;
	text-align:left;
}
#productPageWrap #mainNav{
	top:9em;
	right:41em !important;
}
#productWrap{
	position:relative;
	top:22em;
}
.prodList{
	position:absolute;
	width:16em
}
#productPageWrap #giftPacks{
	left:6em;
}
#productPageWrap #salsa{
	left:28em;
}
#productPageWrap #sauces{
	left:50em;
}
.prodList form{
	margin-top:-10px;
	padding:0 0 20px 0;
	text-align:left;
}

/* jQuery Scroll Pane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#FFF url(../Images/dragRail.gif) repeat-y scroll top left;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	background:transparent url(../Images/dragBar-trans.png) no-repeat scroll top left;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background:#FFF url(../Images/arrowUp.gif) no-repeat scroll top left;
	height: 20px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background:#FFF url(../Images/arrowDown.gif) no-repeat scroll top left;
	height: 20px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}