/*	Aetopia Additionals ========================================== */
/* NOTE: 	Change layout.css
			.homesearch input   ->   .homesearch .searchfield
*/

#MB_content, #MB_frame, #MB_window{
	background-color: white;
}
#MB_header{
	background-color: #eeeeee;
}
.searchbutton {
	padding: 15px 20px 15px 20px;
	color: white; 
	border-style: none;
	font-family: texgyreadventor, Arial, Helvetica, sans-serif;
}
	
.filterbox h4 {
	text-transform: uppercase; 
}

.filterbox .count {
	display: block;
	float: right;
	margin-bottom: 3px; 
}

.filterbox .checkdiv {
	float: left;
	appearance: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid white;
	width: 13px;
	height: 13px;
	vertical-align: top;
	padding: 3px 0 0 3px;
	background: none;
	margin-right:7px;
	font-size: 16px;
	line-height: 4px; 
}

.filterbox .subfilterbox {
	height: 111px;
	overflow: hidden; 
}

 .searchpopout a.lightboxactive {
	display: inline-block;
	vertical-align: top;
	min-width: 45px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center top; 
}
	
.eventresult {
	height: 250px;
	border-bottom: 1px solid #415968; 
}

.eventresult .crop {
	margin:0 11px 4px;
    width: 230px;
    height: 165px;
    overflow: hidden;
}

.eventresult .crop img {
	height: 155px;
    object-fit: cover; 
  	object-position: center; 
}

a.lightboxresult {
	width: 204px;
	height: 260px;
}
	
	
a.lightboxresult img {
	max-width: 194px;
	height: auto;
	width: auto;
	max-height: 200px;
	margin: 5px 5px 5px 5px; 
}
	
.filterbox .subfilterbox {
	height: 120px;
	overflow: hidden; 
}
	
.lightboxbar a:link {
	color: #fff;
}
.lightboxbar a:visited {
	color: #fff;
}

.ae-related-images{
	width: auto;
	height:150px;
	border: 13px solid #415968;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap; 
}
	
.ae-related-images a {
	display: inline-block;
	vertical-align: middle; 
}

.ae-related-images img {
	border: 0;
	max-height: 95%;
	width: auto;
	margin:0 3px 10px 3px; 
}
	
.photobase a.lightbox {
	background-image: url(/static/images/search-lightbox.png); 
}

.photobase a.lightboxactive {
	background-image: url(/static/images/search-lightbox-active4.png); 
}

.searchpopout a.lightboxactive {
	background-image: url(/static/images/search-lightbox-active4.png); 
}

/* Preview Media - Social Links */
.previewmedia .twitter, .previewmedia .facebook, .previewmedia .instagram {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 16px;
  margin-left: 2px;
  background-image: url(../images/icons/socialicons1_v2.png);
  background-position: -25px top;
  background-repeat: no-repeat;
  background: url(../images/icons/socialicons_v2.png) no-repeat -25px top/64px; 
  cursor: pointer; 
}
.previewmedia .facebook:hover {
  background-position: -25px -23px; 
}

.previewmedia .twitter {
  height: 20px;
  width: 20px;
  margin-left: 6px;
  background-position: left top;
}

.previewmedia .twitter:hover {
  background-position: left -23px; 
}



/* Google Style popup box */
.arrow-up-basket {
	left: 121px;
}

/* Add to basket */
.addToBasket p { 
	display: inline-block;
	width: 27%;
	font-size: medium;
}
.addToBasket .product{
	width:42%;
}
.basketTitle p {
	font-weight: normal;
}
.addToBasket h5{
	margin:15px 0;
	font-size: medium;	
	font-weight: normal;
	color: white;
}

.addToBasket select{
  width: 50%;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-image: url(../images/icons/searcharrow.png);
  background-repeat: no-repeat;
  background-position: 90% 10px;
  background-size: 15px;
  box-sizing: content-box;
  
  font-size: 14px;
  line-height: 15px;
  border: 1px solid #517978;
  color: #415968;
  padding: 5px 7px;
  margin: 0px 0px 6px 0px;
 }
 
a.cart2_old {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  height: 26px;
  background-image: url(../images/icons/search-cart.png);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  cursor: pointer;
}
a.cart2 {
  font-size: 15px;
  line-height: 19px;
  height: 31px;
  padding: 11px 0 10px 56px;
  text-align: left;
  color: white;
  margin: -10px 0 0px 0px;
  background-position: 20px 9px;
  background-image: url(../images/icons/search-cart.png);
  background-repeat: no-repeat;
}

a.cart2:hover {
  text-decoration: none;
  color: silver;
}

.addToBasket input.addToBasketBtn {
  font-size: 15px;
  line-height: 19px;
  height: 31px;
  padding: 0 20px 0px 46px;
  background-color: #008a5e;
  text-align: left;
  color: white;
  margin: -7px 4px 0px 0px;
  background-position: 13px 6px;
  background-image: url(../images/icons/cart2.png);
  background-repeat: no-repeat;
  background-size: 23px;
  
  display: inline-block;
  vertical-align: top;
  min-width: 45px;
  font-variant: small-caps;
  box-sizing: border-box;
  border: none;
}

.totaltable-checkout{
	width:100%;
}

.baskettable a:hover {
	color: #002a3e;
	text-decoration: none;
}

/*----*/
input.signinbutton {
  height: 38px;
  width: 250px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-color: #415968;
  box-sizing: border-box;
  color: white; }

.submitbutton {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-weight: bold;
  background-color: #008a5e;
  box-sizing: border-box;
  margin: 0 4px;
  float: right;
  font-size: 17px;
  padding: 14px 22px 14px 22px;
  color: white;
  border: none;
  margin-top: -20px;
}
.submitbutton:hover {
  color: white;
  background-color: #004a3e;
  text-decoration: none;
}
	
/*--Facet Expanders--*/
a.expansion {
	background-image: url(../images/icons/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 100% 26px;
	padding-left: 0px;
}
a.expanded {
	background-image: url(../images/icons/arrow_up.png);
}


/*----*/
legend.required::after { 
    content: " *";
    color: green;
    font-weight: bold;
}

legend.requiredAlert::after { 
    content: " *";
    color: red;
    font-weight: bold;
}
div.requiredAlert {
	color: red;
    font-weight: normal;
    font-size: small;
}

div.forgotPassword {
  width: 100%;
  height: 250px;
  box-sizing: border-box;
  position: absolute;
  right: 0px;
  padding: 28px 50px 28px 50px;
  background-color: #e4eaed;
}
div.forgotPassword input, div.forgotPassword a {
  width: 570px;
  height: 30px;
  box-sizing: border-box;
  padding: 0px 10px 2px 18px;
  margin: 0px 10px 0px 10px;
  font-family: texgyreadventor, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #415968;
  text-align: left;
  background: white;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

div.forgotPassword input[type="submit"] {
	background-color: #008a5e;
	color: white;
	width: auto;	
}

.previewmedia { width:1125px; }

.searchpopout .textblock {
    width: 380px;
}

.pageMessage {
	width: 97%; margin:10px; padding: 10px;background-color:#cc7777; text-align: center; color: white; font-weight: bold; font-size: large;	
}

.baskettable th {
	vertical-align: top;
}

/* mobile only items ==========================================  */
@media (min-width: 640px){
  .desktopInvisible{
    display: none !important;
  }
}

/*  Mobile Style adjustments ========================================== */
@media (max-width: 640px) {
.pageMessage {
	 margin:40px 0 0 0; padding: 17px 0; width: 100%; background-color:#cc7777; text-align: center; color: white; font-weight: bold; font-size: large;	
}

.featurepanel a { display:none; }
.halfpicblock	{ height: auto;  }
.halftextblock	{ text-align: justify; }

  .facet_results_count {
    display: none; }
  .facet_txt {
    font-size: 80%; }
  #SearchForm_Search {
	width: 85%; 
	border: 1px solid gray; }
.topbar .twitter {
  margin-left: 13px; }
.topbar .facebook {
    margin-left: 3px; }
.topbar .basketlink {
    margin-left: 0; }
.topbar .signin {
    margin-left: 10px; }
.homesearchdropdown {
	display: none; }
.searchbutton{
	display: none; }
.pagination .roundbutton {
	margin-top:-6px;
	font-size: 23px;
	line-height: 22px;
	width: 32px;
	height: 32px; }
.nextblock .bottom-pager {
	display: none; }
	
.backbuttom {
	margin-top:-6px;
	line-height: 22px;
	width: 32px;
	height: 32px; }

.photowrapper .photoresult{
	width:99%;
	height: inherit;
}
.photowrapper .photoresult{
	width:99%;
	height: inherit;
}
.photowrapper .imgtitle_searchresults {
	padding-bottom: 40px;}

.eventresult .crop {
	margin: 0 0 10px 0;
	width: auto;
	height: auto;
}
.eventresult .crop img{
	width:80%;
	height: auto;
}

.leftside{
  width: 150px;
  position: fixed;
  z-index: 10;
  top: 45px;
  left: -150px; /* offscreen until called by clicking filter icon */
  overflow-x: hidden;
  transition: 0.5s;
  height: 100%;
}

.leftside .closebtn {
    top: 60px;
    right: 25px;
    font-size: 36px;
    float: right;
}

.infobox {
	display:none;
}
	
.searchresults {
	margin-left: 10%;
    margin-right: 10%;
}
.photoresult img{
	width:83%;
	padding-top:6%;
}
.previewmedia { width:100%; margin-top:20px; }
.previewmedia header { display:none; }

.searchpopout {
	box-sizing: inherit;
	margin: 0;
}
.searchpopout img.watermarked {
	margin-bottom:10px;
}

#detailsContainer {
	padding:10px;
}

#detailsContainer .textblock {
	width: 99%;
}

.baskettable td {
	padding:3px;
}
.baskettable th {
	padding:5px;
}

.reveal-modal {
  left: auto;
  margin-left: 0;
  width: inherit;
  padding:1px;

}
