body {font-family: Arial, Helvetica, sans-serif ; margin: 0; padding:0; font-size: 12px; color: #000; background:#87888b ; } input.button { cursor: pointer; } p { margin-top: 0; margin-bottom: 5px; } div, form { margin: 0; padding: 0;} img { border: 0 none; } .clr { clear: both;} .bold { font-weight:bold} .left { float:left} .right { float:right} ul, li { margin:0; padding:0} a, a:link, a:visited, a:active { text-decoration: none; color:#225db7 ; /* color:#00694a */} a:hover { text-decoration: underline; color:#FF5800 ; /* color:#000 */} .iconHeaders a, .iconHeaders a:link, .iconHeaders a:active , .iconHeaders a:visited, .iconHeaders a:hover { color: #fff} .green { color:#04a778} .orange { color:#de8318} /*main layout*/ #wrapper { width:980px; margin:0 auto ; } #wrapperAbsolute {position:absolute; width:980px} #wrapper tr, #wrapper tr td { border:0; padding:0; margin:0 } #header * {z-index:9999 !important} #header { position:relative; width:980px; height:147px; clear:both; padding:0; margin:0 auto; background:url(images/bg_header.gif) bottom right no-repeat } #content { clear:both; width:980px; padding:0; margin:0 auto; background:#fff; } #contentBottom { height:15px; background:url(images/bg_bottomcontent.gif) bottom center no-repeat} #pathway { display: block; margin: 0 15px; height: 22px; line-height: 22px; overflow: hidden; clear:both; color:#85c446; text-transform: none } #pathway a, #pathway a:link, #pathway a:hover, #pathway a:active { color:#c97410; font-weight:bold} #msg { clear:both} #leftcolumn {width:180px; float:left;} #topComponent { clear:both} #maincolumn {float:left; padding:0; width:580px; background:#fff} .doble {float:left; padding-left:10px; width:280px !important; background:#fff} #maincolumn02 {float:left; padding-left:10px; width:280px; background: #999999} #bottomComponent { clear:both; margin:0 20px ; position:relative; width:540px;} /*footer*/ #footer{ color:#fff; font-size:11px; width:980px; display:block; clear:both; padding:10px 0 0 0; margin:0 auto; text-align:left; } #footer a, #footer a:link, #footer a:visited, #footer a:active {color:#8bc63f;} #footer a:hover {color:#fff} .footerinfo { text-align:right; width:600px; float:right} .footerinfo02 { text-align:left; width:380px; float:left} .footerhome { clear:both; padding:5px 0} #footer .moduletable { padding:2px 0; margin:0} #syndicate{} #power_by{} /*header*/ .logo { padding:25px 0 0 8px; float:left } .linkHome { position: absolute; top:0; left:0; width:220px; height:110px; display:table; z-index:100; background: url(images/blank.gif)} .iconHeaders { width:500px; float:left; } .iconHeaders img { vertical-align:middle; margin:0 2px} .iconHeaders ul { width:300px; list-style:none; margin:45px 0 0 278px !important } .iconHeaders li { width:150px; float:left; color:#fff; line-height:18px; height:20px; text-transform:uppercase; font-size:11px; margin:0; padding:0} /*right column*/ #rightcolumn {width:400px; float:right; font-size:11px; margin:0; background:#fff url(images/bg_rightcolumn.gif) 0 0 no-repeat} .rightColumnTop { text-align:right; background: url(images/bg_rightcolumtop.gif) bottom left no-repeat; height:232px; padding:0 0 0px 0px} .rightColumnTop img { display:inline} #rightcolumn01 {width:180px; padding:10px; float:left; margin:0; } #rightcolumn02 {width:180px; padding:10px; float:left; margin:0; } /*top main nav*/ /*resets*/ #nav { list-style:none; margin:0; padding:13px 0 0 0 ; width:980px; line-height:30px; z-index:96; clear:both; } #nav ul { margin:0; padding:0} #nav li{ list-style:none; margin:0; padding:0 0px; display:inline; float:left; text-align:left; border:none; background: none ; } .sf-menu a:hover, .sf-menu a:active { background: none; } #nav #current a, #nav li.active, #nav li.active a { background: none !important; border: none !important; text-decoration:none} #nav li.active a, #nav li li:hover a:hover { background:#85C446; border: none !important ; text-decoration:none } #nav a, #nav a:link, #nav a:active, #nav a:visited, #nav a:hover { color:#fff; text-transform:uppercase; font-weight:bold; border:none; text-decoration:none; font-size:13px; text-decoration:none} #nav span {overflow:hidden; /*text-indent:-9999px;*/ width:100%; margin:0; padding:0; cursor: pointer} /*rollover effect top level*/ #nav li#current { background: none ; border:none !important} #nav li:hover, #nav li:focus, #nav li:active { background: url(images/bg_linav.jpg) top right no-repeat !important ; border:none !important} #nav li:hover a { background: none !important; border: none !important} /*hide home*/ #nav .item220, #nav #current.item220 { display:none !important } /* first level if text is image #nav .item221, #nav #current.item221 { background: url(images/nav_01.gif) center center no-repeat; width:91px} #nav .item222, #nav #current.item222 { background: url(images/nav_02.gif) center center no-repeat; width:75px} #nav .item223, #nav #current.item223 { background: url(images/nav_03.gif) center center no-repeat; width:129px} #nav .item224, #nav #current.item224 { background: url(images/nav_04.gif) center center no-repeat; width:105px} #nav .item225, #nav #current.item225 { background: url(images/nav_05.gif) center center no-repeat; width:91px} #nav .item226, #nav #current.item226 { background: url(images/nav_06.gif) center center no-repeat; width:65px} #nav .item227, #nav #current.item227 { background: url(images/nav_07.gif) center center no-repeat; width:65px}*/ /*second level*/ #nav ul ul, #nav ul ul * { z-index:9999 !important} #nav li ul { width:200px; background: url(images/bg_liulnav.gif) bottom center no-repeat ; padding:0 0 10px 0; margin:0 0 0 0; } #nav li li, #nav li li#current { background:#00694A !important ; width:200px; padding:0px 0; height:auto; border-bottom:3px solid #00694A !important} #nav li li span { text-indent: 0px !important; width:auto} #nav li li:hover, #nav li li#current:hover { background:#85C446 !important; border-bottom:3px solid #d47c14 !important; font-weight: bold !important} #nav li.parent li a {font-size:12px !important} #nav li.parent li a:hover { color:#000; } /*header changes*/ #topComponentImage { width:580px; height:150px; clear:both; background:url(images/topcomponentimages/img_appli.jpg) top center no-repeat } #body-applications #topComponentImage { background:url(images/topcomponentimages/img_appli.jpg) top center no-repeat } #body-applications-bakery #topComponentImage { background:url(images/topcomponentimages/img_bakery.jpg) top center no-repeat } #body-applications-beverage #topComponentImage { background:url(images/topcomponentimages/img_beverage.jpg) top center no-repeat } #body-applications-confections #topComponentImage { background:url(images/topcomponentimages/img_confections.jpg) top center no-repeat } #body-applications-dairy #topComponentImage { background:url(images/topcomponentimages/img_dairy.jpg) top center no-repeat } #body-applications-meat #topComponentImage { background:url(images/topcomponentimages/img_meat.jpg) top center no-repeat } #body-applications-sauces #topComponentImage { background:url(images/topcomponentimages/img_sauces.jpg) top center no-repeat } #body-products #topComponentImage { background:url(images/topcomponentimages/img_product.jpg) top center no-repeat } #body-innovation #topComponentImage { background:url(images/topcomponentimages/img_inno.jpg) top center no-repeat } #body-fastir #topComponentImage { background:url(images/topcomponentimages/img_inno.jpg) top center no-repeat } #body-ticapan #topComponentImage { background:url(images/topcomponentimages/img_inno.jpg) top center no-repeat } #body-soluble #topComponentImage { background:url(images/topcomponentimages/img_inno.jpg) top center no-repeat } #body-custom #topComponentImage { background:url(images/topcomponentimages/img_inno.jpg) top center no-repeat } #body-news #topComponentImage { background:url(images/topcomponentimages/img_news.jpg) top center no-repeat } #body-pdf #topComponentImage { background:url(images/topcomponentimages/img_news.jpg) top center no-repeat } #body-media #topComponentImage { background:url(images/topcomponentimages/img_center.jpg) top center no-repeat } #body-blog #topComponentImage { background:url(images/topcomponentimages/img_news.jpg) top center no-repeat } #body-guru #topComponentImage { background:url(images/topcomponentimages/img_center.jpg) top center no-repeat } #body-gum #topComponentImage { background:url(images/topcomponentimages/img_center.jpg) top center no-repeat } #body-learning #topComponentImage { background:url(images/topcomponentimages/img_center.jpg) top center no-repeat } #body-about #topComponentImage { background:url(images/topcomponentimages/img_about.jpg) top center no-repeat } #body-company #topComponentImage { background:url(images/topcomponentimages/img_about.jpg) top center no-repeat } #body-organiccertificate #topComponentImage { background:url(images/topcomponentimages/img_about.jpg) top center no-repeat } #body-kosher #topComponentImage { background:url(images/topcomponentimages/img_about.jpg) top center no-repeat } #body-contact #topComponentImage { background:url(images/topcomponentimages/img_contact.jpg) top center no-repeat } #body-directions #topComponentImage { background:url(images/topcomponentimages/img_contact.jpg) top center no-repeat } #body-jobs #topComponentImage { background:url(images/topcomponentimages/img_contact.jpg) top center no-repeat } #body-recipebook #topComponentImage { background:url(images/topcomponentimages/img_contact.jpg) top center no-repeat } #body-technical #topComponentImage { background:url(images/topcomponentimages/img_contact.jpg) top center no-repeat } #body-arabic #topComponentImage { background:url(images/topcomponentimages/img_featured.jpg) top center no-repeat } #body-guar #topComponentImage { background:url(images/topcomponentimages/img_featured.jpg) top center no-repeat } #body-organic #topComponentImage { background:url(images/topcomponentimages/img_organic.jpg) top center no-repeat } #body-chat #topComponentImage { background:url(images/topcomponentimages/img_chat.jpg) top center no-repeat } /*heading*/ div.componentheading, div.contentpagetitle, .rmm_mainheading { padding:10px 0 0 0 !important; margin:0 0 5px 18px !important; line-height:35px; display: block; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size:30px; color:#00694a; text-transform: none; } .contentheading .contentpagetitle{ padding:0 !important; margin:0 !important; line-height:35px; display: block; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 30px; color:#00694a; } h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666; text-align: left; width: 100%;} h2 { padding: 0; font-family: Arial, Helvetica,sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333; text-align: left; width: 100%; } table.contentpaneopen h3 { margin-top: 25px; } h4 { font-family: Arial, Helvetica, sans-serif; color: #333; } h3, .componentheading, table.moduletable th, legend { margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left; } h1, h2, h3, h4, h5 { color:#026b4c; font-weight:bold} h1{ font-size: 28px;} h2 { font-size:22px} h3 { font-size:18px} /*articule layout*/ #maincolumn .contentpaneopen{ margin: 0 0 0 20px; padding:0; width:550px} .article_separator {display: block; height: 5px;} .contentdescription { padding:0 0 0 20px !important; width:550px; line-height:25px} #maincolumn p {margin:5px 0 18px 0; } #maincolumn .contentpaneopen ul, #maincolumn .contentpaneopen ul li { margin:0; padding:0; list-style:none} #maincolumn .contentpaneopen ul ul { margin:0 0 0 10px} #maincolumn .contentpaneopen ul li { margin:10px 0 10px 20px; list-style:disc} #maincolumn .contentpaneopen ol, #maincolumn .contentpaneopen ol li { margin:0; padding:0; } #maincolumn .contentpaneopen ol li { margin:10px 0 10px 20px; } #maincolumn .contentpaneopen ol ol { margin:0 0 0 10px} #maincolumn .contentpaneopen blockquote { margin-left: 20px; margin-right: 20px } #maincolumn .contentpaneopen a { color:#225db7 } #maincolumn .contentpaneopen a:hover { color:#FF5800 } /*listings*/ .contentpane ul, .contentpane li { margin:0; padding:0; list-style:none} .contentpane li { margin:10px 0 10px 20px} /*blog layout*/ .blog{ margin:0 0 0 18px; padding:0 !important; width:550px !important; line-height:25px} .blog p { margin:5px 0 18px 0; line-height:25px} .blog .contentpaneopen { margin:0; padding:0 !important; width:550px !important} .blog .article_column .contentpaneopen{ width:275px !important;} .article_column, .column_separator { border:none; padding:5px;} .blog .article_separator{ border-bottom:1px dashed #2d0000} .blog .contentpaneopen{ margin: 0 0 0 0 !important; padding:0; width:550px} .blog .contentheading .contentpagetitle { padding:0 !important; margin:0 !important; background:none; line-height:25px; display: block; height:auto !important; font-family: Helvetica,Arial,sans-serif; color:#0b827c; font-size:22px !important; font-weight:bold } .article_column .contentheading, .column_separator .contentheading { color:#0b827c; font-weight:bold; text-align:left; font-size:12px !important; background:none !important; padding:5px 0 !important; line-height:22px !important; height:25px !important; margin:0 !important; } table.blog span.article_separator { display: block; height: 20px;} .blog ul li .category { font-size:18px; font-weight: bold; line-height:25px; margin:2px 0 10px 0} /*list inside blogs*/ .blog .contentpaneopen ul, .blog ul { padding:10px 0} .blog .contentpaneopen ol, .blog ol { padding:10px 0} .blog .contentpaneopen ul li, .blog ul li { padding:0 0 0 8px; list-style: disc; margin:0 0 0 20px} .blog .contentpaneopen ol li, .blog ol li { padding:0 0 0 8px; margin:0 0 0 20px;} /*joomla default listings on category */ #maincolumn .contentpane ul, #maincolumn .contentpane ul li { margin:0; padding:0; list-style:none} #maincolumn .contentpane ul { padding:0 10px; border-top:1px solid #85c446; width:520px; clear:both; margin:10px auto !important; min-height: inherit; _height:auto} #maincolumn .contentpane ul li { width:260px; padding:3px 0; font-size:20px; float:left; color:#c97410; border-bottom: 1px dashed #85c446} #maincolumn .contentpane ul li a, #maincolumn .contentpane ul li a:link, #maincolumn .contentpane ul li a:active, #maincolumn .contentpane ul li a:visited, .categories02 a:hover { color:#c97410; font-weight:normal } /*joomla listing for article */ #maincolumn .contentpane .sectiontableentry1, #maincolumn .contentpane .sectiontableentry2 { font-size:20px; color:#c97410; } #maincolumn .sectiontableentry1 a, #maincolumn .sectiontableentry2 a {color:#c97410; font-weight:normal; border-bottom: 1px dashed #85c446 !important; display:block; padding:3px 0 3px 10px} /*pagination*/ .paginationHolder { padding:5px 0 0 0 ; text-align:center} .pagination strong span { padding: 2px 5px; margin:0 5px; border:1px solid #000 } .pagination span { padding: 2px 5px; margin:0 5px; border:1px solid #85c446; color:#85c446 } .pagination a { padding: 2px 5px ; margin:0 5px; border:1px solid #fff; color:#fff; background:#85c446} /*normal layout*/ .contentpane { font-size:12px; margin:0 0 0 18px} /*article view */ #maincolumn .contentpaneopen .contentheading .contentpagetitle { } .article_title { color:#c97410; text-transform:capitalize; font-size:22px !important; width:540px; display: block } /*forms style*/ .form_item{ padding:2px !important; font-size:11px !important;} .cf_label { padding:0px; font-size:11px;} .form_item, .form_element{ padding:2px 0 2px 0 !important; margin:0 !important; width:160px } .newsletter01 form { padding:0; margin:0} .newsletter01 .chronoform a { display:none !important} .form_item label, .form_item .cf_textbox input { margin:0 !important; padding:0 !important; width: 170px} /*## RIGHT COLUMN ##*/ #rightcolumn h3 { border-bottom:1px solid #85c446; padding:3px 0; margin:0 !important; color:#00694a; font-family:Geneva, Arial, Helvetica, sans-serif} #rightcolumn a, #rightColumn a:link, #rightColumn a:active, #rightColumn a:visited { font-weight:bold; color:#c97410} #rightcolumn a:hover { font-weight:bold; color:#000} .moduleTitle a { color:#00694a !important;} .moduleTitle a:hover { color:#de8318 !important;} /*news and blog*/ .news01 tr td { border-bottom:1px dashed #85c446 !important; padding:15px 0 !important; font-size:11px} .news01 a { color:#c97410; font-weight:bold; } .news01 .readon { display:block; clear:both} span.mod_events_latest_date { color:#00694a;} /*guru tv*/ .videotitleinmodule {color:#c97410 !important; font-weight:bold; border:none !important; padding:8px 0 2px 0 !important; } .videotitleinmodule a, .videotitleinmodule a:link {color:#c97410 !important} .row1 { border:none !important } .videothumbnailinmodule { padding-bottom:12px !important; border-bottom:1px dashed #85c446 !important; } .video01 {} #hwdvids { padding:0 !important; width:95%} .video01 .box { clear:both ; float:none; padding-bottom:5px 0 12px 0 !important; border-bottom:1px dashed #85c446 !important; } .pagecount { display:none} /*contact html*/ .contact01 { font-size:15px} /*archive post*/ .archive01 {} .archive01 p { border-bottom:1px dashed #85c446 !important; padding:15px 0 !important; margin:0} .archive01 img { vertical-align:middle} .archive01 .article_separator { display: none} /*social links html*/ .links01 {} .links01 img{ vertical-align:middle} /*wallpapers downloads*/ .wallpapers01 { color:#00694a; font-weight:bold} .wallpapers01 a { font-weight:normal} /*superfish displays current menu item - subitem ONLY*/ .sublinksNAV {background:#7ebc3f url(images/categories01_bottom.gif) bottom center no-repeat; padding:0 0 15px 0; width:180px} /*.sublinksNAV h3 {font-size:15px; color:#00694a; display:block; margin:0!important; padding:10px 5px 0 10px!important; line-height:25px; background:#7ebc3f url(images/categories01_top.gif) top center no-repeat; border:none !important; }*/ .sublinksNAV ul { font-size:15px; color:#00694a; margin:0 auto !important; width:170px; } .sublinksNAV li { background:#7ebc3f !important; margin:0; padding:0} .sublinksNAV ul ul { border-top:1px solid #85c446; padding:0 10px !important; margin:0 auto !important; width:160px; line-height:18px} .sublinksNAV ul ul li { margin:3px 10px; padding:0; background:#7ebc3f !important; border-bottom:1px dashed #85c446; width:160px; } .sublinksNAV li a, .sublinksNAV li a:link, .sublinksNAV li a:active, .sublinksNAV li a:visited, .sublinksNAV li a:hover { margin:0; padding:0; background:#7ebc3f ; color:#fff !important; line-height:18px !important; font-size:11px; display:block; padding:0; margin:0 !important; border:none} .sublinksNAV ul span { font-size:15px; color:#00694a; margin:0 !important; padding:0 !important; text-transform:uppercase; background:#7ebc3f url(images/categories01_top.gif) top center no-repeat; border:none !important;} .sublinksNAV li { display:none} .sublinksNAV .active { visibility:visible; display:block; width:160px; padding:15px 10px 0 10px; background:#7ebc3f url(images/categories01_top.gif) top center no-repeat !important} .sublinksNAV .active ul {background:#7ebc3f url(images/categories01_bottom.gif) bottom center no-repeat; border-top:1px solid #85c446; margin:0; padding:0} .sublinksNAV .active ul, .sublinksNAV .active li { display:block; visibility:visible !important; position:relative; top:0 !important; left:0 !important ; font-size:15px !important; color:#00694a !important; display:block; margin:0 0 0 0!important; padding:0 !important;} .sublinksNAV ul ul span { margin:0!important; padding:0!important; text-transform:capitalize; background:#7ebc3f ; color:#fff; line-height:25px !important; font-size:11px; border:none } .sublinksNAV span:hover { text-decoration:underline} /*search*/ .search01 p label { display:none} div.search01 .inputbox { width:130px} .search01 .button { width:30px; margin:0 0 0 5px} /*auto category module*/ div.categories01, div.categories01 h3 { font-size:15px; color:#00694a; display:block; margin:0!important; padding:10px 5px 0 10px!important; line-height:25px; background:#7ebc3f url(images/categories01_top.gif) top center no-repeat; border:none !important} table.categories01 { background:#7ebc3f url(images/categories01_bottom.gif) bottom center no-repeat} table.categories01 {color:#e2f1cf; margin:0; padding:0; border:0; } table.categories01 tr { padding:0; margin:0} table.categories01 td { padding:0; margin:0} .categories01 ul { margin:0 10px!important; padding:5px 0 10px 0!important; border-top:1px solid #85c446; list-style:none} .categories01 li { padding:3px 0; margin:0; border-bottom:1px dashed #85c446; list-style:none } .categories01 li a, .categories01 li a:link, .categories01 li a:active, .categories01 li a:visited, .categories01 li a:hover { color:#fff !important; line-height:18px !important; font-size:11px; display:block; padding:0; margin:0 !important} .fixmoduletable {margin:0 !important; padding:0 0 10px 0!important; border:0 !important; background:#7ebc3f url(images/categories01_bottom.gif) bottom center no-repeat !important } .fixmoduletable table { margin:0 !important; padding:0 !important} .moduletablefixmoduletable h3 {font-size:15px; color:#00694a; display:block; margin:0!important; padding:10px 5px 0 10px!important; line-height:25px; background:#7ebc3f url(images/categories01_top.gif) top center no-repeat; border:none !important} /*auto article module*/ .moduletablenew { padding:0; margin:0} div.categories03 h3 { font-size:15px; color:#00694a; text-transform:uppercase; display:block; width:160px; margin:0 !important; padding:10px 10px 0 10px!important; line-height:25px; background:#7ebc3f url(images/categories01_top.gif) top center no-repeat; border:none !important;} .fixbottomcategory03 { width:100%; padding:0 0 10px 0; background:#7ebc3f url(images/categories01_bottom.gif) bottom center no-repeat} table.categories03 { width:160px; border-top:1px solid #85c446 !important } table.categories03 {color:#e2f1cf; margin:0 0 0 10px; padding:0; } table.categories03 tr { padding:0; margin:0} table.categories03 td { padding:0; margin:0} .categories03 ol { margin:0 10px!important; padding:5px 0 10px 0!important; border-top:1px solid #85c446; list-style:none} .categories03 li { padding:3px 0; margin:0; border-bottom:1px dashed #85c446; list-style:none } .categories03 h2 { margin:0; padding:0; line-height:18px} .categories03 li a, .categories03 li a:link, .categories03 li a:active, .categories03 li a:visited, .categories03 li a:hover { color:#fff; line-height:18px !important; font-size:11px; } /* fixes chat with us*/ #lpButDivID-1271161270, #lpButDivID-1286373497 { width:198px; height:92px; overflow:hidden; float:left; padding:0 0 0 2px; display:block} #lpButDivID-1271161270 img, #lpButDivID-1286373497 img { margin:0 !important} #lpChatBtnHref9025601529 { padding:0; margin:0; border:none} #lpButDivID-1271161270 table, #lpButDivID-1271161270 tr, #lpButDivID-1271161270 td { padding:0; margin:0; border:none} #lpButDivID-1286373497 table, #lpButDivID-1286373497 tr, #lpButDivID-1286373497 td { padding:0; margin:0; border:none} #lpChatBtnHref136867617 { padding:0; margin:0; border:none} .lpPoweredByDiv { display:none; height:0px !important; visibility: hidden; margin:0; padding:0 } .lpEmtStarRating { display:none; height:0px !important; visibility: hidden; margin:0; padding:0 } /* request a sample button */ .sampleButton {float:right; width:198px} .sampleButton a, .sampleButton img{ display:inline } /*home template*/ #body-home .linkHome { display:none} #body-home .rightColumnTop { background: none !important } #body-home #maincolumn { background:#fff url(images/home/bg_homemain.gif) 0 231px no-repeat} #body-home #topComponent { padding:0 !important; margin:0; height:232px; background:#87888b; overflow:hidden } #body-home #topComponentImage { display:none !important} /*old slideshow #body-home .slideshowBox { float:left; width:580px; height:230px; text-align:left; overflow:hidden} #body-home .slideshowBox ul, #body-home .slideshowBox li {width:580px !important; margin:0}*/ #body-home #topComponent #slideshowbox { position:relative; _top:-30px; } /*fixes space for IE*/ #body-home div.componentheading, #body-home h1 { text-indent:-9999px; height:35px; margin:20px 0 0 0; overflow:hidden; background:url(images/home/h_home.gif) bottom left no-repeat} #body-home #bottomComponent { margin:0 20px ; position:relative; width:540px; background:url(images/home/sh_solution.gif) 0 top no-repeat } div.search02 { position:absolute; padding:0; margin:0; font-size:10px; top:0; left:280px; width:250px; text-align: left; display:block; height:20px} div.search02 .search { position:absolute; top:0; left:0; width:250px; padding:0; margin:0} div.search02 .inputbox { font-size:10px; width:200px; color:#7f7f7f; margin:0 } div.search02 .button { width:30px; margin:0 0 0 5px} #body-home #bottomComponent .moduletable h3 { text-indent:-9999px; overflow:hidden; } .categories02 ul, .categories02 li { margin:0; padding:0; list-style:none} .categories02 ul { padding:0 10px; border-top:1px solid #85c446; position:absolute; width:520px; height:200px; margin:0 auto; clear:both} .categories02 li { width:260px; padding:3px 0; font-size:20px; float:left; color:#c97410; border-bottom: 1px dashed #85c446} .categories02 a, .categories02 a:link, .categories02 a:active, .categories02 a:visited, .categories02 a:hover { color:#fff; font-weight:normal } /*applications section - article view*/ a.article_title_13, a:link.article_title_13, a:visited.article_title_13, a:active.article_title_13, a:hover.article_title_13 { position:relative !important; color:#006544 !important; text-transform:uppercase !important; font-size:30px !important; clear:both; display:block !important; padding:10px 0 0 0 !important} div.article_title_13, div.article_title_22 { position:relative !important; color:#006544 !important; text-transform:uppercase !important; font-size:30px !important; clear:both; display:block !important; padding:10px 0 0 0 !important} /*second level diary fix*/ #body-applications-dairy .contentpaneopen pre a { color:#CB7C1F; display:block; padding-left:30px} .related-products-header { text-transform:uppercase; font-size:24px; color:#006e4d} #related-products-wrapper { clear:both} .refine-results { background:#e2f2ce; display:block; height:25px; line-height:25px} .refine-results span{ color:#626c61; text-transform:uppercase; padding:0 0 0 10px; float:left} .refine-results div { float:right; width:400px} .refine-results div label { font-weight:bold; font-size:11px; color:#006948} .product-container { padding:10px 0; border-bottom:1px dashed #7fc548 } .product-title { font-size:18px; padding:5px 0; margin:0; color:#c6700b} .product-title a, .product-title a:link, .product-title a:visited, .product-title a:active {color:#c6700b} .product-detail { line-height:20px} span.product-detail { color:#686868; text-transform:uppercase} /*products virtuemart tuning*/ #body-products table.applicationspecial td { padding:0 20px} #body-products table.applicationspecial td ul { width:220px} #body-products table.applicationspecial td li { width:100%} #body-products #featured-gum-arabic a { float:left; overflow:hidden; text-indent:-9999px; width:172px; height:150px; background:url(images/b_arabic.jpg) center center no-repeat} #body-products #featured-guar-gum a { float:left; overflow:hidden; text-indent:-9999px; width:172px; height:150px; background:url(images/b_guar.jpg) center center no-repeat} #body-products #featured-fastir a { float:left; overflow:hidden; text-indent:-9999px; width:172px; height:150px; background:url(images/b_organic.jpg) center center no-repeat} /*featured products tuning*/ #body-featured #featured-gum-arabic a { float:left; overflow:hidden; text-indent:-9999px; width:172px; height:150px; background:url(images/b_arabic.jpg) center center no-repeat} #body-featured #featured-guar-gum a { float:left; overflow:hidden; text-indent:-9999px; width:172px; height:150px; background:url(images/b_guar.jpg) center center no-repeat} #body-featured #featured-fastir a { float:left; overflow:hidden; text-indent:-9999px; width:172px; height:150px; background:url(images/b_organic.jpg) center center no-repeat} /*rss image link next to title*/ #rssholder { position:absolute; left:15px; top:332px; display:inline} #rssholder a { height:30px ; width:30px; display:block; background:url(images/icon_rss.gif) center center no-repeat; cursor:pointer } #rssholder img, #rssholder span { display:none} /*rss news and events*/ #body-news div.componentheading { position:relative; left:31px; top:0} /*rss media center */ #body-media div.componentheading { position:relative; left:31px; top:0} /*rss gum guru blog */ #body-gum div.componentheading { position:relative; left:31px; top:0} /*media center - blog listing using module - media center is a "blank" page */ #body-media #maincolumn table.blog { display:none} #bottomComponent .blog02 h3 {color:#00694a; font-size:25px; text-transform:uppercase; font-weight:normal; margin:0 !important; padding:5px 0} table.blog02 {} table.blog02 .contentheading { margin:0; padding:0; } table.blog02 .contentpagetitle { margin:0; padding:0; font-size:22px !important} table.blog02 .content_rating { display:none !important; height:1px; overflow:hidden; visibility:hidden} table.blog02 .createdate { display:block; padding:5px 0 !important; font-size:11px !important; line-height:18px; font-weight:normal; text-transform:uppercase; border-bottom:1px dashed #85c446 !important; border-top:1px dashed #85c446 !important} .blog02Absolute { clear:both; margin:0 0 18px 0} .blog02Text { display:block; clear:both; position: relative; width:530px} .createdate { position:relative} .blog_beforecontent { position: relative; top:0;} .blog_beforecontent .extravote-container { display:block; width:150px; clear:both; position:absolute; top:0px; right:-38px} .blog02Text p { margin:0 0 8px 0 !important} .blog02Text span { display:block; clear:both} table.blog02 a.readon { float:left; display:block; padding:5px 5px 5px 14px ; margin-left: 10px; background: url(/components/com_jcomments/tpl/default/images/jc_blog.gif) 0 7px no-repeat} table.blog02 .jcomments-links { float:left; display:block;padding:0 5px 5px 14px } /*jComment*/ #jc { width:540px; padding:0 10px} #jc h4 {font-size:25px; color:#00694a; text-transform: none; border-bottom:1px solid #8dbc52; font-weight:normal} /*learning center listing*/ #bottomComponent .learning01 h3 { color:#00694a; text-transform:uppercase; font-weight:normal; margin:0 !important; padding:5px 0 } .learning01 .dn-whole, .learning01 span, .learning01 .dn-head, .learning01 .dn-title .learning01 ul, .learning01 ol, .learning01 li { list-style:none; margin:0; padding:0} .learning01 ol { border-top: 1px dashed #85c446 !important} .learning01 li { padding:3px 0 3px 10px; margin:0; font-size:20px; line-height:35px; color:#c97410; border-bottom: 1px dashed #85c446; list-style:none} .learning01 a, .learning01 a:link, .learning01 a:active, .learning01 a:visited, .learning01 a:hover { color:#c97410; font-weight:normal } /*new global blog layout*/ .createdate { padding:0 !important; font-size:11px !important; line-height:18px; text-transform: none; border-bottom:1px dashed #85c446 !important; border-top:1px dashed #85c446 !important} .createdate_date { float:left; padding:7px 0} .blog_beforecontent { float:right; width:350px} #at15s_inner { height: auto} #at_pspromo, .at-promo-single { display:none; visibility:hidden; height:45px} .extravote-container { height:18px ; padding-left:25px } .extravote-stars { height:18px; padding:0; margin:0} .extravote-stars li { height:18px; padding:0; margin:0 } .extravote-stars li a { height:18px; padding:0; margin:0; line-height:18px } .blog_beforecontent div { width:175px !important; float:left; } .blog_beforecontent div.socialHolder { width:175px !important; float:left; padding:9px 0 0 0} /*class added to abiviasocbook.php at plugins/content*/ .article_separator { border:none !important; padding:0; margin:0; height:18px} .contentpagetitle { color:#c97410 !important; text-transform:capitalize; font-size:22px; } #maincolumn .contentpaneopen { line-height:25px; font-size:15px} .article_ordering_wrapper { background:#e2f1cf; margin:0 10px 10px 18px; padding:0 20px; line-height:31px; height:35px; } .order_link { padding:0 18px 0 0; float:left; display:inline; text-transform:uppercase; font-weight:bold; color:#00694a!important } .order_link:hover { color:#000 !important} .article_ordering_wrapper form { width:250px; float:right; margin:8px 0 0 0; display:inline} .article_ordering_wrapper form input { float:left; clear:none; ; font-size:11px;} /*event error hidden*/ .news01 font table { display:none; visibility:hidden;} /*listing in sections*/ .searchInListing { position: absolute; top:0px; left:270px; width:180px} .wrapper_listing_categories_top span { background:url(images/home/sh_solution.gif) 0 0 no-repeat; display:block; text-indent:-9999px; overflow:hidden} .searchInListing .inputbox { font-size:10px; width:130px; color:#7f7f7f; margin:0 } .searchInListing .button { width:30px; margin:0 0 0 5px} .wrapper_listing_categories_top { margin:15px auto 5px auto; clear:both; width:530px; font-size:25px; text-transform:uppercase; color:#00694a; position:relative } .wrapper_listing_categories_bottom { clear:both; width:530px !important ; padding:0 0 10px 0; margin:0 auto; font-size:20px; line-height:35px; color:#c97410; color:#c97410; text-transform:uppercase } ul.wrapper_listing_categories {border-top:1px solid #85c446; width:530px; clear:both; padding:0 !important; margin:0 !important; min-height: inherit; _height:auto; list-style:none} li.listing_categories { width:260px !important; float:left ; padding:3px 0; margin:0; font-size:20px; line-height:35px; color:#c97410; border-bottom: 1px dashed #85c446} .listing_categories a, .listing_categories a:link, .listing_categories a:active, .listing_categories a:visited, .listing_categories a:hover { color:#c97410; font-weight:normal } .tellus { color:#C97410 !important} .categories_img { width:54px; height:35px; margin:0 15px 0 0; float:left; display:inline; background:#000} .categories_name {} .categories_img_42 { background:url(images/listingapplications/img_bakery.jpg) center center no-repeat} .categories_img_43 { background:url(images/listingapplications/img_beverage.jpg) center center no-repeat} .categories_img_44 { background:url(images/listingapplications/img_confections.jpg) center center no-repeat} .categories_img_45 { background:url(images/listingapplications/img_diary.jpg) center center no-repeat} .categories_img_46 { background:url(images/listingapplications/img_meat.jpg) center center no-repeat} .categories_img_47 { background:url(images/listingapplications/img_sauces.jpg) center center no-repeat} /*listing in category*/ .wrapper_listing_articles_top { margin:15px auto 5px auto; clear:both; width:530px; font-size:25px; text-transform:uppercase; color:#00694a } .wrapper_listing_articles_bottom { clear:both; width:530px !important ; padding:0 0 10px 0; margin:0 auto; font-size:20px; line-height:35px; color:#c97410; color:#c97410; text-transform:uppercase } ul.wrapper_listing_articles {border-top:1px solid #85c446; width:530px; clear:both; padding:0 !important; margin:0 !important; min-height: inherit; _height:auto} li.listing_articles { width:520px !important ; padding:3px 0; margin:0; font-size:20px; line-height:35px; color:#c97410; border-bottom: 1px dashed #85c446} .listing_articles a, .listing_articles a:link, .listing_articles a:active, .listing_articles a:visited, .listing_articles a:hover { color:#c97410; font-weight:normal } .article_img { width:54px; height:35px; margin:0 15px 0 0; float:left; display:inline; background: #CCCCCC} .article_name {} /*images for applications listing in category view*/ /*bakery*/ .article_img_227 {background: url(images/listingapplications/img_tortilla01.jpg) center center no-repeat} .article_img_226 {background: url(images/listingapplications/img_reduced_fat.jpg) center center no-repeat} .article_img_225 {background: url(images/listingapplications/img_pie.jpg) center center no-repeat} .article_img_224 {background: url(images/listingapplications/img_bars.jpg) center center no-repeat} .article_img_222 {background: url(images/listingapplications/img_hot_cereal.jpg) center center no-repeat} .article_img_221 {background: url(images/listingapplications/img_glazes.jpg) center center no-repeat} .article_img_220 {background: url(images/listingapplications/img_frozen.jpg) center center no-repeat} .article_img_219 {background: url(images/listingapplications/img_fiber.jpg) center center no-repeat} .article_img_216 {background: url(images/listingapplications/img_bread.jpg) center center no-repeat} .article_img_193 {background: url(images/listingapplications/img_baked.jpg) center center no-repeat} /*Beverages*/ .article_img_237 {background: url(images/listingapplications/img_yogurt01.jpg) center center no-repeat} .article_img_236 {background: url(images/listingapplications/img_still.jpg) center center no-repeat} .article_img_235 {background: url(images/listingapplications/img_colada.jpg) center center no-repeat} .article_img_234 {background: url(images/listingapplications/img_instant.jpg) center center no-repeat} .article_img_233 {background: url(images/listingapplications/img_cocoa.jpg) center center no-repeat} .article_img_232 {background: url(images/listingapplications/img_fruit.jpg) center center no-repeat} .article_img_231 {background: url(images/listingapplications/img_fortified.jpg) center center no-repeat} .article_img_230 {background: url(images/listingapplications/img_coffee.jpg) center center no-repeat} .article_img_229 {background: url(images/listingapplications/img_citrus.jpg) center center no-repeat} .article_img_228 {background: url(images/listingapplications/img_emulsions.jpg) center center no-repeat} .article_img_194 {background: url(images/listingapplications/img_stable.jpg) center center no-repeat} /*confections*/ .article_img_241 {background: url(images/listingapplications/img_panned.jpg) center center no-repeat} .article_img_240 {background: url(images/listingapplications/img_gummi.jpg) center center no-repeat} .article_img_239 {background: url(images/listingapplications/img_dusting.jpg) center center no-repeat} .article_img_238 {background: url(images/listingapplications/img_caramel.jpg) center center no-repeat} .article_img_195 {background: url(images/listingapplications/img_aerated.jpg) center center no-repeat} /*dairy*/ .article_img_247 {background: url(images/listingapplications/img_yogurt02.jpg) center center no-repeat} .article_img_246 {background: url(images/listingapplications/img_water.jpg) center center no-repeat} .article_img_245 {background: url(images/listingapplications/img_sour.jpg) center center no-repeat} .article_img_244 {background: url(images/listingapplications/img_ice.jpg) center center no-repeat} .article_img_243 {background: url(images/listingapplications/img_gelato.jpg) center center no-repeat} .article_img_242 {background: url(images/listingapplications/img_cheese.jpg) center center no-repeat} .article_img_196 {background: url(images/listingapplications/img_beverages02.jpg) center center no-repeat} /*meat*/ .article_img_249 {background: url(images/listingapplications/img_veggie.jpg) center center no-repeat} .article_img_248 {background: url(images/listingapplications/img_tumbled.jpg) center center no-repeat} .article_img_197 {background: url(images/listingapplications/img_injection.jpg) center center no-repeat} /*sauces and dressings*/ .article_img_259 {background: url(images/listingapplications/img_spoonable.jpg) center center no-repeat} .article_img_258 {background: url(images/listingapplications/img_salsa.jpg) center center no-repeat} .article_img_257 {background: url(images/listingapplications/img_reduced.jpg) center center no-repeat} .article_img_256 {background: url(images/listingapplications/img_pourable.jpg) center center no-repeat} .article_img_255 {background: url(images/listingapplications/img_mayo.jpg) center center no-repeat} .article_img_254 {background: url(images/listingapplications/img_marinade.jpg) center center no-repeat} .article_img_253 {background: url(images/listingapplications/img_dry_mixes.jpg) center center no-repeat} .article_img_252 {background: url(images/listingapplications/img_dairy_based.jpg) center center no-repeat} .article_img_251 {background: url(images/listingapplications/img_cocktail.jpg) center center no-repeat} .article_img_250 {background: url(images/listingapplications/img_brown_sugar.jpg) center center no-repeat} .article_img_198 {background: url(images/listingapplications/img_bbq.jpg) center center no-repeat} /*hidden date and rating for category - blog view - fix title*/ .title-in-cat-62, .title-in-cat-53, .title-in-cat-79 { border-bottom:1px dashed #C97410 !important; padding-bottom: 5px !important } /*featured category only - blog view*/ .featured_image { background:#ccc; width:179px; height:231px; float:right; display:inline; position:relative; top:-80px; left:12px; display:none !important} .featured_image_71 { background:url(images/featured/img_featured_arabic.jpg) top right no-repeat } .featured_image_72 { background:url(images/featured/img_featured_arabic.jpg) top right no-repeat } .featured_image_73 { background:url(images/featured/img_featured_arabic.jpg) top right no-repeat } /*sample form styles*/ #ff_formdiv1 { padding:0 0 0 20px; width:540px} #ff_formdiv81 { padding:0 0 0 20px; width:540px} fieldset { border:none } fieldset .bfBlock { border:none} fieldset legend { color:#00694A } /*contact form style*/ #ff_formdiv3 { padding:0 0 0 20px; width:540px} /*Technical Request form style*/ #ff_formdiv4 { padding:0 0 0 20px; width:540px} /*404*/ #errors2site { width:500px; margin:0 auto}