@charset "UTF-8";

/* Liberte Design CSS Document 2017 */

@font-face {
    font-family: Brandon;
    src: url(/fonts/Brandon_reg.otf);
}
@font-face {
    font-family: BrandonBold;
    src: url(/fonts/Brandon_bld.otf);
	font-weight:bold;
}

@font-face {
    font-family: MinionPro;
    src: url(/fonts/MinionPro-Regular.otf);
}

@font-face {
    font-family: Acta;
    src: url(/fonts/ActaDisplay-Book.otf);
}

h1{
	font-family: MinionPro,serif;
	text-align:left;
	font-size: 18px;
	font-weight:normal;
	letter-spacing: 0.1em;
	color: black;
	padding-bottom:1em;
	padding-left:2px;
	border-bottom:#CCCCCC 1pt solid;
	margin-bottom:1em;

}
.h1_no_underline{
	font-family: MinionPro,serif;
	text-align:left;
	font-size: 18px;
	font-weight:normal;
	letter-spacing: 0.1em;
	color: black;
	margin-bottom:1em;

}

h2{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	color: #666666;
	margin-top:0;

}

/* link rollovers */
a{
	/*border:red solid thin;*/
	text-decoration: none;
}

a:link {
	color: black;
}

a:visited {
	color: black;
}

a:hover {
	color: #808080;
}

a:active {
	color: #808080;
}

/* end link rollovers */

img {
	border:none;
}

.right {
    float: right;
}

.content{
	/*display:inline-block;*/
	/*width:100%;*/
	max-width:1200px;
	margin: auto;
	padding:0px 8px;
}
.content_narrow{
	/*display:inline-block;*/
	/*width:100%;*/
	max-width:680px;
	margin: auto;
	padding:12px 12px 50px 12px;
	text-align:left;

}

.press_image{
	width:50%;
	display:inline-block;	
	margin:0 auto;

}
.press_image img{
	width:100%;
}

.home_page_thumbnail_grid{
	display:flex;
	/*margin: 20px -10px 0px -10px;*/
}

@media screen and (max-width: 680px){
	.home_page_thumbnail_grid{
	    flex-flow: row wrap;
	
	}
}
.home_page_thumbnail{
	position:relative;
    flex-grow: 1;	
    margin: 0 10px;
	/*width:23%;
	padding:6px;
	display:inline-block; 
	vertical-align:top;*/	

}


@media screen and (max-width: 680px){
	.home_page_thumbnail{
		width:40%;
		margin-bottom:8px;
		flex: 1 1 auto;
	}
}

.home_page_instashop_thumbnail_details{
	font-family:MinionPro,serif;
	font-size:18px;
	margin:14px 2px 8px 2px ;
	/*color:black;*/

}

.home_page_instashop_thumbnail_action{
	font-family:'Brandon',sans-serif;
	font-size:12px;
	letter-spacing:0.1em;
	padding-top:8px;
}
.home_page_instashop_thumbnail_action a{
	color:black;
}

.home_page_instashop_thumbnail_details a{
	color:black;
}

.home_page_thumbnail_details{
	/*position:relative;
	
	width:24%;
	padding:2px; 
	display:inline-block; 
	vertical-align:top;*/	
	display:none;
}
@media screen and (max-width: 680px){
	.home_page_thumbnail_details{
		display:inline-block;
	}
}

.home_page_thumbnail_productname{
	font-family:MinionPro,serif;
	font-size:18px;
	margin-bottom:13px;
}

.home_page_thumbnail_action{
	font-family:'Brandon',sans-serif;
	font-size:12px;
	letter-spacing:0.15em;
}

.home_page_thumbnail_overlay{
 	opacity:0;
 	background-color:white;
	position:absolute;
	/*top: 70%;*/
	
	width:100%;
	height:100%;
}

.home_page_thumbnail_overlay_info{
	opacity:0;
 	color:black;
	position:absolute;
	/*top: 70%;*/
	
	width:100%;
	height:100%;
	
	font-family:MinionPro,serif;
	font-size:18px;
	
}

@media screen and (max-width: 680px){
	.home_page_thumbnail_overlay{
		display:none;
	}
	.home_page_thumbnail_overlay_info{
		display:none;
	}
}


@media screen and (max-width: 680px){
	#productPicThumb1{
		height:85px;
		width:85px;
	}
	#productPicThumb2{
		height:85px;
		width:85px;
	}
	#productPicThumb3{
		height:85px;
		width:85px;
	}
	#productPicThumb4{
		height:85px;
		width:85px;
	}

}
								
.home_page_productgroup_grid{
	display:flex;
	flex-wrap:wrap;
    /*margin: 0 -10px;*/
}
.home_page_productgroup_row{
	display:flex;
}

@media screen and (max-width: 680px){
	.home_page_productgroup_grid{
		flex-direction: column;
	}
	.home_page_productgroup_row{
		flex-direction:column;
		/*margin-bottom: 50px;*/
	}

}
.home_page_productgroup{
	position:relative;
    /*flex: 0 0 auto;*/
    margin: 0 10px 20px 10px;	    
	/*width:50%;*/
	/*margin:0px 26px;*/ 
	/*display:inline-block; 
	vertical-align:top;*/	

}


.home_page_productgroup_overlay_container{
	position:absolute;
	bottom:0px;
	height: 87px;
	width:100%;
	text-align:center;	
}
.home_page_productgroup_overlay{
 	color:black;
 	background-color:white;
	height: 87px;
	width:310px;
	margin:auto;
}
.home_page_productgroup_productname{
	font-family:Acta,serif;
	font-size:24px;
	/*line-height:26.4pt;*/
	margin-top: 0px;
    padding-bottom: 6px;
    padding-top: 16px;
}
@media screen and (max-width: 680px){
	.home_page_productgroup{
		/*width:96%;*/
		max-width: 580px;
		/*margin-bottom:20px;*/
	}
	.home_page_productgroup_overlay_container{
		height:70px;
	}
	.home_page_productgroup_overlay{
		/*width:200px;*/
		/*width:90%;*/
		/*height:70px;*/
	}	
	.home_page_productgroup_productname{
		/*font-family: MinionPro,serif;*/
		/*font-size:18px;*/
		padding-top: 12px;
	}
}

.home_page_productgroup_action{
	font-family:'Brandon',sans-serif;
	font-size:12px;
	letter-spacing:0.15em;
}
.home_page_productgroup_action a{
	color:black;
}
								
@media screen and (max-width: 680px){
	.press_image{
		width:100%;
	}
}
.inline_block{
	 display:inline-block;	
	 margin:0 auto;
}

.inline_block img{
	
	width:100%
}

.generic_button_container{
	display: table;
    width: 100%;
}
.generic_button{
	font-family: Brandon,sans-serif;
	font-size: 11px;
	letter-spacing:0.1em;
	background-color:black;
	color:white;
	cursor:pointer;
	text-align:center;
    vertical-align: middle;
    display: table-cell;
}
.button_signup{
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background-color: white;
    color: #666666;
    /*height: 33px;*/
    width: 210px;
    font-family: 'Brandon', sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    border: 2px solid #888888;
    cursor:pointer;
    padding: 10px;
    margin: 4px;
}
.button_signup:hover{
	color: #FFFFFF;
	background-color: #666666;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* Signup popup form */
.SignUpDescriptionImage{
	display:table-cell;
	width: 48%;
}

.SignUpDescription{
	display: table-cell;
    vertical-align: top;
  	width: 48%;
    /*padding-left: 20px;*/
	text-align: center;}

.SignUpHeader{
	font-size: 22px;
}

.SignUpDescriptionText{
	font-family: Brandon, sans-serif;
	font-size: 19px;
	color: #666666;
	letter-spacing: 1px;
	font-weight:lighter;
	padding-bottom: 0px;
	padding-top:19px;
	/*line-height:24pt;
	border-top:thin gray solid;*/
}

@media screen and (max-width: 680px){
	.SignUpDescriptionImage{
	
	}
	.SignUpHeader{
		font-size: 16px;
	}
	.SignUpDescription{
		padding-left:20px;
	}
	.SignUpDescriptionText{
		font-size: 14px;
		line-height:16pt;
	}
}

@media screen and (max-width: 570px){
	.SignUpDescriptionImage{
		display:none;
	}
	.SignUpDescription{
		padding-left:0px;
		width:100%;
	}

}


/* Wrappers _______________________________*/

#main_menu{
/*	text-align: justify;*/
	display: flex;
	position:relative;
	width:100%;
}
/*#main_menu:after{
	
	content:'';
	width:100%;
	display:inline-block;
}
*/
@media screen and (max-width: 680px){
	#main_menu{
		display: none;
	}
}

#main_menu ul{
	-webkit-padding-start: 0px;
	border-top:thin black solid;
	border-bottom:thin black solid;
	/*margin-left:14px;
	margin-right:14px;*/
}

#main_menu li{
	display: inline-block;
    float: none;
	text-decoration:none;
	
	font-family: 'Open Sans', serif;
	font-size:20px;

	padding: 12px 40px 12px 40px;

}

#MainMenuPopupContainer{
	display:none;
	/*opacity:0.95*/;
	position:absolute;
	width:92%;
	left:4%;
	height:289px;
	z-index:100;
	background-color:rgb(255,255,255); /* fallback when not supported by older browsers */
	background-color:rgba(255,255,255,.95);
	border:#CCCCCC 1px solid;
	text-align: left;
	top:60px;
}

#MastHeadLogo {
	text-align: center;
	display:inline-block;
	/*clear: both;*/
}
@media screen and (max-width: 680px){
	#MastHeadLogo {
	    margin-right: 44px;
    }
}

#MastHeadLogo img{
	/*width:217px;*/
	text-align: center;
	padding:  4px 0px  20px 0px;
}

#MastHeadTopBar{
	
	padding:0px;
	margin-top: 8px;
	/*height:34px;*/
	/*text-align:left;*/
}

@media screen and (max-width: 680px){
	#MastHeadTopBar{
		/*height:34px;*/
	}
}

.MastHeadMessage{
	text-align:center;
	font-family: 'BrandonBold', sans-serif; 
	font-size:12px;
	letter-spacing:.1em;
	padding:  10px  0 10px 0 ;
	/*display:inline-block;*/
}
@media screen and (max-width: 420px){
	.MastHeadMessage{
	    font-size: 9px;
	    line-height: 2em;
	}	
}
#MastHeadMessage{
	text-align:center;
	font-family: 'BrandonBold', sans-serif; 
	font-size:12px;
	letter-spacing:.1em;
	padding:  10px  0 10px 0 ;
	color:white;
	background-color:black;
	/*display:inline-block;*/
}
@media screen and (max-width: 420px){
	#MastHeadMessage{
	    font-size: 9px;
	    line-height: 2em;
	}	
}
#MastHeadFunctions{
	background-color:white;
	color:black;
	padding:0px;
	height:36px;
	text-align:left;
}
@media screen and (max-width: 680px){
	#MastHeadFunctions{
		margin-top: 4px;
	}
}

#MastHeadCenter{
	float:right;
	text-align:right;
	font-family: 'Brandon', sans-serif; 
	font-size:9px;
	letter-spacing:0.1em;
	/*padding: 14px  10px  13px 10px;*/
	margin-right:20px;
	/*margin-top:1px;*/
	/*color:black;
	background-color:white;*/
	/*width:420px;*/
	display:inline-block;
	cursor:pointer;
}
@media screen and (max-width: 680px){
	#MastHeadCenter{
		padding-top: 4px;
	    width: auto;
		margin:0;
		text-align:center;
		/*font-size:12px;*/
		/*padding:  8px  10px  7px 10px;*/
	}
}


#MastHeadRight{
	text-align:left;
	font-family: 'Brandon', sans-serif; 
	font-size:9px;
	letter-spacing:0.1em;
	/*padding: 11px 8px 8px 8px;*/
	/*margin:1px ;
*/	color:black;
	/*background-color:white;*/
	display:inline-block;
	width:240px;
	float:right;
	position:relative;
	cursor:pointer;
	height:100%;
	/*margin-right:50px;*/
}

@media screen and (max-width: 680px){
	#MastHeadRight{
		/*font-size:14px;*/
		width:60px;
		padding: 0px;
		text-align: right;
	}
}

#MastHeadLeft{
	text-align:left;
	font-family: 'Brandon', sans-serif; 
	font-size:9px;
	letter-spacing:0.1em;
	padding: 14px  8px 6px 8px;
	/*margin:1px ;*/
	margin-left:200px;
	/*background-color:black;*/
	display:inline-block;
	/*width:400px;*/
}

@media screen and (max-width: 680px){
	#MastHeadLeft{
		margin-left:0px;
		padding: 13px 0 0 0;
		

		/*display:none;*/
	}
}
#MastHeadLeft a{
	color:black;
}

.main_menu_heading{
	font-family: 'Brandon', sans-serif; 
	font-size:14px;
	letter-spacing:.1em;
	color:black;
	padding:20px 0px 20px 0px;
	display:inline-block;
	cursor:default;
	/*width:16%;*/
	flex:1 1 auto;
}
.main_menu_heading:hover{
	color:#808080;

}

.main_menu_page{
	/*padding:20px;*/
    padding: 20px 40px 20px 40px;
}

.main_menu_page_title{
	font-family: 'Brandon', sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:black;
	letter-spacing:0.1em;
	padding-bottom:17px;
	margin-bottom:7px;
	display:block;
	border-bottom: #CCCCCC 1pt solid;

}

.main_menu_subpage_button_hoverandclick{
	font-family: MinionPro, serif; 
	font-size:12px;
	color:black;
	line-height:22pt;
	/*padding:3px 0px;*/
	display:block;
	width:200px;
	cursor:default;
}
/*.main_menu_subpage_button_hoverandclick:hover{
	font-weight:normal;
}
*/
.main_menu_subpage_button_tap{
	font-family: MinionPro, serif; 
	font-size:12px;
	color:black;
	line-height:22pt;
	/*padding:3px 0px;*/
	display:block;
	width:200px;
	cursor:default;
}
/*.main_menu_subpage_button_tap:hover{
	color:#808080;

}
*/
@media screen and (max-width: 680px){
	.main_menu_subpage_button_hoverandclick{
		display:none;
	}
}
@media screen and (min-width: 680px){
	.main_menu_subpage_button_tap{
		display:none;
	}
}



.main_menu_subpage{
	display:none;
	width:100%;
}
/*@media screen and (max-width: 680px){
	.main_menu_subpage{
		width:300px;
	}
}
*/
.main_menu_subpage_title{

}
/*#main_menu a{
	font-size:14pt;
	letter-spacing:.1em;
}*/
/*@media screen and (max-width: 680px){
	#content{
		width:450px;
		text-align:center;
	}
}
@media screen and (min-width: 768px){
	#content{
		width:750px;
		text-align:center;
	}
}
*/
#BasketPopupButton{
	display:inline-block;
}

/*#BasketPopupIcon{
	position:absolute;
	width:40px;
	
}
#BasketPopupIconImageWhite{

}

#BasketPopupIconImageBlack{
	display:none;
}

@media screen and (max-width: 680px){
	#BasketPopupIconImageWhite{
		width:30px;
	}
	#BasketPopupIconImageBlack{
		width:30px;
	}
}
*/
#BasketPopupTotalQty{
	/*position:absolute;*/
	text-align:center;
	/*width:40px;*/
	padding:14px  8px 0px 0px;
	/*font-size:9pt;*/
	/*letter-spacing:0.1em;*/
}
@media screen and (max-width: 680px){
	#BasketPopupTotalQty{
		/*width:30px;*/
		/*font-size:	12px;*/
		padding:12px 8px 0px 0px;
	}
}

#BasketPopupTotalPrice{
	text-align:left;
	padding:8px 8px 0px 0px;
	position:relative;
	left:50px;
}
@media screen and (max-width: 680px){
	#BasketPopupTotalPrice{
		left:40px;
	}
}

#BasketPopupEmpty{
	text-align:left;
	padding:7px 8px 5px 0px;
	position:relative;
	left:50px;
	/*font-size:14px;*/
	margin-top:4px;
}
@media screen and (max-width: 680px){
	#BasketPopupEmpty{
		left:40px;
		font-size:12px;
		margin-top:1px;
		padding-bottom:0px;
	}
}

#BasketPopupContainer{
	position:absolute;
	left:-1px;
	top:36px;
	/*padding:24px;*/
	width:238px;
	/*height:300px;*/
	background:white;
	border:#CDCDCD 1px solid;
	color: #808080;
	
	cursor:default;
	/*padding-left:4px;*/
	z-index:100;
}

@media screen and (max-width: 680px){
	#BasketPopupContainer{
		top:32px;
		left:auto;
		right:0px;
		
	}
}

.basketPopupTable{

	margin:14px;
}

.basketPopupTableDataRow{

	display:table;
	text-align:left;	
	border-bottom:#CDCDCD 1px solid;
	/*padding-left:4px;*/
}

.basketPopupProductInfo{
	display:table-cell;
    vertical-align: top;
	/*width:100px;*/
	/*display:inline-block;*/
	font-family: MinionPro, serif;	
	font-size:12px;
	color:#808080;
    padding-left: 12px;
}

.basketPopupProductImage{
	display:table-cell;
	/*width:100px;*/
	/*display:inline-block;*/	
}

.basketPopupProductImage img{
	width:80px;
}

.basketPopupProductDescription{
	padding-top:6px;
}
.basketPopupProductPrice{
	/*font-size:14px;*/
	padding:6px 0 6px 0;
	
}
.basketPopupProductQty{
	/*font-size:12px;*/
}

.basketPopupRemoveItem{
	font-family: 'Brandon', sans-serif; 
	font-size:12px;
	/*font-weight:bold;*/
	padding-top:4px;
	cursor:pointer;
}
#BasketPopupCheckoutLarge{
	text-align:center;
	display:table-cell;
	vertical-align: middle;
	background-color: black;
    color: white;
	height:33px;
	width:210px;
	font-family: 'Brandon', sans-serif; 
	font-size:11px;
	letter-spacing:0.1em;
}
#BasketPopupCheckoutLarge a{
}

#BasketPopupCheckoutSmall{
	position:absolute;
	left:170px;
	padding-top:14px;
	display:inline-block;
	color:white;
	font-size:12px;
}

@media screen and (max-width: 680px){
	#BasketPopupCheckoutSmall{
		left:120px;
		padding-top:9px;
	}
}
#BasketPopupCheckoutIcon{
	padding: 6px;
}

#BasketPopupTotalRow{
	display:block;	
	font-family:MinionPro,serif;
	font-size:12px;
	letter-spacing:0.1em;
	color:black;
	/*text-align:left;*/
	/*width:49%;*/
	padding: 20px 0px;
}
#BasketPopupTotalHeading{
	display:inline-block;	
	/*font-size:14px;
	font-weight:bold;*/
	text-align:left;
	width:49%;
}
#BasketPopupTotalAmount{
	display:inline-block;	
	/*font-size:14px;
	font-weight:bold;*/
	text-align:right;
	width:49%;
}
/***********************************************************/
#MembershipPopupButton{
	display:inline-block;
	position:relative;
}

#MembershipPopupButtonHotspot{
	padding: 14px 0px 13px 0px;
}

@media screen and (max-width: 680px){
	#MembershipPopupButtonHotspot{
		padding: 8px 10px 7px 10px;
	}
}

#MembershipPopupContainer{
	/*text-align:left;*/
	position:absolute;
	left:0px;
	top:36px;
	width:288px;
	padding:12px;
	/*height:300px;*/
	background:white;
	border:thin silver solid;
	color:black;
	cursor:default;
	/*padding-left:4px;*/
	z-index:999;
	text-align:left;
}

@media screen and (max-width: 680px){
	#MembershipPopupContainer{
		left:auto;
        right: -66px;
	}
}

#MembershipSignIn{
	padding:8px 0px;
	/*width:300px;*/
}

/***********************************************************/
#ShopperLoginForm{
	text-align:left;
	font-size:18px;

}
#ShopperDetailsForm{
	text-align:center;
	font-size:18px;
	padding-left: 50px;
    border-left: #CCCCCC 1px solid;
    max-width: 248px;
}
@media screen and (max-width: 900px){
	#ShopperDetailsForm{
		padding-left:0px;
		padding-top: 20px;
		border:none;
	}
}

#ShopperCreateAccount{
	text-align:left;
	font-size:18px;


}

/***********************************************************/ 
#wrapper {
	margin:0 auto;
	text-align:center;
	/*padding:2px;*/
}

@media screen and (min-width: 1130px){
	#wrapper{
		width:100%;
		text-align:center;
		margin:0 auto;
		/*padding:2px;*/
	}
/*	#content{
		width:1024px;
		text-align:center;
		margin:0 auto;
	}
*/	#masthead{
		/*width:1024px;
		text-align:center;*/
		margin:0 auto;
	}
}
	
@media screen and (max-width: 1024px){
	#main_menu a{
		font-size:12px;
	}
	#main_menu li{
		padding: 12px 16px 12px 16px;
	}
}

#mobile-menu {
/*    float: right;
*/    display: none;
}

@media screen and (max-width: 680px){
	#MastHeadLogo img{
		width:120px;
	}
		
	#mobile-menu {
	    float: left;
	    display: inline-block;
	    font-size: 18px;
	    line-height: 18px;
	    /*width: 29px;*/
	    color: black;
	    padding: 14px;
	    margin-right: 0;
	    cursor: pointer;
	}
}

/* sidr style overrides ------------------------------------------------------*/
/*#sidr { background: #676767; }*/
/*#sidr{
	
	display:none;
}
*/
/* Hide side menu on main screen until images loaded */
div.sidr-hide{
   display: none;
}

/*#sidr a { text-transform: uppercase; font-size: 14px; }
#sidr ul { margin-bottom: 0; text-align:left;}
*/
/* Hide Slideshow on main screen until images loaded */
div.slider-hide{
   display: none;
}


#wrapperIndex {
	/*height: 2670px;*/
	width: 1110px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
/*	border:thin red solid;
	background-color:yellow;*/
}


/*	width: 1110px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
/*	border:thin red solid;
	background-color:yellow;*/



#wrapperStockist {
	height: 1200px;
	width: 1110px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*#wrapperFAQ {
	height: 690px;
	width: 1110px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
*/


/* End Wrappers _______________________________*/



/* Centre Content _______________________________*/

#CentreContent {
width: 1100px;
margin-top: 25px;
padding: 0px;
}

#CentreVimeo {
height: 660px;
width: 1110px;
padding-top: 30px;
padding-left: 0px;
}


#centreSubscribe {
	height: 680px;
	width: 1110px;
	padding-top: 30px;
	padding-left: 0px;
}

#centreBlank {
	height: 680px;
	width: 1110px;
	padding-top: 30px;
	padding-left: 0px;
}

#centreIndex {
	/*height: 2150px;*/
	width: 1110px;
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	/*vertical-align:top;*/
	/*border:red solid thin;*/
}

#centreHomeStockist {
	height: 700px;
	width: 1110px;
	padding-top: 30px;
}

#centreFAQ {
	height: 680px;
	width: 1110px;
	padding-top: 30px;
}

#centreLegal {
	height: 680px;
	width: 1110px;
	padding-top: 30px;
}



/*#centrePress {
height: 5100px;
width: 1110px;
padding-top: 10px;
}
*/


/* Alter this until its 5100, then start new Press page and reuse this for shorter end Press page. _______________________________*/
/*#centrePressShort {
height: 3100px;
width: 1110px;
padding-top: 10px;
}
*/


/* End Centre content _______________________________*/




/* Index Page Video _______________________________*/
/*#Video {
height: 624px;
width: 1110px;
padding-bottom: 20px;
}
*/

/* End Index Page Video _______________________________*/
#VideoLink {
	position:absolute;
	display:flex;
	justify-content: space-around;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#VideoLinkButton {
	/*position:absolute;*/
	padding:18px 22px;
	font-family:'Brandon',sans-serif;
	font-size:14px;
	letter-spacing: 0.15em;
}

@media screen and (max-width: 1024px){
	#VideoLinkButton {
		padding:10px 14px;
		font-size:12px;
	}
}

@media screen and (max-width: 680px){
	#VideoLinkButton {
		padding: 6px 8px;
		font-size:10px;
	}
}

/* Index Layout _______________________________*/
#IndexTop {
height: 700px;
width: 1110px;
padding-bottom: 40px;
}

.IndexTopBox {
height: 396px;
width: 535px;
padding-bottom: 40px;
}



#IndexBot {
height: 700px;
width: 1110px;
padding-bottom: 40px;
}

.IndexBotBox {
height: 396px;
width: 535px;
padding-top: 40px;
}

.IndexLeft {
float: left;
height: 700px;
width: 535px;
}


.IndexLeft1 {
height: 396px;
width: 247px;
float: left;
}
.IndexLeft2 {
height: 396px;
width: 247px;
float: right;
}
.IndexleftLong {
height: 264px;
width: 535px;
}



.IndexRight {
float: right;
height: 700px;
width: 535px;
}
.IndexRight1 {
height: 396px;
width: 247px;
float: left;
}
.IndexRight2 {
height: 396px;
width: 247px;
float: right;
}
.IndexRightLong {
height: 264px;
width: 500px;
background-color: #000;
padding-left: 35px;
}

/* End Index Layout _______________________________*/



/* FAQ _______________________________*/

#FAQLeft {
	width: 45%;
	float: left;
	padding:20px 5px 20px 10px;
	text-align:left;
}
#FAQRight {
	width: 45%;
	float: right;
	padding: 20px 10px 0px 5px ;
	text-align:left;
}

@media screen and (max-width: 680px){
	#FAQLeft {
		width: 95%;
		float:none;
		padding-right: 10px;
		padding-bottom: 0px;
	}
	#FAQRight {
		width: 95%;
		float:none;
		padding-top: 12px;
		padding-left: 10px;
	}
}
	
/* Legal _______________________________*/

#LegalLeft {
	width: 45%;
	float: left;
	padding:20px 5px 20px 10px;
	text-align:left;
}
#LegalRight {
	width: 45%;
	float: right;
	padding:  20px 10px  10px 5px ;
	text-align:left;
}

@media screen and (max-width: 680px){
	#LegalLeft {
		width: 95%;
		float:none;
		padding-right: 10px;
		padding-bottom: 0px;
	}
	#LegalRight {
		width: 95%;
		float:none;
		padding:12px 10px 0px 10px;
	}
}

/*  Contact _______________________________*/

/*#ContactCentre {
	height: 500px;
	width: 1110px;
	padding-top: 30px;
	padding-left: 0px;
}
*/

#ContactLeft {
	/*height: 580px;*/
	width: 45%;
	float: left;
/*	padding-left: 80px;
	padding-top: 0px;
*/	/*margin-bottom:20px*/;
	text-align:left;
}

#ContactRight {
	/*height: 550px;
	*/
	/*width: 45%;*/
	float: right;
	background-color: #FFF;
	padding-bottom:10px;
}

@media screen and (max-width: 680px){
	#ContactRight img{
		display:none;
	}
}

@media screen and (max-width: 680px){
	#ContactLeft {
		width:100%;
		float:none;
	}
	#ContactRight{
		width:100%;
		float:none;
	}
}

#ContactLeftTitle {
height: 40px;
width: 265px;
float: left;

}

#ContactL2 {
float: right;
height: 300px;
width: 220px;
}
#ContactL2Title {
height: 40px;
width: 220px;
float: right;

}



/* Subscribe  Page _______________________________*/
#SubscribeLeft {
height: 400px;
width: 500px;
float: left;
padding-left: 20px;
padding-top: 0px;
}


/* End Subscribe  Page _______________________________*/

/*  Stockists _______________________________*/

#StockistLeft {
	height: 400px;
	width: 200px;
	float: left;
	padding-left: 40px;
	padding-top: 23px;
}


#StockistRight {
	height: 400px;
	width: 920px;
	float: right;
	padding-top: 50px;
	background-color: #FFF;
	padding-left: 0px;
}
#iframe {
	height: 100%;
	width: 800px;
	float: right;
	padding-top: 30px;
}

.stockist_record{
	padding-bottom:10px;
	
	
}

.stockist_data_item{
    vertical-align: top;
    display:inline-block;
    margin: 2px;
}

#stockist_name{
    width:24%;
}
#stockist_address{
    width:35%;
}
#stockist_suburb{
    width:19%;
}
#stockist_phone{
    width:18%;
}

@media screen and (max-width: 680px){
	.stockist_record{
		
	}
	
	.stockist_data_item{
		display:block;
		width:100%;
	}
	#stockist_name{
	    width:100%;
	}
	#stockist_address{
	    width:100%;
	}
	#stockist_suburb{
	    width:100%;
	}
	#stockist_phone{
	    width:100%;
	}
}
/* End Stockists _______________________________*/


/* Social Media _______________________________*/


#SocialLinks{
	/*height: 60px;*/
	margin-top:16px;
	margin-bottom:12px;
	/*padding-top:16px;*/
	padding: 4px 0 4px 0;
	text-align: center;
/*	clear: both;*/
	
	border-top:solid black thin;
	border-bottom:solid black thin;
}

/*#Tweet {
float: right;
width: 700px;
text-align: left;
vertical-align: top;
}
#faceBk {
float: left;
width: 700px;
text-align: right;
vertical-align: top;
}
*/

#FollowUs {
height: 20px;
width: 1100px;
text-align: center;
}

/* End Social Media _______________________________*/


/* Press Rows _______________________________*/

#Press {
height: 3350px;
width: 1110px;
}

.RowA {
height:450px;
width: 1110px;
padding-bottom: 50px;
}

/* End Press Rows _______________________________*/

/*footer ___________ */


/*#footer {
width: 100%;
text-align: center;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
}
*/
#footerImages {
	height: 180px;
	width: 150px;
	margin-left: 20px;
	margin-top: 0px;
	
	display:inline;
}


#footer {
	background-color:#b4b1b8;
	color:white;
	display:inline-block;
	/*text-align: left;*/
	/*height: 270px;*/
	/*margin: 0px;*/
	margin-top:20px;
    /* padding-top: 20px; */
	width:100%;
	/*width: 1100px;*/
	/*position: relative;*/
	
	/*clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;*/
}

.footerHeading{
	font-family: 'Brandon', sans-serif;
	font-weight: bold;
	font-size:13px;
	letter-spacing:0.1em;
	padding-bottom: 15px;
}

@media screen and (max-width: 680px){
	.footerHeading{
		font-weight:normal;
	}
}

/*.footerColumn {
	width:20%;
	text-align:left;
	border: thin solid lime:
}
*/
.footerGroupLinksList{
	width:100%;
	/*margin: 10px 0px 0px 0px;*/
	margin:0;
	text-align:left;
	padding-left:0px;

	list-style-type: none!important;
}

.footerGroupLinksList li{
	font-family: MinionPro, serif;	
	font-size:16px;
	padding-bottom: 3px;
	line-height:24pt;
}

.footerGroupLinksList a{
	color:white;
	
}

.footerGroupLinks  {
	/*float:left;*/
	width:150px;
	vertical-align:top;
	display:inline-block;
	/*margin:  12px 0  30px 0;*/
	text-align:left;
	padding:32px;
	/* margin-bottom: 20px; */
}

.footerGroupLogos  {
	/*float:right;*/
	display:inline-block;
	/*width:400px;*/
}
.footerGroupJoinUs  {
	float:right;
	display:inline-block;
	width:400px;
}
@media screen and (max-width: 680px){
	.footerGroupLogos  {
		/*float:right;*/
		display:inline-block;
	}
	.footerGroupJoinUs  {
		/*display:inline-block;
		width:100%;*/
		float:none;
		width:auto;
		margin-bottom:20px;
	}
}
.footerGroupJoinUsColumn2 {
	float:left;
	/*width:320px;*/
	/*padding-top: 16px;*/
	text-align:right;
	margin:24px 0px 0px 0px;
	display:inline-block;
	/*vertical-align:top;*/
	/*border:thin solid red*/;
}

@media screen and (max-width: 680px){
/*	.footerColumnGroupJoinUs  {
		float:left;
		display:inline-block;
		width:400px;
	}
*/	.footerGroupJoinUsColumn2 {
		width:300px;
	}
	.footerGroupLinks {
		/*float:left;*/
		clear:both;
		width:auto;
		min-width:150px;
	}
}

.footerGroupJoinUsColumn1 {
	float:left;
	width:80px;
	padding-top: 2px;
	text-align:left;
	margin:0px;
	display:inline-block;
	/*vertical-align:top;*/
}

/*.footerGeotrustLogo  {
	float:right;
}

@media screen and (max-width: 360px){
	.footerGeotrustLogo  {
		float:none;
	}
}
*/
.footerBottomLinks{
	font-family:MinionPro,serif;
	font-size:14px;	
	color:#999999;
	background-color:white;
	margin-top:0px;
	padding:16px 32px;
	text-align:center;
}

.footerBottomLinks a{
	color:#999999;
	
}

#footerGroupSocial{
	
		
}
@media screen and (max-width: 680px){
	#footerGroupSocial{
		display:none;
	}
}
#footerGroupSocialSmall{
	display:none;
	padding-top:0px;
}
@media screen and (max-width: 680px){
	#footerGroupSocialSmall{
		display:block;
	}
}

.footerSocialImage{
	width:24px;
	height:24px;
	position: relative; 
	top: 7px; 
	left:-4px; 
	border:none;
}

@media screen and (max-width: 680px){
	.footerSocialImage{
		width:50px;
		height:50px;
	}
}

#footerGroupSignup{
	
	
}
@media screen and (max-width: 680px){
	#footerGroupSignup{
		padding-top:0px;
		padding-bottom:0px;
		margin-bottom: 0px;
	}
}
#footerSignupContainer{
	height:120px;
	
}
@media screen and (max-width: 680px){
	#footerSignupContainer{
		height:auto;
		
	}
}

#footerSignupHeading{
	
		
}
@media screen and (max-width: 680px){
	#footerSignupHeading{
		text-align:center;
	}
}

#footerSignupMessage{
	line-height:1.4em;
	margin-top:10px;
	margin-top: 7px;
	margin-bottom: 14px;
		
}
@media screen and (max-width: 680px){
	#footerSignupMessage{
		display:none;
	}
}

ul, li {
/*list-style-type: none!important;*/
}


/*end footer ___________ */

/*top navigation */

#navigation {
	/*float: right;*/
	/*height: 100px;
*/	/*width: 960px;*/
	/*padding-right: 0px;*/
	
}

#navcontainer {
	/*height: 80px;*/
/*	width: 1100px;
*/	/*margin-top: 0px;*/
	border-top: thin black solid;
	border-bottom: thin black solid;
}

ul#navlist {
	/*margin-left: 0px*/
	text-align:center;
	white-space: nowrap;
	margin: auto;
	padding: 12px;
	/*border:thin red solid;*/
}
#navlist li{
	font-family: 'Open Sans', serif;
	font-size:20px;
	display: inline;
	padding:   12px   30px 12px    30px;
	/*list-style-type: none;*/
}

#navlist {
	margin: 0px;
	font-size: 12px;
	outline: none;

	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

ul#navlist_old {
	/*margin-left: 0px*/
	text-align:center;
	padding:  16px 0px 12px   0px;
	white-space: nowrap;
	margin: auto;
	/*border:thin red solid;*/
}

#navlist_old li	{
	display: inline;
	list-style-type: none;
}

#navlist a {
/*	padding: 3px;
	margin-left: 36px;
	margin-right: 36px;
	margin-top: 0px;
*/	color: black;
	letter-spacing: 1px;
}

#navlist a:link, #navlist a:visited{
	color: black;
	text-decoration: none;
}

#navlist a:hover{
	color: black;
	text-decoration: none;
}

#navlist li a#current{
	color:black;
	font-weight:bold;
}

/*side navigation */

#sidebar {
	/*float: left;*/
	width: 230px;
	text-align: right;
	/*height: 520px;*/
	padding: 0px 10px 0 0;
	display: table-cell;
    vertical-align: top;
}

#side_menu {
	/*padding-right:20px;*/
}

@media screen and (max-width: 680px){
	#sidebar { 
		display:none;   
		width: 100%;
		text-align:center;
		padding:0;
	}
	#side_menu {
	}
}

#side_menu ul{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color:red;
	text-align: right;
	margin-bottom: 25px;
	letter-spacing: 1px;
	text-decoration: none;
}

@media screen and (max-width: 680px){
	#side_menu ul{
		font-size: 12px;
		padding-left: 0;
		text-align: center;
		margin-bottom: 0px;
	}
}
#side_menu ul li {
	list-style: none;
	margin: 0;
	color: #000;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

@media screen and (max-width: 680px){
	#side_menu ul li{
		padding-bottom: 14px;
		display: inline-block;
	    padding-left: 8px;
	    padding-right: 8px;
	}
}

#side_menu ul li a{
	color: #999;
	text-decoration: none;
}

#side_menu ul li a:hover{
	color: #666;
	text-decoration: none;;
}

#side_menu ul li a#current{
	color: #000;
}

/*end side navigation */




/* stockist menu */

#menulist
{
	padding-left: 0;
	margin-left: 0;
	width: 260px;
	margin-top: 0;
}

@media screen and (max-width: 680px){
	#menulist{
		width: 150px;
	}
}

#menulist li{
	list-style: none;
	margin: 0;
	padding: 0.25em;
}

#menulist li a { 
	text-decoration: none; 
}

#menulist li a#current{
	color: #000;
}



/* Shop _______________________________*/

#zoom_main_img{
	width:100%;
	max-width:350px;
	
	
}

#product_grid{
	display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

@media screen and (max-width: 680px){
	#product_grid{
	
	}
}


.product_grid_record_container{
	display:inline-block;
	/*/;
/*	padding:10px;*/
	margin:10px;
	width:30%;
}

@media screen and (max-width: 680px){
	.product_grid_record_container{
		/*display:inline-block;
*/		/*width:50%;*/
		/*padding:0px;*/
		width:40%;
	}
}

/*#ShopCentreContent {
	width: 1110px;
	padding-top: 30px;
}

#ShopContent {
	height: 498px;
	width: 1110px;
	padding-top: 30px;
}
#ShopContentL {
	height: 460px;
	width: 230px;
	float: left;
}
*/

.productListBanner{
	
	
}

@media screen and (max-width: 680px){
	.productListBanner{
		display:none;
		
	}
}
#ShopContentR {
	width: 100%;
	/*float: right;*/
/*	height: 470px;
*/}

#ShopTitle {
	height: 40px;
	width: 860px;
	margin-top: 0px;
	padding: 0px;
}

#ShopContent{
	display: flex;
	flex-wrap: wrap;
    flex-flow: row;
    flex: 1 1 0;
    padding:20px 0px;	
}

@media screen and (max-width: 1000px){
	#ShopContent{
	    flex-flow: column;
		padding-top: 0;
	}
}

#ShopLeft {
	/*height: 420px;*/
	display:flex;
	flex-flow:row;
	flex: 1 1 0;
	width: 100%;
	/*float: left;*/
	padding-left: 20px;
	/*padding-top: 30px*/;
	text-align: left;
	
    /*display: table-cell;
*/    vertical-align: top;
}

#ShopRight {
	/*width: 100%;*/
	height: 430px;
	text-align: right;
	/*float: right;*/
	display: table-cell;
    vertical-align: top;
    margin-left: 20px;
}

@media screen and (max-width: 1000px){
	#ShopLeft {
		/*height: 420px;*/
		width: 100%;
		/*float: left;*/
		padding-left: 0px;
		/*text-align: center;*/
		flex-flow:column;
	}
	#ShopRight {
		width: 100%;
		/*float: left;*/
	    padding-left: 230px;
    	padding-top: 20px;	
		text-align: center;
    }
}
@media screen and (max-width: 680px){
	#ShopRight {
	    padding-left: 0px;
    	padding-top: 20px;	
		/*text-align: left;
*/    }
}

#ShopLeftThumbnails{
	order:1;
	display: flex;
    flex-flow: column;
    margin-top:20px;
}
@media screen and (max-width: 1000px){
	#ShopLeftThumbnails{
		order:2;
	    flex-flow: row;
        justify-content: center;
        margin-top:0px;

	}
}

#ShopLeftMainImage{
	order:2;
}
@media screen and (max-width: 1000px){
	#ShopLeftMainImage{
		order:1;
	}
}

#ShopModelImageContainer{
	order:1;
	padding: 0px 0px 0px 26px;
    /*text-align: center;
    vertical-align: top;*/
	
}	

@media screen and (max-width: 1000px){
	#ShopModelImageContainer{
		
		order:2;
    	width:100%;
    	padding: 20px 0px;
	}	

}

.imageStrip-image{
	cursor:zoom-in;
	max-height: 590px;
}

#imageStrip-images{
	height:600px;
}	

@media screen and (max-width: 680px){
	.imageStrip-image{
		cursor:zoom-in;
		max-height: 400px;
	}
	#imageStrip-images{
		height:400px;
	}	

}

#ShopModelImage{
	max-width: 800px;
	width:100%;	
	cursor: zoom-in;
}	

@media screen and (max-width: 1000px){
	#ShopModelImage{
		
    	max-width: 400px;
	}	

}
#ShopModelImageMissing{
	/*max-width: 600px;*/
	width:100%;	
}	

@media screen and (max-width: 1000px){
	#ShopModelImageMissing{
		display:none;
	}	

}

#ShopProductInfo{
	order:3;
	width: 100%;
	/*float: left;*/
    padding-left: 30px;
	/*padding-top: 20px;*/	
	text-align: left;
	
    display: flex;
    flex-flow: column;
    justify-content: space-between;

}	

@media screen and (max-width: 1000px){
	#ShopProductInfo{
		order:3;
	    padding-left: 0px;
    	padding-top: 20px;	
    	text-align: center;
    	display:block;
	}	

}

.imageStrip-image{
		cursor:zoom-in;
}

#ShopProductThumbnailContainer{
	display:block;
    margin: 0 auto;
  }	

/* @media screen and (max-width: 1000px){
	#ShopProductThumbnailContainer{
		display:none;
	}	
} */

#ShopProductDataContainer{
	width: 306px;
	text-align: left; 
	display: inline-block;
	margin-left:100px;
	margin-top:0px;
}	

@media screen and (max-width: 1000px){
	#ShopProductDataContainer{
		margin-left:0px;
		margin-top:40px;
	}	
} 

#ShopProductThumbnail{
	border:solid 1px #CCCCCC;
	max-width:250px;
	cursor: zoom-in;
}	

@media screen and (max-width: 1200px){
	#ShopProductThumbnail{
		width:170px;
		margin-right: 80px;
	}	

}

@media screen and (max-width: 1000px){
	#ShopProductThumbnail{
		display:none;
	}	

}

#ShopProductMediumContainer{
	display:none;
}	

@media screen and (max-width: 1000px){
	#ShopProductMediumContainer{
		display:block;
		width: 100%;
	}	

}

#ShopProductMedium{
	display:none;
	width:100%;
	border: #CCCCCC solid thin;
}	

@media screen and (max-width: 1000px){
	#ShopProductMedium{
		display:block;
		max-width: 398px;
	    margin: auto;
	}	

}

#prodTile{
	font-family:'Acta', serif;
	font-size: 24px;
	padding-top: 30px;
	padding-bottom: 6px;
	/*text-transform: uppercase;*/
	color: black;
	/*font-weight: bold;
	height: 20px;*/
	/*float: left;*/
	/*width: 400px;*/
}
@media screen and (max-width: 1000px){
	#prodTile{
		text-align: center;
		width:auto;
	}
}

#prodDescription{
	font-family:MinionPro, serif;
	font-size:14px;
	/*line-height:22pt;*/
	/*padding-top:12px;
	padding-bottom:10px;*/
	padding-right: 8px;
	/*margin-top:10px;*/
	/*text-transform: uppercase;*/
	color: black;
	/*height: 150px;*/
	/*margin-right: 80px;*/
	margin-left: 0px;
}

.prodDescriptionBulletItem{
	padding-bottom:5px;
	/*padding-left: 20px;
*/}

#productPrice{
	margin-bottom:20px;
	font-size: 14px;
	color: #000;
/*	width: 400px;
*/	height: 20px;
	text-align: left;
	margin-top: 10px;
	margin-left: 2px;
}
#productPrice2{
	font-family:MinionPro, serif;
	font-size: 16px;
	color: black;
	padding-bottom:0px;
	/*width: 400px;
	*/
	/*height: 20px;
	text-align: left;
	margin-top: 20px;
	margin-left: 2px;*/
}
.productPriceOriginal{
	font-family:MinionPro, serif;
	font-size: 16px;
	color: black;
	padding-bottom:0px;
	/*width: 400px;
	*/
	/*height: 20px;
	text-align: left;
	margin-top: 20px;
	margin-left: 2px;*/
}
#ViewCart{
	margin-top:0px;
	float: right;
	width: 200px;
	height: 35px;
	text-align: right;
	margin-right: 50px;
}

#addToCart{
	float: left;
	height: 60px;
	padding-top:10px;
	width: 290px;
}
#sizedropdown_container{
	/*display:inline-block;
	float:left;*/
	padding-right:8px;
	margin-bottom:4px;
}

#sizedropdown{
	/*display:inline-block;
	float:left;*/
	padding-right:8px;
	margin-bottom:4px;
}
@media screen and (max-width: 1000px){
	#productPrice2{
		text-align: center;
	}
	#addToCart{
		width:100%;
	}
	#sizedropdown_container{
		display:block;
		float:none;
	}
	#sizedropdown{
		display:inline-block;
		float:none;
	}
}

/* Basket styles */

#basketContainer{
	width:100%;
	display:flex;
	flex-flow:column wrap;
	align-content: space-between;
	/*vertical-align:top;*/
}

@media screen and (max-width: 680px){
	#basketContainer{
		flex-flow:row wrap;
	    align-content: flex-start;
	}
}

#basketContents{
	/*width:70%;*/
	display:table-cell;
	text-align:left;
	vertical-align:top;
    padding-right: 24px;
    flex: 1 0;
    order:2;
}

.BasketSummaryWrapper{
	flex:0 100%;
	order:6;
	
}
@media screen and (max-width: 680px){
	#basketContents{
    	padding-right: 0px;
	}
	.BasketSummaryWrapper{
	    flex: 0 392px;
		order:1;
		/*margin-right: 8px;*/
	}
}
.BasketSummaryWrapper#basket{
	flex:0;
	order:2;
	
}
@media screen and (max-width: 680px){
	.BasketSummaryWrapper#basket{
	    flex: 0 100%;
		order:1;
		/*margin-right: 24px;*/
	}
	.BasketSummaryWrapper#checkout{
	    flex: 0 392px;
		order:2;
		margin-right: 8px;
		margin-top: 8px;
	}
}

#basketSummaryContainer{
	width:220px;
	/*display:table-cell;*/
	vertical-align:top;
	/*padding: 12px;*/
    /*background-color: #F6F6F6;*/
}
@media screen and (max-width: 680px){
	#basketSummaryContainer{
		width:100%;
		/*margin-right:8px;*/
	}
}

#basketSummary{
	display:block;
	vertical-align:top;
	padding: 12px;
    background-color: #F6F6F6;
}



#BasketSummaryDetails{
	display:flex;
	flex-flow:column;
}

@media screen and (max-width: 680px){
	#BasketSummaryDetails{
	flex-flow:row;

	}
}

.basketSummaryDetailsTotals{
	padding-bottom:20px;
	
}

@media screen and (max-width: 680px){
	.basketSummaryDetailsTotals{
		padding-bottom:0px;
	}
}

.basketTable{
	/*width:70%;*/
	/*background-color:red;*/
	
}

.basketTableHeaderRow{
	font-family:Brandon,sans-serif;
	font-size:9px;
	letter-spacing:0.1em;
	background-color: black;
	color:white;
	width:100%;
	display:table;
	border-bottom:thin silver solid;	
	padding:8px 0px 8px 0px;
}
.basketTableHeaderCell{
	display:table;
	/*width:70%;
*/
	vertical-align:middle;
}
#basketTableHeaderCellProductName{
	padding-left: 160px;
}


@media screen and (max-width: 900px){
	#basketTableHeaderCellProductName{
		/*display:none;*/
	    padding-left: 0;
	    width: 150px;
	    text-align: center;	
	}
}
@media screen and (max-width: 680px){
	#basketTableHeaderCellProductName{
	    width: 100px;
		/*display:table-cell;
		vertical-align:middle;*/
	}
}

.basketTableHeaderCellAlignRight{
	display:table-cell;
	text-align:right;
	width:80px;
	vertical-align:middle;
	font-weight:bold;
	padding-right: 12px;
}
@media screen and (max-width: 400px){
	#basketTableHeaderCellProductName{
		font-size:8px;
	}
	.basketTableHeaderCellAlignRight{
		font-size:8px;
		padding-right: 6px;
	}
}

.basketTableDataRow{
	width:100%;
	display:table;
	border-bottom:#CCCCCC 1px solid;	
		
}

.basketTableDataCell{
	display:table;
	/*width:70%;
*/
	vertical-align:middle;
}
	
.basketTableDataCellAlignRight{
	font-family:PT-Serif,serif;
	font-size:14px;
	display:table-cell;
	color:black;
	text-align:right;
	width:80px;
	vertical-align:middle;
	padding-right: 12px;
	/*padding-top:64px;*/
}

@media screen and (max-width: 400px){
	.basketTableDataCellAlignRight{
		padding-right:6px;
	}
}
.basketProductImage{
	width:auto;
	padding-bottom:2px;
}

.basketTotals{
	text-align: right;
	padding-top:12px;
    padding-bottom: 8px;
	border-bottom: 1px #CCCCCC solid;
}
.basketTotalCellTitle{
	display: table-cell;
	text-align: left;
	font-family:Brandon,sans-serif;
	font-size:11px;
	letter-spacing:0.1em;
	color:black;
	width:120px;
}
.basketTotalCell{
	display: table-cell;
	width:80px;
	font-family:Brandon,sans-serif;
	font-size:11px;
	letter-spacing:0.1em;
	color:black;
	padding-bottom:4px;
	text-align: right;
}

.basketPromoCode{
	/*float:left;*/
	width:250px;
	text-align:left;
	margin-top:20px;
	/*height:80px;*/
	display:inline-block;
	vertical-align: top;
}

input.promocode{
	font-family:PT-Serif,serif;
	font-size:14px;
	text-align:left;
	padding:2px; 
	border:#CCCCCC 1px solid;
	/*margin-top:4px;*/
	width:150px;
	height:33px;
}

#invalid_promo{
	font-family:Brandon,sans-serif;
	font-size:12px;
	letter-spacing:0.1em;
	color:red;
	margin-top: 6px;
    margin-left: 4px;
    line-height: 1.3em;	
}

.basketSendAsGiftContainer{
	/*float:left;*/
	width:250px;
	text-align:left;
	margin-top:20px;
	/*height:80px;*/
	display:inline-block;
	vertical-align: top;
}

.basketSendAsGift_checkbox_container{
	padding: 0px 0px 4px 0px;
	cursor:pointer;
}

.basketSendAsGift_checkbox{
	display:inline-block;
/*	padding: 0px px 8px 8px;*/
    vertical-align: middle;
}

.basketSendAsGift_checkbox_label{
	display:inline-block;
 	font-family:MinionPro,serif;
	font-size:14px;
	color:black;
	padding:  0px 0px  0px 4px;
	vertical-align: middle;
}

select.qty{
	font-family:PT-Serif,serif;
	font-size:14px;
	/*position:relative;
	top:-2px;*/
	text-align:center;
	padding:2px; 
	border:1pt #CCCCCC solid;
	/*border-radius:4px;*/
	width:54px;
	height:33px;
    margin-bottom: 8px;
}

.basketProductDescriptionBeside{
	font-family:PT-Serif,serif;
	font-size:14px;
	color:black;
	display: table-cell;
    text-align: left;
    vertical-align: middle;
    /*padding-bottom: 36px;*/
    padding-left: 10px;
}
.basketProductDescriptionBelow{
	font-family:PT-Serif,serif;
	font-size:14px;
	color:black;
	display: none;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 12px;
}
.basketMainRemoveItem{
	font-family:Brandon,sans-serif;
	font-size:11px;
	color:black;
	cursor:pointer;
	padding-right:3px;
}    
.basketMainRemoveItem:hover{
	font-weight:bold;
}    

#CartUpdate{
	display: inline;
	padding-top:12px;
	padding-bottom:20px;
    /*padding-left: 42px;*/
}

@media screen and (max-width: 900px){
	.basketTableDataCell{
		display:inline-block;
	}
	.basketTotals{
		text-align:center;
		margin-top:12px;
	}
	.basketPromoCode{
		float:none;
		width:auto;
		margin-right: 20px;
	}
	.basketTotalCell{
		display: inline-block;
		width:60px;
	}
	.basketTotalCellTitle{
		/*display: inline-block;
		width:130px;*/
	}
	.basketProductDescriptionBeside{
		display: none;
	}
	.basketProductDescriptionBelow{
		display: table-cell;
		width:150px;
	}
}

@media screen and (max-width: 680px){
	.basketProductImage{
		width:100px;
	}
	.basketProductDescriptionBelow{
		width:100px;
	}
	.basketTotalCell{
		margin-right:20px;
	}
}


/* Basket Popup styles */
/*.basketPopupTable{
	width:100%;
	
}
*/

/*---------------------------------*/

#ShopForm {
height: 100px;
width: 400px;
text-align: left;
float: right;
}

#ShopFormGap {
height: 115px;
width: 400px;
text-align: left;
float: right;
}

#ShopPayPal {
height: 80px;
width: 400px;
text-align: left;
margin-bottom: 30px;
}

#GapOverSocial {
height: 130px;
width: 230px;
}

#ShopSocialLinks {
width: 230px;
margin-top: 20px;
height: 80px;
text-align: right;
float: right;
padding-top: 0px;
}

#CentreContentL {
height: 520px;
width: 230px;
float: left;
}

#CentreContentR {
/*width: 860px;*/
	/*float: right;*/
	width:100%;
	display: table-cell;
    vertical-align: top;
}

@media screen and (max-width: 680px){
	#CentreContentR {
		float: none;
		width:100%;
		display:block;
	}
}

#CentreTitle {
height: 40px;
width: 740px;
margin-top: 0px;
padding: 0px;
}
#CentreTitleL {
height: 20px;
width: 500px;
margin-top: 0px;
float: left;
text-align: left;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#CentreTitleR {
height: 30px;
width: 140px;
margin-top: 0px;
float: right;
padding-top: 10px;
padding-right: 65px;
padding-bottom: 0px;
padding-left: 0px;
text-align: right;
}



/* End Shop _______________________________*/



/* End Menu's _______________________________*/




/*font ___________ */

.img_in_viewport{
	position:relative;
    z-index:-1;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%, -50%); 
    /*&.max{ width:auto; height:400px; }*/
}

@media screen and (max-width: 680px){


}


#active{
	font-weight:bold;
	color:black;
}

.headingsText18pt {
	font-family: BrandonBold, sans-serif;
	font-size: 16px;
	/*color: #666666;*/
	letter-spacing: 0.15em;
	color:black;
	padding-top: 24px;
}

.headingsText16pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	/*color: #666666;*/
	letter-spacing: 0.1em;

}


.Text14ptBoldNoLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
letter-spacing: 1px;
font-weight: bold;
}

.headingsText14pt {
font-family: MinionPro, serif;
font-size: 14px;
font-weight:bold;
color: black;
line-height: 22pt;
padding-bottom:3px;
}

.headingsText14ptNoSpc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;

}
.Text14ptBold {
font-family: MinionPro, serif;
font-size: 14px;
color: black;
font-weight:bold;
/*line-height: 22pt;*/
padding-bottom:0.5em;
	line-height:1.75em;

}

.Text14pt {
	font-family: MinionPro, serif;
	font-size: 14px;
	color: black;
	padding-bottom:0.75em;
	line-height:1.75em;
/*line-height: 22pt;*/
}

.Text16ptItalic{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
font-style: italic;
font-weight: lighter;
}

/*In use! */
.headingsText12pt {
	font-family: MinionPro,serif;
	font-size: 12px;
	color: black;
	letter-spacing: 0.1em;
	padding-top:4px;
	padding-bottom:4px;
}

.headingsLargeSerif {
	font-family: MinionPro,serif;
	font-size: 24px;
	color: black;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.headingsMediumSerif {
	font-family: MinionPro,serif;
	font-size: 20px;
	color: black;
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.headingsSmallSerif {
	font-family: MinionPro,serif;
	font-size: 14px;
	color: black;
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.headingsSmallSansSerif {
	font-family: 'Brandon',sans-serif;
	font-size: 10px;
	color: black;
	letter-spacing: 0.1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.headingsMediumSansSerif {
	font-family: 'Brandon', sans-serif; 
	font-size:14px;
	letter-spacing:0.1em;
	color:black;

	padding-top:0.5em;
	padding-bottom:0.5em;
}

.textSmallSerif {
	font-family: MinionPro,serif;
	font-size: 14px;
	color: black;
	font-weight:normal;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.textSmallSansSerif {
	font-family: 'Brandon',sans-serif;
	font-size: 12px;
	color: black;
	font-weight:normal;
	padding-top:0.5em;
	padding-bottom:0.5em;
}


.headingsText12ptBlk {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
letter-spacing: 1px;
}

.headingsText12ptBld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	letter-spacing: 1px;
	font-weight: bold;
}

.headingsText11pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.headingsText11ptItalicBlk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: italic;
}

.headingsText11ptDark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.headingsText11ptDarkNoLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.headingsText11ptDarkBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	padding-bottom:4px;
}

.headingsText10pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.headingsText10ptDark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.headingsText10ptBlack {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
letter-spacing: 1px;

}

.headingsText10ptDarkNormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
letter-spacing: 1px;
font-weight: normal;
text-decoration: none;
}

.headingsText9ptWide {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
letter-spacing: 1px;
}
.headingsText9pt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;

}

.headingsText9ptDark {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
letter-spacing: 1px;
font-weight: bold;
}


.headingsText9pt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;

}

.clear { clear:both; padding:0; margin:0; background:none;}

.cl {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0;
}

.checkout_menu{
	/*text-align:left;*/
	display: flex;
	flex:0 auto;
    /*space-between: 10px;*/
   /* margin-right: 5px;
*/    width: 100%;
    max-width: 400px;
    order:1;
}

@media screen and (max-width: 680px){
	.checkout_menu{
	    order:2;
	    flex: 0 100%;
	    height: 33px;
	    padding-top: 10px;
   }
}

.checkout_menu_button{
	font-family:Brandon,sans-serif;
	font-size:10px;
	letter-spacing:0.1em;
	color:black;
	display:inline-block;
	text-align:center;
	background-color:#EEEEEE;
	/*width:150px;*/
	padding-top:20px;
	/*padding-bottom:20px;
*/	margin-right:8px;
	flex:1 1;
	
}

.checkout_menu_button_selected{
	font-family:Brandon,sans-serif;
	font-size:10px;
	letter-spacing:0.1em;
	color:white;
	display:inline-block;
	text-align:center;
	background-color:black;
	/*width:150px;
*/	padding-top:20px;
	padding-bottom:20px;
	flex:1 1;
	margin-right:8px;
}
@media screen and (max-width: 680px){
	.checkout_menu_button{
		    padding-top: 9px;
		    padding-bottom:0px;
	}
	
	.checkout_menu_button_selected{
		    padding-top: 9px;
		    padding-bottom:0px;
		
	}
}


div#CheckoutForm{
	font-family:Brandon,sans-serif;
	font-size:12px;
	letter-spacing:0.1em;
	color:black;
	text-align:left;
	/*width:45%;*/
	margin-top:32px;
	order:2;
}

@media screen and (max-width: 680px){
	div#CheckoutForm{
		order:3;
	
	}
}

#MembershipForm, #fm{
	flex: 0 0 auto;
	order:4;
	display:flex;
}

@media screen and (max-width: 900px){
	#fm{
		order:3;
		display:flex;
		flex-flow:column;
		
	}
}

@media screen and (max-width: 900px){
	#MembershipForm{
		order:4;
		display:flex;
		flex-flow:column;
		
	}
}

table#contact{
	border-spacing:0;
}
table#contact_details td.label{
	font-family: MinionPro,serif;
	font-size: 12px;
	color: #808080;

	border-spacing:0;
	/*width:150px;*/
	padding-top:8px;
	
	font-size:12px;

}

table#contact_details td{
	font-family: MinionPro,serif;
	font-size: 12px;
	color: #808080;

	vertical-align:top;	
	/*vertical-align:top;*/
	padding:2px 2px 2px 0; 
}

input.contact_details_wide,textarea.contact_details_wide,select.contact_details_wide{
	font-family: MinionPro,serif;
	font-size: 12px;
	color: black;
	background-color:white;
	border: 1pt #CCCCCC solid;
	/*border-radius:4px;*/
	padding: 0.5em;
	width:100%;
	margin-bottom: 8px;
}

input.contact_details,textarea.contact_details,select.contact_details{
	font-family: MinionPro,serif;
	font-size: 12px;
	/*letter-spacing: 0.1em;*/
	color: black;
	background-color:white;
	border: 1pt #CCCCCC solid;
	/*border-radius:4px;*/
	padding: 0.5em;
	margin-bottom: 8px;

}

textarea.contact_details,textarea.contact_details_wide{
	resize: none;
}

.field_label{
	font-family: MinionPro,serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	color:#808080;
	margin-top: 6px;
	margin-bottom: 3px;
	margin-left:2px;
	
}

.form_error_message{
	font-family:MinionPro,serif;
	color:red;
	font-size:12px;
	letter-spacing: 0.1em;
	padding-bottom:4px;
	padding-top:4px;
	margin-left:2px;
	
	
}
select.contact_details_wide{
	padding:   0.5em;
	width:214px;
}

input.button{
	
	background-color:silver;
	padding:0.5em;
}

input.curtotal,div#order_totals2 input.curtotal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #666666;
	border-width:0;
	color:black;
	background-color:transparent;
	text-align:right;
}



/* slider styles*/

/* Sidebar styles*/
/* links */

.sidebar_links{
	text-align:left;
	
	
}
.sidebar_filters{
	
	
	
}
.sidebar_filters_horizontal{
	display:none;
	
	
}


@media screen and (max-width: 680px){
	.sidebar_filters_horizontal{
		display:block;
    	height: 120px;		
		
	}
}

.sidebar_filters_horizontal .sidebar_filter_heading{
	display:inline-block;
}
.sidebar_filters_horizontal .sidebar_filter_checkbox_container{
	display:inline-block;
}
.sidebar_filters_horizontal .sidebar_categorylabel{
	display:inline-block;
	border:none;
}
.sidebar_filters_horizontal .sidebar_filter_group{
	display:inline-block;
}
@media screen and (max-width: 680px){
	.sidebar_filters_horizontal .sidebar_filter_heading{
		display:block;
	}
		
	.sidebar_filters_horizontal .sidebar_categorylabel{
		display:none;
	}
	.sidebar_filters_horizontal .sidebar_filter_group{
	    display: block;
	}
}



.sidebar_filter_group{
	margin-top:12px;
	
}

.sidebar_filter_heading{
 	font-family:MinionPro,serif;
	font-size:14px;
	font-weight:bold;
	color:black;
	padding: 0px 0px 8px 0px;
}

.sidebar_filter_checkbox_container{
	padding: 0px 0px 4px 0px;
	cursor:pointer;
}

.sidebar_filter_checkbox{
	display:inline-block;
/*	padding: 0px px 8px 8px;*/
    vertical-align: middle;
}

.sidebar_filter_checkbox_label{
	display:inline-block;
 	font-family:MinionPro,serif;
	font-size:14px;
	color:black;
	padding:  0px 0px  0px 4px;
	vertical-align: middle;
}

.sidebar_categorylabel{
	font-family:'Brandon',sans-serif;
	font-size:12px;
	color:black;
	letter-spacing:0.1em;
	padding: 0px 0px 12px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:thin silver solid
}


.sidebar_subpage_button{
    display: table;
	width:200px;
	/*padding:8px;*/
	cursor:pointer;
}
.sidebar_subpage_button_label{
 	font-family:MinionPro,serif;
	font-size:14px;
	color:black;
	line-height:22pt;
    vertical-align: middle;
    display: table-cell;
	padding-bottom:3px;
	cursor: pointer;
}

.sale_item{
	
	color:rgb(226, 23, 131)!important;
}

.sidebar_subpage_button_loading{
    vertical-align: middle;
    display: none;
    width:20px; 
    /*height:20px;*/
}

.sidebar_subpage_button_loading img{
    width:20px; 
    height:20px;
}

.ShopBottom{
	padding:20px 10px 0 268px;
	width: 100%;
	margin-bottom: 20px;	
}
@media screen and (max-width: 1000px){
	.ShopBottom{
		padding-left:230px;
		margin-left:10px;
		
	}
}

@media screen and (max-width: 680px){
	.ShopBottom{
		
		padding-left:0px;
		margin-left:0px;
		padding-right:10px;
		
	}
}

#recommended_container{
	
	width:100%;
	text-align:left;
}

@media screen and (max-width: 1000px){
	#recommended_container{
		width: 300px;
	    text-align: center;
	    display: inline-block;		
	}
}
@media screen and (max-width: 680px){
	#recommended_container{
		padding-left:10px;
		padding-right:10px;
		/*text-align:center;*/
		
	}
}

.recommended_product_grid_record_container{
	display:inline-block;
	margin:10px;
	width:30%;
}

@media screen and (max-width: 1000px){
	.recommended_product_grid_record_container{
		width:40%;
	}
}

@media screen and (max-width: 680px){
	.recommended_product_grid_record_container{
		width:40%;
	}
}

.recommended_label{
	font-family:'Brandon',sans-serif;
	font-size:12px;
	color:black;
	letter-spacing:0.1em;
	padding: 0px 0px 12px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:thin silver solid;
	text-align:left;
}

@media screen and (max-width: 1000px){
	.recommended_label{
		text-align:center;
	}
}
@media screen and (max-width: 680px){
	.recommended_label{
		margin-left:0px;
	}
}

.rewardPage_MemberLevelContainer{
	display:inline-block;
	width:50%;
}
/*.rewardPage_MemberLevelContainer:first-child{
	display:inline-block;
	width:50%;
	margin-left:0px;
}
*/
.rewardPage_MemberLevelInfo{
	background-color:#F8F8F8;
	border-radius:12px;
	border:#DDDDDD 1px solid;
	box-shadow:2px 2px 2px #BBBBBB;
	color:black;
	margin-top:12px;
	margin-bottom:12px;
	text-align:center;
	padding:20px;
}

.rewardPage_MemberLevelGiftIcons{
	
	display:inline-block;
	padding-top:8px;
	padding-bottom:12px;
}

.rewardPage_MemberLevelDescription{
	
}

.ui-slider-horizontal{
	height:	1px!important;
	
/*	.ui-slider-horizontal*/
}

.ui-widget-content{
	border:none!important;
	background-color: #C0C0C0!important;
}


.ui-slider-horizontal .ui-slider-range{
	/*top:4px!important;*/
	
	
}


.ui-slider-handle{
	background-color:black!important;
	border:none!important;
	touch-action: auto!important;
	top:-0.5em!important;
}
.ui-slider-range{
	
	background-color:black!important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
	border-bottom-right-radius: 8px!important;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
	border-bottom-left-radius: 8px!important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
	border-top-right-radius: 8px!important;
}


.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
	border-top-left-radius: 8px!important;
}

.nivoSlider img{
	
	min-height: 300px;
    width: 100%!important;
    object-fit: cover;
}

.tracking_data_row{
	font-family: Brandon,sans-serif;
	font-size:10pt;
}

.tracking_data_row:hover{
	background-color:#EEEEEE;
	
}

.tracking_data_cell{
	padding:4px; 
	border-bottom: thin solid silver;
	
}

.tracking_sendemail_button{
	font-family: Brandon,sans-serif;
	font-size: 11px;
	letter-spacing:0.1em;
	height:28px!important;
	background-color:gray!important;
	color:white!important;
	border:none;
}

/* Payway */
.payway-card{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}

/* Product detail popup */

#product_detail_overlay{
	position:fixed;
	/*width:100%;
	height:100%;
	margin:auto;*/
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.6);
	z-index:100;
	display:none;
	cursor:pointer;
	flex-direction: column;
	/*overflow: scroll*/;
}

#product_detail_container{
	/* position:relative; */
	/* top:12.5%; */
	/*left:25%;*/
	/*width:50%;
	height:70%;*/
	background-color:white;
	border:1px black solid;
	padding:8px;
	/*z-index:100;*/
	margin:auto;
	/* max-width:1000px;  */
	/* max-height:95vh; */
}

#product_detail_header{

	text-align:left;
	padding-bottom:8px;
	
}

#product_detail_title{
	/*width:80%;*/
	text-align:left;
	display:inline-block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:black;
	
}

#product_detail_close_container{
	/*width: 100px;*/
    float: right;
    display: inline-block;
	text-align: right;
}
#product_detail_close_container_table{
	display:table;
}

#product_detail_close_title{
	/*display:table;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:black;
	
	display:table-cell;
	vertical-align:middle;

}
#product_detail_close_button{
	display:table-cell;
	vertical-align:middle;
	padding-top:2px;
	padding-left:12px;
}

#product_detail_image_container{
    max-width: 90vw;
    max-height: 90vh;
}
#product_detail_image{
	margin:auto;
	max-height:95vh;
	max-width:95vw; 
	/* width: auto; */
    /* height: 100%; */
	/* max-width:90vw; */ 

}
@media screen and (max-width: 680px){
	#product_detail_image{
		max-height:95vh;
		max-width:95vw; 
	}
}
#search_results_container{
    display:none;
	position:absolute;
	z-index:100; 
	min-width: 200px;
	max-width:550px;
	background-color:white;
	border:solid thin #666666;
	box-shadow: 3px 3px 6px silver
}

@media screen and (max-width: 680px){
	#search_container{
		padding-top: 5px;
	}
	#search_results_container{
	    left:10px;
		right:10px;
		max-width: none;
	
	}
	
}

/* @media screen and (max-width: 1024px){
	#product_detail_image_container{
		overflow: scroll;
	}
	#product_detail_image{
		max-height:none; 
		max-width:none; 
		zoom:.5;
	}
} */