﻿html { /*overflow:-moz-scrollbars-vertical;*/ }

body { font-family: Verdana, sans-serif, Arial, Helvetica ;	font-size:10px;margin: 0px 0px 0px 0px;background-color: #C6B299;	padding: 0px 0px 0px 0px;}

a, p{padding:0px 0px; margin:0px 0px;}
a:link {text-decoration: none; color: #000; background: transparent;}
a:visited {text-decoration: none; color: #000; background: transparent;}
a:active {text-decoration: none; color: #000; background: transparent;}
a:hover {text-decoration: underline; color: #000; background: transparent;}
/**/
a.main:link {text-decoration: none; color: #01286d; background: transparent;}
a.main:visited {text-decoration: none; color: #01286d; background: transparent;}
a.main:active {text-decoration: none; color: #01286d; background: transparent;}
a.main:hover {text-decoration: underline; color: #FBBA76; background: transparent;}
/*** DYNAMIC CONTENT STYLES ***/

.UDC_Title{ font-size: 12px;  font-weight: bold;  margin: 4px 5px 6px 5px;}
.UDC_ApplyOnline{	font-size: 12px;	font-weight: bold; margin: 5px 5px 5px 12px;}
.UDC_Content{font-size: 12px;	margin: 5px 5px 5px 12px;	line-height: 15px;	text-align: left;}

u { text-decoration: underline; }
b { font-weight: bold; }
i { font-style: italic; }
.nb {font-weight:normal;}
strong { font-weight: 900; }
center { text-align: center; }

#Video { margin-top: 10px; padding-bottom: 5px; background-color: #fff; width: 760px; position: relative;}
#VideoScreenBackground { background-image: url(images/OnlineVideo_background.jpg); background-repeat: no-repeat; width: 760px; height: 614px; position: relative;}
#CookingVideo { position: absolute; top: 99px; left: 150px; z-index: 10; }
#Video h3 { margin-top: -5px; background-color: #8E0C3A; width: 760px; height: 40px; text-align:center;}
#Video h3 span { color:White; line-height:40px; margin-top:10px; }
#Video ul{ padding-bottom: 5px; list-style-type: none; }
#Video li{ margin-top: 5px; }

#availableMovies { position: relative; height: 120px;}
#availableMoviesList1{ position: absolute; left:0; top: 40px;}
#availableMoviesList2 { position: absolute;left:254px; top: 40px;}
#availableMoviesList3 { position: absolute; left:508px; top: 40px;}

#rodTbl { width: 100%; padding: 0px; margin: 0px; border: none 0px; background-color: Transparent; }
.rodSpacerCell{ width: 5px; font-size: 5px; padding: 0px; margin: 0px; }
#rodImageCell { height: 121px; padding: 0px; margin: 0px; }
#rodImg { margin: 15px 0px 0px 5px; border: none 0px; }
#rodTextCell { height: 121px; padding: 0px; margin: 0px; font-weight: bold; font-size: 10px; text-align: center; }
img { border: none 0px; }	
.imgRight { margin: 15px 0px 0px 0px; }
	
table,img,td,tr,div { margin: 0px 0px; padding: 0px 0px; font-size: 10px; border: none 0px; text-align: left; }
	
/* Layout */	
#PageOuter { width: 790px; height:auto;  margin: 0px auto 10px auto; padding: 0px; background-color: #C6B299;}
#PageInner { width: auto; height: auto; margin:15px 15px 5px 15px; padding: 0px; border: none 0px; background-color: Transparent;}
	
/* Header */
#Header {width:760px; height: 97px; background-color:#8E0C3A;}
#UpperHeader {height:80px;}
#LeftRoundCorner {float:left;display: inline;}
#RightRoundCorner {float:right;}
#DLogo {float:left; margin-left:5px;}
#ILogo {margin-top:10px;position: relative;}
#HDText {float:left; margin-top:55px; margin-left:5px;}
#Date {float:right; margin-top:10px; color:white;}
#HMenu {z-index:999; height: 17px; width:760px; background-color: #8E0C3A; }


/*Drop Down Menu Layout*/
#dd {margin: 0 0 0 0px; padding: 0;}
#dd li {margin: 0; padding: 0; list-style: none; float: left;}
#dd li a.menu {display: block; text-align: center; color: #FFF; width: auto; text-decoration: none;}
#dd li a.menu:hover {background: Transparent;}

.submenu {background: #fff; visibility: hidden; position: absolute; width:130px; z-index: 13; margin-top:-1px;}
.submenu a {display: block; font-family:Verdana; font-size:10px;
	font-weight:bold; text-align: left; text-decoration: none; padding: 5px 5px 5px 15px; color: #8E0C3A;}
.submenu a:link { text-decoration: none;background: #fff; color: #8E0C3A;}
.submenu a:active {text-decoration: none; background: #fff; color: #8E0C3A;}
.submenu a:visited {text-decoration: none; background: #fff; color: #8E0C3A;}
.submenu a:hover {text-decoration: none; background: #F5ECE3; color: #8E0C3A;}

/* Flash Content Block */
#FlashContent { float:left; width:525px; height:255px; background-color:green;}
#FlashDeli {position:relative; float:right; width:157px; height:225px; margin:15px 30px 0 0;}
#FlashMeat {position:relative; float:right; width:157px; height:225px; margin:15px 30px 0 0;}
#FlashProduce {position:relative; float:right; width:157px; height:225px; margin:15px 30px 0 0;}
	
/* Circular and Recipe Block */
#CircularRecipe { float:right; width:235px; height:255px;}
#Circular { width:100%; height: 107px; background-color: #F5ECE3; overflow:hidden;}
#CircularName {HEIGHT:25px; FONT-SIZE:18px; MARGIN-LEFT: 13px; COLOR: #444444;}
#CircularTextImg {HEIGHT:68px;}
#CircularText {FLOAT:left; width:67px;}
#CircularP {MARGIN-LEFT:13px; FONT-SIZE:10px; COLOR: #444444; margin-top:5px;}
#CircularImg {FLOAT:right; margin-top:15px;}
.crLine {MARGIN-left:13px; HEIGHT:1px; font-size:1px; line-height:0px;}
#Recipe { width:100%; height: 148px; background-color:#8E0C3A}
#RecipeName {HEIGHT:25px; FONT-SIZE:18px; MARGIN-LEFT: 13px; COLOR: white; }
#RecipeTextImg { overflow:hidden;height:110px;margin-top:-26px; margin-left:3px; }
#RecipeText {FLOAT:left;width:67px;height:100%;}
#RecipeImg {FLOAT:right;width:143px;height:100%;}
#RecipeBottomText {clear:both;}

/*Bottom Menu Block*/
#BottomMenuLeft {float:left; width:525px; height:134px; background-color:#F5ECE3; overflow:hidden;}
.BottomImgHeader {  color:#D8E2EE; height:20px; margin-top:5px; background-image:url(Images/BottomImageHeader.gif); text-align:center; vertical-align:middle;}	
.BottomImgFooter {  color:#4E372D; height:14px; text-align:center; vertical-align:top;}
.BottomImg { display: inline; float:left; width:164px; height:124px; margin-left:8px;}
A.BMenuA {color:White; font-size:12px; }
#BottomMenuRight { float:right; width:235px; height:134px; background-color:#F5ECE3;overflow:hidden;}
#SpecialtyFoods { width:80px; height:100%; float:left; margin-left:0px; cursor: pointer;}
#SignUpNow { width:155px; height:134px; float:right;}
#SignUpNowSub {HEIGHT: 60px;}
.SignUpNowEmail {HEIGHT: 15px; float:right;margin-top:5px;}
.SignUpNowLink {HEIGHT: 15px; float:right; margin-top:10px; _margin-top:0px;}
#SignUpNowText { color:#4E372D; text-align:left; vertical-align:top; margin:9px 5px 15px 5px;}
.SignUpNowText {color:#4E372D; text-align:left; margin:5px 0 0 10px;}
#btnRegister {margin:2px 0 0 23px;width:110px;height:30px;background-image:url(images/bgRegister.gif);}
#btnSignIn{margin:2px 0 0 23px;width:110px;height:30px;background-image:url(images/bgRegister.gif);}
.button {text-align:center;padding-top:5px;}
.button a {color:#fff;font-size:13px;font-weight:bold;text-decoration:none;}

/*Footer*/
#Footer {float:left; position:relative; width:694px; height: 56px; background-color:#fff; text-align:center; }	
#Footer a {color:black; font-size:12px;}
#Footer p {margin-top:10px; font-size:10px;}
#LowerLeftCorner { float:left; z-index:1; position:relative; left:0px; bottom:0px;}
#LowerRightCorner { float:right; z-index:1; position:relative; right:0px; top:0px;}
#Footer2 {width:760px; height: 56px; background-color: Transparent; margin-top: 10px;}	
A.FooterA {color:Black; font-size:12px;}
.FooterText {position:relative; top:15px;}
#FooterLeftCorner { position:absolute; left:0px; bottom:0px;}
#FooterRightCorner { position:absolute; right:0px; bottom:0px;}
#FooterInfo { width:760px; height:56px; text-align:center; background-color:#fff; position:relative; }		
	

/*** Headlines ***/
.PageTitle {margin: 10px 0px 10px 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #333; text-align:center;}
.CityTitle {font-size: 14px; font-weight: bold; margin: 13px 0px 3px 0px; color: #666; text-align: center;}
.StoreTitle {font-size: 12px; font-weight: bold; margin:  5px 0px 0px 0px; color: #666;}
.DynContTitle {font-size: 12px; font-weight: bold; margin:  1px 0px 1px 3px; color: #333;}

/*** Text ***/
.tInfo {font-size: 12px; margin: 0px 3px 0px 7px; color: #000;}
.tInfoCenter {font-size: 11px; margin: 0px 3px 5px 7px; color: #000; text-align: center;}
.tLeftInfo {font-size: 12px; margin: 0px 3px 0px 2px; color: #000;}
.space {font-size: 3px; margin: 0px; padding: 0px;}
.LocationsSearchTitle { text-align:center; font-size: 12px; margin: 5px 3px 3px 97px; _margin: 5px 3px 3px 0px; }
.LocationsSearchText { font-size: 11px; margin: 3px 3px 3px 5px; }
.SingleItemLinkText {margin: 1px 0px 1px 8px; font-size: 11px; font-weight: bold;}
.Success { color: Green; font-size:12px;margin-left:10px;padding-bottom:100px;}
.Error { color: Red; font-size:12px;margin-left:10px;}

/* Circular Page Layout */
.AddressInfo {display:inline; float:left; text-align:center; width:380px; background-color:#fff;}
.AddressInfo a {color:#000;}

/* Background layouts*/
#Background {float:left; width:760px; height:auto; background-color:#8E0C3A; margin:10px 0 10px 0;}
#BackgroundWhite {float:left; width:760px; height:auto; background-color:#fff; margin:10px 0 10px 0;}
#BackgroundLeftSide {float:left; width:540px; height:auto; background-color:#fff;}

/*Header layout*/
#BlankHeader {position:relative; height:50px; width:540px;}
#BlankHeader img {position:relative; z-index:1; top:15px; vertical-align:middle; }
#BlankHeader p {font-family:Tahoma; position:absolute; z-index:10; top:15px; left:10px; font-size:17px; color:#8E0C3A; font-weight:bold;}

/*DeliTrays, */
#BackArrow {width:530px; height:15px; background-color:Transparent;}
#BackArrow a {color:#333333; position:relative;}
#BackArrow img { float:left; cursor:pointer; margin:0px 0px 5px 10px;}

/* About Us Page Layout */
#AboutUs {float:left; position:relative; width:530px; height:auto;}
#AboutUs p {width:520px; top:-270px;}
#AboutUsRightImage{width:199px; height:133px; position:relative; float:right; border-style:none; top:15px; right:10px;}

/* Ask The Expert Layout */
#AskExpertRightImage{width:175px; height:131px; position:relative; float:right; border-style:none; top:15px; right:15px;}

/*DeptBakery,DeptDeli,DeptFloral,DeptMeat,DeptProduce  */
#InfoGroup {float:left; width:540px; height:auto;}
#SelectionsLeft {float:left; width:250px; margin: 5px 0px 5px 0px;}
#SelectionsRight {float:right; width:250px; margin: 5px 0px 5px 0px;}
.Selections {float:left; width:250px; margin: 25px 0px 5px 8px;}
.Selections p {font-size: 10px; margin: 10px 10px 0px 8px; color: #000;}
.Selections a {font-size: 12px; font-weight:bold; color:#000;}
.Selections img {float: left; padding-right:5px; margin:10px 5px 8px 0px;}

/*Deli Trays Layout*/
.TrayList {display:inline; float:left; width:522px; height:auto; margin:0 5px 0 5px;}
.TrayLeftText {font-size: 12px; margin-top:30px; margin-left:10px; float:left; width:375px;}
.TrayRightText {font-size: 12px; margin-top:10px; margin-right:10px; text-align:right; float:right; width:375px;}


/*Dept Produce Layout*/
#DeptProduceImg {float:right; margin-top:-40px; right:0px; width:236px; height:281px; position:relative; z-index:1;}
#Pear {width:280px; height:281px;}

/*Dept Western Family*/
#DeptWesternFamilyImg {float:right; width:340px; height:259px; position:relative; margin-top:20px; z-index:0;}
#WesternFamily {width:535px; float:left;}	

/*Dept Bakery Layout*/
#DeptBakeryImg {float:right; width:244px; height:188px; margin-top:-28px; position:relative; z-index:1;}
#Bakery {float:left; width:285px; height:188px;}

/*DeptBakery,DeptDeli,DeptFloral,DeptMeat,DeptProduce  */
#InfoGroup {float:left; width:540px; height:auto;}
#SelectionsLeft {float:left; width:250px; margin: 5px 0px 5px 0px;}
#SelectionsRight {float:right; width:250px; margin: 5px 0px 5px 0px;}
.Selections {float:left; width:250px; margin: 25px 0px 5px 8px;}
.Selections p {font-size: 10px; margin: 10px 10px 0px 8px; color: #000;}
.Selections a {font-size: 12px; font-weight:bold; color:#000;}
.Selections img {float: left; padding-right:5px; margin:10px 5px 8px 0px;}

/*Dept Deli Layout*/
#DeptDeliImg {float:right; width:294px; height:197px; margin-top:-32px; position:relative; z-index:1;}
#Deli {width:230px; height:auto;}

/*Dept Floral Layout*/
#DeptFloralImg {float:right; margin-top:-44px; width:157px; height:188px; position:relative; z-index:1;}
#Floral {width:370px; height:auto;}

/*Dept Meat Layout*/
#DeptMeatImg {float:right; width:250px; height:208px; margin-top:-47px; position:relative; z-index:1;}
#Meat {width:280px; height:208px;}

/*Meat Quality Layout*/
#MeatQuality{float:left; margin: 10px 0 10px 0; width:760px; height:600px; background-color:#FFF; overflow:hidden; }

/*Meet Your Pharmacists Layout*/
.pharmacistInfo{margin:10px; display:block; clear:both;}
.pharmacistImg{float:left; margin:0px 5px 10px 0px;}
.pharmacistInfo p{margin:20px;}

/* Pharmacy Layout */	
#Pharmacy{MARGIN: 10px 0 10px 0; OVERFLOW: hidden; WIDTH: 760px; HEIGHT: 505px;}
#PharmacyMenuLogo{float:left; width:760px; height:66px; OVERFLOW: hidden; z-index:4; position:relative; top:0px; background-image:url(imagesStore/PharmacyMenuLogoBackground.jpg); background-repeat:repeat-x;}
#PharmacyMenuGroup{top:-405px; width:760px; height:106px; float:left; position:relative; z-index:4;}
#PharmacyMenuChoices{Z-INDEX:4; LEFT:17px; FLOAT:left; WIDTH:121px; POSITION:relative; HEIGHT:106px;}
#PharmacyMenuList{Z-INDEX:4; float:left; POSITION:relative;}

/*Dept Photo Layout*/
#DeptPhotoImg{position:relative; z-index:1; float:right; width: 381px; height: 479px; margin-top: -10px;}
#Photo{float:left; position:relative; width:360px; height:auto;}
#PriceTable {width:360px; height:120px;}
#PriceTable span {float:left; width:175px; line-height:30px; font-size:14px; display:inline; text-align:center;}

/*Fruit Encyclopedia, Veg Encyclopedia layout*/
#FEncyclopediaImg {float:right; top:-67px; right:0px; width:236px; height:281px; position:relative; z-index:1;}
#FEncyclopedia {float:left; width:280px; height:215px;}
#VEncyclopediaImg {float:right; top:-67px; right:0px; width:236px; height:281px; position:relative; z-index:1;}
#VEncyclopedia {float:left; width:280px; height:215px;}
#FruitTable {float:left; width:540px; position:relative; z-index:5; margin-top:-100px;}
#FruitTable span {float:left; width:120px; line-height:20px; font-size:14px; display:inline; text-align:left;}
#FruitTable a {color:black; font-size:11px; padding-left:8px;}

/*Flower Tips layout*/
#FlowerTipsImg {float:right; margin-top:-54px; width:157px; height:188px; position:relative; z-index:1;}
#Flower {width:370px; height:auto;}

/*What Flowers Mean Layout */
#FlowersMeanImg {float:right; margin-top:-64px; width:157px; height:188px; position:relative; z-index:1;}
#MonthTable1-6 {float:left; width:250px; display:inline;}
#MonthTable7-12 {float:left; width:250px; display:inline;}
.FloralText {font-weight:bold; font-size:13px; color:#000; padding:10px 2px;}

/* text styles */	
.t1 {font-size: 12px;margin: 5px 0px 5px 8px;color: #000;}		
.t5 { font-size: 10px;margin: 0px 10px 0px 8px;color: #000;}		
.t4{font-size: 12px;	margin: 5px 5px 5px 8px;color: #000;}
.t2{font-size: 10px;	margin: 5px 0px 5px 8px;color: #000;}
.EncyProduceTitle {font-weight:bold; text-align:center; font-size:20px; color:#012E57; padding:10px 2px;}
.EncyNames {font-weight:bold; font-size:18px; color:#012E57; padding:10px 2px;}
.EncyText{font-size: 12px;	margin: 5px 8px 5px 12px;color: #000;}
.EncyHeaders{font-size: 13px;	margin: 0px 0px 0px 8px;font-weight:bold;text-decoration:underline;color: #000;}
.EncyBolded{font-size: 13px;margin: 5px 0px 0px 8px;font-weight:bold;color:#012E57;}
.EncyBolded1{font-size: 13px;	margin: 5px 0px 0px 0px;font-weight:bold;	color:#012E57;}

/* header styles */
h1 { font-size: 200%; font-weight: bold; }
h2 { font-size: 160%; font-weight: bold; }
h3 { font-size: 140%; font-weight: bold; }
h4 { font-size: 120%; font-weight: bold; }
h5 { font-size: 100%; font-weight: bold; }
.h1{font-size: 16px;	font-weight: bold;margin: 5px 15px 3px 10px;	color: #333;text-align: left;	}		
.s1 {font-size: 14px; color: #FFFFFF; font-weight: bold; text-align: center;}
.s2 {font-size: 11px; color: #FFFFFF; text-align: center;}

/*Sub-Page Styles*/
#SubPageTbl	{width: 760px;	height: 400px;	padding: 0px; margin: 10px 0px 0px 0px; border: none 0px; overflow: hidden;}
#SubPageLeftCell{width: 540px; height: 400px;margin: 0px;padding: 0px;border: none 0px;vertical-align: top;overflow: auto;background-color:#FFF	}
.PageHeaderText {font-family:Tahoma; position:absolute; top:15px; left:10px; font-size:17px; color:#8E0C3A; font-weight:bold;}
#SubPageLeftTable{width: 540px;height: 400px;margin: 0px;padding: 0px;border: none 0px;overflow: auto;vertical-align:top;}
#SubPageLeftSpaceCell{width: 10px;height: auto;margin: 0px;padding: 0px;}
#SubPageLeftContentCell{width: 530px;height: auto;	margin: 0px;padding: 0px;	vertical-align: top;overflow: auto;}
#SubPageLeftContentTbl{	width: 530px;height: auto;padding: 0px;margin: 0px;}
#SubPageRightCell{width: 220px;height: 400px;padding: 0px;margin: 0px; vertical-align: top;background-color: #8E0C3A}

/*Specialty Orders Layout*/
#SpecialtyOrder{width:760px; height:511px; margin:10px 0 10px 0; overflow:hidden;}
#PlaceOrder {Z-INDEX:1; LEFT:20px; WIDTH:191px; BOTTOM:230px; POSITION:relative; HEIGHT:57px;}	

/*Taste of Home*/
#embedVideo{margin:10px 0px 10px 0px; background-color:#FFFFFF; padding-left:170px;}
