/*BODY STYLES*/
body {
	padding: 0px;
	margin: 0px;
	font-family: GillSans, Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color: #daf8d1;
}
html, body {
    height: 100%;
}
h1, h2, h3, h4, h5, h6, form, img, p {
	margin: 0px;
	padding: 0px;
}
table{
	margin: 0px;
	padding: 0px;
}

br{
	margin: 0px;
	padding: 0px;
}
a{
	margin: 0px;
	padding: 0px;
}
img {
  border: none;
}
/*MAIN LAYOUT SETUP*/
#topSpacer{
width:999px;
height:2px;
line-height:2px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#bottomSpacer{
width:999px;
height:5px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#mainContainer{
	position:relative;
	width:999px;
	min-height:680px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/sallypFooterBG.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#ffffff;
	padding-bottom:47px;
}
/*HEADER*/

#header{
	position:relative;
	width:999px;
	height:91px;
	background-image: url(../images/sallypHeader1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
}
#logo{
	/*position:relative;*/
	width:999px;
	height:128px;
	background-image: url(../images/sallypHeader2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
}
/*CONTAINER FOR LEFT ADN RIGHT*/

#contentWrapper{
	/*position:relative;*/
	width:999px;
	clear:both; 
}


/*LEFT COLUMN*/
#left{
	float:left;
	width:725px;
	margin-left:5px;
}

html>body #left{
	float:left;
	width:725px;
	margin-left:10px;
}
/*RIGHT COLUMN*/
#right{
	float:right;
	width:245px;
	margin-right:5px;
	/*background-image: url(../images/sallypRecipeBG.gif);
	background-repeat: repeat-y;
	background-position: center top;*/
}
html>body #right{
	float:right;
	width:245px;
	margin-right:10px;
	/*background-image: url(../images/sallypRecipeBG.gif);
	background-repeat: repeat-y;
	background-position: center top;*/
}

#rightBGTop{
position:relative;
	background-image: url(../images/sallypRecipeTop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 15px;
	width: 245px;	
}
#rightBGBot{
position:relative;
	background-image: url(../images/sallypRecipeBot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 15px;
	width: 245px;
	top:-1px;
}
#rightBGMid{
position:relative;
	background-image: url(../images/sallypRecipeMid1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 434px;
	width: 245px;
	top:-1px;
}

html>body #rightBGBot{
position:relative;
	background-image: url(../images/sallypRecipeBot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 16px;
	width: 245px;
	top:-2px;
}
html>body #rightBGMid{
position:relative;
	background-image: url(../images/sallypRecipeMid.gif);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 434px;
	width: 245px;
	top:0px;
}






#rightContentHolder{
	position:relative;
	margin-left:10px;
	margin-right:0px;
	width:225px;

	color:#6d6f71;
	font-size:1em;

}

html>body #rightContentHolder{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:225px;

	color:#6d6f71;
	font-size:1em;

}


/*#rightContentHolderScroll{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:225px;
	height:283px;
	overflow:auto;
	color:#6d6f71;
	font-size:0.9em;
	margin-top:5px;
	padding-right:5px;

}*/




#rightContentHolderScroll{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:225px;
	height:423px;
	/*overflow:auto;*/
	color:#6d6f71;
	font-size:0.9em;
	margin-top:5px;
	padding-right:5px;

}



/*BUFFER*/
#buffer{
	position:relative;
	width:999px;
	height:1px;
	line-height:1px;
	clear:both;	
}
/*HOME PAGE SPECIFIC*/
/*#headPromo{
	position:relative;
	width:725px;
	height:184px;
	margin-bottom:10px;
	background-image: url(../images/sallypFamilyBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}*/
#headPromo{
	position:relative;
	width:725px;
	height:184px;
	padding-bottom:10px;
	/*background-image: url(../images/sallypFamilyBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;	*/
}
#headPromoText{
	float:right;
	width:330px;
	height:160px;
	left:375px;
	top:20px;
	color:#ffffff;
	font-size:1.1em;
	font-style:italic;
	margin-right:20px;
	padding-top:20px;

}

#headPromoText a:link{
	color:#ffffff;
	text-decoration:none;
	background-image: url(../images/sallypArrow1g.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}
#headPromoText a:visited{
	color:#ffffff;
	text-decoration:none;
	background-image: url(../images/sallypArrow1g.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}
#headPromoText a:hover{
	color:#00984b;
	text-decoration:none;
	background-image: url(../images/sallypArrow2g.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}




/*1st row*/
/*#promoContainer{
	position:relative;
	width:725px;
	height:172px;
	margin-bottom:10px;
}*/

#promoContainer{
	position:relative;
	width:725px;
	height:172px;
	padding-bottom:10px;
}
.promo1{
	float:left;
	width:173px;
	height:172px;
	background-image: url(../images/sallypSquare1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:11px;	

}
.promo2{
	float:left;
	width:173px;
	height:172px;
	background-image: url(../images/sallypSquare2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:11px;
		
}
.promo3{
	float:left;
	width:173px;
	height:172px;
	background-image: url(../images/sallypSquare3.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right:11px;
	
}
.promo4{
	float:left;
	width:173px;
	height:172px;
	background-image: url(../images/sallypSquare4.gif);
	background-repeat: no-repeat;
	background-position: center top;		
}
.promoPadding{
	padding:7px;
}
.promoText2{
	color:#58595b;	
	font-size:0.9em;
	font-style:italic;

}
.promoText2 a:link{
	color:#58595b;
	text-decoration:none;
	background-image: url(../images/sallypArrow1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}
.promoText2 a:visited{
	color:#58595b;
	text-decoration:none;
	background-image: url(../images/sallypArrow1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}
.promoText2 a:hover{
	color:#f7941e;
	text-decoration:none;
	background-image: url(../images/sallypArrow2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}


/*2st row*/
.promoPadding1{
	padding:7px 7px 7px 0px;
}

#referFriendContainer{
	position:relative;
	width:725px;
	height:125px;
}
#referFriendL{
	float:left;
	width:10px;
	height:125px;
	background-image: url(../images/sallypReferBGL.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#referFriendR{
	float:left;
	width:10px;
	height:125px;
	background-image: url(../images/sallypReferBGR.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#referFriendM{
	float:left;
	width:705px;
	height:125px;
	background-image: url(../images/sallypReferBG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.referText{
	color:#58595b;	
	font-size:0.9em;
	font-style:italic;
}

.referText a:link{
	color:#58595b;
	text-decoration:none;
	background-image: url(../images/sallypArrow1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}
.referText a:visited{
	color:#58595b;
	text-decoration:none;
	background-image: url(../images/sallypArrow1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}
.referText a:hover{
	color:#f7941e;
	text-decoration:none;
	background-image: url(../images/sallypArrow2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:20px;
}
#referText1{
	position:absolute;
	left:235px;
	top:16px;
	color:#58595b;
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
}
#referText2{
	position:absolute;
	left:380px;
	top:16px;
	color:#58595b;
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
}
#referText3{
	position:absolute;
	left:564px;
	top:16px;
	color:#58595b;
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
}

/*SUB PAGE SPECIFIC*/

#subTop{
	position:relative;
	background-image: url(../images/sallypSubPgBGTop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 15px;
	width: 725px;	
}
#subBot{
position:relative;
	background-image: url(../images/sallypSubPgBGBot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 15px;
	width: 725px;
	top:-1px;
}

html>body #subBot{
position:relative;
	background-image: url(../images/sallypSubPgBGBot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 15px;
	width: 725px;
	top:0px;
}

#subMid{
position:relative;
	background-image: url(../images/sallypSubPgBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 431px;
	width: 725px;
	top:-1px;
}

html>body #subMid{
position:relative;
	background-image: url(../images/sallypSubPgBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 431px;
	width: 725px;
	top:0px;
}


#subContentHolderScroll{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:690px;
	height: 433px;
	/*overflow:auto;*/
	color:#58595b;
	font-size:1em;
	margin-left:-5px;
	margin-right:20px;
	padding-right:0px;
	padding-left:20px;

}


html>body #subContentHolderScroll{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:690px;
	height: 433px;
	/*overflow:auto;*/
	color:#58595b;
	font-size:1em;
	margin-left:20px;
	margin-right:20px;
	padding-right:10px;
		padding-left:0px;

}



#subContentHolderScroll a:link{

	text-decoration:none;
}
#subContentHolderScroll a:visited{

	text-decoration:none;
}
#subContentHolderScroll a:hover{
	color:#f7941d;
	text-decoration:none;
}


#subContentHolderScroll ul 
{
list-style-image: url('../images/bulletSp.gif');
margin-left:0px;
padding-left:14px;
display:inline-block;
}





/*FOR CONTACT PAGE*/





.contactTextSize2{
	
	color:#58595b;
	font-size:1.1em;

}


html>body .contactTextSize2{
	color:#58595b;
	font-size:1.1em;

}



.contactTextSize2 a:link{

	text-decoration:none;
}
.contactTextSize2 a:visited{

	text-decoration:none;
}
.contactTextSize2 td a:hover{
	color:#f7941d;
	text-decoration:none;
}












#rightContentHolderScrollSub{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:225px;
	height:382px;
	overflow:auto;
	color:#6d6f71;
	font-size:1em;
	margin-top:5px;
	padding-right:5px;

}


/*FOOTER*/
#footerText{
position:absolute;
left:480px;
bottom:12px;
color:#ffffff;
font-size:1.5em;
}

/* H TAGS*/

h1{
	font-family: "Baskerville BE Regular","Times New Roman", Times, serif;
	font-size: 52px;
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
	margin-left:-8px;
	line-height:54px;
}
h2{
	font-family: GillSans, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #92c94b;
	text-decoration: none;
	font-weight: lighter;
	text-transform: uppercase;
	line-height:24px;
		font-style:normal;
}

h3{
	font-family: GillSans, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #92c94b;
	text-decoration: none;
	font-weight: lighter;
	text-transform: uppercase;
	line-height:14px;
		font-style:normal;
}
h4{
	font-family: GillSans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #58595b;
	text-decoration: none;
	/*font-style: italic;*/
	font-style: normal;
	/*font-weight: lighter;*/
	font-weight: bold;
	margin:0px;
	padding:0px;
	line-height:16px;

}




h5{
	font-family: GillSans, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #58595b;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
	margin:0px;
	padding:0px;
	line-height:20px;

}

h6{
	font-family: GillSans, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #92c94b;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
	margin:0px;
	padding:0px;
	line-height:16px;

}

/*DOTTED LINES*/



.spDots1{
	background-image: url(../images/spDots1.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.spDots2{
background-image: url(../images/spDots.gif);
	background-repeat: repeat-x;
	background-position: left top;}

/*FORMS*/

.form

{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #abadb3;
	border-right-color: #d3dde0;
	border-bottom-color: #d3dde0;
	border-left-color: #abadb3;
	background-color: #ffffff;
	font-family: GillSans, Arial, Helvetica, sans-serif;
	color:#505153;

}

.button{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00984b;
	border-right-color: #00984b;
	border-bottom-color: #00984b;
	border-left-color: #00984b;
	background-color: #00984b;
	font-family: GillSans, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;

}


/*RECIPE PAGE SPECIFIC*/

#frontRightSpacer{
position:relative;
height:6px;
width:140px;
}

.wrapperMain{
position:relative;
width:100%;
left:7px;
}

recipeWrapper2{
position:relative;
	text-align: left;
	vertical-align: top;
}

.recipeWrapper{
	float:left;
	width:160px;
	background-image: url(../images/spDots1.gif);
	background-repeat: repeat-y;
	background-position: right top;
	height:170px;
	overflow:hidden;
	
}

.recipePic{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #d1d2d4;
	width:140px;
	background-color: #d1d2d4;

}

.recipeOld{
	position:absolute;
	bottom:0px;
	left:0px;
}
.recipeHeading {
	font-family: GillSans, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #e11b22;
	text-decoration: none;
	font-style: italic;
	font-weight: lighter;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	color: #e11b22;
		width:140px;
			margin-top:4px;

}

.recipeHeading a:link{
font-family: GillSans, Arial, Helvetica, sans-serif;
font-size: 17px;
	color: #e11b22;
	text-decoration:none;
		font-style: italic;
	font-weight: lighter;
}
.recipeHeading a:visited{
font-family: GillSans, Arial, Helvetica, sans-serif;
font-size: 17px;
	color: #e11b22;
	text-decoration:none;
		font-style: italic;
	font-weight: lighter;
}
.recipeHeading a:hover{
font-family: GillSans, Arial, Helvetica, sans-serif;
font-size: 17px;
	color:#f7941d;
	text-decoration:none;
		font-style: italic;
	font-weight: lighter;
	}




.recipeText{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	color:#58595b;
	font-size:1em;
		width:140px;
}



.recipeText a:link{
	color:#00984b;
	text-decoration:none;
}
.recipeText a:visited{
	color:#00984b;
	text-decoration:none;
}
.recipeText a:hover{
	color:#f7941d;
	text-decoration:none;
}

.recipeText2{
	position:relative;
	color:#58595b;
	font-size:1em;
	width:326px;
}



.recipeText2 a:link{
	color:#00984b;
	text-decoration:none;
}
.recipeText2 a:visited{
	color:#00984b;
	text-decoration:none;
}
.recipeText2 a:hover{
	color:#f7941d;
	text-decoration:none;
}

/*RECIPE DETAIL STYLES*/

.recipePic1{
	float:left;

	margin-right:10px;
	border: 2px solid #d1d2d4;
	min-width:140px;
	background-color: #d1d2d4;

}
.recipeTop{
	position:relative;

}
.recipeHolder
{
	position:relative;
	padding-top:10px;
}
.recipeButtons{
	position:relative;

}
.recipeback{
	position:absolute;
	top:0px;
	right:-30px;
	width:210px;

}
.recipeback1{
	position:absolute;
	top:0px;
	right:-30px;
	width:150px;

}




.recipeText3{
	position:relative;
	color:#58595b;
	font-size:1em;
	width:326px;
	line-height:1.5em;
}



.recipeText3 a:link{
	color:#00984b;
	text-decoration:none;
	background-image: url(../images/sallypArrow1r.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:inline-block;
	padding-left:18px;
}
.recipeText3 a:visited{
	color:#00984b;
	text-decoration:none;
		background-image: url(../images/sallypArrow1r.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:inline-block;
padding-left:18px;
}
.recipeText3 a:hover{
	color:#f7941d;
	text-decoration:none;
	background-image: url(../images/sallypArrow2r.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:inline-block;
	padding-left:18px;
}


.recipeText4{
	position:relative;
	color:#58595b;
	font-size:1em;
	width:326px;
	line-height:1.5em;
}



.recipeText4 a:link{
	color:#00984b;
	text-decoration:none;
	background-image: url(../images/sallypArrow1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:18px;
}
.recipeText4 a:visited{
	color:#00984b;
	text-decoration:none;
		background-image: url(../images/sallypArrow1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:18px;
}
.recipeText4 a:hover{
	color:#f7941d;
	text-decoration:none;
	background-image: url(../images/sallypArrow2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:inline-block;
	padding-right:18px;
}





/*MENU*/

#menuContainer{
	position:relative;
	width:960px;
	height:47px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	clear:both;
}

#nav, #nav ul  { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;


	
}
#nav, #nav ul li  { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
}

#nav li { /* all list items */
	float: left;
	/*width: 7em;*/  /* width needed or else Opera goes nuts */
	line-height:30px;
	padding-left:0.6em;
	padding-right:0.9em;
	font-size:15px;

}
#nav li a:link {

	display: block;
	/*width:  9.19em;*/
	line-height:48px;
	color:#FFFFFF;
	text-decoration:none;
	/*background-image: url(../images/sptopMenuBGOff.gif);
	background-repeat: no-repeat;
	background-position: right top;*/
	text-align: center;
	text-transform: none;
	font-size:15px;


}
#nav li a:visited {
	display: block;
	/*width:  9.19em;*/
	line-height:48px;
	color:#FFFFFF;
	text-decoration:none;
	/*background-image: url(../images/sptopMenuBGOff.gif);
	background-repeat: no-repeat;
	background-position: right top;	*/
	text-align: center;
	text-transform: none;
	font-size:15px;


}
#nav li a:hover {
	display: block;
	/*width:  9.19em;*/
	line-height:48px;
	color:#b9c827;
	text-decoration:none;
	/*background-image: url(../images/sptopMenuBGOn.gif);
	background-repeat: no-repeat;
	background-position: right top;	*/
	text-align: center;
	text-transform: none;
	font-size:15px;
}


/*#nav a {
	display: block;
	width:  10.47em;
	color:#FFFFFF;
	text-decoration:none;
	
	
}*/



#nav li ul { /* second-level lists */
	position: absolute;
	width:  10.47em;
	left: -999em;
	color:#FFFFFF;
	
}
#nav li ul a:link { /* second-level lists */
	/*background: #64aa33;*/
	width:  10.47em;
	left: -999em;
	color:#FFFFFF;
	line-height:30px;
	background-color:#b9c827;
	
}
#nav li ul a:visited { /* second-level lists */
	/*background: #64aa33;*/
	width:  10.47em;
	left: -999em;
	color:#FFFFFF;
	line-height:30px;
	background-color:#b9c827;
	
}
#nav li ul a:hover { /* second-level lists */
	/*background: #64aa33;*/
	width:  10.47em;
	left: -999em;
	line-height:30px;
	color:#e9ff10;
	text-decoration:none;
	/*background-image: url(../images/spSubMenuBGOn.gif);
	background-repeat: no-repeat;
	background-position: right top;	*/
	background-color:#64aa33;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.9em 0 0  10.47em;
	
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {     left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {     left: auto; }