@charset "utf-8"; /* Main Navigation */ /* menu 1 */ #menu1 { width:980px; height:31px; margin:0; padding:0; } #menu1 ul { list-style:none; margin:0; padding:0; } #menu1 li {float:left; display:block; margin:0; padding:0;} /* Nav 1 - About */ #menu1 li.nav1 a { width:170px; height: 32px; text-decoration: none; } #menu1 li.nav1 a:link, #menu1 li.nav1 a:visited { width:170px; display: block; background: url(../graphics/nav_abt.gif); padding: 0; } #menu1 li.nav1 a:hover { background: url(../graphics/nav_abt.gif) 0 -32px; padding: 0; } #menu1 li.nav1 a.onpage01 { background: url(../graphics/nav_abt.gif) 0 -32px; padding: 0; } /* Nav 2 - Brands */ #menu1 li.nav2 a { width:160px; height: 32px; text-decoration: none; } #menu1 li.nav2 a:link, #menu1 li.nav2 a:visited { width:160px; display: block; background: url(../graphics/nav_brd.gif); padding: 0; } #menu1 li.nav2 a:hover { background: url(../graphics/nav_brd.gif) 0 -32px; padding: 0; } #menu1 li.nav2 a.onpage02 { background: url(../graphics/nav_brd.gif) 0 -32px; padding: 0; } /* Nav 3 - Product Catalog */ #menu1 li.nav3 a { width:160px; height: 32px; text-decoration: none; } #menu1 li.nav3 a:link, #menu1 li.nav3 a:visited { width:160px; display: block; background: url(../graphics/nav_cat.gif); padding: 0; } #menu1 li.nav3 a:hover { background: url(../graphics/nav_cat.gif) 0 -32px; padding: 0; } #menu1 li.nav3 a.onpage03 { background: url(../graphics/nav_cat.gif) 0 -32px; padding: 0; } /* Nav 4 - Menu Solutions */ #menu1 li.nav4 a { width:160px; height: 32px; text-decoration: none; } #menu1 li.nav4 a:link, #menu1 li.nav4 a:visited { width:160px; display: block; background: url(../graphics/nav_mnu.gif); padding: 0; } #menu1 li.nav4 a:hover { background: url(../graphics/nav_mnu.gif) 0 -32px; padding: 0; } #menu1 li.nav4 a.onpage04 { background: url(../graphics/nav_mnu.gif) 0 -32px; padding: 0; } /* Nav 5 - Grapevine */ #menu1 li.nav5 a {width:160px; height: 32px; text-decoration: none; } #menu1 li.nav5 a:link, #menu1 li.nav5 a:visited { width:160px; display: block; background: url(../graphics/nav_grp.gif); padding: 0; } #menu1 li.nav5 a:hover { background: url(../graphics/nav_grp.gif) 0 -32px; padding: 0; } #menu1 li.nav5 a.onpage05 { background: url(../graphics/nav_grp.gif) 0 -32px; padding: 0; } /* Nav 6 - Caddy Central */ #menu1 li.nav6 a {width:170px; height: 32px; text-decoration: none; } #menu1 li.nav6 a:link, #menu1 li.nav6 a:visited { width:170px; display: block; background: url(../graphics/nav_cdy.gif); padding: 0; } #menu1 li.nav6 a:hover { background: url(../graphics/nav_cdy.gif) 0 -32px; padding: 0; } #menu1 li.nav6 a.onpage06 { background: url(../graphics/nav_cdy.gif) 0 -32px; padding: 0; } /* ---------------------------------------------------------------- */ /* Top Navigation */ /* menu 2 */ #menu2 { width: 342px; margin:95px 0 0 12px; padding:0; } #menu2 ul { list-style:none; margin:0; padding:0; } #menu2 li {float:left; display:block; margin:0; padding:0;} /* Nav 1 - home */ #menu2 li.nav1 a { width:60px; height: 15px; text-decoration: none; } #menu2 li.nav1 a:link, #menu2 li.nav1 a:visited { width:60px; display: block; background: url(../graphics/topnav_home.gif); padding: 0; } #menu2 li.nav1 a:hover { background: url(../graphics/topnav_home.gif) 0 -15px; padding: 0; } #menu2 li.nav1 a.onpageTop1 { background: url(../graphics/topnav_home.gif) 0 -15px; padding: 0; } /* Nav 2 - Contact */ #menu2 li.nav2 a { width:134px; height: 15px; text-decoration: none; } #menu2 li.nav2 a:link, #menu2 li.nav2 a:visited { width:134px; display: block; background: url(../graphics/topnav_contact.gif); padding: 0; } #menu2 li.nav2 a:hover { background: url(../graphics/topnav_contact.gif) 0 -15px; padding: 0; } #menu2 li.nav2 a.onpageTop2 { background: url(../graphics/topnav_contact.gif) 0 -15px; padding: 0; } /* Nav 3 - Login */ #menu2 li.nav3 a { width:148px; height: 15px; text-decoration: none; } #menu2 li.nav3 a:link, #menu2 li.nav3 a:visited { width:148px; display: block; background: url(../graphics/topnav_login.gif); padding: 0; } #menu2 li.nav3 a:hover { background: url(../graphics/topnav_login.gif) 0 -15px; padding: 0; } #menu2 li.nav3 a.onpageTop3 { background: url(../graphics/topnav_login.gif) 0 -15px; padding: 0; } /* ------------------------------------------------------------------------------------ */ /* Sub Navigations */ .subnav-210 { clear:both; width:211px; height:210px; background:url(../graphics/subnav_210_bg.png) no-repeat; margin-left:18px; padding-top:35px; } .subnav-365 { clear:both; width:211px; height:365px; background:url(../graphics/subnav_365_bg.png) no-repeat; margin-left:18px; padding-top:35px; } .subnav-435 { clear:both; width:211px; height:435px; background:url(../graphics/subnav_435_bg.png) no-repeat; margin-left:18px; padding-top:35px; } .subnav-480 { clear:both; width:211px; height:490px; background:url(../graphics/subnav_490_bg.png) no-repeat; margin-left:18px; padding-top:35px; } /* Sub Menu 1 About */ #submenu1 { width: 161px; height:100px; margin:0 0 0 26px; padding:0; } #submenu1 ul { list-style:none; margin:0; padding:0; } #submenu1 li { clear:both; display:block; margin-left: 0px;} /* Nav 1 - Overview */ #submenu1 li.subnav1 a { height: 32px; text-decoration: none; } #submenu1 li.subnav1 a:link, #submenu1 li.subnav1 a:visited { display: block; background: url(../graphics/subnav_abt_ovr.gif); padding: 0; } #submenu1 li.subnav1 a:hover { background: url(../graphics/subnav_abt_ovr.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu1 li.onpageSub1 a:link, #submenu1 li.onpageSub1 a:visited { display: block; background: url(../graphics/subnav_abt_ovr.gif) 0 -32px; padding: 0; } /* Nav 2 - History */ #submenu1 li.subnav2 a { height: 32px; text-decoration: none; } #submenu1 li.subnav2 a:link, #submenu1 li.subnav2 a:visited { display: block; background: url(../graphics/subnav_abt_hst.gif); padding: 0; } #submenu1 li.subnav2 a:hover { background: url(../graphics/subnav_abt_hst.gif) 0 -32px; padding: 0; } /* on page */ #submenu1 li.onpageSub2 a:link, #submenu1 li.onpageSub2 a:visited { display: block; background: url(../graphics/subnav_abt_hst.gif) 0 -32px; padding: 0; } /* Nav 3 - Affiliated Websites */ #submenu1 li.subnav3 a { height: 32px; text-decoration: none; } #submenu1 li.subnav3 a:link, #submenu1 li.subnav3 a:visited { display: block; background: url(../graphics/subnav_abt_awb.gif); padding: 0; } #submenu1 li.subnav3 a:hover { background: url(../graphics/subnav_abt_awb.gif) 0 -32px; padding: 0; } /* on page */ #submenu1 li.onpageSub3 a:link, #submenu1 li.onpageSub3 a:visited { display: block; background: url(../graphics/subnav_abt_awb.gif) 0 -32px; padding: 0; } /* Sub Menu 2 Brands */ #submenu2 { width: 161px; height:100px; margin:0 0 0 26px; padding:0; } #submenu2 ul { list-style:none; margin:0; padding:0; } #submenu2 li { clear:both; display:block; margin-left: 0px;} /* Nav 1 - Overview */ #submenu2 li.subnav1 a { height: 32px; text-decoration: none; } #submenu2 li.subnav1 a:link, #submenu2 li.subnav1 a:visited { display: block; background: url(../graphics/subnav_brands.gif); padding: 0; } #submenu2 li.subnav1 a:hover { background: url(../graphics/subnav_brands.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu2 li.onpageSub1 a:link, #submenu2 li.onpageSub1 a:visited { display: block; background: url(../graphics/subnav_brands.gif) 0 -32px; padding: 0; } /* Sub Menu 3 Product Catalog */ #submenu3 { width: 161px; height:100px; margin:0 0 0 26px; padding:0; } #submenu3 ul { list-style:none; margin:0; padding:0; } #submenu3 li { clear:both; display:block; margin-left: 0px;} /* Nav 1 - Product Lines */ #submenu3 li.subnav1 a { height: 32px; text-decoration: none; } #submenu3 li.subnav1 a:link, #submenu3 li.subnav1 a:visited { display: block; background: url(../graphics/subnav_prd_lines.gif); padding: 0; } #submenu3 li.subnav1 a:hover { background: url(../graphics/subnav_prd_lines.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu3 li.onpageSub1 a:link, #submenu3 li.onpageSub1 a:visited { display: block; background: url(../graphics/subnav_prd_lines.gif) 0 -32px; padding: 0; } /* Nav 2 - Brands */ #submenu3 li.subnav2 a { height: 32px; text-decoration: none; } #submenu3 li.subnav2 a:link, #submenu3 li.subnav2 a:visited { display: block; background: url(../graphics/subnav_prd_brands.gif); padding: 0; } #submenu3 li.subnav2 a:hover { background: url(../graphics/subnav_prd_brands.gif) 0 -32px; padding: 0; } /* on page */ #submenu1 li.onpageSub2 a:link, #submenu3 li.onpageSub2 a:visited { display: block; background: url(../graphics/subnav_prd_brands.gif) 0 -32px; padding: 0; } /* Nav 3 - FAQ */ #submenu3 li.subnav3 a { height: 32px; text-decoration: none; } #submenu3 li.subnav3 a:link, #submenu3 li.subnav3 a:visited { display: block; background: url(../graphics/subnav_prd_qa.gif); padding: 0; } #submenu3 li.subnav3 a:hover { background: url(../graphics/subnav_prd_qa.gif) 0 -32px; padding: 0; } /* on page */ #submenu3 li.onpageSub3 a:link, #submenu3 li.onpageSub3 a:visited { display: block; background: url(../graphics/subnav_prd_qa.gif) 0 -32px; padding: 0; } /* Sub Menu 4 Caddy Central */ #submenu4 { width: 161px; height:100px; margin:0 0 0 26px; padding:0; } #submenu4 ul { list-style:none; margin:0; padding:0; } #submenu4 li { clear:both; display:block; margin-left: 0px;} /* Nav 1 - Product Lines */ #submenu4 li.subnav1 a { height: 32px; text-decoration: none; } #submenu4 li.subnav1 a:link, #submenu4 li.subnav1 a:visited { display: block; background: url(../graphics/subnav_caddy.gif); padding: 0; } #submenu4 li.subnav1 a:hover { background: url(../graphics/subnav_caddy.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu4 li.onpageSub1 a:link, #submenu4 li.onpageSub1 a:visited { display: block; background: url(../graphics/subnav_caddy.gif) 0 -32px; padding: 0; } /* Sub Menu 5 Menu Solutions */ #submenu5 { width: 161px; height:100px; margin:0 0 0 26px; padding:0; } #submenu5 ul { list-style:none; margin:0; padding:0; } #submenu5 li { clear:both; display:block; margin-left: 0px;} /* Nav 1 - Recipes */ #submenu5 li.subnav1 a { height: 32px; text-decoration: none; } #submenu5 li.subnav1 a:link, #submenu5 li.subnav1 a:visited { display: block; background: url(../graphics/subnav_rec.gif); padding: 0; } #submenu5 li.subnav1 a:hover { background: url(../graphics/subnav_rec.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu5 li.onpageSub1 a:link, #submenu5 li.onpageSub1 a:visited { display: block; background: url(../graphics/subnav_rec.gif) 0 -32px; padding: 0; } /* Nav 2 - Recipes Search */ #submenu5 li.subnav2 a { height: 32px; text-decoration: none; } #submenu5 li.subnav2 a:link, #submenu5 li.subnav2 a:visited { display: block; background: url(../graphics/subnav_rec_search.gif); padding: 0; } #submenu5 li.subnav2 a:hover { background: url(../graphics/subnav_rec_search.gif) 0 -32px; padding: 0; } /* on page */ #submenu5 li.onpageSub2 a:link, #submenu5 li.onpageSub2 a:visited { display: block; background: url(../graphics/subnav_rec_search.gif) 0 -32px; padding: 0; } /* Nav 3 - Trends & Tips */ #submenu5 li.subnav3 a { height: 32px; text-decoration: none; } #submenu5 li.subnav3 a:link, #submenu5 li.subnav3 a:visited { display: block; background: url(../graphics/subnav_tips.gif); padding: 0; } #submenu5 li.subnav3 a:hover { background: url(../graphics/subnav_tips.gif) 0 -32px; padding: 0; } /* on page */ #submenu5 li.onpageSub3 a:link, #submenu5 li.onpageSub3 a:visited { display: block; background: url(../graphics/subnav_tips.gif) 0 -32px; padding: 0; } /* Sub Menu 6 Grapevine */ #submenu6 { width: 161px; height:100px; margin:0 0 0 26px; padding:0; } #submenu6 ul { list-style:none; margin:0; padding:0; } #submenu6 li { clear:both; display:block; margin-left: 0px;} /* Nav 1 - Grapevine */ #submenu6 li.subnav1 a { height: 32px; text-decoration: none; } #submenu6 li.subnav1 a:link, #submenu6 li.subnav1 a:visited { display: block; background: url(../graphics/subnav_grapevine.gif); padding: 0; } #submenu6 li.subnav1 a:hover { background: url(../graphics/subnav_grapevine.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu6 li.onpageSub1 a:link, #submenu6 li.onpageSub1 a:visited { display: block; background: url(../graphics/subnav_grapevine.gif) 0 -32px; padding: 0; } /* Nav 2 - Grapevine Archives */ #submenu6 li.subnav2 a { height: 32px; text-decoration: none; } #submenu6 li.subnav2 a:link, #submenu6 li.subnav2 a:visited { display: block; background: url(../graphics/subnav_gvarchives.gif); padding: 0; } #submenu6 li.subnav2 a:hover { background: url(../graphics/subnav_gvarchives.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu6 li.onpageSub2 a:link, #submenu6 li.onpageSub2 a:visited { display: block; background: url(../graphics/subnav_gvarchives.gif) 0 -32px; padding: 0; } /* Sub Menu 7 Contact */ #submenu7 { width: 161px; height:100px; margin:0 0 0 26px; padding:0; } #submenu7 ul { list-style:none; margin:0; padding:0; } #submenu7 li { clear:both; display:block; margin-left: 0px;} /* Nav 1 - Contact Us */ #submenu7 li.subnav1 a { height: 32px; text-decoration: none; } #submenu7 li.subnav1 a:link, #submenu7 li.subnav1 a:visited { display: block; background: url(../graphics/subnav_contactus.gif); padding: 0; } #submenu7 li.subnav1 a:hover { background: url(../graphics/subnav_contactus.gif) 0 -32px; padding: 0; 0} /* on page */ #submenu7 li.onpageSub1 a:link, #submenu7 li.onpageSub1 a:visited { display: block; background: url(../graphics/subnav_contactus.gif) 0 -32px; padding: 0; } /* Nav 2 - Local Sales Contact */ #submenu7 li.subnav2 a { height: 32px; text-decoration: none; } #submenu7 li.subnav2 a:link, #submenu7 li.subnav2 a:visited { display: block; background: url(../graphics/subnav_contactsales.gif); padding: 0; } #submenu7 li.subnav2 a:hover { background: url(../graphics/subnav_contactsales.gif) 0 -32px; padding: 0; } /* on page */ #submenu7 li.onpageSub2 a:link, #submenu7 li.onpageSub2 a:visited { display: block; background: url(../graphics/subnav_contactsales.gif) 0 -32px; padding: 0; } /* flyout menu */ /*.flyout{ list-style:none; margin:0; padding:0; } .flyout li { clear:both; display:block; margin-bottom:6px; padding-left:8px; color:#CE1126; font-size:11px; font-weight:bold;}*/ .flyout-link { margin: 0 0 5px 10px;} .flyout-link a:link {color: #CE1126; text-decoration: none; font-size:11px; font-weight:bold;} .flyout-link a:visited {color: #CE1126; text-decoration: none; font-size:11px; font-weight:bold;} .flyout-link a:hover {color: #660000; text-decoration: none; font-size:11px; font-weight:bold;} .flyout-link a:active, a:focus {color: #CE1126; text-decoration: none; font-size:11px; font-weight:bold;} /* on state, make link same as hover */ .flyout-link-on { margin: 0 0 5px 10px;} .flyout-link-on a:link {color: #660000; text-decoration: none; font-size:11px; font-weight:bold;} .flyout-link-on a:visited {color: #660000; text-decoration: none; font-size:11px; font-weight:bold;} .flyout-link-on a:hover {color: #660000; text-decoration: none; font-size:11px; font-weight:bold;} .flyout-link-on a:active, a:focus {color: #660000; text-decoration: none; font-size:11px; font-weight:bold;} /* default a links */ /*a{color: #BA1022;text-decoration: underline;cursor:pointer;cursor:hand;}*/ a:link {color: #C21229; text-decoration: none; font-size:100%; font-weight:normal;} a:visited {color: #C21229; text-decoration: none; font-size:100%; font-weight:normal;} a:hover {color: #660000; text-decoration: underline; font-size:100%; font-weight:normal;} a:active, a:focus {color: #C21229; text-decoration: none; font-size:100%; font-weight:normal;}