/***** Armour CSS *****
Created 1.23.07 by NR

***********************/
a.menuItem{background-color:#0033FF;}

* {
	padding: 0;
	margin: 0;
	border-bottom: 0;
	vertical-align: text-top;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000;
	background: #FFF;
	
}

/**** General Styles ****/

p {
	margin: 1em;
	font-size: 80%;
	text-align: justify;
}

span.hidden {
 	display: none;
} 

.float_left {
 	float: left;
	margin: 0 1em .5em .5em;
}

.float_right {
	float: right;
	margin: 0 .5em .5em 1em;
}

.float_left img, .float_right img  {
	padding:0;
}

.clear_both {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}


.caption {
	font-size: 70%;
	padding: 0;
	margin: 0;
}

.align_left {
	text-align: left;
}

.align_right {
	text-align: right;
}


.align_center {
	text-align: center;
}
.bold {
	font-weight: bold;
}


a.back_to_top {
	background: transparent url(site_images/red_arrow_up.gif) top right no-repeat;
	font-size: 80%;
	color: #0C64BD;
	text-decoration: none;
	padding: .5em 0;	
	padding-right: 2em;	
	font-weight: bold;
}






/**** Top level styles *****/

div#content_box {
	position: relative;
	width: 807px;
	background: #FFF url(site_images/page_template_elements/content_background_fill.jpg) repeat-y top left;
	margin: 0 auto;
	z-index: 10;
	margin-top: 10px;
}

#logo {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 20;	
}





/**** Top Nav ****/

div#content_box div#page_top {
	position: relative;
	width: 807px;	
	background: #FFF;	
	float: right;
	
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
}

#nav {
	margin-left: 250px;
}

#nav a {
	display: block;
	width: auto;
	background: transparent url(site_images/top_navigation/tab_down_left.jpg) no-repeat left top;
	color: #FFF;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	padding: 10px 10px;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	background: transparent url(site_images/top_navigation/tab_down_right.jpg) no-repeat top right;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #15446A;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 5000;
	float: left;
}

#nav li ul li {
	background: none;
	display:block;
	padding:0;
	margin:0;
	width: 100%;
	border-bottom: 1px solid #CFBA81;
}

#nav li ul li a {
	background: none;
	font-size: 11px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

 #nav li.current {
    background-image:url(site_images/top_navigation/tab_up_right.jpg);
}

#nav .current a {
    background-image:url(site_images/top_navigation/tab_up_left.jpg);
	padding-bottom: 10px;
	border-bottom: none;
	vertical-align:bottom;
	
}










/**** Bottom Nav ****/

div#content_box div#page_bottom {
	position: relative;
	width: 807px;
	height: 61px;
	background: transparent url(site_images/page_template_elements/content_background_footer.jpg) no-repeat bottom left;	
}

div#content_box div#page_bottom ul#bottom_nav {	
	position: relative;
	width: 100%;	
	text-align:center;
}

div#content_box div#page_bottom ul#bottom_nav li {
	font-size: 60%;
	display: inline;
	margin: 0 2em;
}


div#content_box div#page_bottom ul#bottom_nav li a {	
	text-decoration: none;
	font-weight: bolder;
	color: #15446A;	
}








/**** Main Content ****/

div#content_box div#content_header {
	position: relative;
	background: transparent url(site_images/page_template_elements/content_background_header.jpg) no-repeat top left;
	clear: both;
	padding: 1em 1em .5em 1em;
	text-align:center;
	
	
}

div#content_box div#page_header img {
	position: relative;
	margin: auto auto;
}

div#content_box div#content_wrapper {
	padding: .5em 1em;
}


div#content_box div#content_wrapper .content {
	background: #E9F5FD;
	padding: 1em;
	margin: 0 .7em;	
}

div#content_box div#content_wrapper .content ul, div#content_box div#content_wrapper .content ol {
	font-size: 80%;
	margin: .5em 2em;
}

div#content_box div#content_wrapper .content ol {
	margin: .5em 4em;
}

div#content_box div#content_wrapper .content ol ul {
	font-size: 100%;
}

div#content_box div#content_wrapper .content ul li, div#content_box div#content_wrapper .content ol li {
	margin: 1em 0;
}


div#content_box div#content_wrapper .with_side_nav {
	margin-left: 150px;
}

div#content_box div#content_wrapper img.float_left {
	float: left;
	margin: 1em;
	margin-left: 0;
}


div#content_box div#content_wrapper img.float_right {
	float: right;
	margin: 1em;
	margin-right: 0;
}

div#content_box div#content_wrapper h1, div#content_box div#content_wrapper h2.star {
	background: transparent url(site_images/fluffy_star.jpg) no-repeat top left;
	color: #0C64BD;
	font-size: 120%;
	font-weight: bolder; 
	line-height: 1.5em;
	padding: .5em 0 0 37px;
	position: static;
	vertical-align: middle;
}

div#content_box div#content_wrapper h2.star {	
	color: #000;
	font-size: 95%;	
	line-height: 2em;
}






/**** Side navigation ****/

div#content_box div#content_wrapper div#side_navigation {
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100px;
}

div#content_box div#content_wrapper div#side_navigation ul {
	list-style: none;
	
}

div#content_box div#content_wrapper div#side_navigation ul li {
	padding: .3em 0;
}

div#content_box div#content_wrapper div#side_navigation ul li a, div#content_box div#content_wrapper div#side_navigation ul li a:visited, div#content_box div#content_wrapper div#side_navigation ul li a:active {
	text-decoration: none;
	border: none;
	color: #3399cc;
	font-size: 80%;
	font-weight: bold;
	
}
	
/**** Home Page Styles ****/
div#home_header {
	position: relative;
	top: 00px;
	margin: 0 auto;	
	width: 737px;
	height: 186px; 
	background: transparent url(site_images/home_header_background.jpg) top left no-repeat;
	clear: both;
}

div#home_header img {
	position: relative;
	top: 0;
	margin: auto auto;	
}

div#home_subsection_wrapper {
	top: 0;
	left: 120px;
	width: 100%;
	margin: 0 0;
	padding: 0 0;
}


div#home_subsection_wrapper div#whats_new {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 20px !important;
	margin-left: 10px;
	float: left;
}

div#home_subsection_wrapper div#subsection {
	
	width: 543px;
	height: 267px;
	margin-left: 210px;
	background: #0C64BD url(site_images/home_subsections/home_sub_header.jpg) top left no-repeat;

}


div#home_subsection_wrapper div#subsection div.jump_box {
	position: static;
	bottom: 0;
	float: left;
	width: 150px;
	height: 200px;
	background: #0099FF;
	margin: 0 0 0 22px;	
	margin-top: 55px;
	display: inline;

}


div#home_subsection_wrapper div#subsection div.left {
	background: transparent url(site_images/home_subsections/recipes_subsection.jpg) top left no-repeat;
	
}

div#home_subsection_wrapper div#subsection div.middle {
	background: transparent url(site_images/home_subsections/sweep_subsection.jpg) top left no-repeat;
	
}



div#home_subsection_wrapper div#subsection div.right {
	background: transparent url(site_images/home_subsections/beprepared_subsection.jpg) top left no-repeat;
	
}

div#home_subsection_wrapper div#subsection div.jump_box div.header  {
	background: transparent;
	width: 150px;
	height: 60px;
	padding: 0;
	padding-top: 5px;
	margin: 0;
	position: static;
}

div#home_subsection_wrapper div#subsection div.jump_box div.header h1.left, div#home_subsection_wrapper div#subsection div.jump_box div.header h1.middle, div#home_subsection_wrapper div#subsection div.jump_box div.header h1.right {
	background: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 10px 0 0 40px;
	height: 53px;
	position: static;
	z-index: 0;
}

div#home_subsection_wrapper div#subsection div.jump_box div.header h1.left {
	background: transparent url(site_images/home_subsections/subsection_recipe.png) top left no-repeat;
}

div#home_subsection_wrapper div#subsection div.jump_box div.header h1.middle {
	background: transparent url(site_images/home_subsections/subsection_sweepstakes.png) top left no-repeat;
}

div#home_subsection_wrapper div#subsection div.jump_box div.header h1.right {
	background: transparent url(site_images/home_subsections/subsection_beprepared.png) top left no-repeat;
}

div#home_subsection_wrapper div#subsection div.jump_box div.go_to {
	text-align: center;
	position: relative; 
	top: 0px;
	margin-top: 100px;
	vertical-align: bottom;
	font-size: 80%;
}


div#home_subsection_wrapper div#subsection div.jump_box div.go_to a {
	text-decoration: none;
	color: #0c64bd; 
	font-size: 105%;
	font-weight: bolder;
	
	
}

div#home_subsection_wrapper div#subsection div.jump_box div.go_to a img { 
	margin: 0 0;
}





/**** Contact Styles ****/
div#content_box div#content_wrapper div#contact_background {
	background-image: url(site_images/contact_section_background.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	
}

.address {
	position: static;
	margin: 1.5em 5em;
	text-align: left;
	font-size: 80%;
}

div#content_box div#content_wrapper p.contact_section {
	font-size: 95%;
	font-weight: bold;
	margin: 2.5em 2em;
	text-align: left;
}

div#content_box div#content_wrapper p.contact_section a {
	text-decoration: none;
	color: #0C64BD;
}



/**** Brand History Styles ****/
span.blue_highlight {
	font-size: 110%;
	color: #0C64BD;
	font-weight:bold;
}



/**** FAQ Styles ****/

ul.faq_list {
	font-weight: normal;
	list-style: none;
	padding: 1em 0 3em 0;
	
}


ul.faq_list li, ul.faq_list li a,  ul.faq_list li a:visited {
	font-size: 110%;
	text-decoration: underline;
	padding: 0 0;
	color: #0033FF;
	
}


/**** Be Prepared Styles ****/

p.intro { 
	font-weight: bold;
	font-size: 95%;	
}

#product_shot {
	position: relative;
	float: right;
	padding: 1em 0 1em 2em;
	margin: 0 0;
	visibility: inherit;
}





/**** HOFR Styles ****/
h2.title {
	font-size: 90%;
	color: #000;
	font-weight: bold;
	margin: 1em 1em;
}

span.date {
	font-size: 90%;
	color: #000;
	font-weight: bold;
	margin: 0 .5em;
}

a.read_this, a.read_this:visited {
	text-decoration: none;
	color: #0033FF;
	font-size: 75%;
	margin: 0 1em;
	font-weight:normal;
}



div#racing_box a.official {
	position: relative;
	bottom: 0px;
	right: 0px;
	text-align: right;
}



/**** Recipes Styles ****/

div#content_box div#content_wrapper div#recipe_search {
	
	width: 630px;
	background: transparent url(site_images/recipe_search_box.png) top left no-repeat;
	color: #FFF;	
	margin: auto auto;
	z-index: 0;
	height: 175px;

}
div#content_box div#content_wrapper div#recipe_search div#search_box_bottom {
	background: transparent url(site_images/search_box_bottom.gif) bottom left no-repeat;
	height: 19px;
	width: 630px;
	clear: both;
	position: relative;
	bottom: -1px;
	left: 0;
	
}

div#content_box div#content_wrapper div#recipe_search h1 {
	background: none;
	color: #FFF;
	font-size: 105%;
}

div#content_box div#content_wrapper div#recipe_search p {
	padding: 0 .5em;
}

div#content_box div#content_wrapper div#recipe_search div#recipe_search_content {
	position: static;
	margin: .5em 1em;
	width: 100%;

}

div#content_box div#content_wrapper div#recipe_search div#recipe_search_content span.form_field {
	position: static;
	display: block;
	
	float: left;
	margin: .5em 1em;
}

div#content_box div#content_wrapper div#recipe_search div#recipe_search_content span.form_field select, div#content_box div#content_wrapper div#recipe_search div#recipe_search_content span.form_field input {
	font-size: 11px;
}

div#content_box div#content_wrapper div#recipe_search div#recipe_search_content span.form_field label {
	color: #FFF;
	font-size: 80%;
	display: block;
}


div#content_box div#content_wrapper div#recipe_results {
	position: relative;
	top: 0;
	left: 0;	
	width: 100%;	
	margin: 0 1em 1em 0;
	padding: .5em 0 0 0;
}

div#content_box div#content_wrapper div#recipe_results div#search_results {
	position: relative;
	top: 0;
	left: 0;
	width: 30%;	
	float: left;
}



div#content_box div#content_wrapper div#recipe_results div#search_results h1 {
	color: #0C64BD;
	font-size: 105%;
	font-weight: bolder; 
	line-height: 2em;
	padding: 5px 0 0  35px;
	position: relative;
	background: transparent url(site_images/fluffy_Star.png) top left no-repeat;
}

div#content_box div#content_wrapper div#recipe_results ul {
	list-style: none;
	margin: .5em .5em .5em  2em;
	
}

div#content_box div#content_wrapper div#recipe_results ul li {
	padding: .4em 0;
}

div#content_box div#content_wrapper div#recipe_results ul li a {
	font-size: 75%;
	text-decoration: none;
	color: #3399CC;
	font-weight:bold;
	cursor: pointer;	
}

div#content_box div#content_wrapper div#recipe_results ul li a.selected {
	text-decoration: underline;
}



div#content_box div#content_wrapper div#recipe_results div#selected_recipe {
	position: relative;
	margin-left: 32%;
	margin-right: 2%;
	background: #E9F5FD;
	padding: 0;

} 

div#content_box div#content_wrapper div#recipe_results div#selected_recipe .recipe_image {
	float: left;
	position: relative;
	margin: 0 1em .5em 1.5em;

}

div#content_box div#content_wrapper div#recipe_results div#selected_recipe h1 {
	color: #0C64BD;
	font-size: 120%;
	font-weight: bolder; 
	background: none;
	line-height: 1.5em;
	vertical-align: bottom;
	padding: .3em 0 0 .7em;
	margin: 0;
}

div#content_box div#content_wrapper div#recipe_results div#selected_recipe ul.ingredients {
	list-style: none;
	line-height: 1em;
}


div#content_box div#content_wrapper div#recipe_results div#selected_recipe ul.ingredients li {
	font-size: 80%;
	color: #000;
	padding: 0;
}

div#content_box div#content_wrapper div#recipe_results div#selected_recipe p.directions {
	font-style: italic;
	font-size: 85%;
	color: #000;
	padding: 1em;
}

div#content_box div#content_wrapper div#recipe_results div#selected_recipe p.servings {
	font-size: 70%;
	color: #000;
	padding: 0 1em 2em 1em;
}





div#content_box div#content_wrapper div#recipe_results div#recipe_footer {
	clear: both;
}

div#content_box div#content_wrapper div#recipe_extras {
	background: transparent;
	margin: 1em 4em;
	position: relative;
	padding: 1em 0;
}

div#content_box div#content_wrapper div#recipe_extras div#recipe_spotlight {
	position: relative;
	top: 0;
	left: 0;
	width: 45%;	
	float: left;
	margin: 0 1em 1em 0;
	background: #E9F5FD; 
	padding: .5em;
}

div#content_box div#content_wrapper div#recipe_extras div#recipe_spotlight h1 {
	background: none;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

div#content_box div#content_wrapper div#recipe_extras div#recipe_spotlight img.spotlight {
	position: relative;
	float: left;
	margin: 1em 1em .5em 1em;
	
	
}

div#content_box div#content_wrapper div#recipe_extras div#recipe_spotlight .recipe_name {
	font-size: 80%;
	color: #0C64BD;
	text-align:left;
}

div#content_box div#content_wrapper div#recipe_extras div#recipe_spotlight .recipe_name a {
	text-decoration: none;
	color: #0C64BD;
}

div#content_box div#content_wrapper div#recipe_extras div#recipe_spotlight .recipe_description {
	font-size: 70%;
	color: #000;
	text-align: justify;
}

div#content_box div#content_wrapper div#recipe_extras div#recipe_spotlight .recipe_link {
	font-size: 90%;
	color: #0C64BD;
}

div#content_box div#content_wrapper div#recipe_extras div#top_ten_recipes {
	position: relative;
	margin: 0 0 1em 55%;
	padding: .5em;
	background: #E9F5FD;
}

div#content_box div#content_wrapper div#recipe_extras div#top_ten_recipes h1 {
	background: none;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

div#content_box div#content_wrapper div#recipe_extras div#top_ten_recipes ul {
	margin: 0 0 0 3em;
	padding: 1em 0 3em 0;
	font-size: 90%;
	list-style-type: none;
	
}


div#content_box div#content_wrapper div#recipe_extras div#top_ten_recipes ul li {
	padding: 0;
	margin: 0;

}

div#content_box div#content_wrapper div#recipe_extras div#top_ten_recipes ul li a {
	text-decoration: none;
}





/**** Products Styles ****/
div#content_box div#content_wrapper div.product_box {
	position: relative;
	width: 186px;
	height: 160px;
	float: left;
	background: transparent;
	margin: 0 0 25px 50px;
	display: inline;
	text-align:center;
}

div#content_box div#content_wrapper div.product_box h1 {
	background:none;
	color: #FFF;	
	display: inline;
	font-size: 15px;
	position: relative;
	bottom: 40px;
	margin: 0;	
	padding: 0;
	

}

div#content_box div#content_wrapper div.product_box a {
	text-decoration: none;
	color: #FFF;
}

div#content_box div#content_wrapper div.product_box img {
	display: block;
	position: relative;
	margin: 0 auto;
	
}

div#content_box div#content_wrapper div.product_content {
	background: #186ee8 url(site_images/product_internal_background.jpg) top left no-repeat;
	border: 1px solid #CFBA81;
	width: 615px;
	position:relative;
}

div#content_box div#content_wrapper div.product_content h1 {
	background: none;
	color:#FFF;
	margin: .5em 0 0 1em;
	padding: 0;
}

div#content_box div#content_wrapper div.product_content div.product_image {
	float: left;
	width: 230px;
	display: block;
	clear: none;
	margin: 1em 0 2em 0;
	padding: 0;
	height: 200px;
}


#vienna {
	background: transparent url(site_images/product_shots/vienna_sausage_internal.png) top left no-repeat;
}

#atg {
	background: transparent url(site_images/product_shots/armour_to_go_internal.png)  top left no-repeat;
}

#potted_meat {
	background: transparent url(site_images/product_shots/potted_meat_internal.png)  top left no-repeat;
}

#chili {
	background: transparent url(site_images/product_shots/chili_internal.png)  top left no-repeat;
}

#stew {
	background: transparent url(site_images/product_shots/stew_internal.png)  top left no-repeat;
}

#hash {
	background: transparent url(site_images/product_shots/hash_internal.png) top left no-repeat;
}

#luncheon_meat {
	background: transparent url(site_images/product_shots/luncheon_meat_internal.png) top left no-repeat;
}

#dried_beef {
	background: transparent url(site_images/product_shots/dried_beef_internal.png) top left no-repeat;
}

#sloppy_joe {
	background: transparent url(site_images/product_shots/sloppy_joe_sauce_internal.png) top left no-repeat;
}

#others {
	background: transparent url(site_images/product_shots/other_products_internal.png)  top left no-repeat;
}










div#content_box div#content_wrapper div.product_content div.product_image img {
	display: inline;
	clear: none;
}


div#content_box div#content_wrapper div.product_content div.product_description {
	margin-left: 230px;
	clear: none;
}

div#content_box div#content_wrapper div.product_content div.product_description p {
	color: #FFF;
	clear: none;
}

div#content_box div#content_wrapper div.product_content div.product_description ul.varieties{
	list-style: none;
	margin-left: 2em;
}

div#content_box div#content_wrapper div.product_content div.product_description ul.varieties li {
	color: #FFF;
	font-size: 80%;
	padding-left: 2.5em;

}

div#content_box div#content_wrapper div.product_content div.product_description ul.varieties li#header {
	background: transparent url(site_images/varieties_text.png) top left no-repeat;
	padding-left: .5em;	
	height: 40px;
	width: 109px;
	
}



/**** Copyright section ****/
div#copyright {
	position: relative;
	width: 730px; 
	font-size: 90%;
	margin: 0 auto;
	padding: 0 3em;
}

div#copyright p {
	padding: 0;
	margin: 0;
	vertical-align:top;
	line-height: 25px;
	vertical-align:middle;
}

div#copyright a {
	text-decoration: none;
	color: #000;
	
}

div#copyright p span.by_text {
	position: relative;
	left: 0;
}