/*-------------------------------------------
	Colors:
	Beige: #DFBDBB
	Tan: #BC8C7E
	Dark Blue: #00305A
	Red: #9B0C0E
	Brown: #8D5B44
	Dark Brown: #3D2216
	Grey: ;#5D5D5D
-------------------------------------------*/

/*-----------------------------------------------------------------------------------
	Global Reset - (Help maintain consistent base state across browsers)
-----------------------------------------------------------------------------------*/
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	ol, ul { list-style: none; }
	:focus { outline: 0; }
	table { border-collapse: collapse; border-spacing: 0; }

/*---------------------------
	Elements - (Styles applied to all elements)
---------------------------*/
	body { background: url(../images/body_background.png) repeat-x; color: #5D5D5D; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;/* font-size: 67.8%; */font-size: 63.5%; }
	p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 10px;}
	a { color: #003058; text-decoration: none; }
	a:hover { color: #9B0C0E;}
	h1 { color: #8D5B44; }
	h2 { color: #9B0C0E; font-family: Georgia, serif; font-weight: bold; font-size: 1.8em;	margin-bottom: 5px; }
	h3 { color: #00305A; font-family: Georgia, serif; font-weight: normal; font-size: 1.8em; line-height: 1.5em; margin: 0px 0 5px 0;}
	h4 { color: #8D5B44; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;	font-size: 1.2em; font-weight: bold; }
	.highlighted_features p { margin-top: 10px;}
	.col h4 { padding-bottom: 0; margin-bottom: -8px; }
	h6 { color: #3D2216; font-family: Georgia, serif; font-weight: normal; font-size: 1.6em; line-height: 1.2em; }
	sup { font-size: .75em; vertical-align: super; padding: 0 0 0 1px;}
	
/*---------------------------
	Global (Styles used throughout all of site)
---------------------------*/
	.clear { clear: both; }
	.left { float: left; }
	.right { float: right; }
	.text_right a { color: #3D2216; float: right; font: 1.3em Georgia, serif; line-height: 1.5em; padding-right: 35px; }
	.text_right a:hover{ color: #BC8C7E; }
	.sub_left { float: left; width: 300px; }
	.sub_right { float: right; width: 234px;	}
	.sub_full { color: #8D5B44; float: left; width: 558px; }
	.sub_full ol li { margin-bottom: 5px; }
	.sub_full ol { list-style-type: decimal; padding-left: 20px; }
	.sub_full ol li ol li { list-style-type: lower-alpha; padding-left: 0px; }
	.sub_full ol li ol { padding: 10px 0 0 30px;}
		
	.sub_full h4 { color: #00305A; font-size: 1.4em; }
	.caption { color: #4E7797 !important; font-size: 1em; margin: 10px 15px 0 15px; text-align: left; }
	.bottom { margin: 15px 0 0 0;}
	.sub_page { color: #3D2216; font: 3em Georgia, serif; font-weight: normal; }
	ol { color: #5D5D5D; list-style-type: decimal;}
	ol li { list-style: decimal; }
		
	
	#container_wrapper { margin: auto; position: relative; padding: 0 0 0 0; width: 820px;}
	#content_container { background: url(../images/nav_bg.jpg) repeat-y; }
	#right { background: url(../images/feature_bgnew.gif) no-repeat; float: left; padding: 18px 0 0 18px; width: 600px; z-index: 1000; }
	#right p {color: #5D5D5D;}
	#right ul { color: #5D5D5D; margin: 0 0 0 22px; font-size: 1.2em; line-height: 1.5em;}
	#right ul li { list-style: disc; list-style-image:url(../images/bullet.png); margin: 0 0 15px 0;}
	#right ul li ul { font-size: .95em; margin: 12px 0 0 20px;}
	#side_ad { margin: 0 0 300px 32px;}
	#logo a {	background: url(../images/logo4.gif) no-repeat; cursor: pointer; display: block; float: left; height: 42px; margin: 34px 0 0 0; text-indent: -9999em;	width: 221px; z-index: 5000;}
	#logo a:hover {	background-position: 0 -45px; cursor: pointer;}
	
	
/*---------------------------
 splashes
 -------------------------*/
	
	#left_splash { left:-306px; margin:0px; position:relative; top:0pt;	width: 306px; }
	#right_splash { left:799px; margin:0px; position:relative; top:-1237px;z-index: 1; }
	#left_border { background: url(../images/border.png) no-repeat; height: 100%; margin: 0 5px 0 0; position: absolute; top: 0px; left:0px; width: 5px; }
	#right_border { background: url(../images/border.png) no-repeat; height: 100%; position: fixed; top: 0px; right: 0px; width: 5px; z-index: 5000;}

	
/*---------------------------
 image treatments
 -------------------------*/
 	.border { border: solid 1px #DFBDBB; margin: 0 0 10px 0;}
 	.brown_arrow { padding-bottom: 2px;}
 	.shopping_cart a { background: url(../images/shopping_cart_new.png) no-repeat; cursor: pointer; display: block; height: 15px; text-align: left; text-indent: -9999em; width: 12px; float:left;	}
 	.shopping_cart a:hover { background-position: 0 -15px }
 	.blue_arrow { background: url(../images/more_arrow.gif) no-repeat 2px 7px; font-weight: bold; display: block; margin: 0 0 0 0; padding: 0 0 0 8px; }
 	.blue_arrow:hover { background: url(../images/more_arrow_hover.gif) no-repeat 2px 7px;}
 	
/*----------------------------
	Top Nav
	----------------------------*/
 	#top {background: url(../images/top_bg4.jpg) no-repeat 370px 7px;  height: 84px; margin: -1731px 0 0 0 ; width: 800px;}
	#top_nav {font-size: .95em; float: right; text-align: right; width:351px; padding: 15px 0px 0px 0px;}
	#top_nav li { display: inline;	float: left; font-family: "Lucida Grande", Helvetica, sans-serif; font-size: 1.15em; padding: 0 3px; }
 	 #top_nav a { color: #3D2216; }
 	#top_nav a:hover { color: #9B0C0E; }
 	#left_nav {/* background: #8D5B44 url(../images/nav_bg.jpg) repeat-y bottom left;*/ float:left; width: 199px; }
	 #breadcrumbs { color: #8D5B44; float: left; }
	.bc_section { color: #003058; }
	.date { font-family: Georgia, serif; color: #00305A; font-size: 1.4em; }
	
/*----------------------------
  Subnav for pages outside Nav
  ----------------------------*/
	
/*---------------------------
	features
	---------------------------*/
 	#page_top { clear: both; float: left; padding-bottom: 5px;	margin-bottom: 41px; border-bottom: 2px solid #CBD9DC; width: 560px; }
	.sub_feature { clear: both; float: left; margin: 10px 0 0 0; padding-top: 0px; width: 560px;}
 	.features { background:	url(../images/features_bg.gif) no-repeat; color: #8D5B44; float:left; line-height: 1.6em; margin: 100px 0 0 0; padding: 0 7px 50px 7px;  width: 575px;}
 	.features p {color: #8D5B44;}
 	.highlighted_features { background:	url(../images/features_bg.gif) no-repeat; color: #8D5B44; float:left; line-height: 1.6em; padding: 0 7px 50px 7px;  width: 575px;}
 	.col { float: left; padding: 19px 5px 0 5px; width: 260px;}
  	.small_col { background-color: transparent; font-size: 1.2em; float: left; padding: 19px 5px 0 5px; width: 130px; }
 	.feature_title {height: 40px; }
 	.print_right { background: url(../images/print.png) no-repeat; display: block; float: right; font-size: 0.9em; height: 12px; line-height: 1.333em; padding-left: 15px; }

/*---------------------------
	subpages
	---------------------------*/
 
 	.image_container_right { background: url(../images/image_container_right_bg.png) no-repeat; clear: none; color: #4E7797; float: right; font-size: 1em; height: 259px; margin: 0 0 0 20px; padding: 12px 0 0 1px; text-align: center; width: 270px; }
 	.image_container_left { background: url(../images/image_container_right_bg.png) no-repeat; clear: none; color: #4E7797; float: left; font-size: 1em; height: 259px; margin: -5px 20px 10px -5px; padding: 12px 0 0 1px; text-align: center; width: 270px; }
	.image_container_block { background: url(../images/image_container_block_bg.png); height: 263px; margin: 0 0 15px -8px; width: 572px;}
	.image_container_block img { width: 548px; margin: 6px 0 0 13px;}
	/*.image_container_block { background: url(../images/image_container_block_bg_2.png) no-repeat; height: 272px; margin: 0 0 0 -15px; padding: 6px 0 0 15px; width: 598px;}*/

 
/*-----------------------------
	Search Tab
	--------------------------*/ 		
 	.search_tab { border: dashed 1px #7B4833; float: left; /*height: 43px;*/ margin: 20px 0 6px 6px; width: 184px;}
	.search_tab p { background: url(../images/search_bg.png) no-repeat; height: 40px; margin-bottom: 0; width: 184px; }
	.search_tab input.search_field { border: 0; color: #BC8C7E; font-size: 0.85em; line-height: .7em;	margin: -10px 0 0 19px; width: 138px;	}
	.search_tab input.search_field { margin-top: 14px;}
	.search_tab .go_button { margin-top: 13px; position: absolute; }
	.search_tab span { background: transparent url(../images/bus-bg.png) center right no-repeat; color: #BC8C7E; display: block; font-size: 11px; height: 16px; margin: 6px 8px 0px 8px; padding-top: 3px; }
	.second_tab { margin: 0 0 20px 6px; }
	
/*-----------------------------
	Zip Field
	--------------------------*/ 	
 	#zip_tab {	height: 20px; margin: -15px 0 0 0; width: 100px;}
	#zip_tab p { background: url(../images/zip_bg.png) no-repeat; height: 20px; width: 122px; margin: 12px 0 0 5px; }
	#zip_tab input.zip_field { background-color: #D6E6EE; border: 0; color: #003058; font-size: 0.75em; margin: 3px 50px 0 5px; width: 90px; }
	#zip_tab input.go_button { margin: -14px 5px 0 90px;}

/*-----------------------------
	Dropdown Nav
	--------------------------*/	
	#nav, #nav ul { float : left; font-size: 1.4em; list-style: none; margin: 0; padding: 0; width : 200px; z-index: 30;}
	#nav a { cursor: pointer; display: block; text-decoration: none;}
	#nav li { display: block; float: left; font-family: Georgia, serif; font-size: 1em;/* height: 55px;*/ margin-bottom : -1px; position: relative; width: 200px; padding: 0 0 0 0px;	}
	#nav li:hover span, #nav li.sfhover span { color: #3D2216;}
	#nav li.current:hover span, #nav li.current span { color: #FFFFFF;}
	* html #nav li { height: 1%; }
	#nav span { color: #DFBDBB; display: block; font-family: Georgia, sans-serif; height: 35px;	/* width: 200px; */ padding: 20px 0 0 20px;}
	/* second-level lists */ 
	#nav li ul { background: url(../images/drop_down_bg.jpg) no-repeat #AACAD7; border: solid #FFF 3px; border-left: none; margin : -55px 0 0 199px; padding: 0 0 5px 0; position : absolute; left: -999em; width: 200px;}
	#nav li ul li { margin: 0; padding: 0;}
	#nav li a { display : block;}
	#nav li a:hover { width: 160px;}
	#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */left: auto;}

/*-----------images for dropdown */	
	.prod_schools { background: url(../images/schools.png) no-repeat; }
 	.prod_retail { background: url(../images/retail.png) no-repeat; }
 	.prod_vending { background: url(../images/vending.png) no-repeat; }
	.prod_foodservice { background: url(../images/foodservice.png) no-repeat; }
	.prod_retail:hover, .prod_vending:hover, .prod_foodservice:hover, .prod_schools:hover, .sfhover{ background-position: 0 -55px; }
	
/*----------sub styles for drop down*/
	.sub { border: solid 3px #FFF; margin: 0; z-index: 2; }
 	.sub li { display: block; }
 	.sub a { color: #3D2216; font-family: "Lucida Sans", sans-serif; font-size: .65em; display: block; font-weight: bold; line-height: 12px; margin: 6px 0 0 10px; padding: 6px 0 5px 13px; width: 157px; }
 	.sub a:hover { background: url(../images/dd_hover_arrow.jpg) no-repeat #FFF 9px 0px; color: #9B0C0E; font-weight: bold; padding: 6px 0 5px 24px; }
 	#left_nav .sub a:hover, #left_nav .sub a.active { background: url(../images/dd_hover_arrow.jpg) no-repeat #FFF 9px 4px; color: #9B0C0E; font-weight: bold; padding: 6px 0 5px 24px; }
 	
/*-------------Current Page for drop down*/ 		
	#current { background: url(../images/drop_active.jpg) repeat-y 0 1px; font-size: 1.2em; line-height: .8em; }
	#current span { border-bottom: dotted 1px #FFF; color: #F2E8DD; display: block; font-family: Georgia, serif; height: 30px; padding-top: 20px; width: 180px;}
	#current span:hover { width: 183px;}
	.current_schools { background: url(../images/schools_current.jpg) no-repeat 100px 13px;}
	.current_retail { background: url(../images/retail_current.jpg) no-repeat 85px 10px;}
	.current_vending { background: url(../images/vending_current.jpg) no-repeat 100px 11px;}
	.current_foodservice { background: url(../images/foodservice_current.jpg) no-repeat 130px 13px; }
	.current_foodservice span:hover { background: url(../images/foodservice_current.jpg) no-repeat 130px 13px; }
	.current_sub a {color: #FFF; font-family: "Lucida Sans", sans-serif; display: block; margin: 0px 0 0 0px; padding: 10px 5px 10px 18px; }
	
	.current_sub a:hover { background: url(../images/dd_hover_arrow.jpg) no-repeat #FFF 12px 8px; color: #9B0C0E; padding: 10px 0px 10px 25px;}
	.current_sub a.active {background-color: #F8F4EC; background: url(../images/dd_hover_arrow.jpg) no-repeat #FFF 12px 8px; color: #9B0C0E; padding: 10px 0px 10px 25px; width:175px;}
	
	
	.current_sub a.active ul li:hover {  background: url(../images/dd_hover_arrow.jpg) no-repeat #F8F4EC 12px 8px; color: #9B0C0E;/* width: 170px;*/ }	
	#nav li ul.current_sub { color: #9B0C0E; left: 0; position: static; margin: 0px; background: transparent; border: 0px; font-size: 12px; padding: 0 0 20px 0px; width: 199px; }

	#nav li ul.current_sub li ul { display: block; position: relative; left: 0; margin: 0; background: #F8F4EC; border: 0; font-size: 1em; padding-left: 10px; width:189px;}
	#nav li ul.current_sub li ul li a {/*width: 181px;*/  color: #7C513F; }
	#nav li ul.current_sub li a:hover {width: 175px;  color: #9B0C0E;}

	#nav li ul.current_sub li ul li a{ background: #F8F4EC; width: 161px; padding-left: 24px;}
	#nav li ul.current_sub li ul li a:hover {width: 166px; }
	#nav li ul.current_sub li ul li a.active { background: url(../images/dd_hover_arrow2.jpg) no-repeat #F8F4EC 12px 8px; color: #9B0C0E; width: 166px; }
	
	#nav #currentli ul .current_sub li a.active { background: url(../images/dd_hover_arrow2.jpg) no-repeat #F8F4EC 12px 8px; color: #9B0C0E; /*width: 180px;*/ }
	#nav li ul.current_sub li.active hover { background: url(../images/dd_hover_arrow.jpg) no-repeat #F8F4EC 12px 8px; color: #9B0C0E; /*width: 170px;*/ }

/*----- Second Level Navigation Active State ----------------*/	

	#nav li ul.current_sub li a.active:hover { background: url(../images/dd_hover_arrow2.jpg) no-repeat #FFF 12px 8px ; color: #9B0C0E; padding: 5px 0 5px 20px; width: 180px;}
	#nav li ul.current_sub li a.active:hover { background: url(../images/dd_hover_arrow.jpg) no-repeat #FFF 12px 8px ; color: #9B0C0E; padding: 10px 0 10px 25px; width: 175px;}

	#nav li ul.current_sub li ul li a.active:hover { background: url(../images/dd_hover_arrow2.jpg) no-repeat #FFF 12px 8px ; color: #9B0C0E; padding: 5px 0 5px 20px; width: 180px;}
	#current .current_sub .active:hover { width: 300px; }
	a.active:hover {width: 300px; padding: 200px 0 0 0;}
	#nav li ul.current_sub li ul li a.active:hover{ background: url(../images/dd_hover_arrow2.jpg) no-repeat #F8F4EC 12px 8px;  padding-top: 10px; padding-left: 24px; padding-bottom: 10px; width: 166px;}

	.current_sub li ul li { width: 167px !important;}
/*-----------------------------
	Utilities Nav
	--------------------------*/	
 	#util { background: none; margin-top: 15px; float: left; }
	#util li { margin-bottom: 10px; }
	#util a { color: #BC8C7E; font-size: 1.1em; /*height: 2em; line-height: 2em; */ margin: 0 0 0 16px; width: 145px; display: block; }
 	#util a:hover { color: #DFBDBB; }
 	#util a.active, #util a.active:hover { background: url(../images/dd_hover_arrow.jpg) no-repeat #FFF 2px 2px; color: #9B0C0E; padding: 3px 0 5px 20px; }
 		
	
/*-----------------------------
	Scroller
	--------------------------*/
	#scroller_link {margin: 5px 0 0 0;}
	.controls { color: #003058; float: right; height: 50px; margin: 0 10px 0 400px; position: absolute; width: 180px;}
	.controls a {color: #8D5B44; cursor: pointer; display: block; float: left; text-decoration: none; }
	.controls a:hover { color: #BC8C7E;}
	.controls a.active {	color: #FFF; }
	.controls a.previous { background: url(../images/previous_tab.gif) no-repeat 0 17px; height: 45px;	width: 10px;}
	.controls a.previous:hover { background-position: 0 -13px; }
	.controls a.next { background: url(../images/next_tab.gif) no-repeat 0 17px; height: 45px; width: 10px; margin: 0 5px 0 4px;}
	.controls a.next:hover { background-position: 0 -13px; }
	.controls a.inactive { background: url(../images/page.png) no-repeat center; height: 45px; text-indent: -9999em; width: 35px; }
	#scroller_top { height: 80px;}
	#scroller_title { width: 390px; }
	#scroller_title a {color: #9B0C0E; }
	#scroller_alink:hover {color: #3D2216 !important; }
	#scroller_desc  { width: 390px; }
	#scroller_desc a { color: #3D2216; }
	#scroller{	border: dashed 1px #A4CBED; float: left; height: 35px; overflow: hidden; padding: 5px; width: 93px; }
	#scroller a { height: 35px; text-indent: -9999em; width: 30px; }
	.page { background: url(../images/page.png) no-repeat; }
	.page.act { background: url(../images/page_active.png) no-repeat; margin: 0 2px 0 1px;}
	.scroller_num { color: #003058; float:left; height: 45px; line-height: 45px; text-align: center; }
	#scroller_wrap { width: 565px; height: 258px; overflow: hidden; }
	.drop_shadow {margin: 6px 0 0 0;}
	
/*-----------------------------
	Sitemap
	--------------------------*/	
	#sitemap ul li{ text-transform: capitalize; font-size: 12px; list-style: none; }
	#sitemap {background: url(../images/features_bg.gif) no-repeat; margin: -20px 0 0 0; padding: 20px 0 0 0px;}

/*-----------------------------
	Dates Container
	--------------------------*/	
	
	#dates_container { float:right; width: 200px; margin: 0 0 20px 20px;}
	.dates_container .right_dates {text-align:center; float:right; color:#403323; width: 180px; font-size:13px; font-weight:bold; padding: 0px; margin:0px 0px 10px 10px; border: 1px solid #DCEBF3;}
	.right_dates span{  background:#DCEBF3; color:#00305A; text-align: center; margin: 0 0 20 0; padding:7px; display:block;}
	.calendar{ color:#00305A; text-align:center; padding: 0px 0px 10px 0px; width:58px; height:56px; float:left; text-indent:0px; background:transparent url(../images/calendar-big.png) no-repeat 0 0; margin: 12px 12px 0 12px;} 
	.calendar_single { color:#00305A; text-align:center; margin: 0px 10px 10px 10px; padding: 0px 0px 10px 0px; line-height: 23px; width:58px; height:56px; float:left; text-indent:0px; background:transparent url(../images/calendar-big.png) no-repeat 0 0; margin: 0 0 0 60px;} 
	.right_dates p { color:#00305A; font-size: 1em; float:left; padding: 22px 0px 0px 0px;}
	.calendar p { color: #00305A !important; margin: 0 !important; padding: 0 0 8px 0; text-align: center; width: 58px; } 

/*-----------------------------
	Super Nav
	--------------------------*/
	#right ul#supernav { list-style-type: none; display: block; margin-left: 0px; margin-top: -40px; border-bottom: 2px solid #CBD9DC; float: left; width: 560px; }
	#right ul#supernav li { display: block; margin: 0px 10px 2px 0px; float: left; padding: 0px 10px; }	
	#supernav { border: none !important; width: 100px; padding: 0 0 5px 0;}
	#supernav ul { text-align: right; margin: 0 0 20px 0; padding: 0 0 200px 0; font-size: .8em;}
	#supernav li { background: #FFF; border-bottom: solid 1px #81B6D5; border-right: solid 1px #81B6D5;  display: block;height: 20px; padding: 2px; width: auto; text-align: center}
	#supernav li:hover, #supernav li.active  { background: #F7F4EB; border-bottom: solid 1px #81B6D5; border-right: solid 1px #81B6D5;  display: block;height: 20px; padding: 2px; text-align: center}
	#supernav li a { color: #4E7797;}
	#supernav a { font-weight: bold; font-size: .9em;}
	
	
/*-----------------------------
	Footer
	--------------------------*/
	#footer { background: url(../images/nav_bg_bottom.jpg) no-repeat; color: #8D5B44; font-size: 1.2em; width: 820px; text-indent: 217px; height: 15px; margin: 20px 0 50px 0;}
	#footer a { color: #8D5B44; }
	#footer a.red {color: #9B0C0E; }
	#footer a:hover, #footer a.red:hover { color: #BC8C7E;}
	
	
/*-----------------------------
	sitemap
	--------------------------*/
	#sitemap ul { list-style: none !important;  }
	#sitemap ul li{ background: #FFF; list-style: none !important;  list-style-image:none; margin: 0; padding: 0; }

	#sitemap ul li a { border-bottom: 1px dotted #003861;  display: block; font-family: Georgia, serif; font-size: 1.3em;  letter-spacing: .05em; margin: 0 25px 0 0; padding: 10px 0 10px 10px;  text-transform: uppercase; }
	#sitemap ul ul a {  border: none; font-family: "Lucida Grande", sans-serif; font-size: 1em; letter-spacing: 0; text-transform: capitalize; }
	
	#sitemap ul ul ul a { color: #806053; }
	#sitemap ul ul ul li { list-style: disc; list-style-image:url(../images/bullet.png) !important; margin: -13px 0 -13px 20px;}
	#sitemap ul ul ul a { margin: 0 0 0 -10px;}
	


	.video_block { float: left; margin: 0 10px 10px 0; width: 175px; height: 160px; }
	.video_block img { width: 175px; }