* { margin:0; padding:0; outline:none; }

body { font-family:"trebuchet MS", Helvetica; font-size:15px; color:#333; }
font,p,span { font-family:"trebuchet MS", Helvetica; font-size:15px; color:#333; }

#logo { position:absolute; top:0; left:50%; margin-top: 8px; margin-left:-478px; width:363px; height:100px; background:url(../images/design/logo.png) top left no-repeat; cursor:pointer; }
#login_register { position:absolute; top:43px; left:50%; margin-left:83px; height:12px; width:44px; cursor:pointer; z-index:1000; }
#login_forgotPassword { position:absolute; top:43px; left:50%; margin-left:134px; height:12px; width:90px; cursor:pointer; z-index:1000; }
#login_go { position:absolute; top:18px; left:50%; margin-left:435px; height:34px; width:35px; cursor:pointer; z-index:1000; }
#login_username { position:absolute; top:12px; left:50%; margin-left:327px; z-index:1000; }
#login_password { position:absolute; top:41px; left:50%; margin-left:327px; z-index:1000; }
.loginText { width:95px; height:21px; border:none; background:none; font:Arial, Helvetica, sans-serif 12px; }
#environmentalResponsibility { position:absolute; top:0px; left:50%; width:460px; height:114px; background: url(../images/design/embracingHumanity.png) center right no-repeat; }
#canadaFood { height:78px; background: url(../images/design/canadaFood.png) center center no-repeat; cursor:pointer; margin: 0 10px 15px 0; }
#clientLogin { position:absolute; top:0; left:50%; margin-left:70px; width:415px; height:73px; z-index:99; background:#fff url(../images/design/clientLogin.jpg) top center no-repeat; border:solid #C2D63E; border-width:0 1px 1px 1px; }

#mainMenu { position:absolute; top:118px; left:50%; margin-left:-486px; width:972px; height:47px; z-index:90; }
#mainMenu li { text-align:left; float:left; display:block;  }
#mainMenu a { background:url(../images/design/mainMenu.png); cursor:pointer; height:47px; display:block; text-indent:-999.9em; text-decoration:none; }
#mainMenu a:hover, #mainMenu li:hover { position:relative; visibility:visible; z-index:91; }
#mainMenu a#menu_home { background-position:0 0; width:139px; }
#mainMenu a#menu_home:hover, #mainMenu li.active a#menu_home { background-position:0 -63px; width:139px; }
#mainMenu a#menu_about { background-position:-139px 0; width:139px; }
#mainMenu a#menu_about:hover, #mainMenu li.active a#menu_about { background-position:-139px -63px; width:139px; }
#mainMenu a#menu_products { background-position:-278px 0; width:139px; }
#mainMenu a#menu_products:hover, #mainMenu li.active a#menu_products { background-position:-278px -63px; width:139px; }
#mainMenu a#menu_download { background-position:-417px 0; width:139px; }
#mainMenu a#menu_download:hover, #mainMenu li.active a#menu_download { background-position:-417px -63px; width:139px; }
#mainMenu a#menu_faq { background-position:-556px 0; width:138px; }
#mainMenu a#menu_faq:hover, #mainMenu li.active a#menu_faq { background-position:-556px -63px; width:138px; }
#mainMenu a#menu_news { background-position:-694px 0; width:139px; }
#mainMenu a#menu_news:hover, #mainMenu li.active a#menu_news { background-position:-694px -63px; width:139px; }
#mainMenu a#menu_contact { background-position:-833px 0; width:139px; }
#mainMenu a#menu_contact:hover, #mainMenu li.active a#menu_contact { background-position:-833px -63px; width:139px; }
#mainMenu li:hover ul.nav-sub-menu { display: block; }
#mainMenu li ul.nav-sub-menu { position: absolute; z-index: 4; width: 200px; display: none; margin: 0; padding: 0; border: solid 1px #000001; }
#mainMenu li ul.nav-sub-menu li { float: none; }
#mainMenu li ul.nav-sub-menu li a { color: #367C2B; background: #ffffff; height: auto; text-indent: 0; padding: 0; text-align: left; font: bold 9pt Arial, Helvetica, sans-serif; padding: 5px 10px; }
#mainMenu li ul.nav-sub-menu li a:hover { background: #367C2B; color: #ffffff; }



#hdrLg { margin-top:165px; width:100%; height:291px; background:#C2D63E url(../images/design/featureLg.jpg?v=2) center no-repeat; }
#hdrSm { margin-top:165px; width:100%; height:134px; background:#C2D63E url(../images/design/featureSm.jpg) center no-repeat; }
#hdrLg #featureBtn1 { position:absolute; z-index:3; top:406px; left:50%; margin-left:-67px; width:23px; min-width:23px; height:22px; cursor:pointer; }
#hdrLg #featureBtn2 { position:absolute; z-index:3; top:406px; left:50%; margin-left:-38px; width:23px; min-width:23px; height:22px; cursor:pointer; }
#hdrLg #featureBtn3 { position:absolute; z-index:3; top:406px; left:50%; margin-left:-9px; width:23px; min-width:23px; height:22px; cursor:pointer; }
#hdrLg #featureBtn4 { position:absolute; z-index:3; top:406px; left:50%; margin-left:20px; width:23px; min-width:23px; height:22px; cursor:pointer; }
#hdrLg #featureBtn5 { position:absolute; z-index:3; top:406px; left:50%; margin-left:49px; width:23px; min-width:23px; height:22px; cursor:pointer; }
#hdrLg #featureBtn6 { position:absolute; z-index:3; top:406px; left:50%; margin-left:78px; width:23px; min-width:23px; height:22px; cursor:pointer; }
#hdrLg #featureBtn7 { position:absolute; z-index:3; top:406px; left:50%; margin-left:107px; width:23px; min-width:23px; height:22px; cursor:pointer; }
#hdrLg #feature { position:absolute; z-index:2; top:172px; left:50%; margin-left:-506px; width:665px; height:277px; }
#hdrLg #feature img.active { display:block; }
#hdrLg #feature img.hidden { display:none; }

#mainBodyWrap { width:100%; margin-top:30px; }
#mainBody { width:980px; margin:0 auto; }

#leftCol { width:235px; float:left; border-right:1px solid #C2D63E; }
#leftCol li { width:197px; border:1px solid #C2D63E; list-style:none; margin-top:5px; margin-left:12px; background:#ffffff; }
#leftCol li a { display: block; width:182px; height:37px; font-family:"trebuchet MS", Helvetica; font-size:15px; font-weight:800; color:#367C2B; text-decoration:none; line-height:36px; padding-left:15px; background:url(includes/images/subMenuArrow.jpg) left center no-repeat; }
#leftCol li a:hover, #leftCol li:hover, #leftCol li a.subMenuHighlight { color:#c3d63f; }
#leftCol li.heading { width:197px; height:37px; border:0; list-style:none; margin-top:5px; margin-left:12px; }
#leftCol li#cart { width:197px; height:127px; border:1px solid #C2D63E; list-style:none; margin-top:15px; margin-left:12px; padding:15px 0 0 0px; text-align:center; cursor: pointer; }
#cartCount { position:relative; width:26px; height:26px; top:-82px; left:95px; z-index:100; text-align:center; color:#ffffff; font-family:"trebuchet MS", Arial, Helvetica; font-weight:bold; font-size:14px; cursor: pointer; }

#rightCol { float:right; width:744px; font-family:"trebuchet MS", Helvetica; font-size:15px; color:#333; }
#rightCol .rightPad { padding:0 5px 0 25px; }
#rightCol p, p { padding-bottom:20px; }
#rightCol #rightFocusBtns { display:inline; margin-top:6px; }
#rightCol #rightFocusBtns li { list-style:none; float:left; padding: 0 0 0 15px}
.highlight { font-weight:bold; color:#367C2B; }

#rightCol ol, #rightCol ul { padding-bottom:20px; padding-left: 30px; }
#rightCol a { color: #367C2B; }

/* sIFR styles --- Screen only*/
h1 { font-size:54px; font-family:"trebuchet MS", Arial, Helvetica; color:#367C2B; font-weight:normal; } /* H1 replaced using scalable inman technique, more styles below */
.sIFR-hasFlash h1, .sIFR-hasFlash h1 a { font-size:54px; letter-spacing:0px; width:100%; text-decoration:none; outline:none; padding:0; padding-bottom:1px; margin:0; display:inline; }
.sIFR-flash { visibility:visible !important; margin: 0; display:inline; }
.sIFR-replaced { visibility:visible !important; display:inline; }
span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:inline; overflow:hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 { visibility: hidden; }
/* end sIFR */

h2 { font-size:22px; font-family:"trebuchet MS", Arial, Helvetica; color:#367C2B; font-weight:normal; } /* H1 replaced using scalable inman technique, more styles below */
h3 { font-size:18px; font-family:"trebuchet MS", Arial, Helvetica; color:#367C2B; font-weight:normal; } /* H1 replaced using scalable inman technique, more styles below */
h5 { font-size:13px; font-family:"trebuchet MS", Arial, Helvetica; color:#999999; font-weight:normal; margin-bottom: 8px; }
strong { color:#367C2B; }

#footerSpacer { height:35px; width:100%; clear:both; }
#footerWrap { width:100%; background:#367C2B; height:125px; }
#footer { position:absolute; width:980px; left:50%; margin-left:-490px; text-align:center; }
#footer p, #footer p a { color:#ffffff; font-family:"trebuchet MS", Helvetica; font-size:12px; font-weight:normal;  }
#footer p a { font-weight:bold; text-decoration:none; }
#footerLinks { margin:0 auto; text-align:center; margin:15px 0; }
#footerLinks li { display:inline; list-style:none; }
#footerLinks li a { color:#C2D63E; text-transform:uppercase; text-decoration:none; font-family:"trebuchet MS", Arial, Helvetica; font-size:14px; font-weight:bold; padding:0 11px 0 8px; *padding:0 9px 0 10px; }
#footerLinks li a:hover { text-decoration:underline; }
#footerLinks li.mid { border-right:2px solid #C2D63E; }

