@charset "UTF-8";
/* CSS Document */

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #FFFFFF url(../images/bg.gif) repeat-x top; }
a:link, a:visited { color: #22561e; text-decoration: none; }
a:hover { color: #8f0003; text-decoration: none; }

.clearboth { font-size: 1px; margin: 0px; padding: 0px; clear: both; }
.clearleft { margin: 0px; padding: 0px; clear: left; }
.center { text-align: center; }
#wrapper { width: 931px; padding: 0px; background: url(../images/header.jpg) no-repeat center top; margin: 0px auto; }
#header{ height: 171px; width: 931px; padding-bottom: 6px; }
#topNav { margin: 0px; text-align: center; padding-top: 1px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

/* SITE ELEMENTS */
.productText{ width: 400px; padding-bottom: 15px; float: left; padding-right: 20px; }
.productPhoto{ width: 389px; float: left; text-align: right; }
.recipePhoto{ float: right; width: 344px; padding-left: 40px; text-align: center; padding-bottom: 20px; padding-top: 10px; }
.productPhoto2{ width: 210px; padding-right: 20px; float: left; text-align: center; }
.productText2{ width: 579px; float: right; line-height: normal; }
.basketPhoto{ width: 300px; padding-right: 20px; float: left; text-align: center; }
.basketText{ width: 489px; float: right; line-height: normal; padding-top: 15px; }
.basketText li{ padding-bottom: 5px; padding-top: 0px; }
.subproductPhoto{ font-size: 11px; float: left; width: 125px; padding-right: 18px; padding-bottom: 10px; text-align: center; }
.subtitle{ font-size: 16px; font-weight: bold; color: #7f5620; }
.gifttitle{ font-size: 22px; font-weight: bold; color: #7f5620; }
.subtitleinfo{ font-size: 14px; color: #000000; }
.topsubtitle{ font-size: 22px; font-weight: bold; color: #7f5620; line-height: 22px; }
.topsubtitleinfo{ font-size: 16px; color: #000000; line-height: 24px; }
.scaleInfo{ font-size: 12px; text-align: right; line-height: normal; padding-top: 10px; }
.downloadPDF { padding-left: 24px; padding-top: 2px; padding-bottom: 2px; background: url(../images/pdf_icon.gif) no-repeat left 1px; }
.printRecipe{ float: left; font-size: 14px; background: url(../images/print.gif) no-repeat left center; padding-top: 5px; padding-bottom: 5px; padding-left: 24px; }
.serving{ float: left; font-size: 16px; padding-top: 5px; padding-bottom: 5px; padding-right: 24px; font-weight: bold; color: #b81137; }
.address { margin: 0px; padding-top: 0px; padding-bottom: 10px; }
.red{ color: #8f0003; }
.brown{ font-weight: bold; color: #573313; }

.photoColumn-l{ width: 280px; float: left; font: 9px/normal Arial, Helvetica, sans-serif; text-align: left; padding-top: 20px; }
.textColumn-r{ width: 529px; float: right; text-align: left; }

.photoColumn-r{ width: 270px; float: right; font: 9px/normal Arial, Helvetica, sans-serif; text-align: right; padding-top: 20px; }
.textColumn-l{ width: 539px; float: left; }

.divider{ clear: both; font-size: 1px; line-height: 1px; background: url(../images/dottedline.gif) repeat-x left center; padding-top: 10px; padding-bottom: 10px; height: 1px; }
.divider2{ font-size: 1px; line-height: 1px; background: url(../images/dottedline.gif) repeat-x left center; padding-top: 10px; padding-bottom: 10px; height: 1px; width: 370px; }
.divider3{ clear: both; font-size: 1px; line-height: 1px; background: url(../images/dottedline.gif) repeat-x left center; padding-top: 30px; padding-bottom: 30px; height: 1px; }
.addressdivider{ clear: left; font-size: 1px; line-height: 1px; background: url(../images/dottedline.gif) repeat-x left center; padding-top: 10px; padding-bottom: 10px; height: 1px; width: 520px; }
.st-divider { background: url(../images/dottedline.gif) repeat-x left center; padding: 15px; height: 1px; }

.productcolumnbox{ background: none; clear: both; }
.productcol1, .productcol2, .productcol3 { float: left; width: 250px; font-size: 12px; line-height: normal; text-align: justify; }
.productcolphoto { float: left; width: 530px; line-height: normal; text-align: center; padding-left: 15px;}
.productcol1{ padding-right: 14px; }
.productcol2{ padding-right: 15px; padding-left: 15px; background: none; }
.columntitle { font-size: 16px; text-align: center; font-weight: bold; color: #22561e; }
.productcol3{ padding-left: 15px;}

.productcol1 ul, .productcol2 ul, .productcol3 ul { list-style-type: none; padding: 0px; margin: 0px; }
.productcol1 li, .productcol2 li, .productcol3 li { padding-left: 4px; font: 11px Arial, Helvetica, sans-serif; padding-top: 1px; padding-bottom: 1px; }


/*	MAIN NAVIGATION	*/
#navcontainer { font-size: 14px; width: 931px; margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif; }
#mainnav { margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif;}
#mainnav ul { position: relative; margin: 0; padding: 0; list-style-type: none; }
#mainnav li { width: 133px; float: left; margin: 0; list-style-type: none;}
#mainnav li a, #mainnav li.products a { color: #775228; background-image: url(../images/menu_divider.gif); background-repeat: no-repeat; background-position: right center; font-size: 14px; text-decoration: none; text-align: center; width: 100%; height: auto; margin: 0; display: block; padding-top: 10px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; }
#mainnav li a:hover { background-image: url(../images/menu_divider.gif); background-position: right center; color: #22561E; }

li#mainnavend a { color: #775228; text-decoration: none; text-align: center; width: 100%; height: auto; margin: 0px; display: block; background-image: none; }
li#mainnavend a:hover { background-image: none; color: #22561E; }
li#current a { color: #775228; text-decoration: none; text-align: center; width: 100%; height: auto; margin: 0; padding-top: 10px; padding-bottom: 10px; display: block; }
li#current a:hover {  }
li#currentend a { color: #775228; text-decoration: none; text-align: center; width: 100%; height: auto; margin: 0; padding-top: 10px; padding-bottom: 10px; display: block; }
li#currentend a:hover {  }

/* second-level lists */
#mainnav li ul { position: absolute; width: 159px; left: -999em; margin-left: -15px; text-align: left; padding: 10px 1px 1px; border-style: none; background: #d1c3b2 url(../images/dropdowntop.gif) repeat-x left top; }
#mainnav li ul li { padding-top: 0px; padding-right: 0px; padding-bottom: px; padding-left: 0px; }
#mainnav li ul li a, #mainnav li ul li#dropmenubottom a { width: 147px; font-size: 12px; text-align: left; text-decoration: none; color: #72441b; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; line-height: normal; background: #eae5dc url(none); }
#mainnav li ul li a { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d1c3b2; }
#mainnav li ul li#dropmenubottom a { border-bottom-style: none; border-top-style: none; border-right-style: none; border-left-style: none; }
#mainnav li ul li#dropmenutop a { background: #eae5dc url(../images/dropdowntopbg.gif) repeat-x top; }
#mainnav li ul li a:hover, #mainnav li ul li#dropmenubottom a:hover { color: #22561E; background-color: #dacfc1; text-decoration: none; background-image: none; }
#mainnav li ul li#dropmenutop a:hover { color: #22561E; text-decoration: none; background: url(../images/dropdowntopbg-r.gif) repeat-x top; }

/* lists nested under hovered list items */
#mainnav li:hover ul, #mainnav li.sfhover ul { left: auto; }
#navcontainer:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }

/*	END MAIN NAVIGATION	*/




#content { width: 931px; margin: 0px; clear: both; background: #FFFFFF url(../images/contentbg.gif) repeat-y; color: #333333; font: 14px/16px "Times New Roman", Times, serif; padding: 0px; }
#homecontent { width: 931px; margin: 0px; padding: 0px; clear: both; }
#homecontent2 { width: 931px; margin: 0px; padding: 5px 0px; clear: both; }
#homeContentTop { margin: 0px; padding: 0px; height: 10px; background-image: url(../images/homecontenttopbg.gif); background-position: right top; background-color: #805721; }
#contentTop { margin: 0px; padding: 0px; height: 10px; background-image: url(../images/contenttopbg.gif); background-position: right top; background-color: #ffffff; }
#contentBottom{ background: url(../images/contentbottom.gif) no-repeat center bottom; padding: 40px 60px; line-height: 20px; }
#contentBottomOutside{ background: url(../images/contentbottom.gif) no-repeat center bottom; padding: 0px; }

#contentInside{ background: url(../images/contentinsidebg.gif) repeat-y right; }
#contentInsideBottom{ padding: 60px; background: url(../images/contentinsidebottom.gif) no-repeat right bottom; }


/*	CONTENT BACKGROUNDS  */
#spoonBG{ background: url(../images/bg-spoon.jpg) no-repeat right 70px; height: 1% }
#pizzaBG{ background: url(../images/bg-pizza.jpg) no-repeat right 0px; height: 1% }
#newsBG{ background: url(../images/bg-news.jpg) no-repeat right 15px; height: 1% }
#dryBG{ background: url(../images/bg-dry.jpg) no-repeat right 0px; height: 1% }
#dibufalaBG{ background: url(../images/bg-dibufala.jpg) no-repeat right 0px; height: 1% }
#waterBG{ background: url(../images/bg-water.jpg) no-repeat right 0px; height: 1% }
#freshBG{ background: url(../images/bg-fresh.jpg) no-repeat right 0px; height: 1% }
#rollsBG{ background: url(../images/bg-rolls.jpg) no-repeat right 0px; height: 1% }
#smokedBG{ background: url(../images/bg-smoked.jpg) no-repeat right 0px; height: 1% }
#ricottaBG{ background: url(../images/bg-ricotta.jpg) no-repeat right 0px; height: 1% }
#medallionsBG{ background: url(../images/bg-medallions.jpg) no-repeat right 0px; height: 1% }
#contactBG{ background: url(../images/bg-contact.jpg) no-repeat right 0px; height: 1% }
#recipeBG{ background: url(../images/bg-recipe.jpg) no-repeat right 0px; height: 1% }
#directBG{ background: url(../images/bg-direct.jpg) no-repeat right 0px; height: 1% }

html>body #spoonBG, html>body #pizzaBG, html>body #newsBG, html>body #dryBG, html>body #dibufalaBG, html>body #waterBG, html>body #freshBG, html>body #rollsBG, html>body #smokedBG, html>body #ricottaBG, html>body #medallionsBG, html>body #mapBG, html>body #recipeBG, html>body #buyBG { height: auto }
#bgSpacer{ float: right; }


/*	FOOTER	*/
#footer { margin: 14px 0px 0px; clear: both; background-color: #815822; font-size: 13px; text-align: center; width: 931px; padding: 0px; color: #e8dfd5; font-family: "Times New Roman", Times, serif; background-image: url(../images/footerbg.gif); background-repeat: repeat-x; background-position: top; }
#footer a { color: #d3bd98; }
#footer a:hover { color: #ffffff; }

#footer-top{ background-image: url(../images/footer-top.gif); background-repeat: no-repeat; background-position: top; padding-top: 6px; }
#footer-bottom{ background-image: url(../images/footer-bottom.gif); background-repeat: no-repeat; background-position: bottom; padding-bottom: 6px; padding-right: 15px; padding-left: 15px }
#copyright { font-size: 11px; color: #927553; padding-top: 5px; padding-bottom: 20px; width: 931px; text-align: center; }

#footerboxes { padding-top: 14px; padding-bottom: 0px; }
.middlebox { margin-right: 14px; margin-left: 14px; float: left; width: 301px; }
.box{ margin: 0px; padding: 0px; float: left; width: 301px; }


/*	TITLES	*/
.titles { text-indent: -9999px; height: 51px; margin-bottom: 0px; }

.st-wholesale { background: url(../images/st-wholesale_warehouse.gif) no-repeat center; }
.st-manufacturing { background: url(../images/st-manufacturing.gif) no-repeat center; }
.st-sales { background: url(../images/st-lioni_sales.gif) no-repeat center; margin-top: 10px; }
.st-direct { background: url(../images/st-lioni_direct.gif) no-repeat center; margin-top: 10px; }
.st-wholesale, .st-manufacturing, .st-sales, .st-direct { text-indent: -9999px; height: 20px; margin-bottom: 4px; width: 260px; }
.st-successstory { background: url(../images/st-a_story.gif) no-repeat; width: 162px; }
.st-lionivalues { background: url(../images/st-lioni_values.gif) no-repeat; width: 162px; clear: both; }
.st-successstory, .st-lionivalues { text-indent: -9999px; height: 20px; margin-bottom: 10px; }
.st-recipe_archive { text-indent: -9999px; height: 20px; margin-bottom: 30px; }
.st-recipe_archive { background: url(../images/st-recipe_archive.gif) no-repeat; width: 240px; }

.pt-freshmozzarella { background: url(../images/pt-freshmoz.gif) no-repeat; width: 261px; }
.pt-freshmozzarellawater { background: url(../images/pt-freshmozwater.gif) no-repeat; width: 399px; }
.pt-smoked { background: url(../images/pt-smoked.gif) no-repeat; width: 306px; }
.pt-dibufala { background: url(../images/pt-dibufala.gif) no-repeat; width: 309px; }
.pt-ricotta { background: url(../images/pt-ricotta.gif) no-repeat; width: 213px; }
.pt-rolls { background: url(../images/pt-rolls.gif) no-repeat; width: 359px; text-indent: -9999px; height: 81px; margin-bottom: 0px;}
.pt-dry { background: url(../images/pt-dry.gif) no-repeat; width: 359px; text-indent: -9999px; height: 81px; margin-bottom: 0px;}
.pt-medallions { background: url(../images/pt-medallions.gif) no-repeat; width: 366px; }

.t-recipes { background: url(../images/t-recipes-summer.gif) no-repeat; width: 387px; }
.t-tradition { background: url(../images/t-tradition.gif) no-repeat; width: 276px; }
.t-news { background: url(../images/t-news.gif) no-repeat; width: 221px; }
.t-buy { background: url(../images/t-buy.gif) no-repeat; width: 460px; }
.t-lionidirect { background: url(../images/t-lionidirect.gif) no-repeat; width: 291px; }
.t-contact { background: url(../images/t-contact.gif) no-repeat; width: 327px; }
.t-products { background: url(../images/t-products.gif) no-repeat; width: 354px; }


/*	WHERE TO FIND	*/
.mapBox{ width: 526px; float: left; padding-bottom: 15px; text-align: center; line-height: normal; }
.retailers{ width: 230px; float: right; text-align: left; }
.retailers ul { list-style-type: none; padding: 0; margin: 0; }
.retailers li { background: url(../images/dottedline.gif) repeat-x bottom; padding-top: 4px; padding-bottom: 4px; line-height: normal; }
.retailers li#lastretailer { padding-top: 4px; padding-bottom: 4px; background: url(none); }


.contactBox { text-align: center; width: 260px; float: left; }
.emailbox{ text-align: center; width: 520px; clear: left; padding-top: 0px; }



/* RECIPE ARCHIVE */

.recipeCol1, .recipeCol2 { float: left; width: 250px; font-size: 14px; line-height: normal; text-align: center; font-weight: bold; }
.recipeCol1 img, .recipeCol2 img { padding-bottom: 10px; }
.productcolphoto { float: left; width: 530px; line-height: normal; text-align: center; padding-left: 15px;}
.recipeCol1{ padding-right: 30px; }


.ingredients{ float: left; width: 200px; line-height: normal; }
.preparation, .ingredients2 { line-height: normal; }
.ingredients ul,
.ingredients2 ul,
.preparation ol { padding-top: 5px; margin-top: 0px; }
.ingredients li,
.ingredients2 li,
.preparation li { padding-bottom: 5px; padding-top: 0px; }







/* TRASH 

.pt-stringcheese { background: url(../images/pt-stringcheese.gif) no-repeat; width: 220px; }
.pt-curd { background: url(../images/pt-curd.gif) no-repeat; width: 84px; }
.subtitle{ font-size: 16px; font-weight: bold; color: #ce3428; }
#header { margin: 0px; text-align: right; font-size: 10px; color: #333333; padding: 177px 0px 0px; background: url(../images/header.jpg) no-repeat center top; }
#topNav ul { margin: 0; padding: 0; list-style-type: none; text-align: center; height: 32px; width: 937px; }

#topNav ul li { display: inline; height: 32px; }
li.menudivider { width: 1px; background-image: url(../images/menu_divider.gif); background-repeat: no-repeat; background-position: center center; margin: 0px; padding: 0px; }

#topNav ul li a { text-decoration: none; padding: 0px; }
#topNav ul li a:hover { color: #fff; background-color: #369; }

.title{ font-size: 24px; text-align: center; line-height: normal; padding-top: 10px; font-style: italic; color: #734b00; padding-bottom: 10px; }

.floatquote{ float: right; width: 400px; padding-left: 20px; }
.quotebox { padding-right: 125px; padding-left: 125px; padding-top: 20px; }
.leftQuote { background-position: 0 top; background-repeat: no-repeat; background-image: url(../images/quote-l.gif); padding: 6px 0px 0px 42px; width: 519px; }
.rightQuote { padding-right: 42px; background-position: right bottom; background-repeat: no-repeat; background-image: url(../images/quote-r.gif); padding-bottom: 6px; padding-top: 0px; color: #573313; line-height: 30px; font-size: 28px; text-align: center; font-style: italic; }
.quotename { font-size: 16px; font-style: italic; line-height: 20px; padding-top: 10px; color: #775228; text-align: center; }

.contactInfo { padding-left: 15px; }
.contactLeft{ float: left; width: 320px; }
.contactRight{ float: right; width: 449px; }

form{ margin: 0px; padding: 0px;}
.formtext { font-size: 13px; line-height: 14px; margin: 0px; padding: 0px; font-weight: bold; color: #573313; }
.comments { width: 433px; height: 160px; font-size: 12px; line-height: 14px; margin: 0px; padding: 0px; }
.inputField { width: 301px; font-size: 12px; line-height: 14px; margin: 0px; padding: 0px; }
.input{ font-family: Arial, Verdana, Helvetica, sans-serif; background-image: url(../images/send.gif); background-repeat: no-repeat; background-position: center center; width: 94px; height: 26px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor:pointer; }




*/