@import ("reset.css");
@import url(reset.css);

* {
	margin:0;
	padding:0;
}
body { color: #454545; font-size:62.5%; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; line-height:150%; background-color: #fff; background-image: url(../images/bg.png); background-position: center top; background-repeat: repeat-y; text-align:center; margin: 0; padding: 0; }
h1 { font-size: 2.2em; font-weight: bold; color: #122987; line-height: 1em; margin-bottom: 15px; }
.cufon-loading h1 { visibility: hidden; }
.cufon-ready h1 { font-size: 2.5em; }
h1 span.light { font-weight: normal; }

h2 { font-size: 2em; font-weight: normal; color: #717171; line-height: 1em; margin-bottom: 10px; }
.cufon-loading h2 { visibility: hidden; }
.cufon-ready h2 { font-size: 2.2em; }
	
h3 { color: #39b54a; font-size: 1.3em; font-weight: bold; line-height: 1.6em; margin-bottom: 5px; }
h4 { color: #122987; font-size: 1.2em; font-weight: bold; line-height: 1.6em; margin-bottom: 0; }
h5 { color: #828282; font-size: 1em; }
h6 { color: #461b40; font-size: 1.4em; font-weight: bold; margin-bottom: 4px; }
p, li { font-size:1.2em; }
p { margin: 0 0 15px; }
li { list-style:none; }
a:link, a:visited, a:active { color: #122987; text-decoration: underline; }
a:hover { text-decoration: none; }
fieldset { border-style: hidden; border-width: 0; }
strong { font-weight: bold; }

.ingredients { color: #1f85c8; border-color: #1f85c8; }
.foodservice { color: #39b54a; border-color: #39b54a; }


/* 
	Background and containers
	--------------------------------------------------------------------
*/
div#container { margin:0 auto; text-align:left; width: 782px; padding-bottom: 20px; }
div#pageholder { width: 100%; }


/* 
	Header 
	--------------------------------------------------------------------
*/
div#header { background-image: url(../images/header.jpg); background-repeat: no-repeat; background-position: right top; width:782px; height: 200px; }
div#header div#header_content { padding: 20px 30px; }
div#header div#logo { float: left; width: 200px }
div#header div#top_menu { float: right; padding-top: 120px; width: 200px }
div#header div#top_menu ul { float: right }
div#header div#top_menu ul li { float: left; background-image: url(../images/menu_divider.gif); background-repeat: no-repeat; background-position: right 3px; padding-right: 13px; margin-right: 11px; }
div#header div#top_menu ul li.end { background-image: none; padding-right: 0px; margin-right: 0px; }
div#header div#top_menu ul li a {  font-size: 1.4em; color: #122987; text-decoration: none; text-transform: lowercase; }
.cufon-loading div#top_menu ul li a { visibility: hidden; }
.cufon-ready div#top_menu ul li a { font-size: 1.6em; }

div#header div#top_menu ul li a:hover { color: #717171; }
div#header div#top_menu ul li a.current { font-weight: bold; }

/* 
	Left Column 
	--------------------------------------------------------------------
*/
div#left { width: 210px; float: left; margin-right: 36px; padding-top: 5px;  }
div#left div#left_menu { margin-bottom: 25px; }
div#left div#left_menu ul { border-top: 1px dotted #acb4d6; }
div#left div#left_menu li { font-size: 1.8em; width: 150px; border-bottom: 1px dotted #acb4d6; padding: 7px 30px; }

div#left div#left_menu ul li ul { border: 0; padding-bottom: 5px; }
div#left div#left_menu ul li ul li { font-size: 0.8em; width: 150px; border-bottom: 0px dotted #acb4d6; padding: 0px 0px 0 10px; }

div#left div#left_menu li.end { background-image: none; }
div#left div#left_menu li a { color: #717171; text-decoration: none; text-transform: lowercase; }
.cufon-loading div#left div#left_menu li a { visibility: hidden; }
.cufon-ready div#left div#left_menu li a { color: #333; }

div#left div#left_menu li a.current { color: #234d8f; }
div#left div#left_menu li a:hover { color: #122987; }

div#left div#affiliations { width: 210px; margin-bottom: 25px; }
div#left div#affiliations ul { padding-left: 25px; }
div#left div#affiliations ul li { margin-bottom: 13px; background-repeat: no-repeat; width: 185px; }
div#left div#affiliations ul li a { display: block; width: 185px; }
div#left div#affiliations ul li.efsis { background-image: url(../images/affiliations_efsis.png); height: 34px; }
div#left div#affiliations ul li.bfff { background-image: url(../images/affiliations_bfff.png); height: 43px; }
div#left div#affiliations ul li.ice_age { background-image: url(../images/affiliations_ice_age.png); height: 31px; }
div#left div#affiliations ul li.ice_age a { height: 31px; }
div#left div#product_pic { background-image: url(../images/burger.jpg); background-repeat: no-repeat; width: 210px; height: 386px; }

/* 
	Main column 
	--------------------------------------------------------------------
*/
div#main { width: 506px; float: left; }
div#main h1.bg { background-repeat: no-repeat; height: 43px; width: 418px; padding: 3px 0 0 5px; display: block; color: #fff; }
.cufon-ready div#main h1.bg { padding-top: 0; }
div#main h1.foodservice { background-image: url(../images/heading_bg_foodservice.png); }
div#main h1.ingredients { background-image: url(../images/heading_bg_ingredients.png); }
div#main h1.retail { background-image: url(../images/heading_bg_retail.png); }

div#main p { font-size: 1.3em; line-height: 1.5em; }
div#main p.intro { font-size: 1.6em; line-height: 1.6em; font-weight: bold; }
div#main p.notes { font-size: 1.1em; }
div#main p.quote { font-size: 2.2em; line-height: 1.3em; padding: 0 40px 0 8px; border-left: 1px dotted; margin-bottom: 30px }
.cufon-loading div#main p.quote { visibility: hidden; }
.cufon-ready div#main p.quote { font-size: 2.5em; }

div#main div.content { margin-bottom: 25px; float: left; clear: both; }
div#main div#home,
div#main div#contact,
div#main div#ingredients { width: 300px; clear: none; margin-right: 20px; }
div#main div#ingredients { width: 350px; }

div#main div.panel { float: right; width: 186px; margin-bottom: 25px; }
div#main div.panel a.btn_services { width: 185px; height: 158px; display: block; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 8px; }
div#main div.panel a.btn_services:hover { background-position: -185px 0; }
div#main div.panel a.btn_foodservice { background-image: url(../images/btn_foodservice.jpg); }
div#main div.panel a.btn_ingredients { background-image: url(../images/btn_ingredients.jpg); } 
div#main div.panel a.btn_snacksters { background-image: url(../images/btn_snacksters.jpg); }
div#main div.section { clear: both; padding: 15px; border: 1px dotted #333; margin-bottom: 15px; }

div#main img.fullwidth { margin-bottom: 15px; }
div#main img.rightpic { float: right; clear: both; margin: 3px 0 15px 15px; }
div#main img.leftpic { float: left; clear: both; margin: 3px 15px 15px 0; }

div#main div.side_panel { float:right; margin: 0 0 20px 0px; width: 130px; background-color: #1f85c8; background-image: url(../images/panel_bg_ingredients.jpg); background-repeat: no-repeat; background-position: 0 78px; line-height: 5px;}
div#main div.side_panel ul { padding: 8px 10px 0; }
div#main div.side_panel ul li { color: white; font-size: 1.1em; list-style-type:none }
div#main div.side_panel ul li h3 { color: white; }
div#main div.side_panel img { margin: 0; padding: 0; border: 0;  }

/* Contact page */
div#main div.maincol_left { width: 220px; float: left; margin-right: 30px; }
div#main div.maincol_right img { margin-top: 5px; margin-bottom: 10px; }
div#main div.maincol_right { width: 256px; float: left; clear: right; }
div#main div.contact_details h2 { margin-bottom: 7px; }
div#main div.contact_details p { margin-bottom: 20px; }

/* People Page */
div#main ul.people { width: 253px; float: left; margin-bottom: 40px; margin-left: 0; }
div#main ul.people li { font-size: 1.3em; line-height: 1em; margin-bottom: 0; list-style-type: none; }
div#main ul.people li.photo { margin-bottom: 10px; }
div#main ul.people li.photo img { width: 150px; }
div#main ul.people li.name { font-size: 1.6em; font-weight: bold; margin-bottom: 5px; }
.cufon-loading div#main ul.people li.name { visibility: hidden; }
.cufon-ready div#main ul.people li.name { font-size: 2em; }

div#main ul.people li.title { font-weight: normal; margin-bottom: 15px; }
.cufon-loading div#main ul.people li.title { visibility: hidden; }
.cufon-ready div#main ul.people li.title { font-size: 1.4em; }

div#main ul.people li.email { font-weight: normal; }

/* News page */
div#main div.news p { font-size: 1.3em; line-height: 1.4em; }
div#main div.news p.intro { font-size: 1.3em; }
div#main div.news p.backtotop { margin-bottom: 30px; }
div#main div.news dl { line-height: 1.4em; }
div#main div.news dt { font-size: 1.2em; line-height: 1.2em; margin-bottom: 3px; }
div#main div.news dd { /* font-size: 1.5em; font-weight: bold; line-height: 1.4em; margin-bottom: 15px; background-image: url(../images/fading_dotline.gif); background-repeat: no-repeat; background-position: 0 19px; padding-bottom: 5px; */ }
div#main div.news dd h2 { font-size: 1.6em;  }
.cufon-ready div#main div.news dd h2 { font-size: 1.8em;color: #333 }

div#main div.news h2 a { white-space: nowrap; font-size: 0.75em; }
div#main div.news div.newsindex { border: dotted 1px #333; margin-bottom: 40px; padding: 13px 10px 0 15px; }

div#main ul.retail { width: 140px; float: left; margin-bottom: 40px; margin-left: 0; padding-right: 25px; }
div#main ul.retail li { font-size: 1.2em; line-height: 1.3em; margin-bottom: 0; list-style-type: none; }
div#main ul.retail li.photo { margin-bottom: 10px; }
div#main ul.retail li.photo img { width: 140px; }
div#main ul.retail li.product { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
div#main ul.retail li.description { font-size: 1.3em; font-weight: normal; margin-bottom: 15px; }


div#main p.home { font-size: 1.6em; line-height: 1.6em; }
div#main div.home p { font-size: 1.6em; line-height: 1.6em; }
div#main ul { margin-bottom: 15px; margin-left: 16px; }
div#main li { font-size: 1.3em; line-height: 1.4em; list-style-type: disc; margin-bottom: 5px; }
div#main ul.twocol { width: 460px; margin-bottom: 15px; margin-left: 15px; }
div#main ul.twocol li { font-size: 1.2em; line-height: 1.6em; width: 220px; float: left; margin-bottom: 5px; list-style-type: disc; }
div#main ul.nobullet { margin-left: 0; list-style-type: none; }
div#main ul.nobullet li { list-style-type: none; }

/* Retail Overlays */

div#main div.products { }
div#main div.products ul { margin: 0; float: left; clear: both; width: 506px; }
div#main div.products ul li { font-size: 1.2em; line-height: 1.2em; border: 1px dotted #333; width: 241px; height: 65px; margin: 0 10px 10px 0; float: left; list-style-type: none; background-position: 10px 10px; background-repeat: no-repeat; }
div#main div.products ul li a { color: #454545; padding: 10px 10px 10px 90px; width: 141px; height: 45px; display: block; font-weight: bold; text-decoration: none; background-image: url(../images/retail_box_bg.jpg); background-position: top right; background-repeat: repeat-y; }
div#main div.products ul li a:hover { color: #e31c1e; background-position: top 150px; }

div#main div.products ul li.cheeseburgers { background-image: url(../images/img_snacksters_cheeseburgers_th.jpg); }
div#main div.products ul li.chickenburgers { background-image: url(../images/img_snacksters_chickenburgers_th.jpg); }
div#main div.products ul li.donerkebabs { background-image: url(../images/img_snacksters_doner_kebabs_th.jpg); }
div#main div.products ul li.baconbutties { background-image: url(../images/img_snacksters_bacon_butties_th.jpg); }
div#main div.products ul li.nachos { background-image: url(../images/img_snacksters_nachos_th.jpg); }
div#main div.products ul li.cheesychips { background-image: url(../images/img_snacksters_cheesy_chips_th.jpg); }
div#main div.products ul li.chipdipcurry { background-image: url(../images/img_snacksters_chip_curry_th.jpg); }
div#main div.products ul li.meatpie { background-image: url(../images/img_snacksters_pie_chips_gravy_th.jpg); }
div#main div.products ul li.mixedgrill { background-image: url(../images/img_snacksters_mixed_grill_th.jpg); }
div#main div.products ul li.hotdogs { background-image: url(../images/img_snacksters_hot_dogs_th.jpg); }

/* Product Categories */

div#main div.product_categories ul { margin: 0; float: left; clear: both; width: 506px; }
div#main div.product_categories ul li { font-size: 1.5em; line-height: 1.2em; border: 1px dotted #333; width: 241px; margin: 0 10px 10px 0; float: left; list-style-type: none; background-position: 10px 10px; background-repeat: no-repeat; }
div#main div.product_categories ul li a { color: #454545; padding: 160px 10px 10px 10px; display: block; text-decoration: none; }
div#main div.product_categories ul li a:hover { color: #e31c1e; }
div#main div.product_categories ul li.snacksters { background-image: url(../images/img_snacksters_cheeseburgers_mid.jpg); }
div#main div.product_categories ul li.private_label { background-image: url(../images/img_private_label_burger_mid.jpg); }



/* the overlayed element */
.simple_overlay { display:none; float: left; clear: both; z-index:10000; background-color: #fff; width: 580px; padding: 10px; min-height:200px; border:1px dotted #454545;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay div.img_col { width: 400px; float: left; }
.simple_overlay div.details { width: 160px; float: right; }
.simple_overlay div.details h3 { font-size: 1.6em; line-height: 1.2em; color: #e31c1e; }

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* Gallery */

div#main ul.gallery { margin: 0; padding: 0; }
div#main ul.gallery li { float: left; margin: 0 15px 20px 0; list-style-type: none; }
div#main ul.gallery li.end { margin-right: 0px; }
div#main ul.gallery li.clear { margin: 0; float: none; }

/*Right Column*/
div#right { width: 170px; float: right; border: dotted 1px black; }
div#right .rightpanel { background-image: url(../images/right_panel_title.gif); background-repeat: no-repeat; background-position: 10px 10px; width: 150px; padding: 40px 10px 20px; }
div#right .rightpanel p { font-size: 1.2em; margin-bottom: 10px; }
div#right .rightpic { background-image: url(../images/right_panel_image.jpg); background-repeat: no-repeat; width: 170px; height: 113px; }
/* Form*/
div#formholder { clear: both; padding-top: 0; padding-bottom: 10px; padding-left: 20px; border: dotted 1px #000; display: none; }
div#formholder h2 { margin-top: 15px; }
form#contact { margin-top: 15px; margin-bottom: 15px; }
form#contact div.formleft { margin-right: 20px; width: 210px; float: left; }
form#contact div.formright { width: 210px; float: left; }
form#contact input.fields { color: #9d9d9d; width: 200px; height: 18px; margin-bottom: 15px; }
form#contact textarea.query { color: #9d9d9d; margin-bottom: 15px; width: 430px; height: 80px; }
form#contact fieldset { margin-bottom: 5px; }
form#contact div.formtick { margin-bottom: 15px; }


div#main div#footer_inner { width: 506px; clear: both; padding-top: 8px; border-top: 1px dotted #acb4d6; font-size: 1.2em; }
/* 
	Footer
	--------------------------------------------------------------------
*/
div#footer { width: 782px; height: 10px; clear: both; }
div#footer ul { margin-left: 140px; }
div#footer ul li.start { background-image: none; }
div#footer ul li { color: #000; font-size: 1em; background-image: url(../images/menu_divider.gif); background-repeat: no-repeat; background-position: 0 3px; padding-right: 12px; padding-left: 13px; float: left; }
div#footer ul li a { color: #000;  text-decoration: none; }
div#footer ul li a:hover { color: #fab312; }
/* 
	Logo Footer
	--------------------------------------------------------------------
*/
div#logo_footer { height: 48px; clear: both; padding-left: 33px; }
div#logo_footer div.efsis { background-image: url(../images/footer_logo_efsis.gif); background-repeat: no-repeat; width: 157px; height: 48px; float: left; margin-right: 10px; display: block; }
div#logo_footer div.bfff { background-image: url(../images/footer_logo_bfff.gif); background-repeat: no-repeat; width: 38px; height: 48px; float: left; display: block; }

div.clear, li.clear { clear: both; }