body{
	/*background-color:#7b89a5;*/
	margin: 0 auto;
	font-family:verdana, arial, helvetica, sans-serif;
    text-align:center;
    font-size:1em;
    background-color: #BBBBBB;
}
a {
 text-decoration: none;
 color: #000;
}

img {
  max-width: 100%;
}

#headerText{
font-size:1.2em;
font-weight:bold;
color: #7D407A;
text-align:center;
margin: 0 0 .5em 0;
}

#headerTextMobi{
font-size:1.1em;
color: #7D407A;
text-align:center;
margin: 0 0 .5em 0;
}

/* {background-image: url("../../../../images/manufacturers/index/wood_texture.jpg");background-size: cover;width:100%!important;} */

#container{
margin:.8em auto;
/*width:65%;*/
/* background-image: url("/match_twitched/wood_texture.jpg");background-size: cover;width:100%!important;*/
background-color: #D9D9D9;
/* rounding the edges */
/* Twitch remove border  border-radius: 25px;
  border: 5px solid #9A9A9A;
  padding: 20px; */
}
#containerMobi{
margin:.5em auto;
/*width:65%;*/
/* background-image: url("/match_twitched/wood_texture.jpg");background-size: cover;width:100%!important;*/
background-color: #444444;
}


#content{
background-color: #FFF;
padding:2em;
margin: 0 auto;
width: 60%;
/* rounding the edges */
/*  border-radius: 25px;
  border: 1em solid #333;*/ /* Twitch grey #9A9A9A */
 border: 2em solid #444444;
  

/* flex is here */
/*display: flex; 
flex-wrap: wrap; 
align-items: center; 
justify-content: center; /* flex is the reason this works */
/*justify-content: space-evenly;/*add some space between each image link */ 
}
#contentMobi{
background-color: #FFF;
padding: .5em 1.5em;
margin: 0 auto;
width: 85%;
}

#blockOne {margin: 0 auto;width:100%; color: #21352E;}
#blockTwo{text-align:center;color: #090909;}

/* bof Twitch Header Logo Banner */

#PhoneNumberText {padding: .1em 0;font-size: 2em;font-weight:normal;color: #BBBBBB;}
#PhoneNumberText a {color: #BBBBBB;}
#PhoneNumberText_Mobi {padding: .1em 0;font-size: 1.2em;font-weight:normal;color: #BBBBBB;}
#PhoneNumberText_Mobi a {color: #BBBBBB;}

#idxMessage_Text{padding: 0 0 1em 0;font-size: 1.1em;font-weight: normal;color: #444444;}
#idxMessage_Text_Mobi{padding: 0 0 .5em 0;font-size: 1em;font-weight: normal;color: #444444;}


/* bof Index Navigation Bar - Root Index CSS */
#indexNavBar, #indexNavBar1, #indexNavBar2 {line-height: 2em;margin: 0 auto;} /* 1, 2 added for multi store sites */
.indexNavLinks {background: #7D407A;font-size:1em;color: #fff;text-align: center;display: inline-block;margin: .5em auto;white-space: nowrap;font-weight: bold;}
.indexNavLinks a {background:#7D407A;color: #fff;text-decoration: none;display: block;padding: .5em 2em;}
.indexNavLinks a:link{background:#7D407A;color: #fff;}
.indexNavLinks a:visited {background:#7D407A;color: #fff;}
.indexNavLinks a:hover {font-weight: bold;background:#444;color: #fff;}

#indexNavBar_Mobi, #indexNavBar1_Mobi, #indexNavBar2_Mobi {line-height: 2em;margin: 0 auto;} /* 1, 2 added for multi store sites */
.indexNavLinks_Mobi {background: #558234;font-size:.8em;color: #fff;text-align: center;display: block;margin: .5em auto;white-space: nowrap;}
.indexNavLinks_Mobi a {background:#558234;color: #fff;text-decoration: none;display: block;padding: .5em 2em;}
.indexNavLinks_Mobi a:link{background:#558234;color: #fff;}
.indexNavLinks_Mobi a:visited {background:#558234;color: #fff;}
.indexNavLinks_Mobi a:hover {font-weight: bold;background:#558234;color: #FFF;}
/* eof Index Navigation Bar - Root Index CSS */

/* bof Twitch Header Logo Banner */

#blockThree {
text-align:center;
/* color: #E2DEDB; */ /*Grey out the text */
color: #9CC43D;
}

#footer {
font-size: 1em;
color:#444;
text-align:center;
}

#gnome {color: #BBBBBB;}
.index_subText {font-size: .9em; color: #4D4D4D;}
.index_subTextMobi {font-size: .9em;}

.greenBar {width: 100%; display: inline-block; background: #A69B89; line-height: .5em;}

.deviceDetectorText {display:none; /*font-size: 0.5em; color: #A69B89; */}

#Copyright {font-size: .8em;}
#phone a {color: #f1f1f1;}
#IMPORTANT_message {padding: 0 1em 1em; border: thick solid #333; background: #E0A14F; width: 0 auto; height: auto;}

/* Gallery View */
#galleryBlock {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display:                 flex;
  display:                 -webkit-flex; /* Safari 8 */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari 8 */
  justify-content:         center;
  -webkit-justify-content: center;       /* Safari 8 */
  align-items: center; /* align vertical */
}
.gBlock1 {
	font-size:1em;
	padding: .5em 1em;
}
.gBlockImg {  
  float: left;
  width: 20%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.back {float: left; width: 50%;}
.forward{float: right;width: 25%;}

/* New Image Gallery */
div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 33%;
}
.responsiveB {
  padding: 0 6px;
  margin: 0 auto;
  width: 33%;
  display:flex;justify-content: center;
}

@media only screen and (max-width: 700px) {
  .responsive, .responsiveB {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive, .responsiveB {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Back to top button */
#topButton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 100px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #7D407A;
  color: white;
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
}

#topButton:hover {
  background-color: #555;
}

.indexText { margin: 0 auto; text-align: center; }

/* Gallery View */
#storeHoursBox {display:inline-block; padding:0;font-size: .8em; width:80%;}
.dateBox{text-align: left;}
.hoursBox{text-align: right;}

#emailText {padding: .1em 0;font-size: 1.1em;font-weight:normal}
#emailText_Mobi {padding: .1em 0;font-size: .9em;font-weight:normal;}

/* Twitch Index Store Hours */
.store_hours_box {margin: 0 auto; display: block; width: 100%; text-align: center;}
.sHours_MIDCol {margin: 0 auto; display: inline-block;}
.store_hours {color:#000;}
.LTclass {text-align: left;}
.RTclass {text-align: right;}
.store_hours {text-align: center;}
/* Twitch Index Store Hours */