@media all and (max-width: 850px) {

 	/* Mobile menu transitions -- Slide from side

	#outer_wrap{
		width:100%;
		position:relative;
		}
	#inner_wrap{
		position:relative;
		left: 0px;
		-webkit-transition: left .4s ease-out;
		-moz-transition: left .4s ease-out;
		transition: left .4s ease-out;
	}

	#outer_wrap.menu_open{
		overflow-x:hidden;
		}
	.menu_open #inner_wrap{
		left:70%;
	}

	header nav{
		top:0px;
		bottom:auto;
		width:70%;
		left:-70%;
		min-height:480px;
		background-color:#000;
	}

	End Mobile menu transitions */

	 .tile.see_all {
   	 height: 123px;
	}

	.see_all a {
		padding:49px 0px;
		 font-size: 18px;
	}

	#main #checkout-progress-state li{
	font-size:14px;
	margin-left:10px;

	}




	.email_short{
		display:inline-block;
	}
	.email_long{
		display:none;

	}



	/* header padding reset */

	header .width_holder{
	padding: 0px;
	}

	/* nav */

	header nav{

		left:100%;
		right:0px;
		width:100%;
		position:relative;

		top:121px;
		background-color:#343434;
		overflow:hidden;
		/*-webkit-transition: left .4s ease-out;*/
		/*left:-9999em;

		NEEDS FIXED. header blinks on ipad.
		Plus, can't rely on max height being less than 2000


		max-height:0px;
		-webkit-transition: max-height 1s ease-out;
		-moz-transition: max-height 1s ease-out;
		transition: max-height 1s ease-out;/**/

		display:none;

		}


	.menu_open header nav{
		left:auto;

		/*max-height:2000px; */
		display:block;

	}



	#mobile_menu_trigger{
	display:block;

	}
	#desktop_search{
		display:none;

	}

	nav .nav{

		width:100%;

	}

	nav .nav li{
		display:block;

	}

	nav .nav li,
	nav .nav li.first{
		margin-left:0px;

	}






	nav .nav > li > a.nav-path-selected,
	nav .nav > li:hover > a.nav-path-selected,
	nav .nav > li > a.nav-path-selected:hover{
		border-left: solid 4px #F46700;
		border-bottom:0px;
		padding-left: 16px;
	}

	nav .nav a,
	nav .nav > li:hover a,
	nav .nav a.nav-path-selected,
	nav .nav > li:hover li a,
	nav .nav li li a.nav-path-selected{
		padding:14px 14px 14px 20px;
	}



	/* full reset on all sub-nav */




	nav .nav li li a{
		padding: 16px 44px 16px 20px !important;
		color:#fff !important;
	}

	nav .nav li li li a{
		padding: 14px 44px 14px 30px !important;

	}
	nav .nav ul{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}




	nav .nav li ul,
	nav .nav li li:hover ul,
	nav .nav li li li:hover ul,
	nav .nav li:hover ul ul{
		left:auto;
		width:100%;
		float:none;
		display:none;
		position:static;
	}


	nav .nav li:hover ul.mobile_show{
		display:block !important;
	}

	nav .nav li > ul.mobile_show,
	nav .nav li:hover > ul.mobile_show{
		display:block;

	}


	nav .nav li:hover ul{
		display:none;
	}

	nav .nav li,
	nav .nav li:first-child,
	nav .nav li li {
	border-top: 1px solid #7c7c7c;
	border-top:solid 1px #222;
	border-top:solid 1px #444;
	}

	nav .nav li li,
	nav .nav li li:first-child{
		border-top:solid 1px #666;
	}

	nav .nav li li li,
	nav .nav li li li:first-child{
		border-top:solid 1px #777;
	}

	nav .nav ul,
	nav .nav li ul,
	nav .nav li li,
	nav .nav li li:hover{
		background-color:#505050;
		background-color:#454545;

	}

	nav .nav li li ul,
	nav .nav li li li,
	nav .nav li li li:hover{
		background-color:#565656;

	}



	nav .nav li.parent > a:hover,
	nav .nav li.parent > a{
		background-image:url(../images/nav-arrows.png);
		background-repeat:no-repeat;
		background-position:right -94px;
	}

	nav .nav li.parent > a.open_menu:hover,
	nav .nav li.parent > a.open_menu{
		background-position:right -158px;
	}


	/* all other styles */

	header .width_holder{
	padding: 0px;
	}

	/* show hidden elements */

	#mobile_nav_search{
		display:block;

	}


	/* tile slider */
	.tile_slider .tile,
	.full_page .tile_slider .tile{
	width:170px;
	}


	.ts_nav_left,
	.ts_nav_right,
	.full_page .ts_nav_left,
	.full_page .ts_nav_right,
	.tile_slider .flex-direction-nav a,
	.tile_slider.full .flex-direction-nav a  {
		top:55px;
	}



	/* program tile slider */

	.full_page .tile_slider.programs .tile {
		width: 200px;

		}
	.full_page .tile_slider.programs .ts_nav_left,
	.full_page .tile_slider.programs .ts_nav_right,
	.tile_slider.programs .flex-direction-nav a {
		top:31px;

	}



	#main .image-right,
#main .image-left,
#main .image-right-with-caption,
#main .image-left-with-caption,
#main .l_img_wrapper,
#main .r_img_wrapper,
#main .tr_image{
	max-width:200px;
	}
#right_main_col{
	width:200px
	}









/* small right column ecommerce */

.ecommerce_module	 {
	width:200px;
	margin:10px 0px 10px 0px;
	}

.ecommerce_module p.price {
	min-width: 89px;
	}

.ecommerce_module p.price.member {
	margin-right: 0px;
	}
.ecommerce_module p.price span{
	font-size:26px;
	}


.ecommerce_module .medium_button, .member_ec_error .medium_button{
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}

.ecommerce_module .medium_button.blue, .member_ec_error .medium_button.blue{
	float:none;
	margin-left:0px;
	margin-top:10px;
	}

.member_ec_error .medium_button{
	float:none;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.member_ec_error .medium_button.blue{
	width:100%;
	margin-bottom:10px;
	float:none;
	}


.ecommerce_module span.select {
	width: 60% !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}
#tags_detail .small_button{
	width:48%;
	margin:0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}

#tags_detail .small_button{
width: 48%;
}

#tags_detail .catalog_button{
	float:right;
	display:inline;

}

#tags_detail .tags_button{
	margin-right:0px;

}










	.p_n_nav_title,
	.p_n_nav_img {
		display: none;
	}
	.p_n_nav_wrapper a {
		min-height: 0;
	}
	.p_n_nav_wrapper a.p_n_nav_next {
		padding-left: 10px;
		padding-right: 30px;
	}
	.p_n_nav_wrapper a.p_n_nav_prev {
		padding-right: 10px;
		padding-left: 30px;
	}
	.p_n_nav_wrapper a.p_n_nav_back {
		width: 25%;
		margin-left: 2.5%;
	}
	.p_n_nav_wrapper a {
		width: 35%;
	}
	.p_n_nav_wrapper a.p_n_nav_prev span {
		text-align: right;
	}







}