.version.index /* version checker */
{
	color: #000003;
	background-color: #773631;
}

.html
{
	background-color: #FFFFFF;
}

#page
{
	z-index: 1;
	width: 1200px;
	min-height: 824px;
	background-image: none;
	border-style: none;
	border-color: #000000;
	background-color: transparent;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#u122
{
	z-index: 2;
	width: 611px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	margin-top: -36px;
	left: 295px;
}

#u137
{
	z-index: 4;
	width: 115px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	margin-top: 10%;
	left: 8%;
	filter: saturate(0);
}

#u143
{
	z-index: 6;
	width: 143px;
	background-color: transparent;
	position: relative;
	margin-right: -10000px;
	margin-top: 300px;
	left: 70%;
	 filter: saturate(0);
}

#u143:hover
{
	width: 143px;
	min-height: 0px;
	margin: 300px -10000px 0px 0px;
}

#u150
{
	z-index: 8;
	width: 611px;
	height: 438px;
	position: relative;
	margin-right: -10000px;
	margin-top: -27px;
	left: 295px;
}

#u151
{
	z-index: 9;
	width: 611px;
	height: 413px;
	position: relative;
	margin-right: -10000px;
	margin-top: 411px;
	left: 295px;
}

.ie #u150,.ie #u151
{
	background-color: #FFFFFF;
	opacity: 0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

body
{
	position: relative;
	min-width: 1200px;
	padding-top: 36px;
	padding-bottom: 36px;
}

.frozenbox:hover::after, .freshbox:hover::after {
    visibility: visible;
    opacity: 1;
}
.freshbox::after {
    content: "";
    width: 100px;
    height: 100px;
    background: url(../images/egct-fresh-logo.png);
        background-size: auto auto;
    position: relative;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s, visibility 1s;
    left: 8%;
	top:24%;
    background-size: cover;
    animation: 1s ease-in-out;
    margin-top: 25px;
}

.frozenbox::after {
    content: "";
    width: 100px;
    height: 100px;
    background: url(../images/egct-frozen-logo.png);
        background-size: auto auto;
    position: relative;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s, visibility 1s;
    left: 74%;
	top:39%;
    background-size: cover;
    animation: 1s ease-in-out;
    margin-top: 25px;
}

#u150:hover #u143 {
    filter: saturate(1);
}

#u151:hover #u137 {
    filter: saturate(1);
}

@media only screen and (max-width: 600px) {
  #u122, #u150, #u151	{
		left:1%;
		right:1%;
		top:7%;
		width:330px;
	}
	#u122 img {
		width: 330px;
		height: auto;
	}
	#u143 img, #u137 img{
		width:50%;
		height:auto;
	}
	#u143{
		margin-top:180px;
	}
	#u137{
		margin-top:0px;
	}
	#u151 {
		margin-top: 265px;
	}
	#u151:after, #u150:after{
		display:none;
	}
}