/* ============================================================================================
   GLOBAL STYLES (By element type)
============================================================================================ */
/* Box sizing */
*
{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
/* html element */
html
{
   height: 100vh;
}
/* Body element */
body
{
   margin: 0px;
   border: none;
   padding: 0px;
   height: 100vh;
   background-image: url('images/ShopFront.jpg');
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/* ============================================================================================
   MASTERPAGE STYLES 
============================================================================================ */
.MasterRootTable
{
   margin: 0px;
   border: 0px;
   padding: 0px;
   border-collapse: collapse;
   border-spacing: 1px;
   width: 94%;
   margin-top: 24px;
   margin-left: 3%;
   margin-right: 3%;
   text-align: left;
   vertical-align: top;
}
#PageRootDiv
{
   width: 100%;
   text-align: left;
   vertical-align: top;
}
/* ============================================================================================
   SITE BANNER STYLES - font-family: 'Bauhaus 93', sans-serif;
============================================================================================ */
.BannerLogoCell
{
   text-align: center;
   vertical-align: middle;
   border-top: 4px solid #000000;
   border-bottom: 4px solid #000000;
   background-color: #FFFF00;
   /* opacity: 0.71; */
}
.BannerLogoCell:hover
{
   text-align: center;
   vertical-align: middle;
   border-top: 4px solid #000000;
   border-bottom: 4px solid #000000;
   background-color: #FFFF00;
   opacity: 1.0;
}
#DynBannerLogo
{
   vertical-align: middle;
   height: 72px;
   width: auto;
   border: none;
}

/* ============================================================================================
   SITE ROOT TABLE LEFT COLUMN STYLES 
============================================================================================ */
.TableMajorLeft
{
   width: 25%;
   text-align: left;
   vertical-align: top;
   /* opacity: 0.71; */
}
.TableMajorLeft:hover
{
   width: 25%;
   text-align: left;
   vertical-align: top;
   opacity: 1.0;
}
.TableMajorFiller
{
   width: 5%;
   text-align: left;
   vertical-align: top;
}
.TableMajorRight
{
   width: 70%;
   padding: 12px;
   text-align: left;
   vertical-align: top;
   background-color: #FFFFFF;
   /* opacity: 0.71; */
}
.TableMajorRight:hover
{
   width: 70%;
   padding: 12px;
   text-align: left;
   vertical-align: top;
   background-color: #FFFFFF;
   opacity: 1.0;
}

/* ============================================================================================
   SITE TAB TABLE LEFT COLUMN STYLES 
============================================================================================ */
.GenericTable
{
   border-collapse: collapse;
   width: stretch;
}
.TableTabNormal
{
   width: 50%;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   padding-top: 4px;
   padding-bottom: 4px;
   text-align: center;
   vertical-align: middle;
   font-family: Tahoma;
   font-size: 14pt;
   background-color: #DDDDDD;
   cursor: pointer;
}
.TableTabNormal:hover
{
   width: 50%;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   padding-top: 4px;
   padding-bottom: 4px;
   text-align: center;
   vertical-align: middle;
   font-family: Tahoma;
   font-size: 14pt;
   background-color: #FFCC00;
   cursor: pointer;
}
.TableTabSelected
{
   width: 50%;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   padding-top: 4px;
   padding-bottom: 4px;
   text-align: center;
   vertical-align: middle;
   font-family: Tahoma;
   font-size: 14pt;
   background-color: #FFFFFF;
}
.TableTabFillerRow
{
   background-color: #FFFFFF;
}
.TableTabContent
{
   text-align: left;
   vertical-align: top;
   padding: 12px;
   font-family: Tahoma;
   font-size: 14pt;
   width: 280px;
   background-color: #FFFFFF;
}
.ColourBlue
{
   color: #0000FF;
   text-decoration: underline;
}
.ColourRed
{
   color: #FF0000;
   text-decoration: underline;
}

.CellLeftTop
{
   text-align: left;
   vertical-align: top;
}

.CellCenterTop
{
   text-align: center;
   vertical-align: top;
}


.LocationMap
{
   width: 280px;
   height: 280px;
   background-color: #FFFFFF;
   border: 2px solid #C0C0C0;
}
.LocationMap:hover
{
   width: 280px;
   height: 280px;
   background-color: #FFFFFF;
   border: 2px solid #0000FF;
}
.HSizingGlyff
{
   height: 8px;
   width: 280px;
}
.VSizingGlyff
{
   height: 280px;
   width: 8px;
}



.IntroCell
{
   font-family: Tahoma;
   font-size: 18pt;
   text-align: left;
   vertical-align: top;
   padding-bottom: 12px;
}
.TitleCell
{
   font-family: Tahoma;
   font-size: 14pt;
   text-decoration: underline;
   text-align: left;
   vertical-align: top;
   padding-bottom: 6px;
}
.BodytextCell
{
   font-family: Tahoma;
   font-size: 12pt;
   text-align: left;
   vertical-align: top;
   padding-bottom: 2px;
}
.ListCell
{
   font-family: Tahoma;
   font-size: 12pt;
   text-align: left;
   vertical-align: top;
   padding-left: 32px;
   padding-bottom: 8px;
}
.PageBodytext
{
   font-family: Tahoma;
   font-size: 12pt;
   text-align: left;
   vertical-align: top;
   padding-left: 24px;
}

.PageBodytextBullet
{
   font-family: Tahoma;
   font-size: 12pt;
   text-align: left;
   vertical-align: top;
   padding-left: 24px;
}
.PageSubtitle
{
   font-family: Tahoma;
   font-size: 14pt;
   text-align: left;
   vertical-align: top;
   padding-left: 24px;
   text-decoration: underline;
   margin-bottom: 8px;
}
.PageSubbodytext
{
   font-family: Tahoma;
   font-size: 12pt;
   text-align: left;
   vertical-align: top;
   padding-left: 24px;
   padding-bottom: 8px;
}

.ServiceHoursRow
{
   color: #000000;
}
.ServiceHoursRow:hover
{
   color: #FF0000;
}
.OpeningHoursHeaders
{
   background-color: #C0C0C0;
   font-weight: bold;
}




#DynFooterDiv
{
   border: 1px solid #000000;
   width: 94%;
   padding-top: 8px;
   margin-left: 3%;
   margin-right: 3%;
   text-align: center;
   vertical-align: middle;
   background-color: #FF0000;
   /* opacity: 0.71; */
}
#DynFooterDiv:hover
{
   border: 1px solid #000000;
   width: 94%;
   padding-top: 8px;
   margin-left: 3%;
   margin-right: 3%;
   text-align: center;
   vertical-align: middle;
   background-color: #FF0000;
   opacity: 1.0;
}








.SmallPhoto
{
   border: 1px solid #000000;
   width: 170px;
   height: 170px;
}