button
{
    border: none;
    padding: 0px;
    appearance: none;
}

.newsfront
{
    background-color: #dfedf5;
    padding-top: 20px;
    padding-bottom: 30px;
}



.udatitemholder-single
{
            display: flex;
            flex-wrap: wrap;
        justify-content: space-between;
}

.udatitemholder-single-fullarticleimage
{ flex-basis: 50%;
}
.udatitemholder-single-fullarticletext
{ flex-basis: 45%;
}

.shop-icon-warnings
{
    color:  #906B3F;
    font-weight: bold;
    padding: 5px;
}

.udatitemimage
{
   height: 550px !important;
}

.product-mainimage
{
    width: 100%;
}

.shop-product-cartadd
{
    font-size: 2.3em;
    padding-top: 20px;
}


.shopcontinuebtn
{
    color: white;
    background-color: black;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    border-radius: 15px;
    
    
}

.shopcontinuebtn:hover
{
  color: #ffedd9;
    background-color: #a37d50;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    border-radius: 15px;
    
    
}

.promocodebox
{
margin-top: 15px;
    font-size: 1em;
    padding-top: 8px;
    padding-bottom: 
    9px;
}

.validatebtn
{
    margin-top: 15px;
    width: 30%;
    margin-left: 2%;
    padding: 10px;
    color: white;
    cursor: pointer;
    
    text-align:center;
    background-color: black;
}

.validatebtn:hover
{
    width: 30%;
    margin-left: 2%;
    padding: 10px;
    color: white;
    cursor: pointer;
    
    text-align:center;
    background-color: 
    grey;
}


.shopcontinuebtn a
{
  
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    border-radius: 15px;
    text-decoration: none;
    
}

.shopy:hover
{
    color: black;
    cursor: pointer;
    background-color: white;

}





.shopyb:hover
{
    color: white;
    cursor: pointer;
    

}

.shop-select
{
    font-size: 0.8em;
    
    padding: 8px;
    max-width: 550px;
   
    text-align: left;
  
}

.shop-product-buy
{
    color: white;
    background-color: black;
    width: 200px;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    border-radius: 15px;
}


.shop-product-addtocartarea
{
    padding-top: 20px;
    font-weight: bold;
}

.shop-product-current-item
{
   
    font-weight: bold;
}

.shop-filter-list-item
{
    font-weight: normal;
    font-size: .8em;
    line-height: 2em;
    padding-left: 30px;
}

.shop-filter-list-item a
{
    color: black;
    text-decoration: none;
}

.shop-filter-list-item a:hover
{
    color: black;
    text-decoration: underline;
}

.shop-category-list-item a
{
    text-decoration: none;
    color: black;
}

.shop-category-list-item a:hover
{
   text-decoration: underline;
}

.shop-category-list-item
{
    font-weight: normal;
    font-size: .8em;
    line-height: 2em;
    padding-left: 10px;
}

.shop-filter-list-item-top
{
    font-weight: bold;
    font-size: .8em;
    line-height: 2em;
    padding-left: 10px; 
}


.shoptable
{

   display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: 1%; 
  width: 100%;
}



.shopcartshipping {
  flex: 66%;
 
  
  margin-top: 20px;
  margin-bottom: 20px;

}
.shopcartinfo {
  flex: 31%;

}



input
{
  width: 50%;

  color: black
  padding: 5px;
  border: 2px solid #d4cbc1;;
  text-decoration: none;
  font-size: 20px;
     cursor:pointer;

 outline:none;
}


/* The Modal (background) */
.modal {
   
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */sh
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
   text-align: center;
  padding: 40px;
  border: 1px solid #888;
  max-width: 400px;
  width: 80%;
}

/* The Modal (background) */
.udatmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
   
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; overflow: hidden; 
  max-width: 100%; 
  margin-left: auto;
  margin-right: auto;
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; 
  height: 100%; 
}


/* Modal Content */
.udatmodal-content {
  border-radius: 25px;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.udatmodalclose {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.basketproductdetailinfoleft
{float:left;}

.basketproductdetailinforight
{float:right;}

.basketproductdetailhead
{
    width: 100%;
    color: black;
    font-weight: bold;
    font-size: 1em;

    padding-bottom: 5px;
}

.basketproductdetailinfoline
{
    width: 100%;
    color: 
#9e9e9e
;

    font-size: 0.8em;
    font-family: 'Courier';
    padding-bottom: 15px;
}

.basket-itemholder
{
    width: 100%;
    margin-top: 25px;
    height: auto;
    display: inline-block;
}

.basketproductimage
{

    float: left;
}


.row-shoparticle
{
    width: 100%;
}

.bgtileshop .productcolums
{
      display: flex;
  flex-direction: row;
  flex-wrap: wrap;
justify-content: center;
  gap: 1%;

}

.shop-product-headline h1
{
	
    font-size: 2.3em;
    color: black;
    line-height: 1.3em;

    
}



.shop-product--single {
  display: flex;
 column-gap: 2%;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}


.shop-product-subtext
{
    font-size: 16px;
      
      padding-left: 20px;
      padding-right: 20px;
border: 2px solid black;
}

.bgtileshop .row-element5
{
    width: 95%;
    
}

.bgtileshop .productcolumn
{
  flex: 30%;

}


.shop-product-results-flex {

  flex-direction: column;
  flex-basis: 15%;
    display: flex;
 column-gap: 2%;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;

}



.shop-product-search-refine
{
margin-top: -24px;
}

.shop-product-search-refine h4
{
    font-size: 18px; padding:10px;
    color: white;
    background-color: black;
}

.shop-product-itemholder
{
    line-height: 1.8em;
    width: 95%;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.shop-product-left {
  
  flex-direction: column;
  flex-basis: 49%;

}

.shop-product-right {
  
  flex-direction: column;
  flex-basis: 49%;

}

.basketproductdetail
{
padding-left: 20px;
    float: left;
    width: 70%;
}

.shopcartinfoinnerhead
{
    font-size: 1.4em;
      	
}

.shopcartinfoinner
{
    background-color: white;
    color: black;
    padding: 20px;
    margin-top: 20px;
    
}



.shopdiscounttext
{
    font-family: 'Courier';
    font-size: 0.5em;
    color: red;
}

.shop-product--fullsearcharea
{
display: inline-flex;
  flex-wrap: wrap;
  gap: 2%;
  width: 100%;

}


.paymentbutton
{
    width: 100%;
cursor: pointer;
    color: white;
    background-color: teal;
    padding: 15px;
    text-align: center;
    margin-bottom: 5px;
}


.shop-qty-selector
{
    font-size: 0.8em;
    font-family: 'Courier';
    padding: 8px;
    width: 100px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

 
  
@media screen and (min-width: 40em) {
    .udatitemholder-multiple-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

    }
    
        .shopitemholder-multiple-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

    }
    
    

    .udatitemholder-multiple {
        flex: 0 1 calc(50% - 1em);
        margin-bottom: 2em;
    }

    .udatitemholder-multiple-empty {
        flex: 0 1 calc(50% - 1em);
        margin-bottom: 1em;
    }


    .shopitemholder-multiple-holder {
        flex: 0 1 calc(50% - 1em);
        margin-bottom: 2em;
        margin-top: 2em;
    }

    .shopitemholder-multiple-empty {
        flex: 0 1 calc(50% - 1em);
        margin-bottom: 1em;
    }


	.udat-hero-text {


}


}

     .shopitemholder-multiple-holdere {
        flex-basis: 20% !important;
    }


.shopcontinuebtn:hover
{

    background-color: #DCDCDC;
    font-size: 18px;


    padding: 20px;
     border-radius: 5px;
    color: #666;

}

.shopcontinuebtn
{
    background-color: #666;
    font-size: 18px;
    
    text-align: center;
  padding: 20px;
     border-radius: 5px;
    color: white;
}





.shopbtn:hover
{

    background-color: #DCDCDC;
    font-size: 13px;
    width: 98%;
    text-align: center;
    padding: 1%;
     border-radius: 5px;
    color: #666;
    cursor: copy;
}

.shopbtn-sold
{

    background-color: red;
    font-size: 13px;
    width: 98%;
    text-align: center;
    padding: 1%;
     border-radius: 5px;
    color: white;
}

.shopbtn
{

    background-color: #666;
    font-size: 13px;
    width: 98%;
    text-align: center;
    padding: 1%;
     border-radius: 5px;
    color: white;
}

.shopprice
{

      font-size: 18px;
       color: #B8860B;
}

.shoptitle
{
    font-size: 25px;
    padding-bottom: 10px;
}



.baskettable {
  
  border-collapse: collapse;
  width: 100%;
}

.baskettable td, .baskettable th {

  padding: 8px;
}





.baskettable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;


}

.shopblockleft
{
    float: left;
    width:50%;
}

.shophholder
{
    min-height: 500px;
}

.shopblockright
{
    float: left;
    width: 90%;
}


@media screen and (max-width:990px) {

  .hero-flex-left { flex-wrap: wrap;  }
.hero-left-img {flex-basis: 100%; }
.hero-left-content {flex-basis: 100%; }

}

.udatitemholder-multiple-holder {

}

@media screen and (min-width: 40em) {
    .udatitemholder-multiple-holder {
        display: flex;

            flex-wrap: wrap;
        justify-content: space-between;

    }

    .udatitemholder-multiple {
        flex: 0 1 calc(50% - 1em);
        margin-bottom: 1em;
    }

    .udatitemholder-multiple-empty {
        flex: 0 1 calc(50% - 1em);
        margin-bottom: 1em;
    }


	.udat-hero-text {


}


}

@media screen and (min-width: 60em) {
  .udatitemholder-multiple-holder
  {
     
  }

    .udatitemholder-multiple {
        flex: 0 1 calc(33% - 1em);
        margin-bottom: 2em;
    }
    .udatitemholder-multiple-empty {
        flex: 0 1 calc(33% - 1em);
        margin-bottom: 2em;
    }
}




/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

img
{
    max-width:100%;
}

.newtopwindow
{
    height: 220px;
    width: 100%;
    padding-top: 35px;
}



/* Add a black background color to the top navigation */
.topnav {

  overflow: hidden;

}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
    font-family: 'Ultra', serif;
    font-weight: normal;
  color: #f2f2f2;
  text-align: center;
  padding: 22px 5px;
  text-decoration: none;
  font-size: 13px;
  padding-right: 15px !important;
}

.dropdown a:hover;
{

}

.newsfront
{
    text-align: center;
}


.oscmflink a
{
    background: #910405;
    color: white;
    padding: 10px;
    border-radius: 20px;
    text-decoration: none;
    
}
.oscmflink a:hover
{
    background: navy;
}


.hero-left-link a
{
    background: #910405;
    color: white;
    padding: 10px;
    border-radius: 20px;
    text-decoration: none;
    
}
.hero-left-link a:hover
{
    background: navy;
}



/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: inherit;
  border: none;


  outline: none;
  color: white;
  background-color: inherit;
  font-family: inherit;

}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}



/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover  {

  

  color: yellow;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1400px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }

  .newtopwindowlogo{
    width: 100%;
height: 178px;
text-align: center;
  }
}

@media screen and (min-width: 1401px) {
    
    .dropdown
{padding-top: 1px;}
    
  .newtopwindowlogo
  {

      width: 178px;

  }

  .newtopwindowright
  {
margin-left: 20px;
      margin-top: 120px;



  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1400px) {
  .topnav.responsive {position: relative;
      
  }
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    background-color:  #910405;
;
  }
  


  .topnav.responsive .dropdown {float: none;  }
  .topnav.responsive .dropdown-content {position: relative;
        }
   
 
   
        .dropbtn
        {
            border: none !important;
        }
        .dropdown-content a
        {
            color: white;
         
        }
        
            .dropdown-content a:hover
        {
            color: yellow;
        }
        
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

  .newtopwindowlogo img
  {
  width: 130px;   
margin-top: -18px;
  }
      

  


  .newtopwindowright
  {


  width: 100%;
margin-top: -55px;



  }
}



.newtopwindowlogo
{
    float:left;
    margin-left: 5px;
    height: 178px;

}

.clearthing
{
    clear:both;
}

.newtopwindowright
{
    float:left;

    color: white;


}

.vid {
    position: absolute;
    top: 0; left:0;
    width: 100%; height: 100%;
    z-index: -1;
}

.pagecontent {
  max-width: 90% ;
  margin-left: auto ;
  margin-right: auto ;


}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

#pagewrap {
	width: 978px;
	max-width: 96%;
	margin: 0 auto;
}
.wrapper {
	overflow: hidden;
}

.newblock
{
    width: 100%;
    background: white;
    padding: 5px;
    margin-bottom:20px;

}

.newblocktextarea
{
padding: 20px;

font-size: 18px;
text-align: justify;
 text-justify: inter-word;
}



.linkbg
{
background-color: #910405;

width: 100%;
color: white;
}

h1
{
color: #910405;

font-size: xx-large;
}

h3
{
color: #ffffff;


font-size: small;
}

h3>a
{
color: #ffffff;
font-size: small;
}

#menuarea
{


float: left;

width: 270px;
}