html
		{
		font-family:arial,verdana;
		font-size:14px;
		padding:0;
		margin:0;
		overflow-y: scroll;
		}

body 
{
    background-color: black;
    padding: 0;
    margin: 0;
    background-image: url(/images/shop4.jpg);
    background-attachment: fixed;
	background-size: cover;
	padding-right: 0 !important;
}

img
		{
		border: none;
		}
a
		{
		color:#FFFFFF;
		text-decoration:none;
		}

h1		{
		color:white;
		text-align:left;
		font-family: 'Amatic SC', cursive;
		font-size:50px;
		}

@font-face
{
	font-family: "chalk";
	/*src : url("../fonts/chalk.ttf");*/
	src : url("../css/fonts/chalkboardHeading.ttf");
}

a:hover
		{
		color:#FFFFFF;
		text-decoration:underline;
		}
td, li, p, ul, ol, li
	{
		font-family: 'Open Sans', sans-serif;
		font-size:16px;
		text-align:center;
	}

#mainContentOuter
		{
		position:relative;
		clear:both;
		min-height:600px;
		margin:0 auto;
		text-align:center;
		display:inline-block;
		width:100%;
		margin-top: 20px;
		}

#mainContent
		{
		position:relative;
		margin:0 auto;
		min-height:200px;
		text-align:center;
		color:white;
		}

#mainContent a
		{
		color:#fff;
		text-decoration:none;
		cursor: pointer;
		}
#mainContent a:hover
		{
		text-decoration:underline;
		}
#mainContent h2
		{
		margin-top:0px;
		margin-bottom:5px;
		}

#mainContent h1
		{
		font-size:50px;
		padding-top:50px;
		padding-bottom:50px;
		font-family: 'Amatic SC', cursive;
		color:white;
		margin-top:0px;
		margin-bottom:5px;
		font-weight:bold;
		padding:5px 0px 5px 0px;
		text-align:center;
		letter-spacing:2px;
		}

#shop h2
		{
		padding-top:8px;
		font-weight:normal;
		font-family:Helvetica;
		font-size:16px;
		text-align:center;
		color:white;
		}
#showmore
		{
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(21%, rgba(255,255,255,0.6)), color-stop(58%, rgba(255,255,255,1)), color-stop(91%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 21%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
		}


/*************
  HEADER CART
 ************/

#headerCartOuter
		{
		position:relative;
		float:right;
		}
#headerCartWrap
		{
		position:relative;
		/*width:300px;
		height:38px;*/
		color:white;
		float:right;
		/*background-image:url('/includes/shoppingcart/images/cart_empty.png');
		border-right:1px solid white;
		background-repeat:no-repeat;
		background-size:35px 35px;
		background-position:10px 2px;*/
		cursor:pointer;
		cursor:hand;
		display:inline-flex;
		}

#headerCart
		{
			width: 26px;
			height: 22px;
			float: left;
			background-repeat: no-repeat;
			background-size: 24px;
		}

#headerCartTitle
		{
		height:50%;
		width:140px;
		float:left;
		font-size:14px;
		letter-spacing:2px;
		margin-top:2px;
		/*font-family:'Just Another Hand',cursive;*/
		}

#cartQTY
		{
		display:inline;
		position:relative;
		float:left;
		font-family:'Open Sans',sans-serif;
		font-size:14px;
		letter-spacing:2px;
		}

#cartCost
		{
		display:inline;
		position:relative;
		float:right;
		text-align:right;
		padding-right:10px;
		font-size:14px;
		font-family:'Open Sans',sans-serif;
		}
/********
   MENU
********/

#menu_container
	{
		position:relative;
		background-color:#17340f;
		font-size:16px;
	}

#menu_outer
	{
		position:relative;
		margin:0 auto;
		height:40px;
		text-align:center;
	}
#menu
	{
		padding:0;
		width: 100%;
		z-index:3500000000000;
		font-family: 'Open Sans', sans-serif;
	}

#menu > div
{
	display: flex;
	display: -webkit-flex;
}

#menu div.mainMenu
	{
		list-style: none;
		padding:10px;
		cursor:pointer;
		cursor:hand;
		position: relative;
	}

#menu div.mainMenu a
	{
		text-decoration:none;
		color:#FFF;
		white-space:nowrap;
		display: block;
	}

.mainMenu:hover
		{
		background-color:#233e15;
		color:#FFF;
		}
#menu div.mainMenu:hover > div.subMenu_outer
		{
		display:block;
		position:absolute;
		-webkit-transition: height 1.3s ease-in;
		-moz-transition: height 1.3s ease-in;
		-o-transition: height 1.3s ease-in;
		-ms-transition: height 1.3s ease-in;
		transition: height 1.3s ease-in;
		}
#menu div.subMenu_outer
	{
		position:absolute;
		top:40px;
		display:none;
		background-color:rgba(0,0,0,0.8);
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		border: 1px solid #464646;
		z-index: 9;
		left: 0;
	}

#menu div.subMenu
	{
		padding:5px 10px 5px 16px;
		text-align:left;
		position: relative;
	}

#menu div.subMenu:hover
		{
		background-color:#233e15;
		}
#menu div.subMenu:hover:last-child
		{
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		}

#menu div.subMenu:hover > div.subsubMenu_outer
		{
		display:block;
		position:absolute;
		-webkit-transition: height 1.3s ease-in;
		-moz-transition: height 1.3s ease-in;
		-o-transition: height 1.3s ease-in;
		-ms-transition: height 1.3s ease-in;
		transition: height 1.3s ease-in;
		}
#menu div.subsubMenu_outer
		{
		display:none;
		position:absolute;
		background-color:rgba(0,0,0,0.8);
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		border-top-right-radius:10px;
		margin-top:-27px;
		left:5px;
		}
#menu div.subsubMenu
		{
		padding:5px 10px 5px 10px;
		text-align:left;
		}
#menu div.subsubMenu:hover
		{
		background-color:#233e15;
		}
#menu div.subsubMenu:hover:first-child
		{
		border-top-right-radius:10px;
		}
#menu div.subsubMenu:hover:last-child
		{
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		}

/********
   MENU
********/
/*
#menu_container
		{
		position:relative;
		clear:both;
		height:40px;
		font-size:16px;
		text-align:center;
		margin-top:30px;
		}
#menu_outer
		{
		position:relative;
		width:100%;
		margin:0 auto;
		height:40px;
		text-align:center;
		}
#menu
		{
			width:1000px;
			z-index:3500000000000;
			height:40px;
			font-family: 'Open Sans', sans-serif;
		}
#menu div.mainMenu
		{
		text-align:center;
		display:inline-block;
		list-style: none;
		padding:10px 40px 0px 40px;
		height:30px;
		cursor:pointer;
		cursor:hand;
		font-size:18px;
		color:white;
		}
#menu div.mainMenu a
		{
		text-decoration:none;
		color:#FFF;
		white-space:nowrap;
		}
/*
#menu div.mainMenu:hover > div.subMenu_outer
		{
		display:block;
		position:absolute;
		-webkit-transition: height 1.3s ease-in;
		-moz-transition: height 1.3s ease-in;
		-o-transition: height 1.3s ease-in;
		-ms-transition: height 1.3s ease-in;
		transition: height 1.3s ease-in;
		}
#menu div.subMenu_outer
		{
		position:absolute;
		top:40px;
		display:none;
		background-color:rgba(0,0,0,0.8);
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		margin-left:-40px;
		}
#menu div.subMenu
		{
		padding:5px 10px 5px 16px;
		text-align:left;
		}
#menu div.subMenu:hover
		{
		background-color:#233e15;
		}
#menu div.subMenu:hover:last-child
		{
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		}

#menu div.subMenu:hover > div.subsubMenu_outer
		{
		display:block;
		position:absolute;
		-webkit-transition: height 1.3s ease-in;
		-moz-transition: height 1.3s ease-in;
		-o-transition: height 1.3s ease-in;
		-ms-transition: height 1.3s ease-in;
		transition: height 1.3s ease-in;
		}
#menu div.subsubMenu_outer
		{
		display:none;
		position:absolute;
		background-color:rgba(0,0,0,0.8);
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		border-top-right-radius:10px;
		margin-top:-27px;
		left:5px;
		}
#menu div.subsubMenu
		{
		padding:5px 10px 5px 10px;
		text-align:left;
		}
#menu div.subsubMenu:hover
		{
		background-color:#233e15;
		}
#menu div.subsubMenu:hover:first-child
		{
		border-top-right-radius:10px;
		}
#menu div.subsubMenu:hover:last-child
		{
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		}

*/
/****************
   BLOCK ADVERTS
****************/
#blockAdvertOuter
{ 
	position:relative;
	text-align:center;
	padding-top:10px;

	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.featureProductsWrap
{
	margin-top: 40px;
}

#blockAdvertOuter > a
{
	height: 200px;
	width: 19%;

	display: flex;
	display: -webkit-flex;

	flex-direction: column;
	-webkit-flex-direction: column;
}

#blockAdvertTitle
{
	height:40px;
	background-color:#000;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	opacity:0.8;
	color:white;
	text-align:center;
	font-size:22px;
}

.blockAdvert
{
	position:relative;
	width:100%; 
	height:100%; 
	text-align:left;
	margin-right:4px;
	border-radius:8px;
}


#siteForm_register td
		{
		font-size:8pt;
		color:#5B5B5B;
		}
#siteForm_register input,#siteForm_register select
		{
		border:1pt solid #A5CADC;
		font-style:italic;
		color:#931a1f;
		}

#siteForm_contactUs td
		{
		font-size:8pt;
		color:#5B5B5B;
		}
#siteForm_subscribe td
		{
		font-size:8pt;
		color:#5B5B5B;
		}
#siteForm_subscribe input,#siteForm_subscribe select,#siteForm_subscribe textarea
		{
		border:1pt solid #A5CADC;
		font-style:italic;
		color:#931a1f;
		}


#productCategoryList_navTop_outer
		{
		padding:0px 17px 5px 17px;
		text-align:center;
		}

#productCategoryList_navTop_inner
		{
		float:right;
		text-align:right;
		}

#productCategoryList_sortTop_inner
		{
		float:left;
		}

#productCategoryList_navBottom_outer
		{
		padding:5px 17px 0px 17px;
		text-align:center;
		}

#productCategoryList_navBottom_inner
		{
		float:right;
		text-align:right;
		}

#productCategoryList_sortBottom_inner
		{
		float:left;
		}

div.pagination {
	padding:3px;
	margin:3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	
	text-decoration: none; 
	color: #2e6ab1;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B6B6B6;
	font-weight: bold;
	background-color: #3C4847;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}

div.navSort
	{
	padding:3px;
	margin:3px;
	}
div.navSort a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	
	text-decoration: none; 
	color: #2e6ab1;
}
div.navSort a:hover, div.navSort a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}
div.navSort span.current
	{
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B6B6B6;
	font-weight: bold;
	background-color: #3C4847;
	color: #FFF;
	}

div.navSort span.disabled
	{
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
	}

/********
 sidenav
********/

#sidenav
	{
	position:relative;
	float:left;
	min-height:600px;
	text-align:left;
	background-image:url('/images/chalkboard.png');
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-right:15px solid black;
	border-top:15px solid black;
	padding-left:15px;
	padding-right:15px;
	width:190px;
	}

div.sidenav_heading
	{
	font-weight:bold; 
	color:#fff;
	margin-top:15px;
	margin-bottom:5px;
	font-family:'Schoolbell', cursive;
	font-size:18px;
	}

.sidenav_item
	{
	color:#fff;
	border-bottom:1px solid white;
	padding-top:5px;
	}

.sidenav_item a:hover
	{
	color:#CDCDCD;
	text-decoration:none;
	}

div.sidenav_section
	{
	position:relative;
	text-align:left;
	}


#homePageItems
		{
		position:relative;
		width:80%;
		min-height:150px;
		margin:0 auto;
		text-align:center;
		max-width:1000px;
		}

#shopPageItems
		{
		position:relative;
		width:80%;
		min-height:150px;
		top:50px;margin:0 auto;
		text-align:center;
		}

div.homePage_block_container{
	position:relative;
	border-radius:8px;
	width:150px;
	display:inline;
	margin:9px;
	cursor:pointer;
	cursor:hand;
	display: inline-table;
}


/******
  SHOP
*******/
#mobile_buynow
		{
		display:none;
		}
#desktop_buynow
	{
	display:block;
	}
.product_qty_select
		{
		color:#3c3c3c;
		overflow:hidden;
		}
.product_qty_select:hover
		{
		background-color:white;
		color:black;
		overflow:hidden;
		}

.productBlock
	{
		position:relative;
		width:31%;
		padding: 1%;
		/*padding:20px;
		height:310px;*/
		border: 1px  solid #333;
		border-radius:10px;
		margin-bottom:3%;
		display:inline-block;
		float: left;
		cursor: pointer;

		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;

		background: rgba(0, 0, 0, 0.4);
	}

.productBrief
		{
		position:relative;
		float:left;
		text-align:left;
		width:380px;
		height:165px;
		border:1px solid #191919;
		overflow:hidden;
		padding-left:15px;
		}

.readMorefadeOut
{
	width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
}

.readMoreBg
{
	width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
	background: #191919; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(25, 25, 25, 0.1), #191919); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(25, 25, 25, 0.1), #191919); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(25, 25, 25, 0.1), #191919); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(25, 25, 25, 0.1), #191919); /* Standard syntax */
}

.readMoreLink
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    text-align: left;
}

.readMoreLink>a
{
	color: #fff !important;
    background: rgb(25, 25, 25);
    padding: 1px;
	-moz-box-shadow: 5px 5px 15px rgb(25, 25, 25);
    -webkit-box-shadow: 5px 5px 15px rgb(25, 25, 25);
    box-shadow: 5px 5px 15px rgb(25, 25, 25);
	cursor: pointer;
}
.beerORciderClickInstructions,.beerORciderClickInstructions_mobile
{
	position:relative;
	border:none;
	padding: 5px 10px;
	background: #fff;
	color: #000;
	border-radius: 10px;
	display:inline-block;
	float:right;
	right:-14px;
	top:-5px;
	width:104px;
}
.beerORciderClickInstructions_mobile
{
	display:none;
}
.productBrief>p
{
	text-align: left !important;
}

.productBrief::-webkit-scrollbar { 
    display: none; 
}

.productIndex_productTitle h2
		{
		font-size:60px;
		font-family:'Schoolbell',cursive;
		}

#productBrief p
		{
		line-height:120%;
		font-size:18px;
		}

.productImage
{
	position:relative;
	height: 100%;
	text-align:center;
}
.productImage img
		{
		/*height: auto;
		width: 100%;*/
		max-width: 150px;
		max-height: 150px;
		position: relative;
		z-index: 1111;
		}
.priceButton
		{
		width:100px;
		height:25px;
		color:white;
		border:1px solid white;
		border-radius:5px;
		line-height:25px;
		cursor:pointer;
		cursor:hand;
		}
.priceButton:hover
		{
		background-color:white;
		color:#191919 !important;
		}

div.product_index_price_block_outer
	{
		/*width:100px;*/
		position:relative;
	}

div.product_index_price_block
		{
		position:relative;
		float:left;
		margin-left:10px;
		text-align:center;
		}
div.product_index_price_block_price_title
		{
		font-size:11px;
		}

div.shopPage_block_container{
	position:relative;
	border-radius:8px;
	/*height:300px;*/
	width:300px;
	display:inline;
	margin:9px;
	cursor:pointer;
	cursor:hand;
	display: inline-table;
	padding: 20px;
}

div.shopSubPage_block_container{
	position:relative;
	clear:both;
	width:810px;
	height:50px;
}
.shopSubPage_links{
	position:relative;
	height:20px;
	width:235px;
	border-bottom:1.5px solid black;
	font-size:16px;
	float:left;
	margin-right:20px;
	padding-top:35px;
	cursor:pointer;
	cursor:hand;
	}
.shopSubPage_links:hover{
	color:gold;
	border-color:gold;
}

.shopBlock:hover
		{
		background-color:white;
		color:#191919;
		}
.shopBlock:hover > .invert img
		{
	filter: invert(100%);
    -webkit-filter: invert(100%);
		}

.readmorebutton
		{
		width:100px;
		position:absolute;
		bottom:20px;
		left:120px;
		color:white;
		border:1px solid white;
		border-radius:5px;
		cursor:pointer;
		cursor:hand;
		padding: 5px;
		display: none;
		}	

.upDownProduct
{
	/*position:absolute;*/
	margin-bottom: 5px;
}

.upDownProduct, .upDownProduct_productDetails
{
	/*bottom:20px;
	left:409px;*/
	color:white;
}

.upDownProduct>span, .upDownProduct_productDetails>span
{
	border: 1px solid #17340f;
	padding: 5px 10px;
	display: inline-block;
	cursor:pointer;
	cursor:hand;
	background: #17340f;
}

.totalPoductToBuy
{
	width: 30px;
	text-align: center;
    position: relative;
    border: none;
	padding: 5px;
	color: #000;
}

.buynowbutton
		{
		width:100px;
		position:relative;
		/*bottom:20px;
		right:20px;*/
		color:white;
		border:1px solid white;
		border-radius:5px;
		cursor:pointer;
		cursor:hand;
		padding:5px;
		display: inline-block;
		}

div#cartPriceQtyBtnWrap 
{
   /* position: absolute;
    bottom: 10px;
	width: 100%;*/
}

.readmorebutton:hover
		{
		background-color:white;
		color:#191919 !important;
		}	

.buynowbutton:hover
		{
		background-color:white;
		color:#191919 !important;
		}	

/********************
  SHOP PRODUCT DETAIL PAGE
********************/

#productDetailOuter
		{
		position:relative;
		width:70%;
		min-width:1200px;
		max-width:1200px;
		min-height:600px;
		padding-top:50px;
		margin:0 auto;
		}

#productBottle
		{
		width:200px;
		height:500px;
		float:left;
		padding-top:20px;
		}

#productContent
		{
		width:750px;
		float:left;
		padding-left:20px;
		}

.addToCartButton
		{
		/*height:40px;*/
		/*width:200px;
		padding-top:8px;*/
		border-radius:10px;
		background-image:url('/images/chalkboard_cart.png');
		color:white;
		text-align:center;
		/*margin-bottom:15px;*/
		cursor:pointer;
		cursor:hand;
		padding: 3px;
		margin: 0 auto;
		    max-width: 180px;
		}

#addToCartButton_24
{
	display: none;
}

.packsDisplayMixers
{
	width: 62px;
    background-image: url(/images/chalkboard.png);
    font-weight: bold;
}

#cartButtonText
		{
		width:120px;
		/*height:40px;*/
		float:right;
		text-align:left;
		font-size:20px;
		/*padding:4px;*/
		font-family:'Schoolbell', cursive;
		font-weight:bold;
		line-height: 1.7;
		}

#productDetailTable
		{
		position:relative;
		clear:both;
		width:200px;
		text-align:center;
		float:left;
		color:white;
		}

#productDetailHeader
		{
		background-image:url('/images/chalkboard_cart.png');
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		color:#FFF;
		padding:10px 15px 5px 15px;
		margin-top:10px;
		font-size:25px;font-family:'Schoolbell',cursive;
		font-weight:bold;
		background-position:-40px left;
		}

#productDetailContent
		{
		position:relative;
		min-height:40px;
		border-left:1pt solid #494a4b;
		border-right:1pt solid #494a4b;
		border-bottom:1pt solid #494a4b;
		padding-top:5px;
		min-height:55px;
		width:198px;
		}

#botanicalsTable
		{
		position:relative;
		width:200px;
		min-height:100px;
		text-align:center;
		float:left;
		}

#botanicalsHeader
		{
		height:40px;
		background-image:url('/images/chalkboard_cart.png');
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		color:#FFF;
		padding:10px 15px 5px 15px;
		margin-top:10px;
		font-size:25px;
		font-family:'Schoolbell',cursive;
		font-weight:bold;
		background-position:-200px center;
		}

#frmConfirm
		{
		display:none;
		}

.siteForm input,.siteForm select,.siteForm textarea
		{
		width:100%;
		border-radius:5px;
		padding:8px;
		font-family: 'Helvetica', cursive;
		font-size:17px;
		color:white;
		font-style:normal;
		font-weight:normal;
		border:1px solid white;
		background-color:transparent;
		}

.inputfield
		{
		width: 100%;
		border-radius: 5px;
		padding: 5px;
		font-family: 'Helvetica', cursive;
		font-size: 17px;
		color: white;
		font-style: normal;
		font-weight: normal;
		border: 1px solid white;
		background-color: transparent;
		height: 25px;		
		}

.myButton
		{
		background-color:transparent;
		border-radius:5px;
		border:1px solid white;
		display:inline-block;
		cursor:pointer;
		color:white;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		height:40px !important;
		line-height:25px;
		font-weight:normal;
		}
.myButton:hover
		{
		background-color:white;
		color:black;
		}
.myButton:active
		{
		position:relative;
		top:1px;
		}

div.product_prices_outer
		{
		position:relative;
		float:right;
		width:200px;
		height:220px;
		}

div.product_ourPrice_circle
	{
	position:absolute;
	height:8px;
	width:8px;
	background-color:#FFF;
	border-radius:50%;
	left:45px;
	top:7px;
	z-index:999;
	}

div.product_ourPrice
	{
	position:relative;
	min-height:40px;
	width:100%;
	top:38px;
	font-size:34px;
	text-align:center;
	/*border:1pt solid #0000FF;*/
	margin: 0 auto;
	}

div.product_ourPrice_dollarSign
	{
	position:relative;
	float:left;
	font-size:18px;
	top:-15px;
	}

div.product_ourPrice_dollarValue
	{
	position:relative;
	float:left;
	font-size:50px;
	left:2px;
	top:-18px;
	letter-spacing:-4px;
	}

div.product_ourPrice_centValue
	{
	position:relative;
	float:left;
	font-size:18px;
	text-decoration:underline;
	top:-8px;
	left:5px;
	}

div.product_label_ourPrice
	{
	position:relative;
	height:20px;
	width:98px;
	text-align:center;
	border-left:1px solid #233e15;
	border-right:1px solid #233e15;
	border-bottom:1px solid #233e15;
	padding-top:5px;
	font-size:17px;
	padding-bottom:5px;
	background-color:white;
	white-space:nowrap;
	color:#000;
	}

div.product_usualPrice
	{
	position:relative;
	font-size:12px;
	width:98px;
	white-space:nowrap;
	left:-50px;
	top:88px;
	}

div.product_usualPrice_save
	{
	position:relative;
	font-size:12px;
	color:#ff484d;
	display:inline-block;
	text-align:center;
	}


/*------------------------
PRODUCT INDEX PAGE TAG
------------------------*/

div.product_prices_outer2
	{
	position:relative;
	float:right;
	width:200px;
	height:220px;
	}


#minicart_outer
		{
		position:absolute;
		width:160px;
		}

td.minicart_columnHeader_description
		{
		text-align:left;
		width:300px;
		color:grey;
		}

td.minicart_columnHeader_price
		{
		width:100px;
		text-align:right;
		padding-right:10px;
		color:white;
		}

td.minicart_columnHeader_QTY
		{
		text-align:center;
		width:80px;
		color:white;
		}

td.minicart_columnHeader_lineTotal
		{
		text-align:right;
		padding-left:10px;
		padding-right:10px;
		color:white;
		width:70px;
		}

td.minicart_image
		{
		text-align:left;
		padding-left:10px;
		}

td.minicart_image img
		{
		height:80px;
		}

td.minicart_description
		{
		color:grey;
		padding-left:20px;
		padding-top:7px;
		}

td.minicart_image a
		{
		color:grey;
		}

td.minicart_price
		{
		width:80px;
		text-align:right;
		padding-right:10px;
		color:grey;
		padding-top:7px;
		}

td.minicart_QTY
		{
		text-align:center;
		width:40px
		}

td.minicart_QTY input
		{
		color:grey;
		height:20px;
		width:26px;
		font-size:15px;
		height:13px;
		border:1pt solid #CDCDCD;
		text-align:center;
		}

td.minicart_lineTotal
		{
		text-align:right;
		padding-top:7px;
		padding-right:10px;
		padding-left:10px;
		color:grey;
		white-space: nowrap;
		}

td.minicart_btn_update
		{
		padding-top:7px;
		}

td.minicart_btn_remove
		{
		padding-top:7px;
		}

td.minicart_rowSpacer
		{
		text-align:right;
		padding-right:10px;
		font-size:2px;
		height:10px;
		}

td.minicart_title_subTotal
		{
		padding-right:10px;
		color:grey;
		padding-top:6px;
		padding-bottom:6px;
		font-weight:bold;
		text-align:right;
		}

td.minicart_subTotal
		{
		text-align:right;
		padding-right:10px;
		padding-left:10px;
		padding-top:6px;
		padding-bottom:6px;
		color:grey;
		white-space: nowrap;
		}


#minicart_container
		{
		display:none;
		position:relative;
		top:110px;
		text-align:center;
		z-index:2000000000000000000;
		margin-left:100px;
		}


div.productIndex_productTitle
	{
		font-family:'Schoolbell', cursive;
		position:relative;
		background-size:100%;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		color:#fff;
		/*padding-left:30px;
		padding-left:100px;*/
	}

.productIndexTitleWrap
{
	padding-bottom: 10px;
}

.productIndexTitleWrap>h2
{
	color:white;
	margin-bottom:4px;
}

.productListImg
{
	/*margin-top:-30px;
	margin-left:-10px;*/
}

#shop h2.productIndex_productTitle 
		{
		font-family:'Schoolbell',cursive;
		color:#fff;
		font-size:18px;
		/*padding-top:0px;*/
		font-weight:bold;
		}

#shop
{
	position:relative;
	min-height:200px;
	margin:0 auto;
	padding-top:10px;
}

div.productIndex_brief p
		{
		color:#FFF;
		}


/********
   FAQs
*********/
#faq_container
{
	margin:0 auto;
	position:relative;
}

#faq_container h2
	{
	font-size:24px;
	color:#818181;
	}

#aboutContent
	{
	width:60%;
	position:relative;
	margin:0 auto;
	}

.productIndex_image
	{
	height:300px; padding-top:10px;padding-left:30px;z-index:999999;
	}

.productIndex_productOuter
	{
	display: inline-block;height:415px;width:290px;padding:30px;cursor:pointer;cursor:hand;
	}

#logo
{
	/*text-align:center;
	margin-top:23px;*/
	margin: 0 auto;
}

#logo img
{
	width: 300px;
}

#footer
{
	position:relative;
	clear:both;
	background-color:rgba(23, 52, 15, 0.42);
	font-size:10px;
	text-align:center;
	color:white;
	padding:10px 0;
}

#footerContent
{
	margin:0 auto;
}

#footerContent p
	{
	text-align:center;
	font-size:11px;
	}

div.productIndex_productBlock p
	{
	line-height:1;
	font-size:16px;
	}

div.productIndex_productBlock h2
	{
	font-size:26px;
	font-family:'Schoolbell', cursive;
	position:relative;
	height:30px;
	background-size:100%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color:#fff;
	padding-left:0px;
	}

/********
   BLOG
*********/

.blog_index_block
	{
	position:relative;
	clear:both;
	max-width: 1000px;;
	margin:0 auto;
	padding:15px;
	border: 1px solid #333;
	border-radius: 10px;
	}
.blog_index_block:hover
	{
	background-color:#222;
	border-radius:5px;
	}
div.blog_index_thumb
	{
	height:80px;
	width:80px;
	padding-right:20px;
	text-align:left;
	position:relative;
	float:left;
	}
div.blog_index_thumb img
	{
	height:100%;
	width:100%;
	}
div.blog_index_date
	{
	text-align:left;
	padding-bottom:0px;
	padding-bottom:0px;
	}
div.blog_index_title
	{
	text-align:left;
	padding-top:0px;
	margin-top:0px;
	}
h2.blog_index_title
	{
	font-family:'Amatic SC',cursive;
	color:white;
	font-size:34px;
	margin-top:none;
	}


/*main page image*/
.homePageImg
{
	width:100%;
	margin:0 auto;
	position:relative;
	text-align:center;
}

.homePageImg>img
{
	width: 80%;
	max-width: 700px;
}

#logomenu
{
	display: none;
}

.homePage_block_container>img
{
	width:100%;
}

.topHeader 
{
    background:rgba(23, 52, 15, 0.9);
    display: inline-block;
    width: 100%;
	padding: 5px 0;
	z-index: 9999;
}

#headerLogoWrap 
{
	display: inline-block;
	z-index: 9999;
	width:100%;
	position:relative;
	background-image:url(/images/headerchalk.jpg);
	background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}

.myAccount > a
{
	/*float: left;
	margin-left: 10px;*/
	display: inline-flex;
	dislay: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
}

.myAccount > a > i
{
	margin-right: 10px;
}

.myAccount>a:hover
{
	text-decoration: none !important;
}

.productListWrap
{
	/*float: left;*/
	display: flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#productCart
{
	display: none;
	position: fixed;
    top: 50px;
    right: 20px;
    width: 0px;
    height: 0px;
    background: #fff;
	box-shadow: 1px 1px 5px #777;
	border-radius: 5px;
	font-family: "Courier New", Courier, monospace;
	animation-name: cartAnimation;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
	overflow: hidden;
	z-index: 999999999;
}

@keyframes cartAnimation
{
	from
	{
		right: 1000px;
		top: 1000px;
		animation-timing-function: ease-in;
	}

	to
	{
		bottom: 50px;
		right: 20px;
		width: 325px;
		height: 470px;
		animation-timing-function: ease-out;
	}
}

.editAddressSmallCart
{
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
	font-size: 18px;
}

.editAddressSmallCart:hover
{
	text-shadow: 1px 1px 1px #000;
}

#clearCart
{
	border-radius: 6px;
    display: inline-block;
    padding: 0 6px;
    background: #fff;
    float: left;
    color: #060606;
    font-weight: 600;
	cursor: pointer;
}

#cartHeader
{
	display: block;
	background: #000;
	padding: 5px;
	cursor: move;
}

#cartHeadName
{
	display: inline-block;
	margin-left: 40px;
	cursor: move;
	color: #fff;
}

#cartMainBody
{
	color: #000;
}

#cancelCart
{
	float: right;
    margin-right: 2px;
    background: #ff0000;
    padding: 1px 6px;
    display: inline-block;
    border-radius: 50px;
	cursor: pointer;
}

#minimizeCart
{
	float: right;
    margin-right: 2px;
    background: #507dff;
    padding: 1px 6px;
    display: inline-block;
    border-radius: 50px;
	cursor: pointer;
}

#minimizedCart
{
	display: none;
	position: fixed;
	bottom: 100px;
	left: 20px;
	border-radius: 100px;
	z-index: 99999;
	cursor: pointer;
}

#minimizedCartName
{
	background: #fff;
	color: #000;
	border-radius: 100px;
	padding: 15px 10px;
	/*animation-name: cartMinBorder;
	animation-duration: 1s;
	border: 10px solid #d61212;
	-webkit-animation-fill-mode: forwards;*/ /* Chrome, Safari, Opera */
    /*animation-fill-mode: forwards;*/
}

/*@keyframes cartMinBorder
{
	0%
	{
		border-width: 10px;
		animation-timing-function: ease-in;
	}
	100%
	{
		border-width: 0;
		animation-timing-function: ease-out;
	}
}*/

#cartListBody
{
	height: 310px;
	overflow-y: scroll;
	padding-top: 10px;
}

.cartListLine
{
	clear: both;
	display: block;
    margin-bottom: 5px;
}

.cartIndeTotal
{
	float: right;
	margin-right: 10px;
	margin-top: 3px;
}

.cartTotal
{
	float: right;
	margin-right: 10px;
}

.cartTotalFullPage
{
	float: right;
	/*margin-right: 10%;*/
}

.totalName
{
	float: left;
	margin-left: 10px;
}

.cartItemName
{
	float: left;
	margin-left: 7px;
	width:207px;
	text-align: left;
}

.cartTotalWrap
{
	background: #000;
	color: #fff;
	padding: 2px;
}

.cartProImg
{
	float:left;
	max-width: 20px;
    max-height: 60px;
	margin-left: 3px;
    padding: 2px;
}

.cartQty
{
	display: inline-block;
    min-width: 60px;
}

.cartQty>span
{
	display: block;
    width: 23px;
    height: 24px;
    margin-right: 0;
    float: left;
	background: #000;
	color:#fff;
	cursor: pointer;
	text-align: center;
    line-height: 1.5;
}

.cartQtyMain
{
	display: inline-block;
    min-width: 60px;
}

.cartQtyMain>span
{
	display: block;
    width: 23px;
    height: 24px;
    margin-right: 0;
    float: left;
	background: #17340f;
	color:#fff;
	cursor: pointer;
	text-align: center;
    line-height: 1.5;
}

.cartItemRemove
{
	
}

.cartItemAdd
{
	
}

.cartQtyNumber
{
	width: 23px;
    height: 22px;
    text-align: center;
    float: left;
    border: none;
    position: relative;
    top: 0px;
}

.cartQtyNumberMain
{
	width: 23px;
    text-align: center;
    float: left;
    border: none;
    position: relative;
    top: 0px;
	color: #000;
}

.wrapCartPrices
{
	margin-top: 16px;
	margin-left: 65px;
}

.checkOutBtn {
    background: #000;
    color: #fff;
    /*margin-top: 15px;*/
	cursor: pointer;
}

.cartPerItemPrice {
    position: relative;
    top: -7px;
}

#minimizedCartCancel 
{
    position: absolute;
    color: white;
    background: red;
    display: block;
    padding: 1px 5px;
    border-radius: 50px;
    top: -20px;
    left: 35px;
	cursor: pointer;
}

.chooseItemChips 
{
    width: 149px;
    height: 29px;
    margin-left: 226px;
    position: relative;
    top: 10px;
}

.chooseItemChips>select
{
	width: 100%;
	height: 100%;
	background: none;
    outline: none;
    color: #fff;
    border-radius: 5px;
}

.chooseItemChips>select>option
{
	background: #000;
}

#cartPageTable
{
	
}

.indeItemRow 
{
    clear: both;
	border-bottom: 1px solid #fff;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
	color: #fff;

	display: flex;
	display: -webkit-flex;
}


.indeItemRow>div 
{
    float: left;
}

.indeItemRow >div
{
    float: left;
    width: 75%;
    text-align: center;
    /*border: 1px solid;*/

	display: flex;
	display: -webkit-flex;
}

.itemImg
{
	width:20% !important;
	/*margin-right: 4%;*/
}

.itemImg>img
{
	max-height: 100px;
    max-width: 100px;
}

.fullCartDescriptionAndPriceWrap_inde>div
{
	width: 33.3333%;
	float: left;
}

.itemTitle
{
	
}

.itemTitle>a
{
	color:#fff !important;
	text-decoration:none;
}

.itemPrice
{
	
}

.itemPriceTotal
{
	text-align: right;
}

.minicart_QTY>input
{
	height:14pt;
	width: 25px;
    text-align: center;
}

#cartpageTable
{
	width: 100%;
	border: none;
}

#fullpageCartHeaders
{
	display: flex;
	display: -webkot-flex;
	border-bottom: 1px solid #fff;
}

#fullpageCartHeaders > div
{
    width: 25%;
   /* margin-right: 4%;
    font-size: 67%;*/
    padding: 5px 0;
}

#totalHeaderFullpage
{
	margin-right: initial !important;
}

.itemTitle > h1
{
    /*width: 52% !important;
    clear: right;
    margin-bottom: 25px;*/
	font-size: 22px !important;
}

#cartDetails 
{
    /*max-width: 800px;*/
	margin: 0 auto;
}


#headerShoppingCart
{
	position: relative;
	cursor: pointer;
}

#headerShoppingCart>img
{
	width:30px;
}

#headerCartTotalItem
{
	position: absolute;
	background: red;
	display: inline-block;
	padding: 2px 8px;
	border-radius:50px;
	color: #fff;
	left: -15px;
}

#userIcon
{
	font-size: 22px;
	color: #FF9800;
}

#userIconIdel
{
	font-size: 22px;
	color: #ccc;
}

#userName
{
	border: 1px solid #9e9e9e;
    padding: 1px 4px;
    border-radius: 4px;
    background: #0c3500;
}

#newAccountForm
{
	position:relative;
	float:left;
	text-align:left;
	width:48%;
	padding-right: 25px;
	border-right:1px solid #CDCDCD;
}

#loginDivWrap
{
	position:relative;
	float:right;
	text-align:left;
	width:48%;
}

#checkOutWrap
{
	display: flex;
	display: -webkit-flex;
}

#checkOutCustomerInfo
{
	display: block;
    width: 45%;
	margin-right: 5%;
}

#checkOutCustomerInfo>div
{
	/*width:48%;
	margin-bottom: 10px;*/
}

#creditCardInfo
{
	display: block;
    width: 50%;
}

#creditCardInfo>div
{
	display: inline-block;
	/*float: left;*/
	width: 100%;
	margin-bottom: 15px;
	text-align: left;
}

.updInformation
{
	width: 70%;
	font-size: 15px;
	outline: none;
	border-radius: 10px;
    padding: 8px;
    border: none;
}

.updInformation:hover
{
	box-shadow: 1px 1px 5px #fff;
}

.checkOutCustomerInfoInputs
{
	width: 100% !important;
	font-size: 15px;
	margin-bottom: 15px;
}

#suburbSelect_accInfo_checkOut
{
	color: #000;
	width: 100%;
}

.popUpSearchSuburbWrap
{
	margin-bottom: 15px;
	position: relative;
}

.creditCardInfoInputs
{
	width: 100%;
	font-size: 15px;
	outline: none;
}

.popUpSearchSuburb
{
	display: none;
	position: absolute;
	background: #fff;
	color: #000;
	left: 100px;
	min-width: 300px;
	text-align: left;
	max-height: 300px;
	overflow-y:auto;
	z-index: 9999;
}

.searchedSuburbListInde
{
	cursor: pointer;
	padding: 5px;
}

.dropdown-menu li a
{
	color: #fff !important;
}

#cardType
{
	width: 100%;
}

.cardMonthYearExpiryWrap
{
	/*margin-left: 68px;*/
	display: inline-block;
	width: 100%;
}

.cardMonthYearWrap
{
	width: 80%; 
	margin-right: 5px;
}

.cardMonthYearWrap > div
{
	display: flex;
	display: -webkit-flex;
}

.cardMonthYear
{
	margin-right:8px;
	font-size: 15px;
}

.cardExpiry
{
	font-size: 15px;
}

.cardCVN
{
	width: 20%;
}

.cardCVN > input
{
	font-size: 15px;
	text-align: center;
	height: 42px;
}

.cardMonthYearExpiryWrap
{
	display: flex;
	display: -webkit-flex;
}

#checkoutTotalConfirmWrap
{
	margin-top: 10px;
}

#checkoutTotal
{
	display : inline-block;
	width: 100%;
	border: 1px solid #525252;
    padding: 5px 0;
    background: #000;

}

#confirmCheckoutBtn
{
	display: inline-block;
	padding: 5px 0;
	width: 100%;
	margin: 15px 0;
	cursor: pointer;
}

#CVN_lightbox, #TNC_lightbox{
    position: fixed;
	display: none;
    top: 0;
    z-index: 99999999;
    left: 0;
}

#cvnContentHelp, #tncContentHelp {
    display: block;
    width: 70%;
    background: #fff;
    position: fixed;
    top: 10vw;
    z-index: 99999999;
    padding: 10px;
    bottom: 100px;
    overflow-y: scroll;
    left: 14%;
	border-radius: 10px;
}

#tncContentHelp h1
{
	color: #000;
}

#tncContentHelp>p
{
	color: #000;
}

#cvnBgHelp, #tncBgHelp {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
}

#cancelBtnCVN, #cancelBtnTNC
{
	display: inline-block;
    padding: 6px 10px;
    color: #fff;
    background: #f00;
    position: fixed;
    z-index: 999999999;
    top: 9vw;
    left: 84%;
    border-radius: 50px;
	cursor: pointer;
}

#clearCartMain 
{
    /*background: #960000;*/
    padding: 7px;
    margin-top: 15px;
    cursor: pointer;
    border: 1px solid #a5a1a1;
	border-radius: 5px;
	margin-bottom: 15px;
	width: 100%;
}

.checkUserInfoHeader
{
	margin-bottom: 0;
}

.checkOutBtnSubmit
{
	width: 100%;
    background: none;
    border: none;
    color: #fff;
	outline: none;
	cursor: pointer;
	border: 1px solid #a5a1a1;
    background: #17340f;
    padding: 7px;
	border-radius: 5px;
}

.cardIcons
{
	
	width: 300px;
    margin: 5px auto 0 auto;
    border: 1px solid #676767;
    padding: 5px 0;
	background: #000;
}

.cardIcons>i
{
	font-size: 40px;
}

#cardSaveOption
{
	margin-left: -55px;
}

.disabledSelect
{
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
   appearance: none;
}

.homePageCategoryName
{
	position: absolute;
    top: 41%;
    left: 0;
    font-family: chalk;
    font-weight: 100;
    color: rgba(255, 255, 255, 0.75);
    font-size: 90%;
    text-align: center;
    width: 100%;
}

.categoryButtonWrap
{
	position: relative;
	border: 1px solid #fff;
	width: 49%;
	margin-bottom: 10px;
	/*margin-left: auto;*/
	margin-right: 1%;
	border-radius: 10px;
	float: left;
	cursor: pointer;
}

.categoryButtonWrap>div
{
	/*float: left;*/
	display: inline-block;
}

.categoryButtonWrap:nth-child(even)
{
	margin-right: 0 !important;
}

.categoryButtonWrap_title
{
	color: #fff;
	margin-top: 10px;
	left: 5%;
	position: absolute;
	top: 30%;
	font-size: 160%;
	font-family: chalk;
}

.homePage_block_container_category
{
	float: right !important;
}

.categoryItemWrap
{
	width: 100%;
	margin-top: 30px;

	display: flex;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    justify-content: center;
	-webkit-justify-content: center;
}

.suburbSelect_wrap, .suburbSelect_bg
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 9999999999;
}

.suburbSelect_bg
{
	background: rgba(0, 0, 0, 0.5);
}

.suburbSelect_main
{
    position: absolute;
    top: 10%;
    left: 40%;
    z-index: 99999999999;
	background: #fff;
    padding: 20px;
}

.suburbSelect_searchArea_header
{
	color: #000;
}

.suburbSelect_cancel
{
	position: absolute;
    color: #d20101;
    border: 1px solid #000;
    border-radius: 100%;
    padding: 10px 14px;
    right: -40px;
    top: -40px;
    background: #fff;
    font-weight: bold;
	cursor: pointer;
}

.suburbSelect_input
{
   position: relative;
   width: 300px;
   padding: 6px;
   border-radius: 5px;
   border: 1px solid #000;
   outline: none;
}

.suburbSelect_add_Btn
{
	padding: 7px;
    color: #fff;
    background: #000;
    border: none;
    cursor: pointer;
	border-radius: 5px;
}

.suburbSelect_add_Btn:hover
{
	box-shadow: 1px 1px 5px 1px #000;
}

.suburbSelect_searchArea_input
{
    position: relative;
}

.suburbSelect_result_popup
{
    display: inline-block;
    position: absolute;
    width: 87%;
    background: #fff;
    left: 0;
	border-radius: 5px;
	/*box-shadow: 1px 1px 5px 1px #fff;*/
	max-height: 300px;
	overflow-y: scroll;
	z-index: 99;
}

.suburbSearch_resultLine
{
	color: #000;
    padding: 5px;
    background: #eaeaea;
    margin: 1px 2px 1px 2px;
    border-radius: 5px;
	text-align: left;
	cursor: pointer;
}

#suburbSelect_input
{
	height: auto !important;
	width: 100% !important;
	background: #191919 !important;
	color: #bdbdbd;
}

#suburbSelect_accInfo_edit {
    height: 38px;
    width: 47%;
}

.deliverySuburb_cart
{
	color: #000;
	text-align: left;
    /*margin-left: 5px;*/
	background-color: grey;
    padding: 3px;
}

.deliveryComment_wrap
{
	
}

.deliveryComment
{
	width: 100%;
	height: 100px !important;
	font-size: 16px;
	resize: none;
	outline: none;
}

.confirmAccountPassInputWrap
{
	margin-top:30px;
}

.confirmAccountPassInput
{
	width: 70%;
	height: 20px;

}

.confirmAccountPassBtn
{
	width: 27%;
	height: 27px;
	cursor: pointer;
}

/* for animated tick box - start */

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

/* for animated tick box - end */

.paymentStatusPopUp_wrap
{
	display: none;
}

.paymentStatusPopUp_wrap, .paymentStatusPopUp_bg
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.paymentStatusPopUp_bg
{
	background: rgba(0, 0, 0, 0.7);
}

.paymentStatusPopUp_main
{
	background: #fff;
	position: absolute;
	top: 20%;
	left: 40%;
	z-index: 99999;
	min-width: 100px;
	min-height: 150px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px 1px #ccc;
}

.paymentStatusPopUp_cancel
{
	position: absolute;
	top: -35px;
	left: -35px;
	background: #fff;
	padding: 6px 10px;
	color: #f00;
	border-radius: 100%;
	cursor: pointer;
}

.paymentStatusPopUp_content {
    color: #000;
}

.footer_termsAndConditions_outer
{
	width: 100%;
	font-size: 12px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.footer_termsAndConditions_outer > div
{
	
}

.conditions_wrap_footer>span
{
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
}

.productDetail_productInde_variants
{
	text-align: center;
}

.productDetail_productInde_variants > b
{
	margin-right: 10px;
}

.productDetail_productInde_variants > span
{
	margin-right: 25px;
}

.productDetail_productInde_variants > span:last-child
{
	margin-right: 0 !important;
}


.productDetail_productIndeWrap
{
	margin-bottom: 20px;
	    display: flex;
    display: -webkit-flex;
}

.productDetail_productIndeWrap > div
{
	/*float: left;*/
}

.productDetail_productInde_image
{
	/*width: 10%;*/
}

.productDetail_productInde_details
{
	/*width: 68%;*/
	margin-left: 30px;
    margin-right: 30px;
}

.productDetails_productPrice_wrap_list
{
	/*width: 20%;*/
}

.productDetail_productInde_image>img
{
	margin-top: 10px !important;
	max-width: 150px;
	max-height: 250px;
}

.productDetails_productPrice_list
{
	margin: 0 auto;
	display: inline-block;
	margin-top: 10px;
}

.productDetails_productPrice
{
	border-radius: 10px;
	display: inline-block;
	padding: 5px 10px;
	border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: dotted;
    border-left-style: solid;
	border-width: 2px;
	border-color: #fff;
}

.productDetails_productPrice_wrap
{
	float: left;
	margin-right: 15px;
}

.productDetails_addToCartBtn_wrap
{
	margin-top: 60px;
}

.productDetails_addToCartBtn > span
{
	cursor: pointer;
	border: 1px solid #fff;
	padding: 5px 10px;
	background: #fff;
	color: #000;
	border-radius: 10px;
}

.productDetails_addToCartBtn_wrap > span > span:hover
{
	box-shadow: 1px 1px 5px 1px #fff;
}

.productDetails_addToCartBtn > span:hover
{
	box-shadow: 1px 1px 5px 1px #fff;
}

.classNameForBeer_prices
{
	cursor: pointer;
}

.classNameForBeer_prices:hover
{
	background: #fff;
	color: #000;
}

.logOutBtn
{
	margin-left: 10px;
}

#updInfoBtn, .logOutBtn
{
	cursor: pointer;
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 7px 20px;
	color: #fff;
	background: none;
	outline: none;
}

#updInfoBtn:hover
{
	color: #0f0;
}

.logOutBtn:hover
{
	color: #f00;
}

.passwordReset_wrap
{
	width: 50%;
	margin: 0 auto;
	max-width: 700px;
}

.passwordResetFields > input
{
	width: 100%;
	padding: 7px; 
	border-radius: 10px;
	margin-bottom: 7px;
	border: none;
	outline: none;
	font-size: 16px;
}

.resetBtn_wrap > button
{
	border: none;
	padding: 8px 20px;
	border-radius: 10px;
	cursor: pointer;
	outline: none;
}

.resetBtn_wrap > button:hover
{
	color: #f00;
}

.logoutBtnHeader
{
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}

.logoutBtnHeader:hover
{
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 1px 4px;
	background: #4e4e4e;
}

#profile
{
	padding: 5px !important;
}

#tabs_myAccount, #tabs_myAccount>ul
{
	border-color: #3c3c3c;
	background: rgba(23, 52, 15, 0.64);
}

#tabs_myAccount>ul
{
	border-top: none;
	border-left: none;
	border-right: none;
}

#yourInfo, #tabs_myAccount>ul>li>a
{
	color: #fff;
	outline: none !important;

}

#tabs_myAccount>ul>li
{
	border-radius: 10px;
	background: #191919;
	border-color: #4e4e4e;
	outline: none !important;
}

#tabs_myAccount>ul>li>a:hover
{
	text-decoration: none;
}

.loginLinkBtn_checkout
{
	display: inline-block;
	padding: 5px 15px;
	border: 2px solid #fff;
	margin-top: 5px;
	border-radius: 10px;
	color: #fff !important;
}

.loginLinkBtn_checkout:hover
{
	border: 2px solid #008e0c;
	text-decoration: none !important;
}

.selectTimeForDeliveryOuter
{
	text-align: left;
	margin-top: 10px;
	display: inline-block;
}
.selectTimeForDelivery > div > input
{
	padding: 4px;
	font-size: 16px;
	border: none;
	outline: none;
}

.deliveryTime
{
	/*pointer-events: none;
	background: #ccc;*/
}

.creditCardWaitWrap
{
	display: none;
}

.creditCardWaitWrap, .creditCardWaitBg
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.creditCardWaitBg
{
	background: rgba(0, 0, 0, 0.8);
}

.creditCardWaitSpinner
{
	position: fixed;
	left: 45%;
	top: 45%;
	font-size: 100px;
	color: #fff;
	z-index: 999999;
}

.myOrders_list_header_wrap
{
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
}

.myOrders_list_header_wrap > span
{
	float: left;
	color: #fff;
	margin-right: 15px;
	cursor: pointer;
}

.myOrder_list_details_wrap
{
	display: none;
	border: 1px solid #ccc;
}

.rotateDownArrow
{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.printMyOrderBtn
{
	float: right !important;
	font-size: 20px;
}

.printMyOrderBtn > i:hover
{
	text-shadow: 1px 1px 5px #fff;
}

.totalAmout_MyOrder
{
	float: right !important;
	margin-right: 15px;
}


.voucher_CheckOut_wrap > div
{
	margin-top: 10px;
}

.voucher_CheckOut_wrap > div > input
{
	padding: 5px;
}

#myVouchers
{
	color: #fff;
}

#myVouchers > div
{
	clear: both;
	padding: 5px;
}

#myVouchers > div > div
{
	float: left;
	margin-right: 1%;
	width: 87%;
}

#myVouchers > div > div > div
{
	float: left;
	margin-right: 1%;
	width: 15%;
}

.voucherDet_mobile
{
	display: none;
}

.voucherIndexNo, .voucherStatusWrap
{
	width: 5% !important;
}

.voucherStatus
{
	padding: 8px;
	display: inline-block;
	border-radius: 100%;
}

.voucherNotExpired
{
	background: #1D7F00;
}

.voucherExpired
{
	background: #f00;
}

.voucherAmt
{
	text-align: right;
}

.myVouchersHeaderWrap > div
{
	font-weight: bold;
}

.voucherStatusIconCheckOut
{
	font-size: 26px;
	/*position: absolute;
	right: 10px;
    top: 3px;*/
}

.moreIconVoucher
{
	font-size: 20px;
	cursor: pointer;
}

.moreIconVoucher:hover
{
	text-shadow: 2px 2px 2px #fff;
}

.moreInfo_voucher_wrap
{
	display: none;
}

.okVoucherColor
{
	color: #00AB13;
}

.notOkVoucherColor
{
	color: #f00;
}

.checkVoucherActWrap
{
	position: relative;
	background: #000;
	border: 1px solid #525252;
	width: 100%;
	padding: 5px;
	margin-bottom: 5px;

	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}

.checkVoucherActWrap > input
{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	padding:4px;
}

#voucherNo
{
	border: 1px solid #ccc;
}

#checkVoucherBtn
{
	border: none;
	background: #0C6C01;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 3px;
	outline: none;
}

#checkVoucherBtn:hover
{
	box-shadow: 1px 1px 5px 1px #fff;
}

.voucherAmountLeftWrap, .voucher_CheckOut_wrap
{
	display: none;
	border: 1px solid #676767;
	padding: 5px;
	/*display: inline-block;*/
	width: 290px;
	margin-bottom: 10px;
}

.voucherAmountLeftHeader
{
	background: #fff;
	color: #000;
	padding: 5px;
	margin-bottom: 10px;
}

.voucherValidDateWrapCheckOut
{
	margin-top: 10px;
}

.voucherAmountLeftAmount > input
{
	width: 70px;
	text-align: center;
	border: none;
	background: none;
	color: #fff;
}

.voucher_CheckOut_wrap > div
{
	display: inline-block;
	width: 101%;
}

.voucher_CheckOut_wrap
{
	background: #000;
}

.voucher_CheckOut_wrap > div > input
{
	border: none;
	background: none;
	float: right;
	width: 70px;
	color: #fff;
	text-align: right;
}

.voucher_CheckOut_wrap > div > span
{
	float: left;
	padding: 5px;
}

#amountToApply
{
	border: 1px solid #ccc;
	outline: none;
}

.voucherOrderDetailIndeWrap
{
	display: inline-block;
	width: 100% !important;
	margin-bottom: 10px;
}

.voucherOrderDetailIndeTitle 
{
	width: 86% !important;
	text-align: left;
	border: 1px solid #393939;
    padding: 5px;
	border-radius: 5px;
}

.dotBeforeVoucherItems
{
	font-size: 14px;
}

.voucherOrderDetailIndeAmt
{
	width: 10% !important;
	text-align: right;
}

.printMyVoucherDetBtn
{
	background: none;
	border: none;
	cursor: pointer;
	color: #fff;
	outline: none;
}

.orderNo_VoucherDet
{
	margin-bottom: 10px;
}

.myOrderTitles_wrap
{
	color: #fff;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
}

.myOrderTitles_wrap > div
{
	float: left;
	margin-right: 10%;
}

.printMyOrderTitle
{
	float: right !important;
	margin-right: 10px !important;
}

.totalMyOrderTitle
{
	float: right !important;
	margin-right: 15px !important;
}

.myAccountWrap
{
	width:100%;
	position:relative;
	margin:0 auto;
}

.addVoucherDiv
{
	position: relative;
	display: inline-block;
	width: 100%;
}

.addVoucherDiv >div
{
	float: right!important;
	display: inline-block;
	width: auto !important;
	position: relative;
}

.addVoucherDiv >div > span
{
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px 10px;
	cursor: pointer;
}

.addVoucherDiv > div > span:hover
{
	box-shadow: 1px 1px 5px 1px #fff;
}

.voucherNoByCustomer_add_wrap
{
	display: none;
	position: absolute;
	background: #fff;
	padding: 5px;
	/*display: inline-block;*/
	width: auto !important;
	left: 0;
	top: -75px;
}

#voucherNoByCustomer_add
{
	margin-bottom: 10px;
	outline: none;
}

#addVoucherNoCustomerBtn
{
	cursor: pointer;
}

.sortBy_ProductIndex
{
	border: 1px solid #333;
	border-radius: 10px;
	width: 650px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	margin-bottom: 10px;
}

.sortBy_ProductIndex > span
{
	float: left;
	width: 34%;
	border-right: 1px solid #333;
	cursor: pointer;
	font-weight: bold;
}

.sortBy_ProductIndex > span > a
{
	display: block;
	padding: 10px 0;
}

.sortBy_ProductIndex > span:hover
{
	background: #fff;
	color: #000;
}

.sortBy_ProductIndex > span:first-child
{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.sortBy_ProductIndex > span:last-child
{
	border-right: none !important;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

/*------------------------
PRODUCT INDEX PAGE TAG
------------------------*/

div.product_prices_outer2
{
	position:relative;
	float:right;
	width:200px;
	height:220px;
}


div.product_ourPrice_outer2  /* PRODUCT INDEX PAGE */
{
	position:relative;
	/*display: inline-block;
	height:140px;
	width:75px;*/
	/*top:20px;
	left:20px;*/
	background-image:url('/images/chalkboard.png');
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#FFF;
	text-align:center;
	font-family:'Schoolbell',cursive;
	background-position:-80px center;
	z-index:1000;
	text-align:center;
	/*-webkit-transform:scale(1.2) rotate(10deg) translate3d( 0, 0, 0);
	-moz-transform:scale(1.2) rotate(10deg) translate3d( 0, 0, 0);
	-o-transform:scale(1.2) rotate(10deg) translate3d( 0, 0, 0);
	-ms-transform:scale(1.2) rotate(10deg) translate3d( 0, 0, 0);*/

	-webkit-transform: rotate(10deg) translate3d( 0, 0, 0);
	-moz-transform: rotate(10deg) translate3d( 0, 0, 0);
	-o-transform: rotate(10deg) translate3d( 0, 0, 0);
	-ms-transform: rotate(10deg) translate3d( 0, 0, 0);

	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;

	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;

	min-height: 120px;
}

div.product_ourPrice_outer2:hover
{
	-webkit-transform:scale(1.2) rotate(-10deg) translate3d( 0, 0, 0);
	-moz-transform:scale(1.2) rotate(-10deg) translate3d( 0, 0, 0);
	-o-transform:scale(1.2) rotate(-10deg) translate3d( 0, 0, 0);
	-ms-transform:scale(1.2) rotate(-10deg) translate3d( 0, 0, 0);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

div.product_ourPrice_circle2
{
	position:relative;
	height:6px;
	width:6px;
	background-color:#FFF;
	border-radius:50%;
	margin-top:7px;
	z-index:999;
}

div.product_ourPrice2
{
	position:relative;
	min-height:30px;
	width:100%;
	font-size:28px;
	text-align:center;
	/*border:1pt solid #0000FF;*/
	margin: 0 auto;
}

.priceDisplay_price_productIndex
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 0 10px;
}

.priceDisplay_price_productIndex > div
{
	line-height: 1;
}

div.product_ourPrice_dollarSign2
{
	position:relative;
	font-size:14px;
}

div.product_ourPrice_dollarValue2
{
	position:relative;
	font-size:38px;
	left:2px;
	/*letter-spacing:-1px;*/
}

div.product_ourPrice_centValue2
{
	position:relative;
	font-size:14px;
	text-decoration:underline;
	margin-left:3px;
}

div.product_label_ourPrice2
{
	position:relative;
	width:100%;
	text-align:center;
	border-left:1px solid #233e15;
	border-right:1px solid #233e15;
	border-bottom:1px solid #233e15;
	font-size:17px;
	background-color:white;
	white-space:nowrap;
	color:#000;
	padding: 0 10px;
}

div.product_usualPrice2
	{
	position:relative;
	font-size:9px;
	width:100%;
	white-space:nowrap;
	left:-50px;
	top:88px;
	}

div.product_usualPrice_save2
{
	position:relative;
	font-size: 15px;
	color:#ff484d;
	display:inline-block;
	text-align:center;
}


.companyNameCart
{
	display: inline-block;
	width: 10% !important;
	max-width: 30px;
	max-height: 30px;
	float: left;
	line-height: 4;
	margin-right: 1%;
	margin-left: 1%;
}

.companyNameCart > span
{
	border: 1px solid #ccc;
	border-radius: 100%;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 2;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.companyNameCart > span > a
{
	color: #fff !important;
}

.boozeHoundSiteName
{
	background: #000;
}

.ginHeavenSiteName
{
	background: #080;
}

.deliveryCostDetailsWrap
{
	border: 1px solid #525252;
	background: #000;
	display: inline-block;
    width: 100%;
}

.deliveryCostDetailsWrap > div
{
	width: 100%;
	clear: both;
	float: left;
	padding: 5px;
}

.deliveryCostDetailsWrap > div > span
{
	float: left;
}

.deliveryCostDetailsWrap > div > label
{
	float: right;
}

.facebook_gh
{
	color: #3c5a99;
}

.twitter_gh
{
	color: #1da1f2;
}

.instagram_gh
{
	color: #cf2e95;
}

.headerNameWrap
{
	position:relative;
	clear:both;
	height:100px;
	background-image:url(/images/headerchalk.jpg);
}

.headerNameWrap > div
{
	position:relative;
	max-width:1000px;
	width:80%;
	margin:0 auto;
	height:100px;
}

.headerNameWrap > div > div
{
	position:relative;
	float:left;
}

.ui-menu-item
{
	color: #000;
	text-align: left;
	border: 1px solid #e4e4e4;
    margin: 2px !important;
}

.ui-menu
{
	max-height: 250px;
	overflow-y: auto;
}

#suburbSelect_accInfo_edit
{
    border-radius: 10px;
    border: none;
    padding: 0 5px;
    width: 70%;
}

.checkoutHeaderGinHeaven img
{ 
	vertical-align: middle;
}

.subsubsubMenuWrap
{
	display: none;
	position: absolute;
    background: rgba(0, 0, 0, 0.8);
    right: -167px;
    top: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #ccc;
}

.hasSubSubSubMenu:hover > .subsubsubMenuWrap
{
	display: block;
}

.subsubsubMenuWrap > a
{
	display: block;
	padding: 5px 10px 5px 16px;
    text-align: left;
}

.hasSubSubSubMenu:after
{
	content: '\203A';
	position: absolute;
	right: 10px;
	top: 5px;
}

.subsubsubMenuWrap > a:hover
{
	background: #17340f;
}

.myOrderIndeWrap
{
	border: 1px solid #757575;
}

.myOrderIndeWrap summary
{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	outline: none;
	background: #000;
	padding: 5px;
	color: #fff;
}

.outOfStockLabel
{
	border: 1px solid #717171;
	display: inline-flex;
	display: -webkit-inline-flex;
	font-size: 20px;
	border-radius: 5px;
	padding: 5px;
	width: 90%;

	justify-content: center;
	-webkit-justify-content: center;

	align-items: center;
	-wenkit-align-items: center;

	background: #860000;
}

.gapUnderMainContent
{
	width:40%;
	position:relative;
	margin:0 auto;
	margin-top:150px;
}

.homePageBriefWrap
{
	position:relative;
	margin:0 auto;
	padding: 30px 0;
}

.bannerImgWrap
{
	position:relative;
	clear:both;
	height:350px;
	/*background-image:url(/images/banner3.jpg);*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}

.shopWrap
{
	width:100%;
	position:relative;
	min-height:200px;
	padding-bottom:25px;
}

.moreMenuSign_menu
{
	float: right;
	margin-left: 10px;
	display: inline-block;
}

.accountAmount
{
	text-align: right !important;
}

.filterStatementTable
{
	text-align: center;
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: 1px;
}

.filterStatementTable input
{
	width: 100%;
}

.filterStatementTable td
{
	padding: 7px;
}

.filterStatementTable h5
{
	margin: 6px !important;
}

.statementWrap_table
{
	width: 100%;
}

.statementWrap_table td
{
	border: 1px solid #ccc;
	padding: 5px;
}

.statementWrap_table img
{
	width: 30px;
}

.statementWrap_table tbody
{
	text-align: center;
}

.myStatementHeaderWrap
{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.printMyStatement_wrap
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.printMyStatement_wrap i
{
	font-size: 20px;
}

.printMyStatement_wrap i:hover
{
	text-shadow: 1px 1px #848484;
}

.statementHeadersWrap *
{
	color: #fff;
}

.filterStatementBtn
{
	cursor: pointer;
	background: #fff;
	color: #000;
	padding: 5px 7px;
	border-radius: 5px;
}

.filterStatementBtn:hover
{
	box-shadow: 1px 1px 5px 1px #ccc;
}

/***********************/

.statementTab_site img {
    width: 15px;
    margin-right: 10px;
    vertical-align: middle;
}

.siteNameHeaderWrap_statement img {
    width: 50px;
    margin-right: 20px;
}

/* custom inclusion of right, left and below tabs - start */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tab_content
{
	float: left;
}

.tabs-left > ul
{
	width: 13%;
}

.tabs-left > div
{
	width: 85%;
	position: relative;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 2%;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

/* custom inclusion of right, left and below tabs - end */

#tabs_myAccount, .myStatementWrap_outer 
{
    display: inline-block;
	width: 100%;
}

#myStatement
{
	padding: 5px !important;
}

.sf-menu .menu_badge {
    position: absolute;
    text-transform: none;
    right: 0px;
    top: 3px;
    display: block;
    padding: 1px 5px 2px;
    border-radius: 2px 2px 2px 0px;
    line-height: 1em;
    background: #cc1e1e;
    font-size: 9px;
    color: #ffffff;
}

.siteNameHeaderWrap_statement .menu_badge 
{
    font-size: 20px !important;
    padding: 5px !important;
}

.sf-menu .menu_badge:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    border: 2px solid;
    border-color: #cc1e1e transparent transparent #cc1e1e;
}

.statementTab_site
{
	text-align: left;
	color: #fff;
}

.printMyStatement_wrap button
{
	background: none;
	border: none;
	color: #fff;
}

.myStatementWrap_outer *
{
	color: #fff;
}

.createNewAccountWrap
{
	padding-right:12px;
	color:#a0a0a0;	
}

.userLoginFormWrap
{
	padding-right:12px;
	color:#a0a0a0;
	margin-bottom:25px;
}

.resetPasswordFormWrap
{
	padding-right:12px;
	color:#a0a0a0;
}

.suburbSelect_input_class
{
	margin-top: 15px;
}

.suburbSelect_input_class > input
{
	width: 100% !important;
    border-radius: 5px !important;
    padding: 8px;
    font-family: 'Helvetica', cursive;
    font-size: 17px;
    color: white;
    font-style: normal;
    font-weight: normal;
    border: 1px solid white !important;
    background-color: transparent;
}

.manageCard_profile_inde_wrap
{
	color: #000;
	text-align: left;
}

.manageCard_profile_inde_wrap img
{
	width: 30px;
	vertical-align: middle;
}

.deleteAccessTokenBtn
{
	font-size: 20px;
	color: #f00;
	float: right;
}

.manageCardHeading h4
{
	color: #fff;
}

.modal-content 
{
    background: #000;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 5px 1px #ccc;
}

.termsAndConditions_body h2
{
	color: #808080;
}

.footerSocialMediaWrap
{
	margin-bottom: 10px;
}

.footerSocialMediaWrap > a
{
	display: inline-block;
}

#topHeaderId > div:before, #topHeaderId > div:after
{
	display: none;
}

#topHeaderId > div
{
	display: flex;
	display: -webkit-flex;

	justify-content: space-between;
	-webkit-justify-content: space-between;

	align-items: center;
	-webkit-align-items: center;
}

.productImage
{
	display: flex;
	display: -webkit-flex;

	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.modal
{
	z-index: 99999;
}

.modal-backdrop
{
	z-index: 9999;
}

.shopPage_block_container
{
	background-image:url('/images/nailbackground.png');
	background-repeat: no-repeat;
	background-size:100% 100%;
}

.shopPage_block_container > div
{
	width:330px;
	height:160px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}

.shopPage_Category_header
{
	position:relative;
	height:100%;	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.shopPage_Category_header h1
{
	font-size: 45px !important;
	line-height:1;
	font-weight:normal;
	font-family:'Just Another Hand',cursive !important;
	opacity:0.7;
	letter-spacing:2px;
	padding: 0 !important;
	margin: 0 !important;
}

.zoomContainer
{
	z-index: 9999;
}

.zoomWindowContainer > div
{
	border-width: 1px !important;
}

.come-in {
  transform: translateY(200px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.backToProductListBtnWrap
{
	margin-bottom: 30px;
}

.backToProductListBtnWrap > a:hover
{
	text-decoration: none !important;
}

.home_miniMenu_indeWrap, .home_miniMenu_indeWrap_outer
{
	display: flex !important;
	display: -webkit-flex !important;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	color: #fff;
}

.home_miniMenu_indeWrap_outer:before, .home_miniMenu_indeWrap_outer:after
{
	display: none;
}

.home_miniMenu_indeWrap_outer > li
{
	width: 33.333%;
}

.home_miniMenu_indeWrap_outer > .active > a
{
	border-radius: 0;
	color: #000;
}

.home_miniMenu_indeWrap_outer > .active .home_miniMenu_indeWrap_leftIcon, .home_miniMenu_indeWrap_outer > .active h1
{
	border-color: #000;
	color: #000;
}

.home_miniMenu_indeWrap h1
{
	font-size: 30px;
	margin: 0;
}

.home_miniMenu_indeWrap_header
{
	margin: 0 20px;
}

.home_miniMenu_indeWrap_leftIcon
{
	font-size: 40px;
	border-radius: 100%;
	border: 2px solid #fff;
	padding: 5px 15px;
}

.directionalArrow_home_welcome
{
	font-size: 30px;
}

.nav-tabs>li>a
{
	margin-right: 0;
	border-radius: 0;
}

.nav>li>a:focus, .nav>li>a:hover 
{
    text-decoration: none;
    background-color: #3c763d;
}

.termsAndConditionsWrap_checkout
{
	display: flex;
	display: -webkit-flex;

	align-items: center;
	-webkit-align-items: center;

	margin-top: 10px;
}

.termsAndConditionsWrap_checkout > input
{
	margin: 0;
}

.termsAndConditionsWrap_checkout > span
{
	margin-left: 10px;
}

.termsAndConditions_body
{
	color: #fff;
}

.nice-select
{
	color: #000;
	width: 100% !important;
	float: initial !important;
}

.cartQtyMain
{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}

.searchProductsHomePageWrap input, .searchProductsHomePageWrap button
{
	height: 45px;
	font-size: 18px;
}

.searchDropDownIndeWrap
{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.productImgOnSearchDropDown
{
	max-width: 30px;
	max-height: 30px;
	margin-right: 10px;
}


.ui-autocomplete-loading {
    background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;
  }

.swiper-container-horizontal>.swiper-pagination-progressbar
{
	height: 6px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill 
{
    background: #3c763d;
}

.footer_companyName > h1
{
	text-align: center;
	margin: 15px 0;
}

.loaderPosOuterWrap
{
	display: none;
}

.loaderPosOuterWrap, .loaderPosInnerWrap
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999999999;
}

.loaderPosInnerWrap
{
	background:rgba(0, 0, 0, 0.8);
	display: flex;
	display: -webkit-flex;
    justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

/* NEW LOADER starts */

.loader{
    width: 90px;
    height: 90px;
    margin: 40px auto;
	display: flex;
	display: -webkit-flex;
    flex-direction: column;
	-webkit-flex-direction: column;
    justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

.loader > div
{
	display: inline-block;
}

.loader h2{
    font-size: 22px;
    color: #fff;
}
.loader .loader-inner{
    display: inline-block;
    width: 15px;
    border-radius: 15px;
    background: #74d2ba;
}
.loader .loader-inner:nth-last-child(1){
    -webkit-animation: loading 1s 1.5s infinite;
    animation: loading 1s 1.5s infinite;
}
.loader .loader-inner:nth-last-child(2){
    -webkit-animation: loading 1s .1s infinite;
    animation: loading 1s 1s infinite;
}

.loader .loader-inner:nth-last-child(3){
    -webkit-animation: loading 1s 0.5s infinite;
    animation: loading 1s 0.5s infinite;
}

.loader .loader-inner:nth-last-child(4){
    -webkit-animation: loading 1s 0s infinite;
    animation: loading 1s 0s infinite;
}
@-webkit-keyframes loading{
    0%{
        height: 25px;
    }
    50%{
        height: 45px;
    }
    100%{
        height: 25px;
    }
}
@keyframes loading{
    0%{
        height: 25px;
    }
    50%{
        height: 45px;
    }
    100%{
        height: 25px;
    }
}

.loader img
{
	width: 250px;
}

/* NEW LOADER ends */

.mt-1
{
	margin-top: 1rem;
}

.mt-2
{
	margin-top: 2rem;
}

.mt-3
{
	margin-top: 3rem;
}

.mt-4
{
	margin-top: 4rem;
}

.mt-5
{
	margin-top: 5rem;
}

.mb-4
{
	margin-bottom: 4rem;
}

.mb-5
{
	margin-bottom: 5rem;
}

.text-right
{
	text-align: right;
}

.text-center
{
	text-align: center !important;
}

.nav-tabs .active a
{
	color: #000 !important;
}

.w-100
{
	width: 100% !important;
}

.cursor-pointer
{
	cursor: pointer;
}