/* ----------------------------------------------- Food Connections Style Sheet Derived from English360 Style Sheet Author: LongboredSurfer.com English360 Author: Cameron Moll Version: 2006.05 www.longboredsurfer.com ----------------------------------------------- */ html, body, div, p {font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color: #333;} body {margin: 0; padding: 0; background: #fff;} /* LINKS --------------------- */ a:link, a:active, a:visited {font-weight: bold; color: #FF001E; padding: 1px 2px 2px; background: url(bg_diag.gif); text-decoration: none;} a:hover {color: #333;} a img {border-width: 0; border-style: none;} a:link.glosslink, a:active.glosslink, a:visited.glosslink {border-bottom: 1px dotted #333; font-weight: normal; color: #000000; padding: 1px; text-decoration: none; background: url(none);} /* COMMON --------------------- */ h2 span, h3 span, h4 span {display: none;} p {margin: 0; padding: 1em 0 0; line-height: 140%;} hr {display: none;} form {margin: 1em 0 0;} input, textarea, select {background: #fff;} table {margin-top: 1em; width: 100%; border: none;} th {padding: .75em; text-transform: uppercase; font-size: 12px; text-align: left; background: url(bg_diag.gif);} td {width: 45%; padding: .75em; vertical-align: top; border-bottom: 1px solid #E4E4E4;} #servicesandfees #content td {width: 25%;} /* MASTHEAD + NAV --------------------- */ #bar {position: absolute; top: 0; left: 0; width: 204px; height: 6px; background: #FF001E;} #logo {position: absolute; top: 6px; left: 0; width: 204px; background: url(/images/foodlogo.gif) no-repeat;} #logo a {display: block; height: 160px; padding: 0 !important; background: url(/images/foodlogo.gif) no-repeat;} #logo h1 {margin: 0;} #logo h1 strong {display: none;} #masthead {position: relative; margin-left: 9px; height: 163px;} #navholder {position: absolute; top: 59px; left: 212px !important;} #nav {margin: 0; padding: 0; list-style: none;} #nav li {display: block; float: left; margin-left: 21px;} #nav li a {display: block; height: 22px; padding: 0 !important;} #nav li a:hover {border-bottom: 2px solid #FF001E;} #nav li a strong {display: none;} #nav li#hm {display: none;} #nav li#menu-about {width: 44px; background: transparent url(/images/mAbout.gif) no-repeat;} #nav li#menu-menusamples {width: 87px; background: transparent url(/images/mMenuSamples.gif) no-repeat;} #nav li#menu-servicesandfees {width: 93px; background: transparent url(/images/mServicesandFees.gif) no-repeat;} #nav li#menu-tabletalk {width: 70px; background: transparent url(/images/mTableTalk.gif) no-repeat;} #nav li#menu-faqs {width: 34px; background: transparent url(/images/mFAQs.gif) no-repeat;} #nav li#menu-contact {width: 59px; background: transparent url(/images/mContact.gif) no-repeat;} li#menu-about a {background: transparent url(/images/mAbout.gif) no-repeat;} li#menu-menusamples a {background: transparent url(/images/mMenuSamples.gif) no-repeat;} li#menu-servicesandfees a {background: transparent url(/images/mServicesandFees.gif) no-repeat;} li#menu-tabletalk a {background: transparent url(/images/mTableTalk.gif) no-repeat;} li#menu-faqs a {background: transparent url(/images/mFAQs.gif) no-repeat;} li#menu-contact a {background: transparent url(/images/mContact.gif) no-repeat;} #skip {display: none;} /* INTRO --------------------- */ #intro {margin-top: 0px; height: 170px;} #lifestyle {float: right; width: 237px; height: 330px; background: url(/images/MainPageFood.jpg) no-repeat;} #catnavholder {float: left; width: 520px;} #catnav {margin: 0; padding: 0; list-style: none;} #catnav li {display: block; float: left; width: 130px; position: relative;} #catnav li a.on {display: block; height: 124px; padding: 0 !important;} #catnav li a.on strong {display: none;} #catnav li p {position: absolute; top: 52px; left: 0; padding: 0 10px; font-size: 10px; line-height: 110%;} #catnav li p a {padding: 0; font-weight: normal; color: #333; background: none;} #catnav li p a:hover {color: #666;} li#menus {background: transparent url(/images/nav_menus.gif) bottom left no-repeat;} li#services {background: transparent url(/images/nav_services.gif) bottom left no-repeat;} li#gifts {background: transparent url(/images/nav_gifts.gif) bottom left no-repeat;} li#certified {background: transparent url(/images/nav_certified.gif) bottom left no-repeat;} li#contact {background: transparent url(/images/nav_contact.gif) bottom left no-repeat;} li#menus a.on {background: transparent url(/images/nav_menus.gif) bottom left no-repeat;} li#menus a.on:hover {background-position: top left;} li#services a.on {background: transparent url(/images/nav_services.gif) bottom left no-repeat;} li#services a.on:hover {background-position: top left;} li#gifts a.on {background: transparent url(/images/nav_gifts.gif) bottom left no-repeat;} li#gifts a.on:hover {background-position: top left;} li#certified a.on {background: transparent url(/images/nav_certified.gif) bottom left no-repeat;} li#certified a.on:hover {background-position: top left;} li#contact a.on {background: transparent url(/images/nav_contact.gif) bottom left no-repeat;} li#contact a.on:hover {background-position: top left;} #welcome {float: left; width: 460px; height: 205px; padding-left: 9px;} * { } #welcome h2 {margin: 0; width: 460px; height: 18px;} /* CONTENT --------------------- */ #content {float: left; margin: 39px 0 0 9px; width: 485px !important; width: 475px; background: url(/images/bg_linedark.gif) top left repeat-x;} #content h2 {margin: 1.2em 0 0; font: 24px Avenir,Helvetica,Arial,sans-serif; color: #FF001E;} #content h2 a:link, #content h2 a:active, #content h2 a:visited {font-weight: normal; background: none; padding: 0;} #content h2 a:hover {color: #FF001E; text-decoration: underline;} #content h3 {margin: 0 0 1em; height: 24px; border-bottom: 2px solid #FF001E;} #content h3#faqhome {margin: 1px 0 1em; height: 24px; border-bottom: 2px solid #FF001E;} #content h4 {margin: 1.2em 0 0; padding-top: 1.2em; text-transform: uppercase; font-size: 12px; background: url(/images/bg_linelight.gif) top left repeat-x;} #content h4.nobg {background: none;} #content h4 strong {color: #00BFF3;} #content ul, #content ol {margin-top: 1em; margin-bottom: 0;} #content ul li, #content ol li {margin-top: .5em; line-height: 140%;} #content ul li p, #content ol li p {padding-top: 0;} #content ul li span, #content ol li span {font-size: 10px; text-transform: uppercase; letter-spacing: 1px;} #home #content {margin-left: 41px !important;} #home #content p {padding: .5em 0; color: #6B6B6B;} #home #content h3 {width: 181px; background: url(/images/hFAQ.gif) no-repeat;} #about #content h3 {width: 44px; background: url(/images/mAbout.gif) no-repeat;} #menusamples #content h3 {width: 87px; background: url(/images/mMenuSamples.gif) no-repeat;} #servicesandfees #content h3 {width: 93px; background: url(/images/mServicesandFees.gif) no-repeat;} #tabletalk #content h3 {width: 70px; background: url(/images/mTableTalk.gif) no-repeat;} #faqs #content h3 {width: 34px; background: url(/images/mFAQs.gif) no-repeat;} #contact #content h3 {width: 59px; background: url(/images/mContact.gif) no-repeat;} #info #content h3 {width: 186px; background: url(/images/bInfo.gif) no-repeat;} .faqhead {padding: 1em 0 0 !important; color: #333 !important;} .def p {padding: 1em 0; border-bottom: 1px solid #E4E4E4;} .def p.nobd {border: none; padding-bottom: 0;} .def ul {padding-bottom: 1em; border-bottom: 1px solid #E4E4E4;} .note {margin: 1em 0; padding: 1em 0; font-size: 10px; color: #6B6B6B; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;} .step {margin: 2em 0 0; padding: .5em 2em 2em; background: url(/images/bg_diag.gif);} .step h2 {margin-top: .5em !important;} /* SIDEBAR --------------------- */ #callout {margin: 2em 0; background: #FF001E;} #callout p {padding: .5em 1em; } #callout a {font-weight: normal; padding: 0; background: none; color: #fff;} #home #sidebar {float: left !important; margin-left: 9px;} #home #sidebar p {padding: 0;} #home #sidebar h3 {width: 117px; background: url(/images/hDiscussion.gif) no-repeat;} #sidebar {float: right; margin-top: 39px; width: 222px; background: url(/images/bg_linedark.gif) top left repeat-x;} #sidebar h3 {margin: 1px 0 0; width: 120px; height: 22px; background: url(/images/hInformation.gif) no-repeat; border-bottom: 2px solid #FF001E;} #sidebar h4 { font-size:11px;} #sidebar ul {margin: 2em 0 1em; padding: 0;} #sidebar ul li {list-style: none; margin-top: 1em;} .al1 {text-align: right; padding-bottom: 0;} .al2 {text-align: center;} .bloghead {margin-left: -2px; padding: 2em 0 .25em !important;} .highlight {margin: 2em 0; padding: 1em; background: url(/images/bg_diag.gif);} .highlight a {background: none;} .highlight h4 {margin: 0 0 1em; width: 67px; height: 16px; background: url(/images/subscribe.gif) no-repeat;} .highlight p {padding: 0;} .highlight input#email {float: left; margin-right: 5px; width: 125px; font-size: 10px; border-top: 1px solid #B8B8B8; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-left: 1px solid #B8B8B8;} .highlight input#email:focus { border: #FF001E solid 1px; } .i {padding: 3px; background: #fff;} .posted {margin-top: .5em; padding-top: .25em !important; background: url(/images/bg_linelight.gif) top left repeat-x; color: #6B6B6B;} .posted a:link, .posted a:active, .posted a:visited {font-weight: normal; background: none; padding: 0; color: #6B6B6B;} .posted a:hover {color: #333;} .posted img {margin-right: 2px; vertical-align: text-top;} /* FOOTER --------------------- */ #footer {margin: 39px 0 39px 9px; background: url(/images/bg_linelight.gif) top left repeat-x;} #footer a {padding: 0; background: none; color: #6B6B6B; font-weight: normal; text-decoration: underline;} #footer p {font-size: 10px; color: #6B6B6B;} #home footer {margin-left: 0 !important;} #switch, #top {display: none;} /* --- MISC --------------------- */ #container {margin: 0 auto; width: 757px;} /* Nifty Corners */ .rtop,.rbottom {display: block;} .rtop *,.rbottom * {display: block; height: 1px; overflow: hidden;} .r1 {margin: 0 5px;} .r2 {margin: 0 3px;} .r3 {margin: 0 2px;} .r4 {margin: 0 1px; height: 2px;} .rs1 {margin: 0 2px;} .rs2 {margin: 0 1px;} /* Added junx */ .pricetabledude {width: 25%;} #contactform input, #contactform textarea {font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color: #333; margin: 0; padding: 2px 2px 2px 2px; border: #CCCCCC solid 1px; } #contactform input:focus, #contactform textarea:focus{ padding: 2px 2px 2px 2px; border: #FF001E solid 1px; } #contactform label{ margin: 0; padding: 0; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size: 11px; line-height:125%; color:#333; } #contactform #name{width:250px;} #contactform #email{width:250px;} #contactform #subject{width:250px;} #contactform #message{width:300px;} #contactform #submitdude{border:#FFFFFF solid 0px; padding:0px;} .foodleft { float:left; margin-right:10px; } .foodright { float:right; margin-left:10px; } #mainpcnlogo {float:left; border:hidden;}