body { background-color: #727272; margin: 0 auto 0 auto; font-family: Arial; font-size: 12px; }
img { border: none;}
table { margin: 0 auto 0 auto; text-align: center;}
h1 { margin: 0;}
p { margin: 0;}
a { text-decoration: none; }
a:hover { text-decoration: none; }


/*************
* Content CSS
*************/


#TopContainer { background-color: #fff; width: 990px; height: 34px; margin-left: auto; margin-right: auto; padding: 7px 5px 0 5px; }

#TopLinks { clear: both; }
#TopLinks a { background-color: transparent; display: block; background-repeat:no-repeat; background-position: 0px 0px; float:left; }
#TopLinks a:hover { background-position: 0px -29px; background-repeat: no-repeat; }

#TopHome { background-image: url(Images/Master/Home.gif); height: 29px; width: 124px; }
#TopAbout_Us { background-image: url(Images/Master/AboutUs.gif); height: 29px; width: 124px; }
#TopServices { background-image: url(Images/Master/Services.gif); height: 29px; width: 124px; }
#TopContact_Us { background-image: url(Images/Master/ContactUs.gif); height: 29px; width: 124px; }

#TopSearch { float: right; }
#Top input {border-color: #000; border-style: inset;}

#Logo { background-color: #394786; width: 1000px; margin-top: 0; margin-left: auto; margin-right: auto; height: 142px; text-align: center; }
#MugsLogo { margin: 0 auto 0 auto; }


#ProdContainer { background-color: #fff; width: 1000px; height: 38px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; }

#ProdLinksLeft { clear: both; }
#ProdLinksLeft a { background-color: transparent; display: block; background-repeat: no-repeat; background-position: 0px 0px; float: left; }
#ProdLinksLeft a:hover { background-position: 0px -38px; background-repeat: no-repeat; }

#GroceryLink { background-image: url(Images/Master/GroceryLink.png); height: 38px; width: 94px; margin-left: 3px;}
#LiquorLink { background-image: url(Images/Master/LiquorLink.png); height: 38px; width: 94px; margin-left: 6px; }
#WineLink { background-image: url(Images/Master/WineLink.png); height: 38px; width: 94px; margin-left: 6px; }

#UnderLogo {  }

#ProdLinksRight { clear: both; }
#ProdLinksRight a { background-color: transparent; display: block; background-repeat: no-repeat; background-position: 0px 0px; float: right; margin-top: -38px; position: relative; }
#ProdLinksRight a:hover { background-position: 0px -38px; background-repeat: no-repeat; }

#BeerLink { background-image: url(Images/Master/BeerLink.png); height: 38px; width: 94px; margin-right: 209px; }
#TobaccoLink { background-image: url(Images/Master/TobaccoLink.png); height: 38px; width: 94px; margin-right: 106px; }
#LotteryLink { background-image: url(Images/Master/LotteryLink.png); height: 38px; width: 94px; margin-right: 3px; }

#NaviLinks { background-color: #A5A5A5; width: 1000px; height: 5px; margin-left: auto; margin-right: auto; }
#Content { background-color: #ffffff; width: 1000px; margin-left: auto; margin-right: auto; }
#InfoImg { background-color: #ffffff; width: 1000px; margin-left: auto; margin-right: auto; text-align: center; }
#BottomLinks { background-color: #ffffff; width: 1000px; margin-left: auto; margin-right: auto; text-align: center; }



#Home { clear: both; }
#HomeContentImage { float: left; margin-left: 60px; margin-top: 10px; }
#HomeMainText { font-family: Arial; font-size: 16px; font-weight: bold; width: 500px; text-align: center; }
#HomeMainText { float: right; margin-right: 60px; margin-top: 45px; }

#AboutUs_Content { clear: both; }
#AboutUs_Header { text-align: center;  width: 800px; margin-left: 100px; }
#AboutUs_Categories { float: left; margin-left: 200px; font-size: 14px; }
#AboutUs_Hours { float: right; margin-right: 200px; font-size: 14px; }

#Bartending { text-align: center; clear: both; }

#ContactUs { }
#Dir&DelivMid { } 
#Dir&DelivRight { }



/**********
* Classes
**********/

.ProdPadding { padding: 0 0 0 0; }

.Button {}

.InventoryCategory { width: 150px; height: 240px; border: solid 1px #000; }
.ICImage { width: 120px; height: 200px; margin-top: 5px; }

.InventoryItem { width: 700px; height: 150px; border: solid 1px #000; clear: both; float: left; text-align: left; }
.IIImageDiv { margin-top: 5px; margin-left: 10px; float: left; }
.IIImage { width: 90px; height: 140px; }
.IIText { clear: both; float: right; margin-top: -120px; margin-left: 120px; float: left; }
.ItemName { font-weight: bolder; }

.Center { width: 1000px; margin-left: auto; margin-right: auto; }

.Bartending { width:600px; height:auto; margin-left: auto; margin-right: auto; }