﻿* {
  outline: 0;
}
html { overflow:-moz-scrollbars-vertical; }
body
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	background-repeat:repeat; 
	height: 100%;
	margin:0;
	padding:0;
}
img{border:none;}
a,p{ padding:0; margin:0;}
/*Generic Styles*/
a {color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:none !important;}

h1{ color:#D70000; font-size:24px; margin:5px 5px 0 5px; padding:0; }
h2{ font-size:12px; color:#96520d; }
h3{ font-size:10px; color:#96520d; margin:5px 0 5px 0; }
p{ color:#96520d; }

.center{ text-align:center; }
.center2{ text-align:center; margin-bottom:3px; }
.tError{ color:#FF0000; }
.tSuccess{ color:Green; }
.t1{font-family: Verdana, Sans-Serif; font-size: 12px; padding:5px 0 5px 0;}
.hleft{font-size:14px; color:#96520d; margin: 0 0 0 20px;display:inline; font-weight:bold; padding: 0px;}
.hright{font-size:14px; color:#96520d; margin-left:40px;display:inline;font-weight:bold;}
.clear{float:none; clear:both; margin:0px; padding:0px; border:0px; height: 0px; line-height:0px; font-size:0px;}
.floatLeft{float: left;}
.floatRight{float: right;}
.redTitle {
  font-size: 18px;
  font-weight: bold;
  color: #d5181f;
  margin: 10px 0px;
}
.black {
  color: #000;
}
.shop {
  padding-left: 60px;
  background: url(../images/shopingCart.gif) left center no-repeat;
}
.shop a {
  display: block;
  width: 160px;
}
.shop a:hover {
  color: #d5181f;
  /*background: url(../images/goArrows.gif) right center no-repeat;*/
}

/*MasterPage Styles*/
#Wrapper{ width:780px; margin:10px auto; background-color:#fff; }
#Header{ width:780px; height: 120px; position: relative; z-index: 3; background-color:#fff;}
	#headerImgs{ width:780px; height:80px; display:block; margin-bottom: 10px;}
		#topLeft{ float:left; margin:-3px 0 0 -3px;}
		.topRight{ float:right;}
	.navHeader{ width: 780px; height:25px; padding: 0 0 0 0; clear:both;
			background-color:#BE0000; font-size: 0px; line-height: 0px; text-align:center; overflow: visible;}
	
		.navHeader ul {
		  list-style: none;
		  line-height: 0px;
		  font-size: 0px;
		  overflow: visible;
		  padding: 0;
		  margin: 0;
		  border: 0;
		  margin-left: auto;
		  margin-right: auto;
		  height: auto;
		  overflow: visible;
		  height: 25px;
		}
		.navHeader ul li {
		  font-size:12px; 
		  line-height: 25px;
		  font-weight:bold;
		  float: left;
		  width: auto;
		  position: relative;
		  z-index: 4;
		  overflow: visible;
		}
		.navHeader a{ color:#FFFFFF; text-decoration:none; padding: 0px 15px;}
		.navHeader a:hover{ color:#FFFFFF; text-decoration:underline !important;}
		
		.navHeader .subMenu {
		  position: absolute;
		  z-index: 10;
		  left: 0px;
		  top: 25px;
		  margin: 0;
		  background-color:#BE0000;
		  width: 150px;
		  height: auto;
		  visibility: hidden;
		}
		.navHeader .subMenu li {
		  float: none;
		  z-index: 11;
		  text-align: left;
		  border-bottom: 1px solid #a30404;
		  border-top: 1px solid #cc3333;
		  width: auto;
		  padding: 0px;
		}
	  .navHeader .subMenu li a {
		  display: block;
		  float: none;
		  padding: 0px;
		  padding-left: 5px;
		}
	  .navHeader .subMenu li a:hover {
		  background-color: #c52323;
		  text-decoration: none !important;
		}
		.sf-menu a.sf-with-ul {
	    /*padding-right: 	1em;
	    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
    }
		.sf-sub-indicator {
	    position:		absolute;
	    display:		none;
	    right:		.75em;
	    top:			.7em; /* IE6 only */
	    width:		10px;
	    height:		10px;
	    text-indent: 	-999em;
	    overflow:		hidden;
	    background:	url('../images/superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
    }
		
		
#pageContent{ width:780px; min-height:404px; height:auto !important; margin-top: 10px; padding:0; clear:both;}
#pageSubContent{ width:565px; min-height:404px; height:auto !important; margin-top: 10px; margin-bottom: 10px; padding:0; float: right; vertical-align:top;}
  #pageSubContent p {
    margin: 10px 0px;
    font-size: 12px;
    line-height: 16px;
  }
  .departmentImage {
    float: right;
    margin-left: 30px;
  }
#Footer{ width:780px; height:52px; display:block; clear: both; border-top: dotted 2px #C1C1C1;}
	#copyright{ text-align:left; margin:4px; color: #FFFFFF;}
	#copyright a{color: #FFFFFF;}
	
#navFooter{color: #000000;}

.footerContent
{
	background-color: #7C7C7C;
	clear: both;
}

/*HomePage Styles*/
#mainContent{padding:0 0 5px 0; display:block; }
		
#leftSide{float:left; width:250px;padding:0; margin:0; height:325px; }
#leftSubSide{float:left; width:200px;padding:0; margin:0; height:404px; border-right: solid 2px #C1C1C1;}
#rightSide{ float:right; padding:0; width: 528px; margin:0; height:325px; }
			
#weeklyAd {background-image: url(../images/WeeklyAdButton.jpg); text-align:left; background-repeat:no-repeat; text-indent: 5px; height: 105px; width: 250px; margin: 0; padding: 0; display:block; margin: 3px 0 3px 0;}
#shopOnline {background-image: url(../images/ShopOnlineButton.jpg); text-align:left; background-repeat:no-repeat; text-indent: 5px; height: 105px; width: 250px; margin: 0; padding: 0; display:block; margin: 2px 0 3px 0;}
#storeLocator {background-image: url(../images/StoreLocatorButton.jpg); text-align:left; background-repeat:no-repeat; text-indent: 5px; height: 105px; width: 250px; margin: 0; padding: 0; display:block; margin: 2px 0 2px 0;}

#weeklyAdSmall {background-image: url(../images/WeeklyAdButtonSmall.jpg); text-align:left; background-repeat:no-repeat; text-indent: 5px; height: 80px; width: 183px; margin: 0; padding: 0; display:block; margin: 3px 0 3px 0;}
#shopOnlineSmall {background-image: url(../images/ShopOnlineButtonSmall.jpg); text-align:left; background-repeat:no-repeat; text-indent: 5px; height: 80px; width: 183px; margin: 0; padding: 0; display:block; margin: 2px 0 3px 0;}
#storeLocatorSmall {background-image: url(../images/StoreLocatorButtonSmall.jpg); text-align:left; background-repeat:no-repeat; text-indent: 5px; height: 80px; width: 183px; margin: 0; padding: 0; display:block; margin: 2px 0 2px 0;}

#leftSide a {height: 105px; width: 250px; margin: 0px; padding: 0; display:block; text-decoration: none;}
#leftSubSide a { height: 80px; width: 183px; margin: 0px; padding: 0; display:block; text-decoration: none;}

.buttonHeader{ display: block; color:#D70000; font-size:20px; margin:0 0 0 10px; padding-top:35px; font-weight:bold; line-height: 12px;}
.buttonDesc{ display: block; font-size:12px; color:#96520d; margin:0 0 0 12px; font-weight:bold;}
.buttonText{	display: block; height: 100px;	width: 245px;	line-height: 100px;}

#leftSubSide .buttonHeader{ display: block; color:#D70000; font-size:17px; margin:0 0 0 5px; padding-top:20px; font-weight:bold; line-height: 20px;}
#leftSubSide .buttonDesc{ display: block; font-size:9px; color:#5a5a5a; margin:0 0 0 5px; font-weight:bold;}
#leftSubSide .buttonText{	display: block; height: 100px;	width: 245px;	line-height: 100px;}

#lowerHomeContent{ width:780px; height:125px; background-color: #FCF5D9; clear:both; font-size: 16px; padding:0; margin:0;}
#bottomLeft{width:230px; height:125px;float:left; display:inline;}
#recipeImage{height:73px; width:73px; padding:0; margin: 20px 0 52px 25px; float:left;}
#recipeText{display:inline; float: right; height: 90px; width: 120px; margin: 20px 0 0 10px;}
#bottomCenter{width:240px; float:left;}
#BPText{display:inline; float: right; height: 90px; width: 90px; margin: 10px 0 0 10px;}

#bottomCenter img{float:left; margin-top: 40px; margin-left: -8px;}
.textRight{ font-weight: bold; width: 125px; height: 20px; display:inline; line-height:30px;}
.textRightDesc{ font-size:12px; width: 120px; height: 70px; padding:0;}

#bottomRight{width:245px; float:left; clear: none; height: 125px;}
#regHeaderText{font-weight: bold; display:inline; color:#000000; margin: 5px 0 0 0;}
.buttonAlignReg{ float: left; font-size: 12px; margin-top: 15px;}
.buttonAlignSignIn{ float: right; font-size: 12px; margin-top: 15px;}

.separators{width: 3px; float:left; margin: 0 15px 0 10px;}
.horizontalSeparator{height:8px; float:left; clear: both; padding:0; margin:3px; margin-top:0; }
.signInRegisterButton{background-image:url(../images/SignInRegisterButtons.jpg); background-repeat: no-repeat; 
	height: 25px; color: #FFFFFF; text-align:center; width:105px; font-weight: bold; padding: 6px 0 0 0; display:block;}
	
/*Flash Styles*/
#RIContent_0{width:529px; height:325px; background-image:url(../images/gradientBack.gif); background-repeat:repeat-x; overflow:hidden; margin: 0px;
		  padding: 0px; position: relative;}
		#loadBar_0{ position: absolute; top:110px; left:150px; border:2px solid #96520D; height:20px; width:200px; padding: 2px 5px 2px 5px;}
			#loadTxt_0{ position:relative; top:-19px; height:20px; width:200px; font-size:14px; text-align:center; color:#D70000; font-weight:600; }
			.FullDot_0{  background-color:#A4A4A4; cursor:default; height:20px; width:20px; display:block; float:left;}
			.EmptyDot_0{ background-color:Transparent; cursor:default; height:20px; width:20px; display:block; float:left;}
		#RIcontrols_0{width:100%; position:relative; top:-20px; z-index:999; display:none; font-size:12px; font-weight:600;}
			.prev{float:left; padding-left:5px; margin-top:-5px;} 
			.next{float:right; padding-right:5px; margin-top:-5px;}
			.arrow{font-size:20px; font-weight:500; display:inline;} 
			.RIcontrols a:link{color:#D70000; text-decoration:none;}
			.RIcontrols a:visited{color:#D70000; text-decoration:none;}
			.RIcontrols a:active{color:#D70000; text-decoration:none;}
			.RIcontrols a:hover{color:#A4A4A4; text-decoration:none;}	
		.IMAGE{display:none; margin: 0px; padding: 0px;}
		.RILink {
		  margin: 0px;
		  padding: 0px;
		  display: block;
		}
		
		
		
/*Contact Us Styles*/
#frmContact p {
  overflow: auto;
  height: auto;
  width: auto;
  font-size: 12px;
}
#frmContact label, #frmContact input, #frmContact select, #frmContact textarea {
  display: block;
  float: left;
}
#frmContact input, #frmContact select, #frmContact textarea {
  border: 2px solid #999;
  color: #444;
}
#frmContact input.error, #frmContact select.error, #frmContact textarea.error {
  border: 2px solid #966565;
  background-color: #f4f2d9;
}
#frmContact p label {
  width: 120px;
  height: auto;
  line-height: 16px;
}
#frmContact p input {
  width: 180px;
  line-height: normal;
}
#frmContact p textarea {
  line-height: 16px;
}
#frmContact p select {
  width: 180px;
  line-height: normal;
}
#frmContact p.btnsSubmit input {
  margin-right: 10px;
  width: 80px;
  color: #fff;
  background-color: #666;
  cursor: pointer;
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
}
#frmContact p.btnsSubmit .btnSubmit {
  background-color: #96520D;
  border-color: #b87836;
}
#frmContact p.btnsSubmit input:hover {
  background-color: #cd8b48;
  border-color: #d6a778;
}
#frmContact p span.error {
  display: block;
  float: left;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  background-image: url(../images/error-success.gif);
  background-position: left top;
  margin-left: 5px;
}
#frmContact p span.checked {
  background-position: right top;
}
