/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 770px)
{
	#mobile_mode
	{
		display:block;
	}
	body 
	{
		padding: 0;
		font: 12px Verdana, arial, serif;
		margin: 0;
		width: 100%;
		background: none !important;
		background-color:Gray !important;
		min-width: 0px;
		overflow:inherit;
		float:none;
		position:static;
		left:auto;
	}
	.page
	{
		position:relative;
		/*width: 320px;*/
		margin: 0 auto 0 auto;
		background-color:#fff;
		
	}
	.header 
	{
		height:103px;
		padding: 0;
		background: url(../../images/rwd/back-header.png) repeat-x;
		font: 12px Verdana, arial, serif;
		margin: 0 0 8px 0;
		position: inherit;
		text-align:center;
		padding: 0 6px;
	}
	.header-wrapper 
	{
		width: inherit;
		margin: 0;
	}
	.header-area .holder
	{
		padding:0;
		height:30px;
	}    
	#social-header-rwd { display:block; }
	.menu 
	{
		float:left;
		margin:6px 0 0 0;
	}
	.menu li 
	{
		background:none;
		margin:0;
		padding-right:3px;
	}
	.menu li a{
		font-size: 12px;
		color: #fff;
		float: left;
	}
	#social-header-rwd
	{
		width: 165px;
		float: right;
		line-height:18px;
	}
	.nav-social-header
	{
		height: 20px;
		float:left;
	}
	.nav-social-header a {
		width: 20px;
		height: 20px;
		margin: 5px 5px 0 0;
		float: left;
	}
	.cart-rwd
	{
		float:right;
		font-size: 12px;
		color: #fff;
		margin: 6px 0 0 0;
		vertical-align:top;
	}
	.cart-rwd img {
		width: 22px;
		height: 19px;
		margin-left:5px;
	   
	}
	.header-area .holder:first-child {
		padding: 0;
	}
	#header-main
	{
		height: 73px;
	}
	.logo
	{
		width: 117px;
		height: 59px;
		float: left;
		background: url(../../images/rwd/logo.png) no-repeat;
		text-indent: -9999px;
		margin: 8px 0 0 0;
	}
	 .navigation .search-form
	{
		width: 186px;
		height: 34px;
		float: right;
		background: #fff;
		border: 1px solid #ccc;
		margin: 30px 0 0 0;
	}
	 .navigation .search-form input[type=text] {
		float: left;
		outline: none;
		width: 144px;
		color: #5b5b5b;
		font-size: 14px;
		border: none;
		background: none;
		font-family: Arial, verdana, serif;
		border: none;
		height: 16px;
		margin: 2px 0 0 2px;
		padding: 7px 0px 7px 10px;
	}
	.navigation .search-form input[type=submit] {
		width: 30px;
		height: 30px;
		float: right;
		border: none;
		background: url(../../images/rwd/button-search.png) no-repeat;
		text-indent: -9999px;
		margin: 4px 0 0 0;
	}
	.main
	{
		width:auto;
		margin:0;
	}
	.main-holder
	{
		padding:0px;
		margin:0px;
		width:100%;
		min-height:0px;
	}
	.rwd-promo.banner
	{
		display:inline-block;
		margin-bottom:0px;
		width:100%;
	}
	.rwd-promo.banner img
	{
		width:100%;
	}
	.navigation 
	{
		float: none;
	}
	.navigation .search-form 
	{
		margin-bottom:18px;
	}
	h1.section-title02 
	{
		margin:0px;
	}
	#header-main,
	.header
	{
		height:auto;
	}
	
	.footer
	{
		width:auto;
		border-top: 1px solid #9f8a8a;
		padding: 12px;
	}
	.email-updates
	{
		float:none;
		width:auto;
		padding:0;
	}
	.email-updates h2 {
		font-size: 24px;
		line-height: 29px;
	}
	.email-updates p
	{
		font-size:13px;
	}
	.update-form 
	{
		width:275px;
		margin:0 auto;
		background:url(../../images/bg-input-text.gif) no-repeat
	}
	.update-form input[type=text] {
		width: 161px;
	}
	.email-updates .social 
	{
		margin:10px auto 0 auto;
		width:246px;
	}
	.footer .col 
	{
		display:none;
	}
	.footer .col.footer-main-menu
	{
		display:block;
		width:auto;
		float:none;
	}
	.footer-area-holder
	{
		width:auto;
		margin-left:0px;
	}
	.footer-background
	{
		background:none;
	}

	.footer-images-holder
	{
		text-align:center;
		margin:0 auto;
		width:226px;
	}
	.footer-images-holder div:first-child,
	.footer-images-holder div:last-child
	{
		display:block;
		text-align:left !important;
		float:none !important;
	}
	.footer-copyright 
	{
		background:none;
		font-size:9px;
	}
	.footer-images-holder img
	{
		margin: 0 0;
	}
	.about-us-content,
	.pp-pledge-content,
	.pp-sponsor-content
	{
		width:auto;
		margin:0px 15px;
	}
	.static-page-about-us,
	.static-page-customer-service-bkgrnd,
	.static-page-contact,
	.static-page-pp-pledge,
	.static-page-pp-sponsor,
	.static-page-conatct
	{
		background:none;
		overflow:visible;
		height:auto;
	}
	.static-page
	{
		width:auto;
	}
	#mainStaticContent_container
	{
		margin:0;
	}
	.static-page-customer-service div
	{
		margin:0 25px;
	}
	.sign-up-link,
	li.help,
	.cart-top,
	.menu li:first-child,
	#header-main .icons,
	.main .main-holder .alphabet,
	.footer .holder .slogan,
	.navigation .nav,
	.rwd-promo,
	.footer-images-holder div,
	.imgs,
	#ltkmodal-wrapper
	{
		display:none;
	}
	#ltkmodal-overlay
	{
		display:none !important;
	}
	.order_lookup
	{
		width:auto;
		margin-left:15px;
	}
	.order_lookup_label
	{
		width:110px;
	}
	.order_lookup .btn-submit
	{
		margin-left:15%;
		margin-bottom:15px;
	}
	.account-fields
	{
		margin:10px 10px;
	}
	.account-fields > div
	{
		margin-top:10px;
	}
	#ViewFullHtmlLink
	{
		display: block !important;
		width: 100%;
	}
	#ViewFullHtmlLink img
	{
		width: 100%;
	}
	.hidden-while-mobile {
		display: none;
	}
	#mainStaticContent_container {
		display: block;
	}
    .search-form input[type=submit] {		
		margin-right: 37px;
	}
}