/* Subnav items for the Menu section */

dt#subnav_nutrition {
	width: 156px;
	background: url(../images/menu/menu_subnav_nutrition.gif) no-repeat;
}
dt#subnav_nutrition a {
	width: 100%;
	background: url(../images/menu/menu_subnav_nutrition.gif) 0 -12px no-repeat;
}
dt#subnav_printable {
	width: 140px;
	background: url(../images/menu/menu_subnav_printable.gif) no-repeat; 
}
dt#subnav_printable a {
	width: 100%;
	background: url(../images/menu/menu_subnav_printable.gif) 0 -12px no-repeat;
}
dt#subnav_ordering {
	width: 168px;
	background: url(../images/menu/menu_subnav_ordering.gif) no-repeat; 
}
dt#subnav_ordering a {
	width: 100%;
	background: url(../images/menu/menu_subnav_ordering.gif) 0 -12px no-repeat;
}
dt#subnav_fullmenu {
	width: 75px;
	background: url(../images/menu/menu_subnav_fullmenu.gif) no-repeat;
}
dt#subnav_fullmenu a {
	width: 100%;
	background: url(../images/menu/menu_subnav_fullmenu.gif) 0 -12px no-repeat;
}

/* Menu page */
#menuDoc {
	width: 921px;
	height: auto;
	background: url(../images/common/interior_bg_solid.jpg) no-repeat;
	float: left;
	position: relative;
}
#menu_page {
	width: 840px;
	float:left;
	min-height: 456px;
	_height: 456px;
	margin-left: 16px;
	margin-top: 3px;
	padding-left: 10px;
	background-color: #262626;
} 
* html #menu_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 8px;
}
#menu_page #column1 {
	float: left;
	width: 292px;
	margin-left: 5px;
}
#menu_page #column2 {
	float: left;
	width: 200px;
	margin-left: 13px;
}
#menu_page #column3 {
	float: left;
	width: 292px;
	margin-left: 13px;
}
#menu_page #logo {
	width: 206px;
	height: 125px;
	margin-left: -3px;
	background: url(../images/menu/menu_jj_logo_transparent.gif) no-repeat;
	margin-top: 15px;
}
#menu_page dl {
	float: left;
	width: 286px;
	background-color: #222222;
	border-left: 3px solid white;
	border-right: 3px solid white;
	border-bottom: 3px solid white;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#menu_page #column2 dl {
	width: 194px; 
}
#menu_page dt {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 5px;
	font-size: 11px;
	color: White;
}
#menu_page dd {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	font-size: 11px;
	color: White;
	
}
#menu_page #catering dd { text-align: center; }
#menu_page #column2 dt, #menu_page #column2 dd {
	margin-left: 10px;
	margin-right: 10px;
}
#menu_page #sides dd, #menu_page #slims dd {
	margin-top: 4px;
}
#menu_page #slims dt {
	padding-bottom: 8px;
}
a.menu_link {
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 4px;
}
a.menu_link:hover {
	background-color: #D21034;
}
a.menu_link_big {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 4px;
}
a.menu_link_big:hover {
	background-color: #D21034;
}
#menu_page #subs {
	float:left;
	width: 292px;
	margin-top: 15px;
}
#menu_page h2 {
	float: left;
	text-indent: -9000px;
}
#menu_page h3 {
	float:left;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: White;
}
#menu_page #subs h3 {
	width: 292px;
	height: 181px;
	background: url(../images/menu/menu_section_top_subs_1.gif) top no-repeat;
	padding-top: 0px;
	text-indent: 118px;
}

h3 .mainColPrice
{
	padding-top: 118px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: White;
}

#menu_page #sides {
	float:left;
	width: 292px;
	margin-top: 15px;
	height: auto;
}
#menu_page #sides h2 {
	width: 292px;
	height: 37px;
	background: url(../images/menu/menu_section_top_sides.gif) top no-repeat;
}
#menu_page #sides dl {
	margin-bottom: 0; 
}
#menu_page #sides dd {
	float: left;
	margin-left: 5px; 
	margin-right: 0;
	width: 265px;
	background: url(../images/common/dots.gif) bottom no-repeat;
}
#menu_page #sides a.item_name, #menu_page #sides .item_name {
	float: left; 
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background: #222222 url(../images/common/star_white_on_black.gif) left top no-repeat;
	padding-left: 14px;
	padding-right: 3px;
}
#menu_page #sides a.item_name:hover {
	background-color: #D21034;
}
#menu_page #sides .item_price {
	float: right;
	background-color: #222222;
	padding-left: 3px; 
}

#menu_page #freebies {
	float:left;
	width: 292px;
	padding-bottom: 20px;
}
#menu_page #freebies h2 {
	width: 292px;
	height: 32px;
	background: url(../images/menu/menu_section_top_freebies.gif) top no-repeat;
}
#menu_page #slims {
	float:left;
	width: 200px;
	margin-top: 0;
}
#menu_page #slims h3 {
	width: 200px;
	height: 56px;
	background: url(../images/menu/menu_section_top_slims.gif) top no-repeat;
	font-size: 18px;
	padding-top: 16px;
	text-indent: 78px;
}
#menu_page #wraps {
	float:left;
	width: 200px;
	margin-top: 0;
}
#menu_page #wraps a {
	float:left;
	width: 200px;
	height: 77px;
	background: url(../images/menu/menu_section_top_wraps.gif) bottom no-repeat;
	text-indent: -9000px;
}
#menu_page #catering {
	float:left;
	width: 200px;
	margin-top: 0;
}
#menu_page #catering a {
	float:left;
	width: 200px;
	height: 46px;
	background: url(../images/menu/menu_section_top_catering.gif) bottom no-repeat;
	text-indent: -9000px;
}
#menu_page #website {
	float:left;
	width: 206px;
	margin-top: 0;
	margin-left: -3px;
}
#menu_page #website h2 {
	width: 206px;
	height: 19px;
	background: url(../images/menu/menu_JJ_dotcom_transparent.gif) top no-repeat;
}
#menu_page #gargantuan {
	float:left;
	width: 200px;
	margin-top: 0;
	padding-bottom: 20px;
}
#menu_page #gargantuan a {
	float:left;
	width: 200px;
	height: 84px;
	background: url(../images/menu/menu_section_top_garg.gif) bottom no-repeat;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: White;
	padding-top: 16px;
	text-indent: 78px;
}
#menu_page #wraps a:hover, 
#menu_page #catering a:hover, 
#menu_page #gargantuan a:hover {
	background-position: top; 
}
#menu_page #clubs {
	float:left;
	width: 292px;
	margin-top: 15px;
	padding-bottom: 20px;
}
#menu_page #clubs h3 {
	width: 292px;
	height: 181px;
	background: url(../images/menu/menu_section_top_clubs_1.gif) top no-repeat;
	padding-top: 0px;
	text-indent: 118px;
}
#menu_page #menu_foot {
	clear: left;
	float: left;
	margin-left: -10px;
	width: 850px;
}
* html #menu_page #menu_foot  {
	/* work-around for width bug in IE6 and below */
	margin-left: -5px;
}
#menu_page #menu_foot h2 {
	background: url(../images/menu/your_mom.gif) top no-repeat;
	width: 850px;
	height: 58px;
	text-indent: -9000px;
}
#menu_page #menu_foot div {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 850px;
	text-align: center;
}
#menu_page #menu_foot div span {
	font-size: 9px;
	color: #FFFFFF;
}


/* Nutrition page */
#nutritionDoc {
	width: 921px;
	height: auto;
	background: url(../images/common/interior_bg_2column.jpg) no-repeat;
	float: left;
	position: relative;
}
#nutrition_page {
	width: 850px;
	float: left;
	min-height: 456px;
	_height: 456px;
	margin-left: 16px;
	padding-left: 0;
} 
* html #nutrition_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 8px;
}
#nutrition_page #column1 {
	float: left;
	width: 229px;
	margin-top: 15px;
}
#nutrition_page #column2 {
	float: left;
	width: 621px;
	margin-top: 5px;
}

/* Nutrition section sub-navigation area */
#nutrition_page #nutrition_leftnav {
	float: left;
	width: 229px;
}
#nutrition_leftnav dt {
	float: left;
	margin-bottom: 3px;
}
#nutrition_leftnav dt a {
	display: block;
	height: 0px !important;
	height /**/: 21px; /* IE 5/Win hack */
	padding: 21px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 0 -21px;
	display: block;
	text-indent: -9999px;
}
#leftnav_sandwiches {
	float: left;
	width: 229px;
	height: 22px;
	background: url(../images/menu/nutr_subnav_sandwiches.gif) top no-repeat;
}
#leftnav_sandwiches a {
	width: 100%;
	height: 0px !important;
	height /**/: 22px; /* IE 5/Win hack */
	padding: 22px 0 0 0;
	background: url(../images/menu/nutr_subnav_sandwiches.gif) 0 -22px no-repeat;
}
#leftnav_sides {
	width: 229px;
	height: 21px;
	background: url(../images/menu/nutr_subnav_sides.gif) top no-repeat;
}
#leftnav_sides a {
	width: 100%;
	background: url(../images/menu/nutr_subnav_sides.gif) 0 -21px no-repeat;
}
#leftnav_drinks {
	width: 229px;
	height: 21px;
	background: url(../images/menu/nutr_subnav_drinks.gif) top no-repeat;
}
#leftnav_drinks a {
	width: 100%;
	background: url(../images/menu/nutr_subnav_drinks.gif) 0 -21px no-repeat;
}
#leftnav_lowfat {
	width: 229px;
	height: 21px;
	background: url(../images/menu/nutr_subnav_lowfat.gif) top no-repeat;
}
#leftnav_lowfat a {
	width: 100%;
	background: url(../images/menu/nutr_subnav_lowfat.gif) 0 -21px no-repeat;
}
#nutrition_leftnav a:hover {
	background-position: top;
}
#nutrition_leftnav #leftnav_sandwiches a:hover {
	background-position: top;
}
#nutrition_leftnav a.selected {
	background-position: 0 -42px;
}
#nutrition_leftnav #leftnav_sandwiches a.selected {
	background-position: 0 -44px;
}

/* "Wood" framed area on Nutrition page */
#nutrition_frame {
	float: left;
	width: 611px;
	background: url(../images/menu/nutrition_frame_bottom.jpg) bottom no-repeat;
	padding-bottom: 40px;
}
#nutrition_frame h2 {
	float: left;
	width: 571px;
	height: 30px;
	background: url(../images/menu/nutrition_frame_top.jpg) top no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 40px;
	padding-top: 40px;
}
#nutrition_frame #item_details {
	float: left;
	width: 531px;
	height: auto;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
}
#nutrition_frame #item_picture {
	float: left;
	width: 351px;
	border: 5px solid #FFFFFF;
	margin-left: 40px;
	margin-top: 20px;
}
* html #nutrition_frame #item_picture {
	/* work-around for width bug in IE6 and below */
	margin-left: 20px;
}

/* List of available Extras (white bordered area, in place of item picture) */
#nutrition_frame #extras_list {
	float: left;
	width: 343px;
	border: 4px solid #FFFFFF;
	margin-left: 40px;
	margin-top: 20px;
}
* html #nutrition_frame #extras_list {
	/* work-around for width bug in IE6 and below */
	margin-left: 20px;
}
#extras_list #extras_column1 {
	float: left;
	width: 152px;
	padding-bottom: 10px;
}
#extras_list #extras_column2 {
	float: left;
	width: 152px;
	margin-left: 20px;
	padding-bottom: 10px;
}
#extras_list {
	float: left;
	width: 100%;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
}
#extras_list h3 {
	float: left;
	width: 150px;
	height: 20px;
	margin-top: 10px;
	text-indent: -9000px;
}
#extras_list h3#bread {
	background: url(../images/menu/subhead_bread.gif) no-repeat;
}
#extras_list h3#veggies {
	background: url(../images/menu/subhead_veggies.gif) no-repeat;
}
#extras_list h3#extras {
	background: url(../images/menu/subhead_extras.gif) no-repeat;
}
#extras_list h3#meat {
	background: url(../images/menu/subhead_meat.gif) no-repeat;
}
#extras_list h3#sauces {
	background: url(../images/menu/subhead_sauces.gif) no-repeat;
}
#extras_list dl {
	float: left;
	width: 100%;
	border-top: 1px solid #5C5C5C;
}


/* Ingredient List (to the right of the white-bordered area) */
/* Note: on the "Add Extras" view the ingredient list area is taller */
#nutrition_frame #ingredient_list {
	float: left;
	width: 170px;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 19px;
	padding-left: 10px;
}
#ingredient_list h3 {
	float: left;
	width: 170px;
	height: 20px;
	background: url(../images/menu/subhead_ingredients.gif) no-repeat;
	text-indent: -9000px;
}
#ingredient_list #scrolling_area {
	width: auto;
	height: 180px;
}
#pnlAddExtras #scrolling_area {
	height: 290px;
}
#addExtrasButton {
	width: 146px;
	text-align: center;
	float: left;
}
#addExtrasButton a {
	display: block;
	width: 100%;
}
#ingredient_list table {
	float: left;
	border-top: 1px solid #5C5C5C;
}
#ingredient_list table td.left {
	width: 150px;
	padding-top:2px; 
	padding-bottom: 2px; 
	border-bottom: 1px solid #5C5C5C;
}
#ingredient_list table td.right {
	padding-top:2px; 
	padding-bottom: 2px;  
	border-bottom: 1px solid #5C5C5C;
}



#extras_list dd,
#meal_items_list dd {
	float: left;
	width: 100%;
	border-bottom: 1px solid #5C5C5C;
}
#extras_list dd span.left,
#meal_items_list dd span.left {
	float: left; 
	margin-top:2px; 
	margin-bottom: 2px; 
}
#extras_list dd span.right,
#meal_items_list dd span.right  {
	float: right; 
	margin-top:2px; 
	margin-bottom: 2px;
}
a.remove {
	padding: 2px;
	margin: 3px;
	background: #D21034;
	font-size: 10px;
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none;

}
a.remove:hover {
	background: #FFFFFF;
	color: #D21034; 
}
a.add {
	padding:0 2px;
	background: #009900;
	font-size: 10px;
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none;
}
a.add:hover {
	background: #FFFFFF;
	color: #009900; 
}



/* "Your Selected Meal Items" area */
#meal_items {
	float: left;
	width: 308px;
	background: url(../images/menu/meal_items_bg_bottom.gif) bottom no-repeat;
	margin-top: 10px;
	margin-left: 20px;
}
* html #meal_items {
	/* work-around for width bug in IE6 and below */
	margin-left: 10px;
}
#mealHeader 
{
	padding-top: 4px;
	width: 308px;
	height: 39px;
	background: url(../images/menu/meal_items_bg_top.gif) top no-repeat;

}
#mealHeaderCopy
{
	text-indent: -9000px;
}
#resetButton {
	display: none;	
	float: right;
	margin-top: 8px;
	margin-right: 12px;
}
a.reset {
	padding: 2px;
	margin: 0px;
	background: #D21034;
	font-size: 10px;
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none;
}
a.reset:hover {
	background: #FFFFFF;
	color: #D21034; 
}

#meal_details, #meal_items_list {
	float: left;
	width: 280px;
	height: auto;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 23px;
}
#meal_items_list dl {
	float: left;
	width: 280px;
}
#meal_items_list dd span.left {
	width: 220px;
}

/* Nutrition Facts area */
#nutrition_facts {
	float: left;
	width: 273px;
	height: 274px;
	background: url(../images/menu/nutrition_facts_bg.gif) no-repeat;
	font-size: 10px;
	/*color: #323232;*/
	margin-top: -9px;
	margin-left: 10px;
	margin-bottom: 30px;
}
#nutrition_facts h3 {
	float: left;
	text-indent: -9000px;
}
#nf_item_name {
	font-size: 12px;
	font-weight: bold;
	padding-top: 25px;
	text-align: center;
	color: #000;
}
#nf_serving_size {
	padding-top: 0;
	padding-left: 80px;
	color: #000;
}
#nutrition_facts dl {
	float: left;
	width: 130px;
	margin-left: 130px;
	padding-top: 19px;
	line-height: 14px;
}
* html #nutrition_facts dl {
	/* work-around for width bug in IE6 and below */
	margin-left: 65px;
}
#nutrition_facts dd {
	float: left;
	width: 100%;
	color: #000;
}
#nutrition_facts dd span.left {
	float: left;
	width: 60px;
	text-align: right;
}
#nutrition_facts dd span.right {
	float: right;
	width: 70px;
	text-align: right;
}

a.close
{
	padding: 0px;
	margin: 0px;
	}


#close_extras
{
	width: 11px;
	height: 11px;
	float: right;
	display: block;
	border-left: solid 3px white;
	border-bottom: solid 3px white;
}



/* Nutrition subnav area */

#myAccordion {
	width: 229px; 
	background: url(../images/menu/nutr_subnav_bg.gif) no-repeat;
	float: left;
	display: none;
}
#myAccordion div {
	float: left;
	margin-bottom: 1px;
}
/* Accordion Header Id's */
#myAccordion #sandwiches{
	background: url(../images/menu/nutr_subnav_sandwiches.gif) 0px -44px no-repeat;
	float: left;
	width: 229px;
	height: 22px;
	cursor: pointer;
}
#myAccordion #sides{
	background: url(../images/menu/nutr_subnav_sides.gif) 0px -21px  no-repeat;
	width: 229px;
	height: 21px;
	cursor: pointer;
}
#myAccordion #drinks{
	background: url(../images/menu/nutr_subnav_drinks.gif) 0px -21px  no-repeat;
	width: 229px;
	height: 21px;
	cursor: pointer;
}
#myAccordion #lowfat{
	background: url(../images/menu/nutr_subnav_lowfat.gif) 0px -21px no-repeat;
	width: 229px;
	height: 21px;
	cursor: pointer;
}
/* Accordion Section Body Styles */
.container, .paneContent{
	background: none;
}
.paneCopy{
	font: 11px arial;
	padding-left:25px;
	padding-top:10px;
	color: #000;
}

.paneCopy a{
	color: #000;
	text-decoration: none;
}

.paneCopy a:hover{
	color: #D21034;
	text-decoration: none;
}
.category{
	font: 14px arial;
	font-weight: bold;
}
.panelSub{	
	color: #000;
	width: 200px;
	padding-bottom:10px;
}


  /***********************/
 /* SCROLLBAR STYLES    */
/***********************/

#wheelScroll
{	
 width: 180px; 
 height: 180px;
 margin: 0px 0px 0px 0px;
 display: block;
 float:left;
}
#wrap 
{
 float: left;
 width: 11px;
 height: 168px;
 background: transparent url(../images/common/track_bottom_darkbg.gif) no-repeat bottom left;
 margin-left: 6px;
}
#track-top {
 position: absolute;
 width: 11px;
 height: 11px;
 background: transparent url(../images/common/track_top_darkbg.gif) no-repeat top left;
}
/* vertical track */
#track {
 position: absolute;
 width: 11px;
 height: 168px;
}
/* vertical track handle */
#handle {
 width: 7px;
 height: 69px;
}
#scrollable 
{
 float: left;
 width: 150px;
 height: 168px;
 overflow: hidden;
}


#nutrition_facts_disclaimer
{
	width: 253px;
	height: 48px;
	float: left;
	display: inline;
	margin-top: 7px;
	margin-left: 5px;
	padding: 5px;
}
#nutrition_facts_disclaimer span p
{
	color: #000000;
}

#menu_page #menu_burst
{
	width: 73px;
	height: 74px;
	display: block;
	float: right;
	background: url(../images/menu/menu_burst.gif);
	margin: 0px;
	padding: 0px;
	position: relative;
}

#menu_page #subs #original
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}