/* This is a Trade and Value, Corp. design */

/* Please refrain from copying this style sheet */

/*
mobile small	360px
mobile large	620px
small tablet	740px
large tablet	850px
small desktop	955px
medium desktop	1100px
large desktop	1240px
*/


@media (min-width: 320px) and (max-width: 619px){
html, body, .site-holder, .top-banner-outter, .top-banner-holder, .top-banner-left, .top-banner-right, .top-banner-logo, .mainContent, .mainContentWall, .footer-holder, .main-footer, .credits-footer, .navigation{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}

.show-mobile{
display: inherit;
visibility: visible;
}
.hide-mobile{
display: none;
visibility:hidden;
}

.site-holder{
padding: 0;
margin: 0;
border: none;
}
.top-banner-holder{
padding: 10px 0px 10px 0px;
background-image: none;
background: #3cb64b; /* Old browsers */
background: -moz-linear-gradient(top,  #f8dc93 0%, #843c02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8dc93 0%,#843c02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8dc93 0%,#843c02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dc93', endColorstr='#843c02',GradientType=0 ); /* IE6-9 */
}
.top-logo{
width: 160px;
margin: 0px auto;
}

.top-banner-right h2, .top-banner-right h3{
padding: 0;
margin: 0;
text-align: center;
}
.top-banner-right h2{
font-size: 22pt;
}
.top-banner-right h3{
font-size: 18pt;
}
.top-banner-right p{
padding: 6px;
text-align: center;
font-family: Arial;
font-size: 14pt;
color: #ffffff;
}

.footer-holder{
padding: 10px 0px 10px 0px;
background-image: none;
background-color: #042d1d;
}
.footer-holder ul{
display: none;
visibility: hidden;
width: 100%;
}

.credits-footer{
margin-top: 20px;
}

}



@media (min-width: 620px) and (max-width: 999px){
html, body, .site-holder, .top-banner-outter, .top-banner-holder, .top-banner-left, .top-banner-right, .top-banner-logo, .mainContent, .mainContentWall, .footer-holder, .main-footer, .credits-footer, .navigation{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}

.show-mobile{
display: inherit;
visibility: visible;
}
.hide-mobile{
display: none;
visibility:hidden;
}

.site-holder{
padding: 0;
margin: 0;
border: none;
}
.top-banner-holder{
padding: 10px 0px 10px 0px;
background-image: none;
background: #3cb64b; /* Old browsers */
background: -moz-linear-gradient(top,  #f8dc93 0%, #843c02 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8dc93 0%,#843c02 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8dc93 0%,#843c02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8dc93', endColorstr='#843c02',GradientType=0 ); /* IE6-9 */
}
.top-logo{
width: 160px;
margin: 0px auto;
}

.top-banner-right h2, .top-banner-right h3{
padding: 0;
margin: 0;
text-align: center;
}
.top-banner-right h2{
font-size: 22pt;
}
.top-banner-right h3{
font-size: 18pt;
}
.top-banner-right p{
padding: 6px;
text-align: center;
font-family: Arial;
font-size: 14pt;
color: #ffffff;
}

.footer-holder{
padding: 10px 0px 10px 0px;
background-image: none;
background-color: #042d1d;
}
.footer-holder ul{
width: 100%;
}

.credits-footer{
margin-top: 20px;
}

}