/* Common css */

#mobileDownloadInstructions {
	display: none;
}

.popupBox {
	display: none;
	position: absolute;
	top: 50px;
	margin-left: 25%;
	z-index: 1000;
	width: 50%;
	min-width: 300px;
	border: 2px solid #444;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 2px 5px grey;
	padding: 20px;
}

.searchHeadline {
		display: block;
		background: #ffffff;
		padding: 10px;
}

.searchHomeField:focus {
    outline-width: 0;
}

.searchFieldBox {
	display: inline-block;
	vertical-align: middle;
	width: 84%;
}

.searchImageBox {
	display: inline-block;
	float: right;
	vertical-align: middle;
	width: 40px;
	height: 32px;
	text-align: right;
}

table.imageData {
	border: none;
	text-align: left;
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	font-size: .8em;
	margin-top: 20px;
}
	
table.imageData	th {
	background:#fff;
  vertical-align: top;
  height: 10px;
  padding: 2px;
}

table.imageData	td {
	background:#fff;
  padding: 2px;
}

td.fourColumns {
	width: 25%;
}

p.dimensions {
	font-size: .8em;
	margin-top: -5px;
	color: #7F7E7E;
}

IMG.details {
	display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 750px;
}

.searchResult {
    display: inline-block;
    margin: 10px 5px 10px 5px;
    vertical-align: top;
    text-align: center;
}

.searchResultImageHolder {
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	background: #f3f3f3;
	text-align: center;
	margin-bottom: 5px;
}

.searchResultImage {
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

.searchResultNameHolder {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buttonDownload {
color: #fff;
text-shadow: 0 -1px 0 #3574e3;
background-color: #3574e3;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#7ec8f4),color-stop(100%,#3574e3));
background-image: -webkit-linear-gradient(top,#7ec8f4,#3574e3);
background-image: -moz-linear-gradient(top,#7ec8f4,#3574e3);
background-image: -o-linear-gradient(top,#7ec8f4,#3574e3);
background-image: linear-gradient(top,#7ec8f4,#3574e3);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
border-top: 1px solid #64baf0;
border-bottom: 1px solid #1c4ed5;
border-right: 1px solid #468ee6;
border-left: 1px solid #468ee6;
border-radius: 4px;
transition: opacity .15s linear;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
display: inline-block;
font-family: 'Cabin', sans-serif;
font-size: 1.2em;
padding: 7px 18px;
position: relative;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}

.flexHomeProduct {
	background: #004168;
}

.flexHomeProduct:hover {
	background: #005587;
}

input[type="file"] { 
	font-size: 1.0em; 
	color: #666; 
	border: 1px solid #ccc; 
	border-radius: 3px;
	width: 98%;
	padding: 4px; 
}

.t4l_listTableDiv {
    margin-top: 10px;
}

.t4l_redBigB {
    color: red;
}

.t4l_listTableDivLeft {
    font-size: .9em;
}

.flexHomeProduct {
	border-radius: 4px;
	border-color: grey;
	cursor: pointer;
}

.contentBox-Headline {
	color: #ffffff;
}

.contentBox-Text {
	color: #ffffff;
}

/* Begin smaller than 700 screen css */

@media (max-width: 699px) {

IMG.centeredBottom {
    display: block;
    margin-left: auto;
    margin-top: 20px;
}

IMG.catBox-Image {
	display: block;
	width: 100%;
}

h1.imageName {
	font-size: 1.5em;
	margin-bottom: 0px;
	margin-top: 10px;
}

.imageDetails {
	text-align: left;
}

.categoryHeading {
	width: 94%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.categoryHeadingImage {
	display: none;
}

.categoryHeadingText {
	display: block;
}

.searchHomeField { 
	font-size: 1em; 
	color: #999; 
	width: 100%;
	border: none; 
	line-height: 18px;
	padding: 4px; 
}

.flexDetailImage {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

.flexItemRight {
	display: block;
	text-align: left;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.flexWideAd {
	display: none;
}

.flexDetailAd {
	display: none;
}

.phoneAd {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

.catName {
	display: inline-block;
	width: 45%;
	text-align: left;
	vertical-align: top;
  margin: 5px;
}
	

.catBox {
		display: inline-block;
		position: relative;
		width: 45%;
		overflow: hidden;
		margin: 5px;
		border: 1px solid #7F7E7E;
		border-radius: 4px;
		vertical-align: top;
		text-align: left;
		cursor: pointer;
}

.catTitleBox {
		position: absolute;
    width: 100%;
    bottom: 0px;
    background: #000;
    opacity: 0.8;
    text-align: center;
    z-index: 1000;
}

.catTitle {
	font-size: 1em;
	font-family: 'Cabin', sans-serif;
	color: #fff;
	margin: 5px;
}

.mobileContributeBox {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

.hidePhone {
	display: none;
}

}

@media (max-width: 400px) {

.searchResultImageHolder {
	width: 88vw;
	height: 66vw;
}

.searchResultNameHolder {
		width: 88vw;
}

.searchResultImage {
    height: 66vw;
}

}

@media (min-width: 400px) and (max-width: 699px) {

.searchResultImageHolder {
	width: 44vw;
	height: 33vw;
}

.searchResultImage {
    height: 33vw;
}

.searchResultNameHolder {
		width: 44vw;
}

}

/* Begin 700-900 screen css */

@media (min-width: 700px) {

IMG.centeredBottom {
    display: block;
    margin-top: 20px;
}

IMG.catBox-Image {
	display: block;
	width: 100%;
}

h1.imageName {
	font-size: 1.5em;
	margin-bottom: 0px;
	margin-top: 10px;
}

h1.searchResultHeading {
	font-size: 1.5em;
	margin: 0;
	line-height: 1em;
}

p.searchResultCount {
	font-size: .9em;
	margin: 0px;
}

.phoneAd {
	display: none;
}

.categoryHeading {
	width: 98%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.categoryHeadingImage {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	margin-bottom: 20px;
}

.categoryHeadingText {
	display: inline-block;
	width: 70%;
	vertical-align: top;
	margin-left: 20px;
}

.searchHomeField { 
	font-size: 1.1em; 
	color: #999; 
	width: 100%;
	border: none; 
	line-height: 18px;
	padding: 4px; 
}

.searchResultHeaingLeft {
	display: inline-block;
	vertical-align: top;
  width: 60%;
  margin: 0px 10px 0px 10px;
  text-align: left;
}

.searchResultHeaingRight {
	display: inline-block;
  width: 30%;
  margin: 0px 10px 0px 10px;
  text-align: right;
}

.searchHomeBlock {
		position: absolute;
		bottom: 40px;
		z-index: 1000;
		border: 1px solid #dadada;
		background: #ffffff;
		border-radius: 4px;
		width: 60%;
		margin-left: 18%;	
		padding: 10px;
}

.searchSideBlock {
		border: 1px solid #dadada;
		background: #ffffff;
		border-radius: 4px;
		padding: 5px;
}

.aboutBlock {
		position: absolute;
    top: 85px;
    z-index: 1000;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}

.catBox {
		display: inline-block;
		position: relative;
		width: 30%;
		overflow: hidden;
		margin: 5px;
		border: 1px solid #7F7E7E;
		border-radius: 4px;
		vertical-align: top;
		text-align: left;
		cursor: pointer;
}

.catTitleBox {
		position: absolute;
    width: 100%;
    bottom: 0px;
    background: #000;
    opacity: 0.8;
    text-align: center;
    z-index: 1000;
}

.catTitle {
	font-size: 1.1em;
	font-family: 'Cabin', sans-serif;
	color: #fff;
	margin: 8px;
}

#flexContainerHome {
	display: block;
}

#flexContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
	background: #fff;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

.flexItemMain {
	display: block;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

.flexItemRight {
	display: block;
	text-align: left;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.flexWideAd {
    display: none;
}

.flexDetailAd {
	order: 2;
	margin-left: 10px;
	width: 180px;
	text-align: center;
}
	
.flexDetailContent {
	flex: 1;
	order: 3;
	text-align: left;
	margin-left: 20px;
}

.flexDetailImage {
	flex: 2;
	order: 1;
	text-align: left;
}

.searchResultImageHolder {
	width: 33vw;
	height: 24.75vw;
}

.searchResultNameHolder {
		width: 33vw;
}

.searchResultImage {
    height: 24.75vw;
}

a.searchResultName {
	font-size: .8em;
}

.catName {
	display: inline-block;
	width: 30%;
	text-align: left;
	vertical-align: top;
  margin: 5px;
}

}

/* Begin under 900 screen css */

@media (max-width: 900px) {
	
.addthis_sharing_toolbox {
	display: none;
}

.hideSmall {
	display: none;
}

}

/* End under 900 screen css */

/* Begin 900-1370 screen css */

@media (min-width: 901px) {
	
.hideBig {
	display: none;
}
	
#ce_menu {
	width: 100%;
	padding-top: 10px;
	text-align: right;
	background: #fff;
}

#software_menu {
	width: 100%;
	padding-top: 10px;
	text-align: right;
	background: #fff;
}

IMG.catBox-Image {
	display: block;
	width: 100%;
}

h1.imageName {
	font-size: 1.8em;
	line-height: 1.3em;
	margin-bottom: 4px;
	margin-top: -6px;
}

.catName {
	display: inline-block;
	width: 30%;
	text-align: left;
	vertical-align: top;
  margin: 5px;
}

.catBox {
		display: inline-block;
		position: relative;
		width: 30%;
		overflow: hidden;
		margin: 5px;
		border: 1px solid #7F7E7E;
		border-radius: 4px;
		vertical-align: top;
		text-align: left;
		cursor: pointer;
}

.catTitleBox {
		position: absolute;
    width: 100%;
    bottom: 0px;
    background: #000;
    opacity: 0.8;
    text-align: center;
    z-index: 1000;
}

.catTitle {
	font-size: 1.2em;
	font-family: 'Cabin', sans-serif;
	color: #fff;
	margin: 10px;
}

#flexContainerHome {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
	background: #fff;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

#flexContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
	background: #fff;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

.flexItemMain {
	order: 1;
	flex: 1;
}

.flexItemRight {
	order: 2;
	width: 300px;
	text-align: left;
	margin-left: 20px;
}

.flexDetailImage {
	flex-grow: 1;
	order: 1;
	text-align: left;
}

.flexDetailContent {
	flex: 1;
	order: 3;
	text-align: left;
	margin-left: 20px;
}


.flexDetailAd {
	order: 2;
	width: 180px;
	text-align: center;
}

.imageImage {
	display: inline-block;
	vertical-align: top;
	width: 60%;
}

.imageDetails {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	text-align: left;
	padding: 0px 10px;
}

.imageSimilar {
	display: block;
	text-align: left;
	margin-top: 30px;
}

.similarBox {
		display: inline-block;
		position: relative;
		width: 18%;
		overflow: hidden;
		margin: 5px;
		vertical-align: top;
		text-align: center;
		cursor: pointer;
}

.searchResultImageHolder {
	width: 23vw;
	height: 17.25vw;
}

.searchResultImage {
    height: 17.25vw;
}

.searchResultNameHolder {
		width: 23vw;
}

}

/* Begin under 1045 screen css */

@media (min-width: 1045px) {

.searchResultImageHolder {
	width: 18vw;
	height: 13.5vw;
}

.searchResultImage {
    height: 13.5vw;
}

.searchResultNameHolder {
		width: 18vw;
}

}

/* Begin under 1350 screen css */

@media (max-width: 1350px) {

.hideUnder1370 {
	display: none;
}

}

/* Begin greater than 1350 screen css */

@media (min-width: 1350px) {
    
.flexDetailAd {
	display: none;
}

.flexWideAd {
        display: block;
	order: 2;
	width: 310px;
	text-align: center;
}

.catName {
	display: inline-block;
	width: 24%;
	text-align: left;
	vertical-align: top;
  margin: 5px;
}

.catBox {
		display: inline-block;
		position: relative;
		width: 23%;
		overflow: hidden;
		margin: 5px;
		border: 1px solid #7F7E7E;
		border-radius: 4px;
		vertical-align: top;
		text-align: left;
		cursor: pointer;
}

.catTitleBox {
		position: absolute;
    width: 100%;
    bottom: 0px;
    background: #000;
    opacity: 0.8;
    text-align: center;
    z-index: 1000;
}

.catTitle {
	font-size: 1.2em;
	font-family: 'Cabin', sans-serif;
	color: #fff;
	margin: 10px;
}

#flexContainerHome {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
	background: #fff;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

#flexContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
	background: #fff;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

.flexItemMain {
	order: 1;
	flex: 1;
}

.flexItemRight {
	order: 2;
	width: 350px;
	text-align: left;
	margin-left: 20px;
}

.searchResultImageHolder {
	width: 19vw;
	height: 14.25vw;
}

.searchResultImage {
    height: 14.25vw;
}

.searchResultNameHolder {
		width: 19vw;
}
    
a.searchResultName {
	font-size: 1em;
}

.imageImage {
	display: inline-block;
	vertical-align: top;
	width: 65%;
}

.imageDetails {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	text-align: left;
	padding: 0px 10px;
}

}

/* Begin smaller than 900 screen css */

@media (max-width: 900px) {

    .wixieMenuBox {
        cursor: pointer;
        display: flex;
        margin: 0;
        padding: 10px 20px;
    }
    
    .wixieMenuImage {
        width: 60px;
        height: 60px;
        margin-right: 10px;
        border: 1px solid lightgrey;
    }
    
    .wixieMenuText {
        flex: 1;
    }

}

/* Begin greater than 1600 screen css */

@media (min-width: 1600px) {

.searchResultImageHolder {
	width: 16vw;
	height: 12vw;
}

.searchResultImage {
    height: 12vw;
}

.searchResultNameHolder {
		width: 16vw;
}

}