/* minwidth 768 *
div#swipe_wrapper {
	position:relative;
	width: 100%;
	zoom:1;
} /* */
#menu {
	display:none;
	width: 0px;
	max-width: 0px;
	float: left;
}
body #container {
	margin-left: 0px;
}
body #container.menu_is_visible {
	margin-left: 0px;
}

body#bookaflight #flightinfo2{
	margin-top:0px;
}
body#bookaflight form label {
	line-height: 0.9;
	font-size: 16px;
	margin-bottom: 0px;
}
body#bookaflight form .datepickers label {
	margin-bottom: 6px;
}
body#bookaflight ul#form_imgdest label  {
	display:none;
}
body#bookaflight .form_sect#itin_tkt li.chal {
	margin: 0 4%;
}

/* maxwidth 767 */
@media handheld, only screen and (max-width:770px){
	div#swipe_wrapper {
		position:relative;
		zoom:1;
		overflow-x:hidden;
	}
	body { background: none; background-color: #20446D; }
	body #container {
		background: url(/static/images/bg_sitebg.jpg) center top no-repeat #fff;
		zoom: 1;
		/*z-index:20;*/
		float: left;
		position: relative;
		-webkit-transform: translateZ(0); /* attempt to make this suck less on iphone */
	}
	body #container.menu_is_visible {
		margin-left: 195px;
		/* must the same as the margin used in .animate() 
		   in show_swipe_menu() in swipe.js */
	}
/*	body #menu.menu_is_visible {
		width:185px;
		max-width:185px;
	}*/

	#main_nav ul {
		display:none;
	}

	#menu{
		/*float:left;*/
		/*position: absolute;*/
		/*width:185px;*/
		/*max-width:185px;*/
		/*z-index: 10;*/
		display:block;
		top: 0px; 
		left: 0px;
	}

	#menu h3{
		font-family:arial;
		font-size:12px;
		color:#fff;
		margin:0;
		padding:4px 0 4px 10px;
		background-color:#183353;
		border-top:solid #6b6b6b 1px;
		border-bottom:solid #3d3d3d 1px;
		text-shadow:0 -1px 1px #333;
		cursor:default;
	}

	#menu ul      { margin:0; padding:0; width:inherit; }
	#menu ul li   { list-style-type:none; margin:0; }
	#menu ul li a {
		border-bottom:solid #333 1px;
		box-shadow:0 1px 0 #727272;
		color:#fff;
		font-size:14px;
		font-family:arial;
		text-decoration:none;
		display:block;
		padding:7px 0 7px 10px;
		text-shadow:0 1px 1px #000;
	}

	#menu>h3, /* just slightly larger than the margin */
	#menu>ul { width: 220px; }

	/* background stylin' */
	/** first level **/
	#menu ul>li {
		background-color:#282727;   color:#fff;   text-shadow:0 1px 1px #000;
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e1d1d),color-stop(50%,#282727));
	}
	#menu ul>li.active {
		background-color:#484747;   color:#fff;   text-shadow:0 1px 1px #000;
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#383737),color-stop(50%,#484747));
	}
	#menu ul>li>a:hover , #menu ul>li>a:active  { background-color:#716f6f; }
	/** second level **/
	#menu ul>li>ul>li {
		background-color: #183353;
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#0C1929),color-stop(50%,#183353));
	}
	#menu ul>li>ul>li.active {
		background-color:#1C2939;
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2C3949),color-stop(50%,#385373));
	}
	#menu ul>li>ul>li>a:hover , #menu ul>li>ul>li>a:active {
		background-color:#587393;
	}
	/** third level **/
	#menu ul>li>ul>li>ul>li {
		background-color: #183353;
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2C3949),color-stop(50%,#587393));
	}
	#menu ul>li>ul>li>ul>li.active {
		background-color:#1C2939;
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4C5969),color-stop(50%,#7893B3));
	}
	#menu ul>li>ul>li>ul>li>a:hover , #menu ul>li>ul>li>ul>li>a:active {
		background-color:#98B3D3;
	}

	/* indent menu levels */
	#menu ul    ul>li>a { padding-left:25px; }
	#menu ul ul ul>li>a { padding-left:40px; }

	/* hide the current submenu unless the current item is active */
	#menu li        > ul { display:none;  }
	#menu li.active > ul { display:block; }


	/* #########################
	   ##### Book A Flight #####
	   ######################### */
	body#bookaflight form label {
		display:block;
	}
	body#bookaflight .nowrap {
		white-space: nowrap;
	}

	body#bookaflight #bookflight {
		display:block;
	}

	body#bookaflight ul#form_imgdest li {
		width: 100%;
	}
	body#bookaflight ul#form_imgdest label {
		display: block;
		min-width: 60px;
		font-size: 16px;
		font-weight: bold;
		color: #3E7DC5;
		float: left;
		line-height: 24px;
	}
	body#bookaflight li#form_images #form_logo {
		width:130px;
		margin: -20px 0 15px 0;
	}

	body#bookaflight #bookflight #form_images p {
		display:none;
	}


	body#bookaflight #numtravelers {
		display: block;
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}
	body#bookaflight #numtravelers dl {
		display: block;
		display: table-row;
		float: none;
		width: 100%;
	}
	body#bookaflight #numtravelers dt {
		display: block;
		display: inline-block;
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		min-width: 100px;
		width: 35%;
		padding-left: 5%;
	}
	body#bookaflight .form_sect #numtravelers dd.sel {
		display: block;
		display: inline-block;
		display: table-cell;
		vertical-align: middle;
		text-align:left;
	}
	body#bookaflight .form_sect #numtravelers .sel select {
		opacity: 1;
		filter: alpha(opacity=100);
		top: 5px;
		z-index: 800;
		position: relative;
		height: 32px !important;
	}
	body#bookaflight .form_sect #numtravelers dd.sel p {
		display:none;
	}

	body#bookaflight .form_sect#itin_tkt li.sel {
		width: auto;
	}
	body#bookaflight .form_sect#itin_tkt .sel select {
		opacity: 1;
		filter: alpha(opacity=100);
		height: 32px !important;
		z-index: 800;
		width: auto;
		position: relative;
	}
	body#bookaflight #itin_tkt p {
		display:none !important;
	}
	body#bookaflight .form_sect#itin_tkt li.chal {
		/* same font as body */
		font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
		margin: 0 3%;
		font-size: 19px;
	}


	body#bookaflight #form_be_away {

	}
	body#bookaflight #form_be_away ul {
		margin-bottom: 0px;
		padding-bottom: 8px;
	}
	body#bookaflight .form_sect#form_be_away li.datepickers {
		float: none;
	}

	body#bookaflight .form_sect#form_be_away li.datepickers label {
		float: left;
		min-width: 52px;
		font-size: 16px;
		line-height: 25px !important;
	}


	body#bookaflight h4.travelerror, 
	body#bookaflight h4.fromdateerror, 
	body#bookaflight h4.todateerror {
		margin-top: -10px;
	}

	body#bookaflight #book_flight_go {
		max-width: 211px;
		min-width: 160px;
	}


	/* ## Hide Submenus ## */
	body#about #sidebar_nav,            /* About */
	body#careers #sidebar_nav,          /* Careers */
	body#contact #sidebar_nav,          /* Contact */
	body.photo_gallery #sidebar_nav,    /* Gallery */
	#sidebar_nav_ct,                    /* Visiting CT */
	#sidebar_nav_hvn,                   /* Visiting New Haven */
	body#transportation #sidebar_nav,   /* Transportation Sect */
	#preparation-side-nav,              /* Preparation Sect */
	body.destinations #alt-side-nav-2,  /* Destinations Sect */
	body#flights #alt-side-nav-2,       /* Flights Page */
	body#private_travel #sidebar_nav,   /* Private Travel */
	body#operations_pilot_information #sidebar_nav, /* Operations/Pilot Info */
	body#community_regulations #sidebar_nav /* Community Regulations */
	{
		display:none;
	}
	/* ## ## */


}