/* Animated CSS3 Mega Menu - Responsive */
	.menu2 input#dropdown2, .menu2 label{
		display:none;
		position:absolute;
		top:5px;
		right:14px;
		width:46px;
		height:35px;
		}
 	.mega_menu .one img{
		min-width:250px;
		max-width:250px;
		padding-right:10px;
		}
	.menu2 input#dropdown2{
		opacity:0;
		}
	.menu2 label{
		background:#222 url(../img/icon_list.png) no-repeat center;
		webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		}
	.menu2 label:hover{
		cursor:pointer;
		}
	.menu2 input#dropdown2:checked ~ label{
		-webkit-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		-moz-box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		box-shadow:inset 0 0 28px #2A2A2A, inset 0 0 6px #1A1A1A;
		}
	.menu2 input#dropdown2:checked ~ ul{
		display:block;
		}	
	.menu2 h2.dropdown2{
		display:none;
		position:absolute;
		top:9px;
		left:10px;
		margin:0;
		font:normal 25px "BebasNeue";
		color:#FFF;
		}
	.mainLink{
		display: block;
		height: 42px;
		padding: 0px 12px;
		font: 40px/28px "BebasNeue";
		color: #999;
		text-decoration: none;
		text-transform: uppercase;
		border-right: 2px solid #000;
		background: none repeat scroll 0% 0% #2A2A2A;
		transition: color 180ms linear 20ms, #000 180ms linear 20ms;
		}

	.mainLink a:link, .mainLink a:visited{
		color:#999;
	}
	.mainLink a:hover, .mainLink a:active{
		color:#fff;
		text-decoration:none;
	}
	#shopmenuinner {
		padding: 6px 0px 0px 0px;
		height: 40px;
		display:block;		
	}

#shopmenuitems{
	/*margin:20px;*/
	background-color:transparent;
}
#shopmenu{
	text-align: left !important;
}
#shopmenucontainer {
margin: 0px 0px 0px 0px;
height:40px;}

#mainNavSy{
	background-color:#000;
	margin-top: 24px;
}
.mobilelogin{
	display:none !important;
	border-bottom:.03em #111 solid;
    }
		
@media only screen and (max-width: 1024px){
	 div.main360Logo, #footwrap, #bottomad, .phoneNumber, .mainSpecial{display:none !important;}
	 #page-wrapper-inner{background-image:none!important;}

	.menu2 input, .menu2 label, .menu2 h2.dropdown2{
		display:block;
		}
	.menu2{
		min-height:45px;
		height:100%;
		width:100%;
		overflow:hidden;
		position:relative;
		padding-left:0px;
		}
	 div.main360Logo{display:none;
 		}
	.menu2 ul{
		display:none;
		width:100%;
		margin:45px 0 0 0;
		padding:0;
		float:none;
		z-index:10;
		}
	.menu2 ul > li{
		float:none;
		}
	.menu2 ul li a{
		width:auto;
		height:38px;
		padding-left:5%;
		font-size:22px;
		line-height:40px;
		}
	.menu2 ul ul, .menu2 .mega_menu{
		display:block;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}
	.menu2 ul ul li{
		width:25%;
		float:left;
		}
	.menu2 ul ul li a{
		width:auto;
		padding:0;
		text-align:center;
		color:#FFF;
		border:none;
		}
	.menu2 ul ul li:hover a{
		background:#282828;
		}
	.menu2 ul ul ul, .menu2 ul ul li a i{
		display:none;
		}
	.menu2 .mega_menu .one, .menu2 .mega_menu .one_half, .menu2 .mega_menu .one_thirds, .menu2 .mega_menu .two_thirds, .menu2 .mega_menu .one_fourth,.menu2 .mega_menu .three_fourths{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu2 .mega_menu{
		width:auto !important;}	
	.menu2 .mega_menu .portfolio li, .menu2 .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	.menu2 .mega_menu ol.portfolio li a img{
		max-width:300px;
		}
        .mega_menu .one img{
		min-width:300px;
		max-width:330px;
		padding-right:10px;
		}

	div#smc{
	display:none;
	}
			
	#accesspageform #findsubmit, #accesspageform .submit {
		margin: 0px;
		padding: 4px 10px 2px 10px;
		border-radius: 0px;
		border: medium none;
		font-size: 125%;
	}
	#accesspageform input#pagepass {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
    width: 120px;
    font-size: 160%;
    background-color: #fbfbfb;
    border: 1px solid #333;
	}

	#shopmenu {
		margin: 26px 24px 2px 0px;
	}
	
	#shopmenuitems{
	display:block;
	}

	#shopmenuitems{
	margin-top:0px;
	background-color:transparent;
	}
/*	
	#shopmenuinner {
		padding: 6px 0px 0px 0px;
		height: 60px;
		margin:0px;
	
	}
*/

/*	
	#shopmenucontainer {
		margin: 24px 0px 2px 0px;
		
		}
	#shopmenucontainer ul li {
		margin: 0 6px 0px 10px;
	}
*/
	

	#contentUnderMenu {
    	margin-top: 38px;
	}
	
	#listing-stacked .preview {
	  padding:20px  8px  0px  0px;
	  width: 320px !important;
	  min-width: 320px;
	  margin:20px 0px 0px 0px;
	}
.mainLink{
	display: block;
	height: 42px;
	padding: 0px 12px;
	font: 20px/44px "BebasNeue";
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 2px solid #000;
	background: none repeat scroll 0% 0% #2A2A2A;
	transition: color 180ms linear 20ms, #000 180ms linear 20ms;
}
.mainLink a:link, .mainLink a:visited{
	color:#999;
}
.mainLink a:hover, .mainLink a:active{
	color:#fff;
}

.mega_menu ol li a{
	height:20px;
	padding-left:0px;
	display:block;
	margin:0px 0px 10px 0px;
}
ol.topNavTitlePortraits, ol.topNavTitleEmpty, ol.topNavTitleBusiness, ol.topNavPortfolio{
	margin:0px;
	padding:0px;

}
.mobilelogin{
	display:block !important;
    }
	}
@media only screen and (max-width: 768px){
	 div.main360Logo, #footwrap, #bottomad, .phoneNumber, .mainSpecial{display:none !important;}
	 #page-wrapper-inner{background-image:none!important;}

	.menu2 input, .menu2 label, .menu2 h2.dropdown2{
		display:block;
		}
	.menu2{
		min-height:45px;
		height:100%;
		width:100%;
		overflow:hidden;
		position:relative;
		padding-left:0px;
		}
	 div.main360Logo{display:none;
 		}
	.menu2 ul{
		display:none;
		width:100%;
		margin:45px 0 0 0;
		padding:0;
		float:none;
		z-index:10;
		}
	.menu2 ul > li{
		float:none;
		}
	.menu2 ul li a{
		width:auto;
		height:38px;
		padding-left:5%;
		font-size:22px;
		line-height:40px;
		}
	.menu2 ul ul, .menu2 .mega_menu{
		display:block;
		position:static;
		visibility:visible;
		opacity:1;
		margin:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		}
	.menu2 ul ul li{
		width:25%;
		float:left;
		}
	.menu2 ul ul li a{
		width:auto;
		padding:0;
		text-align:center;
		color:#FFF;
		border:none;
		}
	.menu2 ul ul li:hover a{
		background:#282828;
		}
	.menu2 ul ul ul, .menu2 ul ul li a i{
		display:none;
		}
	.menu2 .mega_menu .one, .menu2 .mega_menu .one_half, .menu2 .mega_menu .one_thirds, .menu2 .mega_menu .two_thirds, .menu2 .mega_menu .one_fourth,.menu2 .mega_menu .three_fourths{
		display:none;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu2 .mega_menu{
		width:auto !important;}	
	.menu2 .mega_menu .portfolio li, .menu2 .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	.menu2 .mega_menu ol.portfolio li a img{
		max-width:300px;
		}
        .mega_menu .one img{
		min-width:300px;
		max-width:330px;
		padding-right:10px;
		}
		
	div#smc{
	display:none;
	}		
	
	
	#accesspageform #findsubmit, #accesspageform .submit{
		margin: 0px;
		padding: 3px 14px 2px 14px;
		border-radius: 0px;
		border: medium none;
		font-size: 100%;
	}
	
	#accesspageform input#pagepass {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-radius: 0px;
		width: 120px;
		font-size: 160%;
		background-color: #fbfbfb;
		border: 1px solid #333;
	}
	

	
	#contentUnderMenu {
    	margin-top: 38px;
	}
	
	#listing-stacked .preview {
	  padding:20px  8px  0px  0px;
	  width: 320px !important;
	  min-width: 320px;
	  margin:20px 0px 0px 0px;
	}
.mainLink{
	display: block;
	height: 42px;
	padding: 0px 12px;
	font: 20px/44px "BebasNeue";
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 2px solid #000;
	background: none repeat scroll 0% 0% #2A2A2A;
	transition: color 180ms linear 20ms, #000 180ms linear 20ms;
}
.mainLink a:link, .mainLink a:visited{
	color:#999;
}
.mainLink a:hover, .mainLink a:active{
	color:#fff;
}

.mega_menu ol li a{
	height:20px;
	padding-left:0px;
	display:block;
	margin:0px 0px 10px 0px;
}
ol.topNavTitlePortraits, ol.topNavTitleEmpty, ol.topNavTitleBusiness, ol.topNavPortfolio{
	margin:0px;
	padding:0px;

}

	.menu2 .mega_menu{
		padding:0px 10px 2px 10px;
	}
	
	.menu2 .mega_menu a{
		display:none;
	}
	
	#standardPage .text {
		padding:4px 40px 40px 40px;
	}
	
	#shopmenuitems {
		width:100%;
		margin: 35px 0px 0px 0px;
		width: 100%;
		padding: 0px 0px 4px 0px;
		background-color: #000;
	}

	
	#shopmenu {
		margin: 7px 18px 0px 0px;
		font-size: 0.8rem;
		padding: 0px;
		background-color: #000;
	}
	#studioLayout{
		width:270px !important;
		height:auto;
		margin:0px;
		padding:0px;
		background-image:url(../img/studio_layout.gif);
		background-position:left center;
		background-repeat:no-repeat;
		display:block;
	}
#mainNavSy {
    background-color: #000;
	margin-top: 0px !important; 
    padding: 15px 0px 0px 0px !important;
	}	
#billboardContainer {	
	margin-top: 0px !important; 
	}
#contentUnderMenu {
    margin-top: 30px !important;
	padding: 0px !important;
}
	#storePage .content .inner{
		padding:0px !important;
	}	
	.thumbnailactions {
		height:0px;
	}
	#storePage .text {
		padding:0px !important;
	}
   .booktocart2 {	
	margin:0px;
	width:242px;
	}
	#grp #plTitle {
		font-size:200%;
	}
	.mobilelogin{
	display:block;
    }
}
	
	
@media only screen and (max-width: 480px) {
	 div.main360Logo, #footwrap, #bottomad, .phoneNumber, .mainSpecial{display:none !important;}
	 #page-wrapper-inner{background-image:none!important;}
	 
	.menu2{
		width:100% !important;
		}
	
	.menu2 .mega_menu ol.portfolio li a img{
		max-width:300px;
		}
        .mega_menu .one img{
		min-width:300px;
		max-width:330px;
		padding-right:10px;
		}
	
	
	.menu2 ul li a{
		width:auto;
		height:12px;
	}
	
	div#smc{
		display:none;
	}		
		
	
	#accesspageform #findsubmit, #accesspageform .submit {
		margin: 0px;
		padding: 2px 10px 1px 10px;
		border-radius: 0px;
		border: medium none;
		font-size: 125%;
	}
	
	
	#accesspageform input#pagepass {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 2px 5px;
    border-radius: 0px;
    width: 110px;
    font-size: 110%;
    background-color: #fbfbfb;
    border: 1px solid #333;
	}
	

	#contentUnderMenu {
    	margin-top: 38px;
	}
	
	#listing-stacked .preview {
	  padding:20px  8px  0px  0px; display:block;
	  width: 320px !important;
	  min-width: 320px;
	  margin:20px 0px 0px 0px;
	}
.mainLink{
	padding:10px;
	display: block;
	height: 42px;
	padding: 0px 12px;
	font: 20px/44px "BebasNeue";
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 2px solid #000;
	background: none repeat scroll 0% 0% #2A2A2A;
	transition: color 180ms linear 20ms, #000 180ms linear 20ms;
}
.mainLink a:link, .mainLink a:visited{
	color:#999;
}
.mainLink a:hover, .mainLink a:active{
	color:#fff;
}
.mega_menu ol li a{
	height:20px;
	padding-left:0px;
	display:block;
}
ol.topNavTitlePortraits, ol.topNavTitleEmpty, ol.topNavTitleBusiness, ol.topNavPortfolio{
	margin:0px;
	padding:0px;

}

	.menu2 .mega_menu{
		padding:0px 10px 2px 10px;
	}
	
	.menu2 .mega_menu a{
		display:none;
	}
	
	#standardPage .text {
		padding:4px 40px 40px 40px;
	}
	
	#shopmenuitems {
		width:100%;
		margin: 7px 4px 0px 0px;
		width: 100%;
		padding: 0px 0px 4px 0px;
		background-color: #000;
	}

	
	#shopmenu {
		margin: 15px 18px 7px 0px;
		font-size: 0.8rem;
		padding: 0px;
		background-color: #000;
	}	
	#mainNavSy{
		/*margin-top: 0px;*/
	}
    .menu2 input#dropdown2, .menu2 label{
		right:21px;
	}
	
	div#accesspagebad.error {
		margin-top: 0px;
		font-size: .7rem;
		padding: 1px 17px;
	}	
/*
.checkout {
    background-color: #75A53B;
    border: solid 1px #488135;
	border-radius: 2px;
    cursor: pointer;
    color: #FFFFFF;
    padding:  16px 26px 16px 26px;
    font-size: 32px;
    width: 100%;
	display: block;
    float: left;
    text-align: center;
	margin:0px 0px 20px 0px;

}
*/	
#main_container {
    margin-top: 65px;
}
div#checkouttotals {
    margin: 20px 0px 20px 0px;
    float: right;
}
.pc.ordernotesection.center {
    display: block;
    margin: 0px 0px 0px 19px;
}
input#cvvpp {
    margin: 0px 0px 26px 0px;
	display:block;
}
span.cancelButton {
    display: block;
    clear: both;
    font-size: 23px;
    width: 49%;
}
select.cardtype {
    width: 100%;
}	
div.pc input#creditcardpp {
    width: 93%;
}
span.checkout.nextBtn {
    width: 79%;
    margin-left: 17px;
}
.booktocart{
    padding: 25px 0px; 
    font-size:2rem;
    display: block;    
    background: #474747;
    border: solid 1px #292929;
    color: #FFFFFF;
    cursor: pointer;
    size: 13px;
    /*max-width: 480px;*/
    text-align: center;
    margin: 22px 0px 0px 0px;
    float: right;
    width: 100%;
}
		#studioLayout{
		width:270px !important;
		height:auto;
		margin:0px;
		padding:0px;
		background-image:url(../img/studio_layout.gif);
		background-position:left center;
		background-repeat:no-repeat;
		display:block;
	}

#mainNavSy {
    background-color: #000;
	margin-top: 0px !important; 
    padding: 15px 0px 0px 0px !important;
	}	
#billboardContainer {	
	margin-top: 0px !important; 
	}
#contentUnderMenu {
    margin-top: 30px !important;
	padding: 0px !important;
	
}
	#storePage .content .inner{
		padding:0px !important;
	}	
	.thumbnailactions {
		height:0px;
	}
	#storePage .text {
		padding:0px !important;
	}
   .booktocart2 {	
	margin:0px;
	width:242px;
	}
	#grp #plTitle {
		font-size:200%;
	}
	}
.mobilelogin{
	display:block;
}
@media only screen and (max-width: 320px) {
	 div.main360Logo, #footwrap, #bottomad, .phoneNumber, .mainSpecial{display:none !important;}
	 #page-wrapper-inner{background-image:none!important;}
	
	.menu2{
		width:100% !important;
		}
		
	.menu2 .mega_menu .one img, .menu2 .mega_menu a.image{
		max-width:300px;
		margin:0;
		}
	.menu2 .mega_menu ol.portfolio li a img{
		max-width:300px;
		}
        .mega_menu .one img{
		min-width:300px;
		max-width:330px;
		padding-right:10px;
		}
	div#smc{
		display:none;
	}
	#accesspageform #findsubmit, #accesspageform .submit {
		margin: 0px;
		padding: 2px 10px 1px 10px;
		border-radius: 0px;
		border: medium none;
		font-size: 125%;
	}
	#accesspageform input#pagepass {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-radius: 0px;
		width: 120px;
		font-size: 160%;
		background-color: #fbfbfb;
		border: 1px solid #333;
	}
		
	
	#contentUnderMenu {
    	margin-top: 38px;
	}
	#listing-stacked .preview {
	  padding:20px  8px  0px  0px; display:block;
	  width: 320px !important;
	  min-width: 320px;
	  margin:20px 0px 0px 0px;
	}
		.menu2 ul li a{
		width:auto;
		height:12px;
	}
	.headline{
		padding:10px 0px 10px 0px;
		margin:5px 0px 0px 0px;
		
}
.mainLink{
	padding:10px;
	display: block;
	height: 42px;
	padding: 0px 12px;
	font: 20px/44px "BebasNeue";
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 2px solid #000;
	background: none repeat scroll 0% 0% #2A2A2A;
	transition: color 180ms linear 20ms, #000 180ms linear 20ms;
}
.mainLink a:link, .mainLink a:visited{
	color:#999;
}
.mainLink a:hover, .mainLink a:active{
	color:#fff;
}
.mega_menu ol li a{
	height:20px;
	padding-left:0px;
	display:block;
}
ol.topNavTitlePortraits, ol.topNavTitleEmpty, ol.topNavTitleBusiness, ol.topNavPortfolio{
	margin:0px;
	padding:0px;

}

	.menu2 .mega_menu{
		padding:0px 10px 2px 10px;
	}
	
	.menu2 .mega_menu a{
		display:none;
	}
	
	#standardPage .text {
		padding:4px 40px 40px 40px;
	}
	
	#shopmenuitems {
		width:100%;
		margin: 7px 4px 0px 0px;
		width: 100%;
		padding: 0px 0px 4px 0px;
		background-color: #000;
	}
	
	#shopmenu {
		margin: 15px 18px 7px 0px;
		font-size: 0.8rem;
		padding: 0px;
		background-color: #000;
	}
	#mainNavSy{
		/*margin-top: 0px;*/
	}
    .menu2 input#dropdown2, .menu2 label{
		right:21px;
	}
	div#accesspagebad.error {
		margin-top: 0px;
		font-size: .7rem;
		padding: 1px 17px;
		width:40px;
	}

.checkout {
    background-color: #75A53B;
    border: solid 1px #488135;
    color: #FFFFFF;
    padding: 26px;
    font-size: 32px;
    cursor: pointer;
    width: 100%;
    border-radius: 2px;
	margin-top:11px;
	display: block;
    width: 50%;
    float: right;
    text-align: center;
	margin:0px 0px 0px 0px;

}
#main_container {
    margin-top: 65px;
}

div#checkouttotals {
    margin: 20px 0px 20px 0px;
    float: right;
}
.pc.ordernotesection.center {
    display: block;
    margin: 0px 0px 0px 19px;
}
select.cardtype {
    width: 100%;
}	
div.pc input#creditcardpp {
    width: 93%;
}
span.checkout.nextBtn {
    width: 84%;
}
	
#mainNavSy {
    background-color: #000;
	margin-top: 0px !important; 
    padding: 15px 0px 0px 0px;
	}	
#billboardContainer {	
	margin-top: 0px !important; 
	}
#contentUnderMenu {
    margin-top: 30px !important;
	padding: 0px !important;
}
	#storePage .content .inner{
		padding:0px !important;
	}	
	.thumbnailactions {
		height:0px;
	}
	#storePage .text {
		padding:0px !important;
	}
   .booktocart2 {	
	margin:0px;
	width:242px;
	}	
	#grp #plTitle {
		font-size:200%;
	}
	.mobilelogin{
	display:block;
    }
/*****LEAVE BOTTOM BRACKET******/
}