/* every tag starts with .resp, that way we can remove responsive later with JS */
#footer_ad {width:1000px;}
.footerItems{width:33%;float:left;}
.footerItems img {margin:0 auto;display:block;}
.mobile_nav {display:none;}

@media (max-width: 1020px) {
	.resp #container,
	.resp #nav,
	.resp #contentarea,
	.resp #image_slider,
	.resp #paginate-slider1,
	.resp #footer_ad,
	.resp .sliderwrapper,
	.resp .sliderwrapper .contentdiv {width:100%;}
	.resp #bodyshell {border-left: 0 solid white;}
	.resp #bodycontent {width:75%;margin-left:0;}
	.resp #nav-product {width:24%;margin-left: 0px;}
	img {max-width: 100%;}
	.resp #image_slider, .resp .sliderwrapper .contentdiv {height: 1%;}
	.resp .sliderwrapper {height:200px;}
	.resp #nav-product ul li a {width:98%;padding:0;}
	.resp #pop_cat {width:98%;padding:0;margin:0;}
}
@media (max-width: 950px) {
	.resp .item_image {width:40%;}
	.resp .itemform {width:50%;float: left;border: 0px solid #BCBCBC;}
}
@media (max-width: 767px) {
	.resp #menu {display:none;}
	.resp .specialstitle {line-height:24px;}
	.resp .sliderwrapper {height:150px;}
	.resp #footer-cc {position: relative;}
	.resp .nav-general {display:none;}
	.resp .nav-general {
 		display:none;
		float: left;
		background: #F3F3F4;
		margin-top: 30px;
		width: 100%;}
	.resp .nav-general ul {list-style: none;}
	.resp .nav-general ul li {
		float: left;
		padding-left: 2%;
		width: 98%;
		border-bottom: 1px solid;}
	.resp .nav-general ul li a {line-height: 18px;}
	.resp .nav-general li a {color:black;}
	.resp .nav-general li {width:100%;float:left;}
	.resp .mobile_nav {
 		display:block;
 		width: 100%;
		background: url(//lib.store.yahoo.net/lib/animebooks-com/mobile-nav.png) no-repeat 15px 2px;
		height: 30px;}
	
	.resp .pagingLinks{display:none;}
	.resp #item_table td{font-size:11px;}
}
 
@media (max-width: 650px) {
	.resp .special-link {display:none;}
	.resp #pop_cat {text-align: center;}
	.resp #bodycontent, .resp #nav-product, .resp #bodyshell {width: 100%;}
	.resp #htmlbottom a{float:left;margin:2%;width:45%;}
	.resp #contentarea {float: left;}
}
@media (max-width: 475px) {
	.resp .item_image {width:100%;}
	.resp #htmlbottom img {margin-left:10%;}
	.resp .itemform {width:100%;float: left;border: 0px solid #BCBCBC;}
	.resp #htmlbottom a{float:left;margin:0;width:100%;}
}