#fontlist-panel,
#buy-panel {
	padding-bottom:0;
}

#buy-panel .pure-form fieldset {
    padding: 0 10px 10px 10px;
    background: #bfdadb;
}
	/* override for app only */
	/*
	#buy-panel #app .pure-form fieldset {
		padding-bottom: 12px;
	}
	*/
	@media only screen and (max-width : 767px) {
	
		#buy-panel .pure-form fieldset {
			padding-bottom: 6px;
		}
	
	}


#buy-panel .pure-form fieldset table {
    border-spacing: 0;
    border-collapse: separate;
}
#buy-panel .pure-form fieldset select,
#buy-panel .pure-form fieldset select.selected {
	background: #fff;
	/*margin-left: 8px;
	margin-right: 8px;*/
}

/*** short and regular versions of tile title ***/
@media only screen and (max-width : 767px) {

	.static.long {
		display: none;
	}
	
	.static.short {
		display: block;
	}
	
}

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

	.static.long {
		display: block;
	}
	
	.static.short {
		display: none;
	}
	
}
/*** short and regular versions of tile title ***/

#slider-prev, #slider-next {
  margin; 0;
  padding: 5px;
  font-family: 'jttypefont' !important;
  content: "U";
  font-size: 20px;
  line-height: 22px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  color: #fff !important;
  background: #000 !important;
  width: 25px !important;
  height: 30px !important;
  display: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 9999 !important;
}
	#slider-prev {
		margin-top: 9px;
		left: 0;
	}
	#slider-next {
		margin-top: 9px;
		right: 0;
	}

#slider-container:hover #slider-prev,
#slider-container:hover #slider-next {
	display: block;
}

.css({display: 'initial'}).css({display: ''})

/*** image size inside tile ***/
#documents li.gridder-list {
	background: #000 !important;
}
#documents li.gridder-list img {
	min-width: 100%;
}

/*** added :not(.can-touch) for hover on download tiles ***/
html:not(.can-touch) #documents li.gridder-list:hover img {
	opacity: 0.5;
}

.gridder .buy input[type=submit] {
	margin: 0 !important;
	padding: 8px 5px !important;
	width: 100%;
	height: 32px !important;
	border: 0 !important;
	background: transparent;
	font-family: 'pemw-rg' !important;
	font-size: 14px !important;
	line-height: 14px !important;
	cursor: pointer;
}


.rsSlide { padding-top: 58px; }



/*** overrides for alert positioning - also in font.css ***/
.highlight,
.highlightAlert {
	margin:  0;
	padding: 14px 5px;
	position: relative;
}

.highlight p,
.highlightAlert p {
	margin: 0 0 0 35px !important;
	padding: 14px 5px;
	text-align: left;
	position: relative;
}

.highlight p:first-of-type::before,
.highlightAlert p:first-of-type::before {
	top: 6px !important;
}

.highlight p:first-of-type::after,
.highlightAlert p:first-of-type::after {
	top: 12px !important;
}


/*** 2 columns text under image slider on font pages - added 12.12.2017 ***/
#info-panel div.padded {
    margin: 0;
    padding: 0 10px 20px;
}