@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);








body
{
    margin:0;
    padding:0;
    overflow-x:hidden;

}



.PurpleSubIcons {
  /*max-width: 100%;*/
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/*.PurpleSubIcons:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}*/

.SmallerLogo{
    width: 100px;
    height:100px;
position:fixed;
  /*margin-left: 45px;*/   
  margin-left:135px;
     /*margin-top: 8px;*/
     z-index:2500;
        transition: width 0.5s ease, height 0.5s ease;
  -moz-transition: width 0.5s ease, height 0.5s ease; /* Firefox 4 */
  -webkit-transition: width 0.5s ease, height 0.5s ease; /* Safari and Chrome */
  -o-transition: width 0.5s ease, height 0.5s ease;
    
}

.ResponsivePageLogo{
    display:none;
      position:absolute;
     z-index:1005;
     border-style: none;
    border-color: inherit;
    border-width: medium;
    margin-left: 45px;   
     margin-top: 8px;
    width:280px ;
    height:214px
}

.RamonaLogoDiv {
    width: 40%;
    float: left;
   

}

.Espanoldiv{
    margin-top:4px;
    display:none;
    position:absolute;
    width:100%;
    text-align:right;
    padding-right:20px;    
    margin-top:45px;
}

.Espanoldiv div{
    display:inline;
}

.Espanoldiv img{
    width:6%;
}


.EspanolText{
        font-family: 'Open Sans' ;
        font-size:16px;
        vertical-align:middle;

    }

.PhoneTextDiv{
    width:60%;
    float:right;
   
    
}



    


#headStatic {
              
     /*position: fixed;*/
    height: 60px;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color:#e62e00;
    /*box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);*/
}

.PhoneTextSubDiv{
    width:48%;
    /*margin-left:40%;*/
    margin-top:1%;
    float:right;
}

.CallImageDiv{
    width:10%;
    float:left;
}

.CallTextDiv{
     width:100%;
    float:right;
    padding-left:12px;
}

.CallImage{

}

.CallText{
    font-family:'Open Sans';
    font-size:20px;
    margin-top:15px;
    color:white;
    text-align:center;
    
}


.ClsImgPageLogo{
     position:absolute;
     z-index:1005;
     border-style: none;
    border-color: inherit;
    border-width: medium;
    margin-left: 135px;   
     margin-top: 10px;
     width:246px;
     height:246px;
            transition: width 0.5s ease, height 0.5s ease;
  -moz-transition: width 0.5s ease, height 0.5s ease; /* Firefox 4 */
  -webkit-transition: width 0.5s ease, height 0.5s ease; /* Safari and Chrome */
  -o-transition: width 0.5s ease, height 0.5s ease;
   
    
}



.BannerImgDiv{
    background-image: url("../Images/Saugus Speedwaybanner.png") ;
  background-repeat:no-repeat;
   background-size: 100%;
   width: 100%;
  height: 0;
   padding-top:50% ; /*Calculated as (height/width)*100   */
   display:none;
}

.WebBannerDiv{
    background-image: url("../Images/banner_bckground.png") ;
    position:relative;
  background-repeat:no-repeat;
   background-size: cover;
   background-position:center;
   width: 100%;
  min-height:570px;
   /*padding-top:50% ;*/ /*Calculated as (height/width)*100   */
   
}

.DogImageDiv{
    width:80%;
    margin-top:11%;
   
}

.DogImage{
    background-image: url("../Images/banner_dog.png") ;
    background-repeat:no-repeat;
   background-size: 100%;
   width: 100%;
  height: 0;
   padding-top:88% ;
   animation-name: slidein3;
  animation-duration: 2s;
}



.MenuTitle {
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    color: white;
    z-index: 300;
    width: 100%;
    height: 60px;
    margin-top: 80px;
}

    .MenuTitle span {
        float: right;
        margin-right: 4%;
    }

.SaugusBanner{
    width:100%;
    padding-top:5px;
}

.ChangingTextTitle{

    color:#cc0000;
    font-size:21px;
    font-family:'Open Sans';
    font-weight:bold;
    padding-top:18px;
     padding-left:20%;
    text-align:center;

}

.ChangingTextContent{

    color:#666666;
    font-size:15px;
    font-family:'Open Sans';
    font-weight:600;
    margin-top:-22px;
    padding-left:24%;
    padding-right:2%;
}

.MarketDetails{
    position:absolute;
    margin-top:22%;
    margin-left:20%;
   
}

.MarkDetails1{
   color:black;
   font-family:oswald;
   font-weight:bold;
   font-size:35px;
   text-align:left;
    animation-duration: 1s;
  animation-name: slidein;
   

}


.MarkDetails2{
   color:black;
   font-family:oswald;
   font-weight:bold;
   font-size:25px;
   text-align:left;
    animation-duration: 2s;
  animation-name: slidein;
   
}


.MarkDetails3{
   color:#804000;
   font-family:arvo;
   font-weight:bold;
   font-size:60px;
   text-align:left;
   width:250px;
    animation-duration: 3s;
  animation-name: slidein;
  
}

.likeusFB{
     color:black;
   font-family:oswald;
   font-weight:bold;
   font-size:25px;
   text-align:left;
   padding-left:10px;
   vertical-align:middle;
   text-decoration:none;
      
}

.likeusFB a{
     color:black;
    text-decoration:none;
}

.likeusFBDiv p{
    display:inline
}

.likeusFBDiv{
     animation-duration: 3s;
  animation-name: slidein2;
}




/* Animation*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes slidein2 {
  from {
    margin-top: 50%;
    width: 300%; 
  }

  to {
    margin-top: 0%;
    width: 100%;
  }
}

@keyframes slidein3 {
  from {
    margin-left: 200%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}




/*@keyframes anim-1 {
	0%, 8.3% { bottom: -100%; opacity: 0; }
  8.3%,25% { top: 0%; opacity: 1; }
  33.33%, 100% { top: 100%; opacity: 0; }
}*/


/*@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.25;
  }

  50%{
      opacity: 0.5;
  }

  75%{
      opacity: 0.75;
  }


  100% {
    opacity: 1;
  }
}*/

/*-------------------------------------------------------------------------*/

.GreyStrip{
    clear:both;
     width:100%;
    
    /*background-color:#333333;*/
    background-color:#ccc;
     min-height:300px;   
}


.DivYellow{
    clear:both;
     width:100%;
    /*background-color:#602060;*/
    /*background-color:#ffbb33;*/
    background-color:whitesmoke;
     min-height:520px;   
     overflow:auto;
}



.DivYellowPara1{
    clear:none;
    width:100%;
    text-align:center;
    font-size:50px;
      font-family:'Open Sans';
      font-weight:bold;
     padding-top:5%;
}

.DivYellowPara2{
    clear:none;
    width:100%;
   
    font-size:19px;
      font-family:'Open Sans';
   
    
}

.DivYellowPara2 p{
    width:80%;
    text-align:center;
    margin:40px auto;

}


.DivYellowPara3{
    clear:none;
    width:100%;
   
    font-size:19px;
      font-family:'Open Sans';
   
    
}

.DivYellowPara3 p{
     width:80%;
    text-align:center;
    margin:20px auto;

}


.DivTestimonial{
     clear:both;
     width:100%;
    /*background-color:#602060;*/
    background-color:white;
     min-height:380px;   
}


.TestimonialHeading{
     text-align: center;
    font-size: 33px;
  
    border-bottom: 2px solid #ffcc00;
   margin:8% auto 3% auto;
    width:77%; 
    line-height:0.1em;
   
}


.TestimonialHeading span {
     background:white;
     color:#333333;
      padding:0 10px;
     font-family:'Open Sans';
     font-weight:bold
}


.ImgFivestarsDiv{
    width:100%;
    text-align:center;
}



.IconSubDiv1{
    width:100%;
    margin-top:50px;
   
}

.IconSubDiv2{
    width:100%;
    margin-top:50px;
    

}

.IconText1{
    margin:10px 0px 0px 0px;
    font-size:24px;
    color:black;
    font-weight:bold;
    font-family:'Open Sans';
    margin-left:-2%;
     
}

.IconText2{
    margin:10px 0px 0px 0px;
    font-size:24px;
    color:black;
    font-weight:bold;
    font-family:'Open Sans';
    margin-left:-2%;
     
}

.IconText3{
    margin:10px 0px 0px 0px;
    font-size:24px;
    color:black;
    font-weight:bold;
    font-family:'Open Sans';
    margin-left:-2%;
     
}

.IconText4{
    margin:10px 0px 0px 0px;
    font-size:24px;
    color:black;
    font-weight:bold;
    font-family:'Open Sans';
    margin-left:-2%;
     
}


.DivMagenta{
    clear:none;
    min-height:690px;
    background-color:white;

}

.LocationFeatures{
   
    /*color: #660000;*/
    /*border-bottom: 1px solid white;*/
   /*margin:8% auto 5% auto;
    width:90%;*/ 
    /*line-height:0.1em;
    font-weight: lighter;*/
    
   
}

.LocationFeatures{
    text-align: center;
    font-size: 33px;
  
    border-bottom: 2px solid gray;
   margin:6% auto 7% auto;
    width:77%; 
    line-height:0.1em;
    font-weight: lighter;
    
   
}
.LocationFeatures span {
     background:white;
     color:#333333;
      padding:0 10px;
     font-family:'Open Sans';
     font-weight:bold
}

.Locationdetials{
    width:100%;
}

.LocationdetialsMain{
    margin-left:10%;
}

.LocationdetialsTxt{
     width:100%;
    margin-left:17%;
    margin-bottom:10px;
    color:#333333;
    font-size:17px;
    font-family:'Open Sans';
}


.MapDiv {
    /*border: 6px solid #660000;*/
    height: 450px;
    margin-left: -8%;
    margin-top: -16px;
    width: 100%;
}



.SliderDiv{
    margin-top:20px
}


.TestimonyText{
    width:65%;
    margin:5px auto;
    text-align:center;
    font-size:18px;
    font-family:'Open Sans';


}

.Authortext{
     width:65%;
    margin:15px auto;
    text-align:right;
        font-size:20px;
    font-family:'Open Sans';
        font-weight:bold
}


#MenuDivWhite{
    height:60px;
    top: 0;
    background-color:#db0c0f;
    width:100%;
    z-index:100;
    box-shadow:none
    
}





.ThankyouDiv{
    width:100% ;
    min-height:100px;
    text-align:center;
    background-color:#f2f2f2;
    
}

.ThankYouText{
    font-family:'Open Sans';
    font-size:36px;
    font-weight:bold;
    color:#666666;
    padding:2% 0%;
    
}



.SellingDiv{
    clear:none;
    min-height:320px;
    background-color:#006666;
    text-align:center;
}



.SellImageDiv{
   
        margin:12% 0%;
   
}

.SellingImageText{

    font-family:'Open Sans';
        color:white;
        font-size:30px;
        padding-top:10px;
}


.SellingTextDiv{
      margin:9% 0%;
      width:90%
}

.SellingLinkDiv{
    margin-top:5% 
}

.SellingText{
    font-family:'Open Sans';
        color:white;
        font-size:17px;
        text-align:justify;
}

.SellingImage, .ShoppingImage, .EventsImage{
      -webkit-transition: -webkit-transform .6s ease-in-out;
          transition:         transform .6s ease-in-out;
}

/*.SellingImage:hover, .ShoppingImage:hover, .EventImage:hover {
    -webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}*/






.ReadMoreImg{
    float:right
}



.ShoppingDiv{
    clear:none;
    min-height:300px;
    background-color:#c16030;
    text-align:center;
}



.ShopImageDiv{
   
        margin:12% 0%;
   
}

.ShoppingImageText{

    font-family:'Open Sans';
        color:white;
        font-size:30px;
        padding-top:10px;
}


.ShoppingTextDiv{
      margin:9% 0%;
      width:90%
}

.ShoppingLinkDiv{
    margin-top:5% 
}

.ShoppingText{
    font-family:'Open Sans';
        color:white;
        font-size:17px;
        text-align:justify;
}
 


.EventsDiv{
    clear:none;
    min-height:300px;
     background-color:#7371E4;
    text-align:center;
}



.EventsImageDiv{
   
        margin:12% 0%;
   
}

.EventsImageText{

    font-family:'Open Sans';
        color:white;
        font-size:30px;
        padding-top:10px;
}


.EventTextDiv{
      margin:9% 0%;
      width:90%
}

.EventLinkDiv{
    margin-top:5% 
}

.EventText{
    font-family:'Open Sans';
        color:white;
        font-size:17px;
        text-align:justify;
}


.ShopHoursDiv{
    clear:none;
    /*min-height:550px;*/
     /*background-image: url("../Images/SaugusBackgrounfImage.jpg") ;*/
     /*background-repeat:no-repeat;*/
     background-size:100%;
     /*background-attachment: fixed;*/
}

.HoursDiv{
    font-family:'Open Sans';
    width:80%;
    margin:auto 10%;
    padding-top:2%;
    padding-bottom:5%;


}

.HoursHeader{
    font-family:'Open Sans';
    font-size:30px;
    font-weight:bold;
    color:#661a00;
    text-align:center;
    padding-top:3%
}
 
.SunHeader{
    color:#800000;
    font-size:22px;
    font-weight:bold;
}

.TueHeader{
     color:#800000;
    font-size:22px;
}

.SatHeader{
    color:#800000;
    font-size:22px;
}

.HoursSun{
    text-align:center;
    font-size:20px;
    font-weight:bold;
    margin-top:4%
}

.HoursTue{
    text-align:center;
    font-size:20px;
     font-weight:bold;
      margin-top:4%
}

.HoursSat{
    text-align:center;
    font-size:20px;
     font-weight:bold;
      margin-top:4%
}

.MenuWrapper {
    /*background-color: #07763c;*/
   color:#8d683f;
  
    float: right;
     font-family:"'Open Sans'";
    height: 40px;
    /*margin-top: -66px;*/
    position: relative;
    /*width: 65%;*/
    z-index: 33;
    margin-top:15px;
}

.MenuWrapper ul {
    float: left;
    margin-left: 173px;
}

.MenuWrapper li {
    float: left;
    margin: 0 -1% 0 0;
    position: relative;
    list-style: none;
}

    .MenuWrapper li a {
        color: White;
        font-size: 18px;
        position: relative;
        text-decoration: none;
        /*text-transform: uppercase;*/
        white-space: nowrap;
        width: auto;
        padding-right: 55px;
        background-image: url("../Images/Layout/MneuBG-Roll.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding-top: -10px;
        font-family: "'Open Sans'";
    }

    .MenuWrapper li ul {
    clear: both;
    color: /* #333335*/ white;
    display: inline-block;
    font-size: 18px;
    /*font-weight: bold;*/
    left: 0;
    margin: 0;
    min-width: 200px;
    padding: 8px;
    position: absolute;
    text-decoration: none;
    /*text-transform: uppercase;*/
    top: 20px;
    z-index: 10000;
}

    .MenuWrapper li ul li a {
        color: /*#333335*/ white;
        display: inline-block;
        font-size: 18px;
        /*font-weight: bold;*/
        min-width: 200px;
        margin: 0;
        padding: 6px;
        position: relative;
        text-decoration: none;
        /*text-transform: uppercase;*/
        white-space: nowrap;
        background: url("../Images/Layout/MneuBG-Roll.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

 

.menusection {
    clear: both;
    width: 100%;
    height: 40px;
    /*margin-top:10px;*/
}



.MargnMenu{
   margin-top:0px !important;
}


#menu li a {
    display: block;
    font-family: 'Open Sans';
    color: white;
    float: left;
    font-size: 17px;
    height: auto;
    padding: 0px 42px;
    /* padding: 0px 24px; */
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    /* font-weight: bold; */
    text-transform: uppercase;
    padding-top: 5px;
}

#menu a:hover {
   color:black;
}

.MenuWrapper li ul li a:hover {
            background: #7371e4;
            color: white;
            display: block;
        }

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {
    display: none;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {
    display: block;
}

#menu ul li a:hover {
    /*background-image:url('../Images/Layout/MneuBG.png');*/
   /*margin-left:10%;*/
    color: white;
      background-color:#7371e4;
}

.MenuWrapper li a:hover {
    color: white;
    /*background: #FFCC00;*/
    /* background-image:url("../Images/Layout/MneuBG-Roll.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
}


.MenuWrapper ul li ul li a {
    background: black;
}


.MenuContent {
    width:100%;
   
}

#menu {
    width: 100%;
    margin: 0 auto;
    /*margin-left:658px;*/
}



#menu ul {
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

       

#menu ul {
    /*background: none repeat scroll 0 0 #07763c;*/
    /*background-color:#990000;*/
    /*box-shadow: 1px 2px 4px #CCCCCC;*/
    /*border-top:4px solid  #e6e6e6;*/
    color: #FFFFFF;
    display: none;
    left: 0px;
    margin-top: 30px;
    padding-top: 5px;
    position: absolute;
    top: 10px;
    z-index: 10000;
}

    #menu ul ul {
        margin-top: 0;
        top: auto;
        width: auto;
    }

#menu li ul ul {
    left: 198px;
    padding: 0;
}



#menu ul li a {
   margin-left:0%;
   color:#fff;
   background-color:#990000;
    padding:1.6rem 0.8rem;
    text-align:left;
}


#menu > li {
    padding: 0px 0;
}

#menu {
    margin-top: 4px;
}


#menu li a:hover {
    height:40px;
    /*background:#F2F2F2; 
   background:#FFCC00; */
    /*background: url("../Images/SrchRes-panel-Top1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*background-color:#ff3300;*/
    background-color:#333333;
    color:white;

}


#menu ul :hover ul :hover ul ul {
visibility:hidden;
display:none ; 
}
/* make the 4th level visible */
#menu ul ul li:hover ul ul ul, .menu ul a:hover ul ul ul {
visibility:visible;
display:block; 
}





/*Yellow Strip*/

.IconImageDiv1{
    width:60%; 
    float:left;
    text-align:center;
}

.IconImageDiv2{
      width:30%; 
    float:left;
    text-align:center;
}


.IconImageDiv3{
      width:50%; 
    float:left;
    text-align:center;
}

.IconImageDiv4{
      width:50%; 
    float:left;
    text-align:center;
}


/*Farmers Market and Flea market*/

.FarmerMarketDiv{
    width:100%;
    margin-top:60px;
    margin-left:18%;
}

.FleaMarketDiv{
     width:100%;
    margin-top:60px;
   margin-left:4%;
}

.FMHeading1Div{
    width:80%;
    height:50px;
    background-color:#006600;
    vertical-align: middle;
}

.FMHeading2Div{
    width:80%;
    height:50px;
    background-color:#006600;
    vertical-align: middle;
    margin-top:25px;
}
.FMHeading1{
    
    color:white;
    font-size:24px;
    font-family:'Open Sans';
    font-weight:600;
    padding-top:5px;
    padding-left:15px;
}

.FMTextContent1{
    width:80%;
    font-size:17px;
    font-family:'Open Sans';
    text-align:justify;
    color:#404040;
    line-height:30px;
    margin-top:7px;

}

.FMImage1{
    width:80%;
    
}

.GreyDiv{

    width:100%;
    background-color:#f2f2f2;
    height:300px;
    margin-top:30px;

    
}

.ExploreMore{
    clear:both;
     width:100%;
    font-size:24px;
    font-family:'Open Sans';
    font-weight:bold;
    text-align:center;
    color:#ff3333;   
    padding-top:30px;
}

.ThreeIconDiv{
    margin-top:40px;
}
.ThreeIconDiv Div{
    display:inline-block;
    padding-left:230px;
}


.ThreeIconTest{
   font-size:24px;
   font-family:'Open Sans';
    font-weight:bold;   
    color:#ff3333;
    margin-top:10px;
    margin-left:-12px
}

.ThreeIconTest a{
    color:#ff3333;
}

.TestimonialDiv{
    margin: 5% 5% 5% 15%;
    width:100%;

}

.DivHeadClient{
      color:white;
  background-color:#ff3333;
  margin-top:7%;
    width:85%;
    height:50px;
    text-align:justify;
    font-weight:bold;
    font-family:"'Open Sans'";
    padding-top:2%;
    font-size:18px;
    padding-left:10px;
}

.fluid-width-video-wrapper {
    width: 100%;
    height:100%;
    position: relative;
    padding: 0;
}
    .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
        position: absolute;
        top: 10px;
        left: 0;
        width: 85%;
        height: 80%;
    }


    .LocationDiv{
       margin: 5% 0% 5% 5%;
    width:100%;
    }


.LocationDivAddr{
    clear:both;
    margin:4% 0% 0% 0%;
}

.LocationDivPhone{
     clear:both;
    margin:20% 0% 0% 0%;
}

.LocationDivFax{
     clear:both;
    margin:30% 0% 0% 0%;
}

.LocationDivEmail{
    clear:both;
    margin:40% 0% 0% 0%;
}

.LocationImageDiv{
    width:15%;
    height:100%;
    float:left;
    
}

.AdressImage {
    display: block;
    margin:15px auto auto auto;
    
}

.LocationTextDiv{
    width:85%;
    float:right;
    line-height:25px;
}



.LocationDetailsText{
    font-size:18px;
    font-family:'Open Sans';
    font-weight:bold;
  vertical-align: middle;
    display:inline-block
}

.PhoneImage {
    display: block;
    margin:auto;    
}

.FaxImage {
    display: block;
    margin:auto;    
}

.EmailImage{
    display: block;
    margin:auto;    
}

.PhoneDiv{
    clear:both;
    margin:2% 0% 0% 0%;
}

.FaxDiv{
    clear:both;
    margin:3% 0% 0% 0%;

}


.footer {
 
    
    margin: 0 auto;
    font-family: "'Open Sans'";   
    clear: both;
      background-image: url("../Images/footer_large.png") ;
    position:relative;
  background-repeat:no-repeat;
   background-size: cover;
   background-position:center;
   width: 100%;
  min-height:400px;
}

/*.footer-content{
    margin-left:3%;
    margin-right:3%;
}*/

.FooterDiv{
    text-align:center;
}

.footertxt{
      font-family:"'Open Sans'";
    font-size :18px;   
    text-decoration:none;
    text-align:center;
    margin-top:60px;
}


.followustextDiv{
    width:100%;
     font-family:"'Open Sans'";
    font-size :20px;
    color:#662200;
    text-align:center;
    font-weight:bold
}


.CopyrightDiv{
    margin-top:30px;
     width:100%;
     font-family:"'Open Sans'";
    font-size :20px;
    color:#662200;
    text-align:center;
    font-weight:bold
}

.SocialMediaDiv{
    margin-top:2%
}

/*.footertxt
{
     font-family:"'Open Sans'";
    font-size :16px;
    color:white;
    text-decoration:none;
    margin-left:-4%; 
    padding-top:2%;
    text-indent:20px;
    text-align:center;
     
}*/

.footertxt a
{

    display:inline-block;
    text-transform:initial;
    transition:all 0.2s ease-in-out 0s;
    /*color:#a1a1a1;*/
    color:#662200;
    font-family:"'Open Sans'";
    text-decoration:none !important; 
    font-weight:bold;
    /*font-family:Book;*/ 
   padding:10px 20px;
}

.footertxt a:hover{
    color:#ff5500;
}


.QTIconLink{
      text-decoration:none;
   color:black;
   
}


.QTIconLink:hover{
    text-decoration:none;
   color:#444;
   
   
}

.AnniversaryImage{
   position: absolute;
z-index:10;
top:250px;
left:70px;
}

.lblpageheading{
   margin-top:30px;
}

.lblheadingText{
    font-size:22px;
    font-family:'Open Sans';
         text-transform:uppercase;
         margin-left:15px;
         
}

.lblpageLine{
    width:100%;
    height:1px;
    background-color:gray;
    margin-top:10px;
}

.CommonContainer{
   width:76%;
   min-height:500px;
  margin:0% 12%;
   background-color:white;
   /*padding-top:3%;*/
   padding-bottom:5%;


}


.CommonContainerNew{
   width:94%;
   min-height:500px;
   margin:0% 3%;
   background-color:white;
   padding-top:3%;
   padding-bottom:5%;


}

.PageSubHeading{
      margin-top:2%;
     font-size:16px;
    font-family:'Open Sans';
    font-weight:bold;
   
}

.PageContentTextDiv{
    margin-top:15px;
}

.PageContentText{
      font-size:15px;
    font-family:'Open Sans';
    line-height:24px;
    text-align:justify;
}

.marketImage{
    margin-top:5%;
    width:80%;
    margin-left:10%;

}

/*Partners links page*/
.PartLinksDiv{
    margin-top:2%;
}
.partnerLink{
    text-decoration:none;
}

.PatnernameText{
    color:#002b80;
    font-size:15px;
    font-family:'Open Sans';
    margin-left:10px;

}

/*youtube style*/

.html5-video-player .ytp-generic-popup a{
    display:none !important;
}

.html5-video-player .ytp-generic-popup{
    display:none !important;
}

.html5-video-player span{
      display:none !important;
}

.ytp-title-link yt-uix-sessionlink span{
    display:none !important;
}

.EventHrLine{
   
    color:Gray;
    margin:3% 0% 3% 0%;
    width:90%;
    border-style:solid;
    border-width:1px;
}

.EventDiv{
    margin-top:3%;
    margin-bottom:5%;

}




.EventTitle{
    font-family:'Open Sans';
    font-size:16px;
    font-weight:bold;
    color:#cc0000;

}

.EventDetails{
    font-family:'Open Sans';
    font-size:15px;
    text-align:justify;
    
}

.EventDate{
    font-family:'Open Sans';
    font-size:15px;
    font-weight:bold;
    margin-top:-15px;
}


/*.EventImage{
    width:60%;
}*/

.DivNewsContent{
    margin-top:3%
}
.NewsDate{
      font-family:'Open Sans';
    font-size:18px;
}

.NewsHeading{
     font-family:'Open Sans';
    font-size:20px;
    font-weight:bold;
    /*margin-left:35px;*/
    margin-top:-20px;
}

.NewsDescription {
    font-family: 'Open Sans';
    font-size: 15px;
    /*margin-left: 35px;*/
    margin-top: -15px;
    text-align: justify;
}

.RecipeHeading{

      font-family:'Open Sans';
    font-size:15px;
    font-weight:bold;
    margin-left:35px;
  
}

.RecipeDescription{
    font-family: 'Open Sans';
    font-size: 15px;
    margin-left: 35px;
    margin-top: -15px;
    text-align: justify;
}

.Seperator{
    color:Gray;
    width:90%;
    margin-left:0%;
    border-style:solid;
    border-width:1px;
   

}


.Layout1Div{
    margin-top:5%;
     margin-bottom:10%;
    font-size:20px;
    background-color:#e6b800;
    font-weight:bold;
    text-align:center;
    min-height:70px;
    
   
}

.Layout2Div{
    margin-top:5%;
    margin-bottom:10%;
    font-size:20px;
    background-color:#e6b800;
    font-weight:bold;
    text-align:center;
    min-height:70px;
}

.LayoutLinks{
    text-decoration:none;
    color:black;
    vertical-align:middle;
}

.LayoutLinks:hover{
    text-decoration:none;
   
}


.RentalInfoContents{

    font-family:'Open Sans';
    font-size:16px;
    margin-top:2%;
    font-weight:bold;

}

.VendorDirDrop{
    margin-top:20px;
    text-align:center;
}

.SelectProductText{
    color:#cc0000;
    font-family:'Open Sans';
    font-size:18px;
    font-weight:bold;
}

.Indextext{
    margin-top:15px;
  
}

.Indextext option {
    background-color:#e6e6ff;
    /*background-color: #cce6ff;*/
    color:black;
   
   
}

.VendorDirContent{
    margin-top:5px;
    font-family:'Open Sans';
    font-size:14px;
    text-align:center;

}


.VendorSubmitButton{
    color:black;
    font-size:14px;
    margin-top:10px;
    background-color:#ffcc66;
    border:1px solid transparent;
   background-color:#ffcc00;
    border-radius:4px;
    padding:5px 12px;
    
}


.RentalLink1{
    font-size:18px;
    font-family:'Open Sans';
    margin-top:10px;
    margin-bottom:20px;
    text-align:center;
    color:#006600;
    font-weight:bold;
    text-decoration:underline;
}

.RentalLink2{
    font-size:18px;
    font-family:'Open Sans';
    margin-top:10px;
    margin-bottom:20px;
    text-align:center;
    font-weight:bold;    
     text-decoration:underline;
}

.RentalLink1 a, .RentalLink2 a{
    color:#006600;
}


.Rentalform{
   margin-top:5%;
   
}


.greenheading{
    font-size:16px;
    font-family:'Open Sans';
    font-weight:bold;
    color:#004d00;
}


.DirButtonDiv{
    text-align:center;

}

.DirButton{
    border-radius:5px;
    background-color:#ffcc00;
    color:black;
    padding:2px 8px;

}

.RentalTextbox{
    border: 1px solid #ccc;
    border-radius:4px;
    
}

.MandatoryText{
    color:red;
}

.MandatorySign{
    color:red;
}






.FourIconsDiv{
    margin-top:20px;
}
.FourIconsDiv Div{
    display:inline-block;
    padding:30px;
    text-align:center
}




/*    SUB PAGES HEADER DIVS   */

.SubPageText{
    font-family:'Open Sans';
        line-height:25px;
        font-size:15px;
        text-align:justify;
        padding-bottom:25px
}

/*.SubPageText p{
    
}*/

.SubHeaderTitle{
    width:100%;
    font-size:54px;
    text-align:center;
    padding-top:10%;
    text-transform:uppercase;
    position:absolute;
    color:white;
    font-family:'Helvetica';
    font-weight:bold;
}

.SubHeaderTitle2{
    width:100%;
    font-size:54px;
    text-align:center;
    padding-top:7%;
    text-transform:uppercase;
    position:absolute;
    color:white;
    font-family:'Helvetica';
    font-weight:bold;
}


.SubPageTitle{
       width:100%;
    font-size:26px;
    text-align:left;
   padding-top:1%;
    text-transform:uppercase;
   
    color:#4d4d4d;
    font-family:'Helvetica';
    font-weight:bold;
}


.pageHeading{
    font-family:'Open Sans';
    font-size:30px;
    text-align:center;
    
    width:80%;
    margin:auto;
    padding-bottom:25px
}








.AboutHeaderDiv{
     background-image: url("../Images/Ramona_02.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}

.LocationHeaderDiv{
    background-image: url("../Images/Ramona_05.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}

.ContactHeaderDiv{
    background-image: url("../Images/Ramona_04.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}


.RentOnlineHeaderDiv{
    background-image: url("../Images/Ramona_03.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}

.MarketlayoutHeaderDiv{
    background-image: url("../Images/Ramona_08.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}


.DirectionsHeaderDiv{
    background-image: url("../Images/Ramona_06.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}

.ThankYouHeaderDiv{
    background-image: url("../Images/Ramona_01.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}

.EventsHeaderDiv{
    background-image: url("../Images/Ramona_07.png") ; 
   background-size: 100%;
  height: 0; 
  background-repeat:no-repeat;
   width: 100%;
   padding-top:20%  /*Calculated as (height/width)*100   */
}

/*About Us page*/

   #ContentPlaceHolder1_dtlstPhotogallery td{
       border:solid 1px #bfbfbf;
   }


   /*Contact page*/

   .form-horizontal .control-label{
       text-align:left !important
   }


   /*Location Page*/

   .map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin-top:1%;
    box-shadow:0px 1px 20px 1px rgba(0, 0, 0, 0.1), 0px 7px 20px 0px rgba(0, 0, 0, 0.1)
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Thank you page*/


.HorLine{
    width:100%;
    border-width:2px;
    border-color:#666666;
    float:left;
}

.ThankDiv{
    font-size:28px;
    font-family:'Open Sans';
    color:darkgreen;
    margin-top:1%
}


   /* Vendors Template Left Menu */

   .LeftMenuDiv{
      width:230px;
   }

   .LeftMenu{
       text-decoration:none;
       list-style:none;
       padding:0%;
       background-color:#7371E4;
       font-size:15px;
       color:white;
       border-radius:7px

   }

   .LeftMenu li{
    
       
       border-bottom:solid 2px white;
       min-height:30px;
       
   }

    .LeftMenu li a{
        color:white;
       font-family:'Open Sans';
       font-weight:bold;
       text-decoration:none;
       vertical-align:middle;
       padding-left:12px;
       display:block;
       padding-top:3px;
       
   }

    .LeftMenu li a.active {
    background-color: #000;
    color: #FFF;
}

    .LocationLeftTab h4, .SpacemapLeftTab h4{
        background-color:gray;
        font-family:'Open Sans';
        height:30px;
        padding-left:10px;
        padding-top:5px;
        width:230px;
        color:white;
        font-weight:bold;
        border-radius:5px;
       
  
    }

    .LocationLeftTab img, .SpacemapLeftTab img{
       margin-top:-10px
    }

     .LocationLeftTab , .SpacemapLeftTab {
       margin-top:7%;
       display:block;
       
    }


.LocationLeftTab a, .SpacemapLeftTab a {
    text-decoration: none;
}
     
     


     /*Rental options page*/

.NoticeDiv {
    border: solid 1px #e6e6e6;
    border-radius: 5px;
}
     

.Noticetitle {
    border-bottom: solid 1px #e6e6e6;
    background-color: #f2f2f2;
    color: black;
    padding-left: 10px;
}
     

.Noticetext{
    color: #cc0000;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}


/* First Timers checklist page*/

.FirstTimersDiv li{
    margin-bottom:15px
}

/*The Do's page*/

.DosDiv li{
    margin-bottom:15px
}

.DontDiv li{
    margin-bottom:15px
}


/*Rules and regulations page*/

.RulesDiv li {
    margin-bottom:15px
}


/*tent-tie-downs*/
.TentTieImage{
    width:70%;
    margin-top:3%;
    
}



/*Seller Tips page*/


.SellerTipsdiv li {
     margin-bottom:15px
}


/*market layout page*/

.MapDivSun, .MapDivTue, .MapDivSat{
    text-align:center;
        box-shadow:0px 1px 5px 1px rgba(0, 0, 0, 0.1), 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
        margin-bottom:5%
}


.MapDivSun img, .MapDivTue img, .MapDivSat img{
   width:95%;
   margin:5% auto;
}


.LayoutHeading{
    font-family:'Open Sans';
        line-height:25px;
        font-size:27px;
        text-align:justify;
       padding-bottom:10px;
       background-color:#ffcc00;
       color:black;
       padding:10px;
       text-align:center;
}


/*Events page*/
.LiveScheduleDiv{
    
    overflow:auto
}

.EventTable{
    margin:auto;
    width:100%;
    font-family:'Open Sans'
}


.EventTablesubdiv{
    width:50%;
    float:left;
    border:solid 1px gray;
    padding:1px 1px;
    margin-top:5px;
    border:solid 1px rgba(0,0,0,0.1);
    box-shadow:0px 1px 2px 1px rgba(0, 0, 0, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.1)
}



/* Dynamic Weather text */

#FahrenheitValue{
    position:absolute;
    color:#003366;
    font-size:40px;
     padding:10% 8%;
     
}

.WeatherName{
     
     border-radius:67px;
      position:absolute;
     color:#003366;
    font-size:21px;
    font-weight:bold;
    padding:6% 5%
        /*background-color:#00b8d1;*/
}


.NFMAdiv{
    text-align:center;
    margin-top:7%
}

.NFMAdiv img{
    padding-left:3%;
    width:150px;
}


/* Photo Gallery Page */
   
#ContentPlaceHolder1_dtlstPhotogallery span{
    /*width:30%;
    float:left;
    padding:5px 5px;
    box-shadow:0px 1px 4px 1px rgba(0, 0, 0, 0.2), 0px 2px 1px 0 rgba(0, 0, 0, 0.2);
    margin:5px 5px;*/
        width: 31%;
    float: left;
    padding: 5px 5px;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2), 0px 2px 1px 0 rgba(0, 0, 0, 0.2);
    margin: 5px 5px;
    height: 280px;
}




#ContentPlaceHolder1_dtlstPhotogallery{
    width:100%;
}


#ContentPlaceHolder1_dtlstPhotogallery >  br
{
display:none !important; 
}  

.PhotoGalleryDiv{
    width:100%;
    text-align:center;
    overflow:auto; 
    margin-top:2%;
    margin-left:2%;
}


.youtubediv{
     width:100%;
    text-align:center;
    overflow:auto; 
  
    margin-left:2%;
}


.SSImage{
    /*vertical-align:middle;
     margin:5px 5px;
      height:170px;
     image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;*/
    vertical-align: middle;
    margin: 5px 12px;
    height: 259px;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

/*Commercials Page*/

#ContentPlaceHolder1_dtlstVideoGallery span{
      width:46%;
    float:left;
    padding:5px 5px;
   
    margin:5px 5px;
}


#ContentPlaceHolder1_dtlstVideoGallery >  br
{
display:none !important; 
}  



.SelectedListColor{
    background-color:#800000;
}



/* Responsive sub menu  */
.RespSubMenuShopperDiv{
    display:none;
     font-family:'Open Sans';
   

}
.RespSubMenuShopperDiv select{
   
   margin-left:4%;
    margin-top:2%;
    width:30%;
    border-radius:4px;
    height:30px;
    


}

.RespSubMenuVendorDiv{
    display:none;
     font-family:'Open Sans';
}


.RespSubMenuVendorDiv select{
      margin-left:4%;
    margin-top:2%;
    width:30%;
    border-radius:4px;
    height:30px ;
   

}





/* Parallax styles*/

.module.parallax-1 {
    background-image: url("../Images/banner_bckground.png");
    /*background-color:#333333;*/
}

.module.parallax {
    background-size: cover;
}


        .navbar {
            /*min-height: 500px;*/
            margin-bottom: 0px;
        }




/* Slide text from right and left*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.floatr {
  float: right;
}

.floatl { 
  float: left;
}



.bigdl {
  display: inline-block;
  padding: 20px 42px;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
  border-width: 1px;
  border-style: solid;
  border-color: #325bd0 #4561bf #1f4ebb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #2f59c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#538ed8), to(#2f59c4));
  background-image: -webkit-linear-gradient(top, #538ed8, #2f59c4);
  background-image: -moz-linear-gradient(top, #538ed8, #2f59c4);
  background-image: -ms-linear-gradient(top, #538ed8, #2f59c4);
  background-image: -o-linear-gradient(top, #538ed8, #2f59c4);
  background-image: linear-gradient(to bottom, #538ed8, #2f59c4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 2px rgba(0,0,0,0.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 2px rgba(0,0,0,0.25);
}
.bigdl:hover {
  text-decoration: none;
  background: #3b64ce;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5e99e2), to(#3b64ce));
  background-image: -webkit-linear-gradient(top, #5e99e2, #3b64ce);
  background-image: -moz-linear-gradient(top, #5e99e2, #3b64ce);
  background-image: -ms-linear-gradient(top, #5e99e2, #3b64ce);
  background-image: -o-linear-gradient(top, #5e99e2, #3b64ce);
  background-image: linear-gradient(to bottom, #5e99e2, #3b64ce);
}
.bigdl:active {
  background: #294ba2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3d77bf), to(#294ba2));
  background-image: -webkit-linear-gradient(top, #3d77bf, #294ba2);
  background-image: -moz-linear-gradient(top, #3d77bf, #294ba2);
  background-image: -ms-linear-gradient(top, #3d77bf, #294ba2);
  background-image: -o-linear-gradient(top, #3d77bf, #294ba2);
  background-image: linear-gradient(to bottom, #3d77bf, #294ba2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
}

/** animated boxes **/
.animBlock {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all .55s ease-in;
  -moz-transition: all .55s ease-in;
  -ms-transition: all .55s ease-in;
  -o-transition: all .55s ease-in;
  transition: all .55s ease-in;
}
.animBlock[data-position="left"] { left: -20%; }
.animBlock[data-position="right"] { right: -20%; }




.animBlock[data-position="center"] { bottom: -20%; }

.animBlock[data-position="left"].viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.animBlock[data-position="right"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}



.animBlock[data-position="center"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}

/** various box positions **/



/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*----------------------------------------------------------------------------------------------------*/



/*Slide Menu*/
/*+++++++++++++++++++++++++++++++++++++++++++++*/

.sidenav {
    height: 400px;
    width: 0;
    position: absolute;
    z-index: 400;
    top: 0;
    left: 0;
    background-color: #b32400;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    color: white;
    display: block;
    transition: 0.3s;
    list-style:none;
}

.sidenav li{
   
    list-style:none;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#main {

    transition: margin-left .5s;
   
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/*-----------------------------------------------*/