/* PAGASA
OA: David Sargent | PINT */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; } /* add: margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { text-align:center; font-size:12px; line-height:22px; font-family:verdana, sans-serif; color:#a59283; background:#fff9e6 url(../images/bg-body.png) repeat-x 50% 0; }
table, th, td, input, textarea, select { font-size:11px; line-height:15px; font-family:verdana, sans-serif; color:#604a31; }
th a, td a { font-size:11px; line-height:15px; }

a img, :link img, :visited img { border:none; }

a:link { color:#709bb4; text-decoration:none; }
a:visited { color:#709bb4; text-decoration:none; }
a:hover, a:active { color:#bf2034; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

hr { margin:10px 0; padding:0; height:1px; overflow:hidden; font-size:1px; line-height:1px; border:2px solid #e1d9c1; border-width:0px 0px 2px; }

/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */

/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull { margin:0 !important; }
.list-nobull li { list-style:none; }

.list-boxes { margin: 30px 0 0 0; }
.list-boxes li { float:left; display:inline; line-height:18px; list-style:none; }
.list-boxes h2 { font-size:12px !important; font-weight:normal; }
.list-boxes h2 a { color:#604a31 !important; }
.list-boxes h2 a { text-decoration:none !important; }
.list-boxes img, .list-boxes span { margin:0 0 6px; display:block !important; }

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */
.tbl { width:100%; background:url(../images/bg-table.png) no-repeat 0 0; border-collapse:collapse; }
.tbl th { padding:23px 23px 20px; vertical-align:bottom; background:none; }
.tbl td { padding:23px 20px; vertical-align:top; background:none; border:1px solid #d8cfb6; border-width:0 1px 1px 0; }
.tbl li { margin:0 0 4px; }

col.product { width:15%; }
col.text { width:42%; }
col.packaging { width:5%; }
col.downloads { width:38%; }

.tbl .td-right { border-width:0 0 1px 0; }
.tbl .tr-last-td { border-width:0 1px 0 0; }
.tbl .tr-last-td-last { border-width:0 0 0 0; }

/* TAB STYLES - [  .tabs- ] 
------------------------------------------------------------------------------------- */
/* JQuery Tabs: Tab Names Here */
.tabs { position:relative; margin:40px 0 0; padding:45px 0 0; }
.ui-tabs-nav li { color:#beccd1; font-size:12px; line-height:15px; list-style:none; }
.ui-tabs-nav li a { cursor:pointer; }
.ui-tabs-nav a { color:#ccd7db; outline:none; }
.ui-tabs-nav a:hover { color:#1ab6e3; }
.tabs .tab-title { margin:0 !important;  }
.tabs .tab-title span { width:14px; height:46px; display:inline-block; background:url(../images/bg-tabs.png) no-repeat 100% 8px; }
.tabs .ui-tabs-hide { display:none; }
.tabs .ui-tabs-panel { padding:10px 0; background:url(../images/bg-line-x.png) repeat-x 0 0; }

/* Assuming .nav applied */
#tabs { position:absolute; top:0px; left:0px; width:644px; height:46px; }
#tabs li { height:46px; }
#tabs li a, #tabs li div { height:46px; }
#tabs li span { height:46px; }
#tabs li, #tabs li a, #tabs li span, #tabs li div { background-image:url(../images/bg-tabs.png); }

/* ‘Off’: Repeat for all tabs */
#tab-long-cuts, #tab-long-cuts a, #tab-long-cuts a span { background-position:0 0; width:165px; }
#tab-tube-shape, #tab-tube-shape a, #tab-tube-shape a span { background-position:-165px 0; width:96px; }
#tab-pasta-for-soup, #tab-pasta-for-soup a, #tab-pasta-for-soup a span { background-position:-261px 0; width:90px; }
#tab-coiled, #tab-coiled a, #tab-coiled a span { background-position:-352px 0; width:147px; }
#tab-specialty, #tab-specialty a, #tab-specialty a span { background-position:-499px 0; width:131px; }
/* ‘Hover’: Repeat for all tabs */
#tab-long-cuts.ui-state-hover, #tab-long-cuts.ui-state-hover a, #tab-long-cuts.ui-state-hover a span { background-position:0 -46px; width:165px; }
#tab-tube-shape.ui-state-hover, #tab-tube-shape.ui-state-hover a, #tab-tube-shape.ui-state-hover a span { background-position:-165px -46px; width:96px; }
#tab-pasta-for-soup.ui-state-hover, #tab-pasta-for-soup.ui-state-hover a, #tab-pasta-for-soup.ui-state-hover a span { background-position:-261px -46px; width:90px; }
#tab-coiled.ui-state-hover, #tab-coiled.ui-state-hover a, #tab-coiled.ui-state-hover a span { background-position:-352px -46px; width:147px; }
#tab-specialty.ui-state-hover, #tab-specialty.ui-state-hover a, #tab-specialty.ui-state-hover a span { background-position:-499px -46px; width:131px; }
/* ‘On’: Repeat for all tabs */
#tab-long-cuts.ui-tabs-selected, #tab-long-cuts.ui-tabs-selected a, #tab-long-cuts.ui-tabs-selected a span { background-position:0 -92px; width:165px; }
#tab-tube-shape.ui-tabs-selected, #tab-tube-shape.ui-tabs-selected a, #tab-tube-shape.ui-tabs-selected a span { background-position:-165px -92px; width:96px; }
#tab-pasta-for-soup.ui-tabs-selected, #tab-pasta-for-soup.ui-tabs-selected a, #tab-pasta-for-soup.ui-tabs-selected a span { background-position:-261px -92px; width:90px; }
#tab-coiled.ui-tabs-selected, #tab-coiled.ui-tabs-selected a, #tab-coiled.ui-tabs-selected a span { background-position:-352px -92px; width:147px; }
#tab-specialty.ui-tabs-selected, #tab-specialty.ui-tabs-selected a, #tab-specialty.ui-tabs-selected a span { background-position:-499px -92px; width:131px; }


/* ‘Off’: Repeat for all tabs */
#tab-bag, #tab-bag a, #tab-bag a span { background-position:-627px 0; width:97px; }
#tab-packs, #tab-packs a, #tab-packs a span { background-position:-725px 0; width:120px; }
#tab-tray, #tab-tray a, #tab-tray a span { background-position:-846px 0; width:113px; }
/* ‘Hover’: Repeat for all tabs */
#tab-bag.ui-state-hover, #tab-bag.ui-state-hover a, #tab-bag.ui-state-hover a span { background-position:-627px -46px; width:97px; }
#tab-packs.ui-state-hover, #tab-packs.ui-state-hover a, #tab-packs.ui-state-hover a span { background-position:-725px -46px; width:120px; }
#tab-tray.ui-state-hover, #tab-tray.ui-state-hover a, #tab-tray.ui-state-hover a span { background-position:-846px -46px; width:113px; }
/* ‘On’: Repeat for all tabs */
#tab-bag.ui-tabs-selected, #tab-bag.ui-tabs-selected a, #tab-bag.ui-tabs-selected a span { background-position:-627px -92px; width:97px; }
#tab-packs.ui-tabs-selected, #tab-packs.ui-tabs-selected a, #tab-packs.ui-tabs-selected a span { background-position:-725px -92px; width:120px; }
#tab-tray.ui-tabs-selected, #tab-tray.ui-tabs-selected a, #tab-tray.ui-tabs-selected a span { background-position:-846px -92px; width:113px; }



/* SHARED
------------------------------------------------------------------------------------- */
.inner { position:relative; margin:0 auto; width:990px; text-align:left; z-index:50; }
#header { position:relative; background:url(../images/bg-header.png) no-repeat 50% 0; z-index:10; }
#header .inner { position:relative; height:105px; }
#container { background:url(../images/bg-container.png) no-repeat 50% 0; }
#container .inner { padding:12px 11px 0 9px; width:970px; min-height:680px; }

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


/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#709bb4; font-size:14px; }
.nav li span { position:absolute; top:0; left:0; display:block; }

.nav li table { margin:0 -1px -1px; border-collapse:collapse; }
.nav li td { font-size:11px; }
.nav li:hover, * html .nav a:hover { position:relative; }
.nav li li a { font-size:11px; text-align:left; }

/* Main Nav - Specific (Must also have .nav on element) */
#nav { position:absolute; top:47px; left:46px; width:936px; height:17px; z-index:10; }
#nav li { height:17px; }
#nav li a, #nav li div { height:17px; overflow:hidden; }
#nav li span { height:17px; }
#nav li, #nav li a, #nav li span, #nav li div { background-image:url(../images/bg-nav.png); }

.nav-news { margin:0 0 0 238px; }
.nav-newson { margin:0 0 0 238px; }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
.nav-about, .nav-about a, .nav-about a span { background-position:0 0; width:136px; }
.nav-products, .nav-products a, .nav-products a span { background-position:-130px 0; width:117px; }
.nav-recipes, .nav-recipes a, .nav-recipes a span { background-position:-244px 0; width:83px; }
.nav-news, .nav-news a, .nav-news a span { background-position:-327px 0; width:215px; }
.nav-contact, .nav-contact a, .nav-contact a span { background-position:-542px 0; width:123px; }

/* HOVER STATE - W/ DROP */
.nav-about:hover a, .nav-about:hover a span, .nav-about a:hover, .nav-about a:hover span, .nav-abouton:hover a, .nav-abouton:hover a span, .nav-abouton a:hover, .nav-abouton a:hover span { background-position:0 -17px; width:136px; }
.nav-products:hover a, .nav-products:hover a span, .nav-products a:hover, .nav-products a:hover span, .nav-productson:hover a, .nav-productson:hover a span, .nav-productson a:hover, .nav-productson a:hover span { background-position:-130px -17px; width:111px; }
.nav-recipes:hover a, .nav-recipes:hover a span, .nav-recipes a:hover, .nav-recipes a:hover span, .nav-recipeson:hover a, .nav-recipeson:hover a span, .nav-recipeson a:hover, .nav-recipeson a:hover span { background-position:-244px -17px; width:83px; }
.nav-news:hover a, .nav-news:hover a span, .nav-news a:hover, .nav-news a:hover span, .nav-newson:hover a, .nav-newson:hover a span, .nav-newson a:hover, .nav-newson a:hover span { background-position:-327px -17px; width:215px; }
.nav-contact:hover a, .nav-contact:hover a span, .nav-contact a:hover, .nav-contact a:hover span, .nav-contacton:hover a, .nav-contacton:hover a span, .nav-contacton a:hover, .nav-contacton a:hover span { background-position:-542px -17px; width:123px; }

/* ON STATE */
.nav-abouton, .nav-abouton span, .nav-abouton div { background-position:0 -17px; width:136px; }
.nav-productson, .nav-productson span, .nav-productson div { background-position:-130px -17px; width:117px; }
.nav-recipeson, .nav-recipeson span, .nav-recipeson div { background-position:-244px -17px; width:83px; }
.nav-newson, .nav-newson span, .nav-newson div { background-position:-327px -17px; width:215px; }
.nav-contacton, .nav-contacton span, .nav-contacton div { background-position:-542px -17px; width:123px; }
/**************************************************************************************************************/

#tertnav { position:absolute; top:5px; right:9px; }
#tertnav li { margin:0 0 0 17px; float:left; display:inline; color:#bf2034; list-style:none; }
#tertnav a { color:#49321a; }
#tertnav a:hover { color:#bf2034; text-decoration:none; }

#breadcrumb { position:absolute; top:83px; left:31px; }
#breadcrumb li { float:left; display:inline; color:#e3dcc8; font-size:11px; list-style:none; }
#breadcrumb a { margin:0 3px 0 0; padding:0 13px 0 0; color:#fef8e4; background:url(../images/bg-sprite-y.png) no-repeat 100% -96px; }
#breadcrumb a:hover { color:#bf2034; text-decoration:none; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#h-box-1 a { padding:24px 75px 0 21px; width:134px; height:89px; display:block; background:#fff9ed url(../images/box-recipes.png) no-repeat 0 0; }
#h-box-2 a { padding:24px 85px 0 21px; width:124px; height:89px; display:block; background:#fff9ed url(../images/box-news.png) no-repeat 0 0; }
#h-box-3 a { padding:24px 190px 0 21px; width:249px; height:94px; display:block; background:#fff9ed url(../images/box-pasta.png) no-repeat 0 0; }

/* SUBPAGE
------------------------------------------------------------------------------------- */
.content { position:relative; z-index:10; }

.content h1 { margin:0 0 10px; }
.content h1.intro { margin:0 7px 0 0; padding:0; float:left; display:inline; }
.content h2 { margin:0 0 10px; color:#bf2034; }
.content h3 { margin:0 0 10px; color:#bf2034; }
.content h4 { margin:0 0 10px; color:#bf2034; }
.content h5 { margin:0 0 10px; color:#bf2034; }
.content h6 { margin:0 0 10px; color:#bf2034; }

.content ul { margin:0 0 10px 15px; }
.content ol { margin:0 0 10px; }
.content ol li { margin:0 0 10px; padding:0 0 10px; list-style-type:decimal; list-style-position:inside; font:bold 16px/16px georgia,serif; border-bottom:1px solid #e1d9c1; }
.content ol li p { margin:-19px 0 0 24px; font:normal 12px/22px verdana,sans-serif;}

/* Left Sidebar */
.left-sidebar { position:absolute; top:0; left:0; padding:10px; width:183px; min-height:313px; background:url(../images/bg-left-sidebar.png) no-repeat 0 0; z-index:20; }

#section-title { margin:12px 0 0 11px; }

#subnav { margin:6px 13px 0 12px; }
#subnav li { margin:0 0 3px; padding:0 0 6px; list-style:none; background:url(../images/bg-subnav.png) repeat-x 0 100%; }
#subnav li.last, #subnav li li { padding:0; background:none; }
#subnav ul { padding:10px 15px 0; }
#subnav li li { margin:0 0 4px; font-size:11px; line-height:13px; }

.mas50 { margin:78px 0 0; width:181px; height:242px; display:block; background-repeat:no-repeat; background-position:0 0; }
#mas50-1 { background-image:url(../images/bg-mas50-1.png); }
#mas50-2 { background-image:url(../images/bg-mas50-2.png); }
#mas50-3 { background-image:url(../images/bg-mas50-3.png); }
#mas50-4 { background-image:url(../images/bg-mas50-4.png); }
#mas50-5 { background-image:url(../images/bg-mas50-5.png); }
#mas50-6 { background-image:url(../images/bg-mas50-6.png); }
#mas50-7 { background-image:url(../images/bg-mas50-7.png); }
#mas50-8 { background-image:url(../images/bg-mas50-8.png); }
#mas50-9 { background-image:url(../images/bg-mas50-9.png); }

/* Main Content Area */
.main p { margin:0 0 15px; }

#banner { position:relative; background-color:#fff9ed; }
#banner span { position:absolute; top:0; left:0; display:block; }

.intro { margin:0 0 0px; padding:20px 0; font-size:14px; line-height:24px; }
.family-owned { padding-left:128px; background:url(../images/bg-family-owned.png) no-repeat 15px 40%; }
.letter { margin:-20px 4px -5px 0px; width:51px; height:65px; float:left; display:inline; }
.letter span { display:none; }
.dropcapS { background:url(../images/bg-s.png) no-repeat 0 0; }
.dropcapI { background:url(../images/bg-i.png) no-repeat 0 0; }

.box { padding:12px 0 0; background:url(../images/bg-sprite-x.png) no-repeat -174px 0; }
.box .box { padding:0 0 12px; background:url(../images/bg-sprite-x.png) no-repeat -664px 100%; }
.box .box .box { padding:0 10px; background:url(../images/bg-sprite-x.png) repeat-y -1154px 0; }


/* Layout specific */
#layout-home #banner { width:970px; height:305px; }
#layout-home #banner span { width:970px; height:305px; background:url(../images/bg-banner-cover-home.png) no-repeat 0 0; }
#layout-home .col2 { margin:7px 0 0 22px; padding:0 0 40px; width:460px; float:left; display:inline; line-height:28px; }
#layout-home .col2 .list-boxes { margin:30px 0 0; }
#layout-home .intro { padding:28px 0 20px; line-height:22px; }
#layout-home .family-owned { padding-left:120px; background:url(../images/bg-family-owned-lrg.png) no-repeat 0 40%; }

#layout-full #banner { margin:0 0 20px; width:970px; height:168px; }
#layout-full #banner span { width:970px; height:168px; background:url(../images/bg-banner-cover-full.png) no-repeat 0 0; }
#layout-full #text { padding:0 30px 40px; }

#layout-2col .main { position:relative; padding:3px 0 0 197px; width:577px; z-index:10; }
#layout-2col #banner { width:774px; height:168px; }
#layout-2col #banner span { width:774px; height:168px; background:url(../images/bg-banner-cover-2col.png) no-repeat 0 0; }
#layout-2col #text { padding:40px 0 30px 43px; width:676px; min-height:389px; }
/* END Layout Specific */


/* Page Menus */
#page-menu { position:relative; margin:40px 0 0; width:100%; height:27px; z-index:10; }
#page-menu li { height:27px; }
#page-menu li a, #page-menu li div { height:27px; overflow:hidden; }
#page-menu li span { height:27px; }
#page-menu li, #page-menu li a, #page-menu li span, #page-menu li div { background-image:url(../images/bg-page-menu.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */ 
.menu-history, .menu-history a, .menu-history a span { background-position:0 0; width:131px; }
.menu-locations, .menu-locations a, .menu-locations a span { background-position:-131px 0; width:183px; }
.menu-mission-vision, .menu-mission-vision a, .menu-mission-vision a span { background-position:-314px 0; width:238px; }
.menu-values, .menu-values a, .menu-values a span { background-position:-552px 0; width:120px; }

/* HOVER STATE - W/ DROP */
.menu-history:hover a, .menu-history:hover a span, .menu-history a:hover, .menu-history a:hover span, .menu-historyon:hover a, .menu-historyon:hover a span, .menu-historyon a:hover, .menu-historyon a:hover span { background-position:0 -27px; width:131px; }
.menu-locations:hover a, .menu-locations:hover a span, .menu-locations a:hover, .menu-locations a:hover span, .menu-locationson:hover a, .menu-locationson:hover a span, .menu-locationson a:hover, .menu-locationson a:hover span { background-position:-131px -27px; width:183px; }
.menu-mission-vision:hover a, .menu-mission-vision:hover a span, .menu-mission-vision a:hover, .menu-mission-vision a:hover span, .menu-mission-visionon:hover a, .menu-mission-visionon:hover a span, .menu-mission-visionon a:hover, .menu-mission-visionon a:hover span { background-position:-314px -27px; width:238px; }
.menu-values:hover a, .menu-values:hover a span, .menu-values a:hover, .menu-values a:hover span, .menu-valueson:hover a, .menu-valueson:hover a span, .menu-valueson a:hover, .menu-valueson a:hover span { background-position:-552px -27px; width:120px; }

/* ON STATE */
.menu-historyon, .menu-historyon span, .menu-historyon div { background-position:0 -27px; width:131px; }
.menu-locationson, .menu-locationson span, .menu-locationson div { background-position:-131px -27px; width:183px; }
.menu-mission-visionon, .menu-mission-visionon span, .menu-mission-visionon div { background-position:-314px -27px; width:238px; }
.menu-valueson, .menu-valueson span, .menu-valueson div { background-position:-552px -27px; width:120px; }

h2 a {color: #BF2034!important; font-size: 14px; text-decoration:none!important;}

/* FOOTER
------------------------------------------------------------------------------------- */
#footer { position:relative; padding:0 20px 0 30px; height:50px; font-size:11px; }
#footer a { color:#c3b5a6; }
#footer p { margin: 0 0 0 14px; }
#footer ul { float:left; display:inline; }
#footer li { margin:0 0 0 15px; float:left; display:inline; list-style:none; }

#tools { position:absolute; top:0; right:20px; }


/* Link Icons */
.link-facebook { padding:0 0 0 24px; background:url(../images/bg-sprite-y.png) no-repeat 0 2px; }
.link-twitter { padding:0 0 0 24px; background:url(../images/bg-sprite-y.png) no-repeat 0 -48px; }
.link-image { padding:0 0 1px 21px; background:url(../images/bg-sprite-y.png) no-repeat 0 -150px; }
.link-pdf { padding:0 0 1px 21px; background:url(../images/bg-sprite-y.png) no-repeat 0 -200px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }
.color1 { color:#a59283 !important; }
.color2 { color:#604a31 !important; }
.color3 { color:#bf2034 !important; }
.color4 { color:#6d96a8 !important; }
.color5 { color:#627718 !important; }

.clearfix:after, #text:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #text { display:inline-block; }
.clearfix, #text { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 7px 0 0; }
img.floatright { margin:0 0 5px 10px; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; }
span.floatright { margin:0 0 5px 10px; }