*{margin:0px; padding:0px;}
ul{ list-style:none;}
a img{ border:none;}
.inlineBlock
{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    }
    
.hidden{display:none;}    
/*star stuff*/
#suggestionStarRating, #suggestionStarRating span {
line-height:130%;
vertical-align:middle;
position:relative;
}
.starRatingS{
background: url(/images/jas/stars.png) no-repeat scroll 0 -11px;	
width:63px;
height:11px;
margin:0 3px 0 0;
vertical-align:middle;
line-height:130%;
}
.ratingS0,.ratingS1,.ratingS2,.ratingS3,.ratingS4,.ratingS5{
background: url(/images/jas/stars.png) no-repeat 0 0;	
height:11px;
overflow:hidden;
display:block;
/*position:absolute;
top:0px;
left:0px;*/
text-indent:-10000px;
}
.ratingS0{width:0px;} .ratingS1{width:12px;}.ratingS2{width:24px;} .ratingS3{width:36px;}.ratingS4{width:48px;} .ratingS5{width:63px;}

.ratingControlStar {
	display:inline-block;
	vertical-align:middle;
}
.ratingControlStar a {
	border:0 none;
	display:block;
	width:12px;
	height:11px;
	text-indent:-9999em;
	float:left;
	margin:2px 0 0 0;
	padding:0;
	overflow:hidden;
	background:url(/images/jas/stars2.png) no-repeat scroll 0 0 transparent;
}
.ratingControlStarOvr a {
background:url(/images/jas/stars2.png) no-repeat scroll 0 -23px transparent !important;
}
.ratingControlStarSelect a {
background:url(/images/jas/stars2.png) no-repeat scroll 0 -12px transparent !Important;
}

/*star stuff*/

body
{
    font-size:12px;
	color:#282828;
}



.jasContent
{ 
	 width:790px;
	 padding-top:114px;
	 position:relative;
	float:left;
	font-weight:bold;
    }

.jasContent p{
	line-height:140%;
}

/*carousel stuff*/
#caroTip{
    color:#6e2b8e;
    font-size:14px;
    position:absolute;
    top:-95px;
    right:-1px;
    z-index:2;
    }
#caroCont{ 
	background: url(/images/jas/carobg.png) no-repeat 0 0;
    width:785px;
    height:261px;
    position:relative;
    margin-bottom:-12px;
    }

#justASuggestion
{
position:absolute;
left:0px;
top:-108px;
z-index:2;}
#caroTabs
{
position:absolute;
right:0px;
top:-41px;
z-index:3;
}    
#caroTabs li
{
	height:28px;
   padding:13px 16px 0px 12px;
	font-size:14px;
  color: #4b3a22;
}
	#caroTabs li a {
		background:url(/images/jas/radio-btns.png) left 1px no-repeat;
		padding:0 0 0 17px;
		height:14px;
		color: #4b3a22;
	}
	#caroTabs li a:hover {
		background-position:left -19px;
	}
	#caroTabs .tabOn a, #caroTabs .tabOn a:hover {
		background-position:left -39px;
	}
	

.tabOn{
	background: url(/images/jas/tabBg.gif) repeat 0 0;
	position:relative;
	cursor:pointer;
}	
	.tabEndL{
		position:absolute;
		top:0px;
		left:0px;
	}
	.tabEndR{
		position:absolute;
		top:0px;
		right:0px;
	}
.tabOff{
	background-color:#faf3d8 ;
	position:relative;
	height:35px;
	cursor:pointer;
}    

   
#caroLeft,#caroRight{display:inline;
                     font-size:28px;
                      position:relative;
                      margin-left:5px;
                      left:0px;
                      top:-100px;}   
                
.caro{width:710px;
      max-width:710px;
      height:206px;
      overflow:hidden;
      position:relative;
      z-index:1;
      margin: 15px 0px 0px 5px;}

#caroDropShdwL,#caroDropShdwR
{     position:absolute;
      z-index:2;
      top:10px;}
	#caroDropShdwL
	{left:37px;}
	#caroDropShdwR
	{left:722px;}

.reel
{
    position:absolute;
    top:19px;
    left:0px;
}           

.reel{}  

.reel li
{
    width: 170px;
    height: 140px;
    margin-right: 10px;
    color: #4b3a22;
    line-height:4px;
	vertical-align:top;
}
.caroPicA{
	display:block;
	width:159px;
	height:103px;
	background: url(/images/jas/caroItmShadow.gif) no-repeat 0 0;
	padding: 0px 8px 13px 4px;
}
.caroPic{
	width:159px;
	height:103px;
	border:solid 2px white;
}
a:hover .caroPic, a:hover .caroPicS {
	border-color:#4B3A22;
}
.caroPicSA{
	display:block;
	width:123px;
	height:81px;
	background: url(/images/jas/prodCaroItmShadow.gif) no-repeat 0 0;
	padding: 0px 6px 12px 5px;
}
.caroPicS{
	width:119px;
	height:77px;
	border:solid 2px white;
}

.caroItemName{
    font-size:16px;
    font-weight:bold;
    color: #4b3a22;
	display:block;
	margin:0 0 0 5px;
	line-height:120%;
    }

.caroItemName:hover{
	    color: #2d1f0c;
	}
	
.caroSuggestions { 
	font-size:10px;
  	font-weight:normal;
	margin:0 0 0 5px;
	display:block;
	line-height:100%;
	}


#seasonalUpdate
{    width:788px;
     border-bottom:solid 1px gray;
     position:relative; 
     margin-bottom:15px;
    }
    #seasonalUpdate h3
    {font-size:32px;
	color:#362d75;}
	
    #seasonalUpdate p
    {width:420px;
     margin-bottom:25px;}

    #seasonalImage{
		position:absolute;
        bottom:0px;
        right:30px;}
	
	#leaves {
		position:absolute;
		top:-30px;
		left:140px;
	}

#featSugCont{
	width:485px;
	position:relative;
	vertical-align:top;
	margin-right:4px;
	float:left;
}
#featSugCont h2{
	font-size:32px;
	margin-bottom:20px;
	color:#362d75;}
	
#ftsugArrow{
	position:absolute;
	top:15px;
	left:-68px;
}
#featSuggestions{
		width:471px;
		overflow:hidden;
}
	#featSuggestions li{
		width:147px;
		height:150px;
		overflow:hidden;
		margin: 0 10px 20px 0;
		float:left;
	}
		.ftSugPic {
			width:145px;
			height:95px;
			border:1px solid #7e7f77;
		}
		
		a:hover .ftSugPic {
			border-color:#4B3A22;
		}
		
		.ftSugTitle{
			color:#6b2e8d;
			font-size:12px;
			display:block;
			margin-bottom:2px;
		}
		.ftSugTitle:hover{
			color:#3c0c56;
		}
		.ftSugRate{ font-size:10px;
		  font-weight:normal;
		  vertical-align:middle;
			line-height:130%;}



#displayBxs{width:296px;
			vertical-align:top;
			float:left;
			_overflow-x:hidden;}
            
    #seasonalFeature{position:relative;
               margin-bottom:15px;
				z-index:1;
               }
               #seasonalFeature a 
               {
                  text-indent:-10000px;
				  display:block;
				  background:url(/images/jas/seasonal-feature.jpg) left top no-repeat;
				  width:296px;
				  height:150px;
               }  
    #winTile{width:296px;
               height:215px;
               position:relative;
               background: url(/images/jas/winBg.png) no-repeat 0 0;
              z-index:1;
 }
               #winImg 
               {
                   position:absolute;
                   top:15px;
                   right:15px;
               }                 
               #winCopy 
               {
                   color:White;
                   position:absolute;
                   top:70px;
                   left:22px;
                   width:138px;
               }
               #entBtn
               {
                   position:absolute;
                   top:172px;
                   left:21px;
               }   
               .btn1
               {
                   height:22px;
                   padding: 5px 15px 0px 6px;
                   background: url(/images/jas/btnSprite.png) repeat-x 0 0;
                   color:White;
                   font-size:14px;
                   font-weight:bold;
					position:relative;
               }
               .btn1 input 
               {
					background: none repeat scroll 0 0 transparent;
					border: medium none;
					color: White;
					cursor: pointer;
					font-weight: bold;
					margin: -6px -30px 0 -11px;
					padding: 2px 30px 2px 12px;
					z-index: 5;
					position: relative;
               }
				.btn1L,.btn1R{
					position:absolute;
					top:0px;
					background-image: url(/images/jas/btnSprite.png);
					background-repeat: no-repeat;
					overflow:hidden;
					text-indent:-9999em;		
				}
				.btn1L{
					left:-7px;
					width:11px;
					height:27px;
					background-position:-1px -56px;
				}
				.btn1R{
					right:-13px;
					width:27px;
					height:27px;
					background-position:-23px -56px;
				}
               .btn2
               {
                   height:18px;
                   padding: 4px 3px 0px 3px;
                   background: url(/images/jas/smallBtnSprite.png) repeat-x 0 0;
                   color:White;
                   font-size:11px;
                   font-weight:normal;
					position:relative;
               }
				.btn2L,.btn2R{
					position:absolute;
					top:0px;
					background-image: url(/images/jas/smallBtnSprite.png);
					background-repeat: no-repeat;
					overflow:hidden;
					text-indent:-9999em;		
				}
				.btn2L{
					left:-7px;
					width:8px;
					height:22px;
					background-position:-1px -44px;
				}
				.btn2R{
					right:-8px;
					width:9px;
					height:22px;
					background-position:-10px -44px;
				}

/*prod page stuff*/
#jasProd{
	padding-top:0px;
}
                 #prodHeader
				{    width:787px;
					height:142px;
					padding-top:30px;
				     border-bottom:solid 1px gray;
					border-right:solid 1px gray;
				     position:relative; 
				     margin-bottom:28px;
				    }
				    #prodHeader h2
				    {font-size:36px;
					color:#362d75;
					margin-bottom:12px;}

				    #prodHeader p
				    {width:440px;
				     margin-bottom:25px;
				font-size:12px;
					font-weight:normal;}
				
					#innerLogo{position:absolute;
				          top:0px;
				          right:-1px;
						z-index:2;}
				    #hero{position:absolute;
				          bottom:0px;
				          right:0px;
						z-index:1;}
					#headArrow{position:absolute;
						  bottom:-60px;
						  left:-68px;
							z-index:1;}
						
	 #quiksugTile{width:297px;
				height:154px;
				position:relative;
				background: url(/images/jas/quickSugBx.jpg) no-repeat 0 0;
				margin-bottom:15px;
				z-index:10;
				}
				
/*custom DDL*/
.customDD{display:none;
	height:33px;
	max-height:33px;
/*	overflow:hidden;*/
	}

.CDDclosed{
	width:244px;
	height:24px;
	padding:9px 0 0 12px;
	background: transparent url(/images/jas/ddlClosed.png) no-repeat 0 0;
	position:relative;
	z-index:6;
	cursor:pointer;
}
.CDDclosed span{
	font-size:12px;
	font-weight:bold;
	color:gray;
}
.CDDOpen{
	width:230px;
	padding:9px 12px;
	background: white;
	position:relative;
	z-index:5;
	top:-3px;
	left:0px;
	display:none;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	box-shadow:1px 1px 3px #333;
	-moz-box-shadow:1px 1px 3px #333;
	-webkit-box-shadow:1px 1px 3px #333;
	
}
.CDDOpen li{
	width:232px;
	padding:6px 0;
	background: white;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

.CDDOpen li.title 
{
	font-size: 1.1em;
	font-style: italic;
	cursor: default;
	color: gray;
}

/*custom DDL*/
				
				#quiksugReal {
							width:254px;
							height:31px;
							padding-top:6px;
					          position:absolute;
					          top:68px;
					          left:21px;
					               }
					#quiksugFake{
								position:absolute;
								top:68px;
								left:21px;
								z-index:7;}
					#quiksugBtn {
						          position:absolute;
						           top:110px;
						           left:28px;
								z-index:1;	
						               }	
									
		#prodLeftCol{
					width:485px;
					position:relative;
					vertical-align:top;
					margin-right:4px;
					float:left;
					}	
		#prodLeftCol p{
			font-size:12px;
			font-weight:normal;}					
						
/*prod page carousel*/


.prodCaroCont
{ background: url(/images/jas/prodCarobg.png) no-repeat 0 0;
    width:475px;
    height:248px;
    position:relative;
margin-top:41px;
    margin-bottom:10px;
    }

.prodCaroTabs
{
position:absolute;
left:0px;
top:-41px;
}    
.prodCaroTabs li
{
	height:28px;
   padding:13px 16px 0px 12px;
	font-size:14px;
  color: #4b3a22;
}
	.prodCaroTabs li a {
		background:url(/images/jas/radio-btns.png) left 1px no-repeat;
		padding:0 0 0 17px;
		height:14px;
		color: #4b3a22;
	}
	.prodCaroTabs li a:hover {
		background-position:left -19px;
	}
	.prodCaroTabs .tabOn a, .prodCaroTabs .tabOn a:hover {
		background-position:left -39px;
	}
  
#prodCaroLeft,#prodCaroRight{display:inline;
                      position:relative;
                      margin-left:9px;
                      left:0px;
                      top:-100px;}   
                
.prodCaro{width:404px;
      max-width:404px;
      height:185px;
      overflow:hidden;
      position:relative;
      z-index:1;
      margin: 15px 0px 0px 5px;}

.prodCaroDropShdwL,.prodCaroDropShdwR
{     position:absolute;
      z-index:2;
      top:10px;}
	.prodCaroDropShdwL
	{ left:34px;}
	.prodCaroDropShdwR
	{  left:424px;}

.prodReel
{
    position:absolute;
    top:19px;
    left:0px;
}           
 

.prodReel li
{
    width: 135px;
    height: 155px;
    margin-right: 0px;
    color: #722f92;
    line-height:4px;
	vertical-align:top;
}
.prodCaroItemName{
    font-size:12px;
    font-weight:bold;
	margin-left:6px;
	margin-bottom:6px;
    color: #722f92;
	display:block;
	line-height:100%;
}
.prodCaroItemName:hover{
    color: #410b5b;
}

.sCaroTxt{
margin:0px 0px 6px 6px;
display:block;
    }

.prodCaroSuggestions
{ font-size:10px;
  font-weight:normal;
color:#282828;
margin-left:6px;}

/*prod page carousel end*/			
						
#aboutTitle{font-size:32px;
color:#362d75;
margin-bottom:12px;}						
						
.prodList{
		width:471px;
		overflow:hidden;
		margin:8px 0;
}
	.prodList p {
		margin-bottom:0 !important;
	}
	.prodList li{
		width:145px;
		overflow:hidden;
		margin: 0 10px 20px 0;
		float:left;
	}
		.prodLstTitle{
			color:#362d75;
			font-size:14px;
			display:block;
			margin:8px 0 4px 0;
			font-weight:bold;
		}
		.prodLstTitle:hover{
			color:#1e184a;
		}

	.didUKnow{
		width:243px;
		height:107px;
		background:#d4eaf7 url(/images/jas/diduknow.jpg) no-repeat 0 0;
		padding:19px 0 0 228px;
		margin:35px 0 0 0;
	}					
						
	.didUKnow p {
		width:232px;
		font-weight:bold !important;
	}					
	
	/* occasion page*/					
	#noOfSug{
		color:#937956;
	}					
						
	#cmntBox{
	
	}					
						
	/*competition*/
						
    #compHeader
		{    width:788px;
			height:45px;
			padding-top:35px;
		     position:relative; 
		     margin-bottom:5px;
		    }
		    #compHeader h2
		    {font-size:32px;
			color:#362d75;
			margin-bottom:5px;}
			
			#compHeadArrow{position:absolute;
				  bottom:-110px;
				  left:-68px;
					z-index:1;}
			
			#compLeftCol{
						width:485px;
						position:relative;
						vertical-align:top;
						margin-right:4px;
							font-size:12px;
							font-weight:normal;
							float:left;
						}
							
			#compLeftCol p{
				max-width:472px;
				}
				
				#compLeftCol p.item{
					margin-bottom:3px;	
				}
			#compLeftCol h3,#compLeftCol h4{
				color:#282828;
				margin:26px 0 6px 0px;
				font-size:15px;
				font-weight:bold;}
			

		    .italics
		    {font-size:14px;
			margin-top:12px;
			margin-bottom:20px;
			font-weight:normal;
			font-style:italic;
			max-width:472px;
			}
			
			.cManagerFormRow {
				margin:0 0 4px 0;
			}
			
			.compTxtBx, #compLeftCol .cManagerFormRow input {
			width:303px;	
			height:23px;
			background-color:#e6e6e6;	
			font-size:12px;
			padding:3px 0 0 12px;
			border:none;
			display:block;
			}	
			
			#compLeftCol .cManagerFormRow .cManagerCheckList input {
				width:auto;
				height:auto;
				padding:0;
				margin:0 3px 0 0;
				display:inline;
				vertical-align:middle;
			}	
			
			#compLeftCol .cManagerFormRow .cManagerCheckList td {
				padding:0 0 3px 0;
			}			
		
			.customChkBx{

				overflow:hidden;
				background-color:#e6e6e6;
				font-size:14px;
				font-weight:normal;
			}
			.cstmChkBxOn{
				width:9px; min-width:9px;
				height:9px; min-height:9px;
				overflow:hidden;
				border:solid 2px #e6e6e6;
				background-color:#000;
				font-size:14px;
				font-weight:normal;
			}
			.cstmChkBxOff{
				width:13px; min-width:13px;
				height:13px; min-height:13px;
				border:none;
			}
			#compChkBx{vertical-align:top;}
			
			#chkBxCopy{width:277px;
				vertical-align:top;
				margin-left:10px;}	
				
			#compPageBtn{
				margin:12px 0 35px 10px;
			}		
						
/* suggestions page*/						
#sugHeader
	{    width:788px;
		padding-top:30px;
	     position:relative; 
	     margin-bottom:5px;
	border-bottom:solid 1px #a6a6a6;
	    }
	    #sugHeader h2
	    {font-size:36px;
		color:#362d75;
		margin:3px 0 12px 0;
		line-height:100%;}
		
		#sugHeadArrow{position:absolute;
			  bottom:-110px;
			  left:-68px;
				z-index:1;}

				#sugLeftCol{
							width:485px;
							position:relative;
							vertical-align:top;
							margin-right:4px;
							font-size:12px;
							font-weight:normal;
							border-bottom:solid 1px #a6a6a6;
							overflow:hidden;
							float:left;
							}
							#sugLeftCol p{
										width:472px;
										}

				#sugLeftCol h3{
					color:#282828;
					margin-bottom:15px;
					font-size:15px;
					font-weight:bold;}
						
						
#prodType{
	font-size:14px;
	color:#722f92;
	font-weight:bold;
	display:block;
}										

.cookTime{
	font-weight:bold;
	font-size:12px;
	margin:6px 0 6px 0;
}
.cookTime img{
	vertical-align:middle;
}						

#sugPagePrint{
	margin-bottom:30px;
	margin-left:6px;
	font-weight:bold;
	line-height:110%;
}	

#shoppingList{width:267px;
			padding:20px 10px 10px 20px;
			position:relative;
			background: url(/images/jas/shpLstMiddle.gif) repeat-y 0 0;
			margin-bottom:45px;
			}
			
		#shpLstTop,#shpLstBottom{
			position:absolute;
			left:0px;
		}	
		#shpLstTop{
			top:0px;
		}
		#shpLstBottom{
			bottom:-30px;
		}
		#shoppingList h5{
			font-size:16px;
			font-weight:bold;
			color:#4b3a22;
			margin-bottom:12px;
		}
		.shpLstUl 
		{margin-bottom:20px;}
		
.shpLstUl li{
	font-size:12px;
	font-weight:normal;
	color:#4c4c4c;
	margin-bottom:8px;
}
#ingredientsBut{
	width:107px;
}

.topInfoHolder{ width:485px; margin:4px 0 9px 0; overflow:hidden;}

.ratingLbl{ margin-left:30px;
	font-weight:bold;
	line-height:130%;
	vertical-align:middle;
	display:inline-block;
	margin-right:3px; }							
.ratingIco{	margin-left:4px;}	
.ratingIco img{
	 vertical-align:middle;
}
#starRating { 
	display:inline-block;
	width:80px;
	line-height:130%;
}
.sugRating { display:none; }
.no-js .ratingLbl, .no-js #starRating, .no-js .jasRatingControl {
	display:none;
}
.shareLbl{margin-left:180px;}							
.shareIco{
	margin-left:4px;
}	
.shareIco img{
	 vertical-align:middle;
}