/*
@font-face {
    font-family: bluehighway;
    src: url('fonts/bluehighway.ttf');
	
}

@font-face {
    font-family: gidoleregular;
    src: url('fonts/gidoleregular.ttf');
}

*/




html, body, p
{
  /* font-family:  */
  font-family: 'bahnschrift', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";;
}

html, body { height:100%; }

.loginbox
{
	position:fixed;
	top:5px;
    right:0;
    left:0;
    top: 0;
    background-repeat: repeat;
    background-position:center top;
    color:#000000;
    background-color:#ffffff;
  /* background-image: url("../images/navbar3.jpg"); */
  z-index:9999999999;
  -moz-box-shadow:    0px 1px 7px 1px #000;
    -webkit-box-shadow: 0px 1px 7px 1px #000;
    box-shadow:         0px 1px 7px 1px #000;
    display:none;
    border:1px solid #ffffff;
  /*  border-radius:5px; */
    margin:5px;
    padding:5px;
    width:100%;
    max-width:300px;
    margin: 5% auto;
}


.loginregisterbox
{
	position:fixed;
	top:0;
    right:0;
    bottom:0;
    background-repeat: repeat;
    background-position:center top;
    color:#000000;
    background-color:#ffffff;
  /* background-image: url("../images/navbar3.jpg"); */
  z-index:9999999999;
  -moz-box-shadow:    0px 1px 7px 1px #000;
    -webkit-box-shadow: 0px 1px 7px 1px #000;
    box-shadow:         0px 1px 7px 1px #000;
    display:none;
    border:1px solid #ffffff;
  /*  border-radius:5px; */
    margin:0;
    padding:0;
    width:50%;
  /*  margin: 5% auto; */
  overflow: scroll;
}


@media (max-width: 800px) {
    .loginregisterbox
    {
    width:60%;
    }
}


@media (max-width: 600px) {
    .loginregisterbox
    {
    width:80%;
    }

}


/* CSS Flex Box Option for Checkout Button */

/* .flex-container {
    position: fixed;
    display: flex;
    background-color: DodgerBlue;
    width: 50%;
  }

  .flex-container > div {
    background-color: #f1f1f1;
    margin: 10px;
    padding: 20px;
    font-size: 30px;
  } */







  /* CSS Grid Option for Checkout Button */

  /* .grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    background-color: #2196F3;
    padding: 10px;
  }

  .grid-container > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
  }

    .checkout-floating-btn {
        grid-column: 2 / 4;
    } */






/* CSS for Checkout Button  */

.checkout-wrapper {
    background-color: #fff;
    width: 100%;
    padding: 1em;
    position: fixed;
    bottom: 0;
    z-index: 2000;
    text-align: center;
    opacity:0;
    transition: opacity .6s;
    pointer-events: none;
}

.checkout-wrapper.display {
    opacity:1;
    pointer-events: all;
}

#checkoutFloatingBtn {
    display: inline-block;
    width: 50%;
    text-align: center;
    padding: 0.7em;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}


/* @media (max-width: 800px) {
    #checkoutFloatingBtn
    {
    margin: 0 auto 0 -200px;
    width:400px;
    }
}


@media (max-width: 500px) {
    #checkoutFloatingBtn
    {
    margin: 0 0 0 -100px;
    width:200px;
    }

} */


.flex-outer li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width:500px;

}

.flex-outer > li > label,
.flex-outer li p {
  flex: 1 0 100px;
  max-width: 200px;
}
 
.flex-outer > li > label + * {
  flex: 1 0 100px;
  max-width:200px;
}

.flex-outer li button {
   /* margin-left: auto; */
    flex: 1 0 200px;

  }


  .linkbutton {
    background: none!important;
    border: none;
    padding: 0!important;
    /*optional*/
   /* font-family: arial, sans-serif; */
    /*input has OS specific font-family*/
   color: #000;
    text-decoration: underline;
    cursor: pointer;
  }


.modal-content  {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}


@media (max-height: 600px) {
    .loginbox
    {

            top: 0;
            bottom:0;
            position:fixed;
            overflow-y:scroll;
            overflow-x:hidden;

    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 10px;
      }
      
      ::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
        box-shadow: 0 0 1px rgba(255,255,255,.5);
      }
      
  }


.loginboxinput
{
    width:100%;
    max-width:300px;
}


.covering-panel {
    background: rgba(0,0,0, 0.6);  
    top:0;
    height: 100vh;                
    position: fixed;              
    width: 100%;                  
    z-index: 999;   
    display:none;              
}


@media (max-width: 1000px) {
  .container {
    max-width: 98%;
  }
}








label
{
	display:block;
	margin:0px;
	padding:0px;
}

input[type="radio"], input[type="checkbox"] {

	margin:5px;

}

.inputContainter, .eleContainer
{
    margin:5px;

}

.CheckoutInputContainer
{
    margin:auto;max-width:510px;padding:0;
}

.ExtraBottomSpace
{
    margin-bottom:200px;

}

.floatLeft
{
    float:left;
}


.floatRight
{
    float:right;
}

.displayNone
{
    display:none;
}

.marginAuto
{
    margin:auto;
}

.FullBasketContainer
{
    margin:auto;
    text-align:center;
    width:100%;
    max-width:780px;
    clear:both;

}

.FullBasketTable
{
    margin:auto;
    border-collapse:collapse;
    width:100%;
    max-width:780px;
    
}

/*
.bluehighway {
    font-family: bluehighway;
	font-size: 17px;
	padding:8px;
	letter-spacing: 4px;
	color:#ffffff;
}

.gidoleregular {
    font-family: gidoleregular;
}
*/

.radio
{
    cursor:pointer;
    
}

.MenuGroupL, .MenuGroupR
{
	border:0;
    width:100%;
    box-sizing: border-box;
    margin-bottom:10px;
    margin-top:10px;
}

.MenuGroupL
{
	float:left;
	clear:left;
}



.MapCard
{
    box-sizing: border-box;
    width:100%;
    border:1px solid #d7dada; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:inline-block;

    background-color: #e5e8e8 ;
    
    /*
    background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
    background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
    background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
    background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
    background-image: -o-linear-gradient(top, #f62b2b, #d20202);
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
 */

	}



.MenuGroupR
{
	float:right;

}

.leftCol
{
	float:left;
    width:48%;
    
    margin-left:5px;
    
}

.rightCol
{
	float:right;
    width:48%;
    
    
    margin-right:5px;
}


.LoginBox
{
	box-sizing:border-box;
	/*   font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
    padding:15px;
    /* color:#165994; */
    background-color:#ffffff;
    -moz-box-shadow:    0px 1px 7px 1px #aaa;
    -webkit-box-shadow: 0px 1px 7px 1px #aaa;
    box-shadow:         0px 1px 7px 1px #aaa;
  
    /* border:1px solid #000000; */
    width:100%;
    

   /* max-width: 300px;*/
    display:table;

    /*
    float:right;
    position: fixed;
    */
    top: -1px;
    
    height: auto;
    
    overflow: auto;
	
	
}


.blackBoxShadow
{
    -moz-box-shadow:    0px 1px 7px 1px #000;
    -webkit-box-shadow: 0px 1px 7px 1px #000;
    box-shadow:         0px 1px 7px 1px #000;
}

.ShoppingCart
{
     transform:translate3d(0,0,0); 
	box-sizing:border-box;
    padding:15px;
    background-color:#ffffff;
    -moz-box-shadow:    0px 1px 7px 1px #aaa;
    -webkit-box-shadow: 0px 1px 7px 1px #aaa;
    box-shadow:         0px 1px 7px 1px #aaa;

    display:table;
    
  /*  height: auto; 
    overflow: auto;*/



    z-index:10000;
    height:100vh;
    width:100%;

    position:relative;
    top: -1px;
    right:0;

    max-width:500px;

/*
        overflow: scroll !important;

       -webkit-overflow-scrolling: touch !important; 
       */

       max-height:1024px; 

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #CompleteBasket, .ShoppingCart {                           
        height: 1024px;                         
    }                       
}   
                                            
/* iPad with landscape orientation. */                       
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {                         
    #CompleteBasket, .ShoppingCart {                           
        height: 768px;                         
    }                       
}
                                               
/* iPhone 5 
You can also target devices with aspect ratio. */                       
@media screen and (device-aspect-ratio: 40/71) {                              
    #CompleteBasket, .ShoppingCart {                           
        height: 500px;                         
    }                       
}

.CatGroups
{
    transform:translate3d(0,0,0); 
}

#CompleteBasket
{
    /* transform:translate3d(0,0,0); */
    position:fixed;
    right:0;
    display:none;
    width:50%;

    
    
}

.ToCheckoutDiv{

    box-sizing:border-box;
    margin:5px;
    position:fixed;
    bottom:0;
    width:100%;
    max-width:450px;

}


.BasketTotalDiv
{
    font-weight:bold;
    border-top:1px solid #000000;
    background-color:#ffffff;
    max-width:430px;
    width:80%;
}


@media (max-width: 900px) {

     
 
     .BasketTotalDiv
     {
        max-width:400px;
     }
 
 }
 


@media (max-width: 800px) {
   #CompleteBasket
    {
        width:60%;
    }

    .ToCheckoutDiv{

        width:60%;
    
    }
    

    .BasketTotalDiv
    {
        width:60%;
    }

}


@media (max-width: 600px) {
     #CompleteBasket
    {
        width:80%;
    }

    .ToCheckoutDiv{

        width:80%;
    
    }
    

    .BasketTotalDiv
    {
        width:80%;
    }

}





.HomeBtnBox
{
    /* font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
    padding:0px;
   /* color:#165994; */

    
    width: 100%;
    float:right;
    position: absolute;
    top: -1px;
    
    height: auto;
    
    overflow: auto;
    
    
    


}

.loginandregisterdivs
{
  
   width:48%;
}

.confirmbasket
{
    width:50%;
    margin:auto;
}

.RegisterForm, .checkoutForm
{
	/* font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
    padding:15px;
    margin:auto;
   /* color:#165994; */

  
    
    box-sizing: border-box;
    
    width: 100%;
    
    
    
}

.RegisterForm
{
    border:1px solid #000000;
}


.orderplacedetails
{
	text-align:center;
	
	
}

.StoreNameHeader
{

    
    color: #ffffff;
    max-width:300px;
    display:block;
    margin:0; 
    padding:0;
}



.StoreDetailsHeaderContainer
{
 transform:translate3d(0,0,0); 

    padding-top:20px;
    position:fixed;
    display:table-cell;
    top:0px;width:100%;
    max-width:1000px;
    z-index:100;
    background-color:#000000;
    border: 1px solid #000000;
    box-shadow:0px 4px 4px -4px #000;

}



@media (hover: hover) {

 .btns-green:hover, .btns-red:hover
{
	background-color:#e5e5e5;
	
}
}

.btns-green
{
	text-decoration:none;
    border-radius: 5px;
    border:0px solid #ffffff;
    color:#ffffff;
    padding:5px 12px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    background-color: green ;
    

    
    margin-bottom:15px;
    
}

.btns-red
{
	text-decoration:none;
    border-radius: 5px;
    border:0px solid #ffffff;
    color:#ffffff;
    padding:5px 12px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    background-color: red ;
    

    
    margin-bottom:15px;
    
}


.wideBtns
{
    max-width:300px;
}



.menuHeader
{
	width:100%;
	/* background-color:#165994; */
	box-sizing: border-box;
}

.menuSubHeader
{
    width:100%;
    background-color: #424949 ;
    box-sizing: border-box;
}

.shoprowExpanded
{
/*	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
   /* color:#ffffff !important; */
    font-weight:bold;
    width:100%;
   /* background-color: #424949 ;  */
    
     background-color:#e5e5e5 ;
    
    
    
    
    
   
    border:1px solid #000000;
    border-bottom:0px;
    
    

    
    

    
    
    
}


.itemsTextDescr
{
/* 	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
	font-style: italic;
	font-size:15px;
	padding:8px;
	/* color:#165994; */
	
	width:100%;
	box-sizing: border-box;
	clear:both;
	
}

.noSelect
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

.TopLoginBtn
{
	/*   font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";*/
    font-style: italic;
    font-size:15px;
    padding:8px;
    /* color:#165994; */
    
    padding-right:50px;
    text-align:right;
    cursor:pointer;
    width:90%;
    
   
    
}

.TopNavBtn
{
       
    padding:8px;
    
    
    
    cursor:pointer;
    
   margin:2px;
    margin-top:20px;
    
   
    
}

.headerText
{
	/* font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
	font-size:15px;
	padding:16px;
	/* color:#165994; */
	
	width:100%;
	box-sizing: border-box;
	clear:both;
	text-align:Center;
		
	
}

.regText, .footerText
{
/*	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
	font-size:15px;
	padding:16px;
	/* color:#165994; */
	
	width:100%;
	box-sizing: border-box;
	clear:both;
	text-align:Center;
}

.footerImage {
    margin-bottom:100px;
}

#shoppinglist
{
/*	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
    font-size:15px;
	padding:8px;
	padding-top:0px;
    padding-bottom:0px;
    /* color:#165994; */
    
    width:100%;
    
    box-sizing: border-box;
    max-height:60vh;
    overflow-y:scroll;
	
	
}

.buyable
{
    cursor:pointer;
    width:100%;
    padding:0px;
    margin:0px;
   
}

@media (hover: hover) {

.buyable:hover
{
	background-color:  #e5e5e5  ;
	
}
}

.itemsText
{
/* 	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
	font-size:15px;
	padding:3px;
	/* color:#165994; */
	
	width:100%;
	box-sizing: border-box;
	display:table;
	
}

.itemPrice
{
	vertical-align:top;
	 float:right;
	padding-right:20px
	
}

.thumbPic
{
	vertical-align:top;
     float:left;
     margin:0;
     padding:0;
     box-sizing:border-box;
	
	
}

.shoprows
{
	background-color:#ffffff;
	display:none;
	height:auto;
	border:1px solid #000000;
	border-top:0px;
/* 	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
    font-size:15px;
   
    padding-top:0px;
    padding-bottom:8px;
   /* color:#165994; */
    
    width:100%;
    box-sizing: border-box;
    clear:both;
    margin-bottom:5px;
	
	
}

html, body { 

   

    height: 100%; 
    
    width: 1px;
    min-width: 100%;
    *width: 100%;


   /* transform:translate3d(0,0,0); */
    overflow: auto !important;
 /*    */
    -webkit-overflow-scrolling: touch !important; 
    
}

iframe { 
    height: 100%; 
    
}

body 
{
	padding:0px;
	margin:0px;

	line-height:1.5em;

/* 	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; */
	font-size:15px;
	
	box-sizing: border-box;

}
/*
button
{
    cursor:pointer;
        -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
    
}
*/





  select,
  textarea,
  input {
    font-size: 16px;
  }

input[type="checkbox"] {
     cursor:pointer;
}

input[type="radio"] {
     cursor:pointer;
}


input[type=email], input[type=number],  input[type=password], input[type=tel], input[type=text], input[type=url], textarea
{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  min-height: 36px;
  padding: 8px 12px;
  width: 100%;
  margin-top: 5px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-size: 16px;  /* 0.9rem; */
  color: #404040;
  outline: none;
}


/*
input[type="button"] {
     cursor:pointer;
        -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}
*/

input[type="submit"] {
     cursor:pointer;
        -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
}


.btnsgreyold
{
	cursor:pointer;
border:1px solid #df0909; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
font-size:0.8rem;
/* font-family:arial, helvetica, sans-serif; */
padding: 10px 10px 10px 10px; 
text-decoration:none; 
display:inline-block;

font-weight:bold; color: #707b7c ;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#641e16), to(#641e16 ));
 background-image: -webkit-linear-gradient(top, #641e16, #641e16);
 background-image: -moz-linear-gradient(top, #641e16, #641e16);
 background-image: -ms-linear-gradient(top, #641e16, #641e16);
 background-image: -o-linear-gradient(top, #641e16, #641e16);
 background-image: linear-gradient(to bottom, #641e16, #641e16);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#641e16);
 
 margin:5px;
 max-width:200PX;
}


.PayBtns
{
	margin:1px;
	color:#ffffff;
	
}

.PaybtnsDiv
{

	display:inline;

}


@media only screen and (max-width : 500px)
{
	.PaybtnsDiv
	{
		display:block;
		clear:both;
		
	
	}

	.PayBtns
	{
		width:100%;
		max-width:200px;
		
	}
}


.btns, button{
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #000000;
    cursor:pointer;
    text-decoration:none; 
    display:inline-block;
    border:0;
    margin:5px;
    width:100%;
max-width:150px;
padding:0;
    
    height:35px;
    font-size:0.7rem;
 /*    font-family:arial, helvetica, sans-serif;  */
}

.xbutton
{
    width:50px;
}


.btnsgrey{
    font-weight:bold; 

    cursor:pointer;
    text-decoration:none; 
    display:inline-block;
    border:0;
    margin:5px;
  
    
  
    
    padding:0px;
    height:35px;
    font-size:0.7rem;
  /*  font-family:arial, helvetica, sans-serif; */
}



@media (hover: hover) {

.btns:hover,  button:hover {
    background-color: #9d9d9c;

    }
}

 .btnsgrey{
    background-color: #9d9d9c;

}

.MenuCats
{
    color: #FFFFFF;
    background-color: #000000;
    width:100%;
	
    box-sizing: border-box;
    
    font-size: 17px;
    

    
    
    
    cursor:pointer;
    margin-bottom:5px;

   
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-*/

            

    
}

.TableHeader
{
    color:#000000;
    font-weight:bold;
}



.buttonold , .btnsold
{
	cursor:pointer;
border:1px solid #df0909; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
font-size:0.8rem;
/* font-family:arial, helvetica, sans-serif; */
padding: 10px 10px 10px 10px; 
text-decoration:none; 
display:inline-block;

font-weight:bold; color: #FFFFFF;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
 
 margin:5px;
 max-width:200PX;
}

.buttonold:hover , .btnsold:hover
{
 border:1px solid #b30808;
 background-color: #e40a0a; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);

 color:#ffffff;
 text-decoration:none;
}













.select-css {
    display: block;
    font-size: 16px;
  /*  font-family: sans-serif; */
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: auto;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}







@media only screen and (min-width : 760px)
{

}



.wrapper 
{
	position: relative;
	/* margin: 120px auto 100px auto; */
	
	width:100%;

	
	top: 0px;
	padding: 0px;
	height:100%;

}

.content_wrapper
{
	max-width: 1000px;
	background-color:#ffffff;
	
	display:table;
	width:100%;
	
	-webkit-columns: 25em;
	-moz-columns: 25em;
	columns: 25em;
	
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
	
	-webkit-column-rule: 1px dotted #ddd;
	-moz-column-rule: 1px dotted #ddd;
	column-rule: 1px dotted #ddd;
	
	padding:0px;
	border-width:0px;
	box-sizing:border-box;
	padding-top:0px;
	margin-top:0px;
	height:auto;
	margin: 0px auto;
	
	
}

.OrderTable
{
	width:100%;
	
	border-collapse:collapse;
}
.OrderTable  td
{
	border:1px solid #CDCDCD;
	margin-bottom:2px;
	padding:2px;
	
	
}

.numberCircle {
	display:inline-block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
	padding: 0px;
    padding-bottom:1px;
    

    background: #fff;
    border: 2px solid #fff;
    color: #666;
    text-align: center;

    font: 15px Arial, sans-serif;
    font-weight:bold;
    margin:auto;
    vertical-align:center;
}

.fb-large
	{
		display:inline;
	}
	.fb-small
	{
		display:none;
	}

#slider
{
	width:100%;
	height:auto;
	width:900px;
	height:506px;
	line-height: 506px;
}

.searchboxes
    {
        display:inline;
    }


.itemdescrblock
{
    width:100%;
    max-width:400px;
    display:inline-block;
 
}

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

    .itemdescrblock
    {

        max-width:350px;

    }


}

@media only screen and (max-width : 900px)
{
	#slider
	{
		width:800px;
		height:450px;
		line-height: 450px;
		
	}
	
	#sliderContainer
	{
		width:800px;
		height:450px;
		
	}
	
	
	.wrapper 
	{

		/* width: 800px; */
		
		 width:100%;

    }
    

    .itemdescrblock
    {

        max-width:300px;
 
    }


}

@media only screen and (max-width : 800px)
{
	
	#slider
	{
		width:700px;
		height:394px;
		line-height: 394px;
		
	}
	
	#sliderContainer
	{
		width:700px;
		height:394px;
		
	}
	
	.wrapper 
	{

		/* width: 700px; */
		
		 width:100%;

    }
    

    .itemdescrblock
    {

        max-width:250px;
  
    }

}

@media only screen and (max-width : 750px)
{
    .itemdescrblock
    {

        max-width:200px;
  
    }

}

@media only screen and (max-width : 700px)
{
	
	#slider
	{
		width:600px;
		height:337px;
		line-height: 337px;
	}
	
	#sliderContainer
	{
		width:600px;
		height:337px;
		
		
	}
	
	.wrapper 
	{

		/* width: 600px; */
		
		 width:100%;

    }

    .itemdescrblock
    {

        max-width:300px;
  
    }
    

}

@media only screen and (max-width : 600px)
{
	
	.fb-large
	{
		display:none;
	}
	.fb-small
	{
		display:inline;
	}
	
	#slider
	{
		width:500px;
		height:281px;
		line-height: 281px;
	}
	
	#sliderContainer
	{
		width:500px;
		height:281px;
		
		
	}
	
	.wrapper 
	{

		/* width: 500px; */
		 width:100%;

	}
	
	
	.loginandregisterdivs
    {
       width:100%;
    }
    
    .confirmbasket
    {
        width:100%;
    }
    
    
    .searchboxes
    {
       float:left;
       clear:both;
       width:100%;
    }
}




@media only screen and (max-width : 500px)
{
	
	.fb-large
	{
		display:none;
	}
	.fb-small
	{
		display:inline;
	}
	
	
	#slider
	{
		width:400px;
		height:225px;
		line-height: 225px;
		
	}
	
	#sliderContainer
	{
		width:400px;
		height:225px;
		
	}
	
	.wrapper 
	{

		/* width: 400px; */
        width:100%;
	}
	
	
	.leftCol
    {
        float:left;
        width:98%;

        margin-left:5px;
        margin-right:5px;
    }

    .rightCol
    {
        float:left;
        width:98%;

        margin-left:5px;
        margin-right:5px;
    }
	
	
	
	
}







@media only screen and (max-width : 400px)
{
	
	.fb-large
	{
		display:none;
	}
	.fb-small
	{
		display:inline;
	}
	
	#slider
	{
		width:300px;
		height:169px;
		line-height: 169px;
	}
	
	#sliderContainer
	{
		width:300px;
		height:169px;
		
	}
	
	.wrapper 
	{
		/* width: 300px; */
		width: 100%;
	}
	
	.leftCol
	{
		float:left;
        width:98%;
        margin-left:5px;
        margin-right:5px;
	}

	.rightCol
	{
		float:left;
        width:98%;
        margin-left:5px;
        margin-right:5px;
    }
    

    .itemdescrblock
    {

        max-width:225px;
      
    }
}


.wi-input
{
	padding:15px;
	width:100%;
	box-sizing:border-box;

	

}

.plusandminus
{
    border:1px solid black;
    display:inline-block;
    width:100%;
    max-width:30px;
    text-align:center;
    margin:0;

    cursor:pointer;
    user-select: none;
}

.plusandminus:hover
{
    background-color: #9d9d9c;
    
}



.SuccessMessage
{
    color:green;
    font-size:larger
}

.colorGreen
{
    color:green;
}

.colorRed
{
    color:red;
}

.mousePointer
{
    cursor:pointer;
    user-select: none;

}


#datepicker
{
    width:257px;
    margin:auto;
}



.DepositDiv
{
    width:100%;
    max-width: 300px;
    margin:auto;
    text-align:center;

    border:1px solid #bee1fa;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;border-radius: 3px;
            font-size:12px;
            font-family:arial, helvetica, sans-serif;
            padding: 10px 10px 10px 10px;
            text-decoration:none;
            display:inline-block;
            
            font-weight:bold;
            background-color: #f2f9fe;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
            background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
            background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
            background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
            background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
            background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
            filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
}


.confirmRejectDiv
{
    width:100%;
    text-align:center;
    margin:50px 0;
}


/* Google Map Styles */

#map {
    height: 300px;
    width: 100%;
}

.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {




    margin-left: 12px;




    text-overflow: ellipsis;



    text-align:center;
    background-color:#ffffff;
    width:90%;
    font-weight:bold;
    font-size:larger;
    border:0;
    font-family:helvetica;

}

#pac-input:focus {
    border-color: #4d90fe;
}

.pac-container {
    font-family: helvetica;


}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: helvetica;
    font-size: 13px;
    font-weight: 300;
}
/* end google map styles */

/* Modal popup for payment CSS */

/* Popup container */
.dontClosePopup,
.paymentSuccessPopup {
    position: relative;
    top: unset;
    /* left: 0; */
    width: 100%;
    text-align: center;
    margin-top:100px;
  }
  
  /* The actual popup (appears on top) */
  .dontClosePopup .payPopupText {
    /* visibility: hidden; */
    visibility: visible;
    width: 100%;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    z-index: 1;
    padding: 3em;
    padding-left: 7em;
    background: #555555d1 url(../../images/yellow-warning-triangle.svg) left 3em center no-repeat scroll;
    background-size: 50px;
    display: block;
    max-width: 560px;
    margin: 0 auto;
  }

  .paymentSuccessPopup .payPopupText{
     visibility: visible;
     width: 100%;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     z-index: 1;
     padding: 3em;
     padding-left: 7em;
     background-color: #a5d9a5;
     display: block;
     max-width: 560px;
     margin: 0 auto;
  }
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .dontClosePopup .show {
    visibility: visible;
    -webkit-animation: fadeIn 0.6s;
    animation: fadeIn 0.6s
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }

.DivBlock{
    border:1px solid #bee1fa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;border-radius: 3px;
    font-size:12px;
    font-family:arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    display:inline-block;

    font-weight:bold;
    background-color: #f2f9fe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f9fe), to(#d6f0fd));
    background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
    background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f9fe, endColorstr=#d6f0fd);
  }

  .notification-table{
    display: flex; 
    justify-content: center; 
    padding: 20px 0;
  }

  .notification-table table{
    border:1px solid #1c2833; 
    border-collapse: collapse;  
    box-shadow: 0px 0px 10px #626567;   
    margin:20px auto; 
  }

  .notification-table th{
    padding:5px; 
    border:1px solid #1c2833;
    font-weight:bold; 
    color:black;
    background-color:#d98880;
  }

  .notification-table td{
    padding:5px; 
    border:1px solid #1c2833;
    color:black;
    background-color:#d6eaf8;
    vertical-align:top;
  }


  #popupModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.popup-content {
    background-color: white;
    padding: 20px;
    border: 2px solid black;
    text-align: center;
}

#closePopup{
    background-color:#9d9d9c;
}