/* 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, .top-banner-outter, .top-banner-holder, .top-banner-right, .mainContent, .mainContentBlog, .mainContentCoupons, .footer-holder, .main-footer, .credits-footer, .navigation{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}

.top-banner-left{
float: none;
width: 302px;
padding: 0px 0px 20px 0px;
margin: 0px auto;
}
.top-banner-right h3{
text-align: center;
}
.top-banner-right h2{
text-align: center;
}
.top-banner-right p{
text-align: center;
margin: 10px 0px 0px 0px;
}

.top-banner-holder img{
width: 320px;
height: auto;
margin: 0px auto;
margin-top: 15px;
}
.top-banner-holder h3{
padding: 0;
margin: 10px 0px 10px 0px;
font-family: Arial, Times;
font-size: 14px;
font-weight: normal;
color: #4b4b4b;
text-align:center;
}



.footer-holder ul{
display: none;
visibility:hidden;
}
.credits-footer{
margin: 0px auto;
margin-top: 20px;
margin-bottom: 20px;
}
.bottom-address{
float: none;
margin: 0px auto;
}
}

@media (min-width: 620px) and (max-width: 849px){
html, body, .top-banner-outter, .top-banner-holder, .mainContent, .mainContentBlog, .mainContentCoupons, .footer-holder, .main-footer, .credits-footer, .navigation{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}
.bottom-address{
float: left;
margin: 0px 0px 0px 10px;
}
.top-banner-left, .top-banner-right{
width: 48%;
float: left;
}
}



@media (min-width: 1000px){
.nav-holder{
width: 1000px;
height: 50px;
padding: 0;
margin: 0px auto;
margin-top: -4px;
margin-bottom: -3px;
overflow: hidden;
z-index: 1000;
}
}

	/* End of Custom CSS  */