@import url('/CMSPages/GetCSS.aspx?stylesheetname=SCO_Master');

#contentwrapper { overflow: hidden; }

/*** main nav ***/
a#nav-home { width: 44px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-home.gif) left top no-repeat; }

a#nav-ourcompany { width: 100px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-ourcompany.gif) left top no-repeat; }

a#nav-careers { width: 57px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-careers.gif) left top no-repeat; }

a#nav-socialresponsibility { width: 149px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-socialresponsibility.gif) left top no-repeat; }

a#nav-mediacentre { width: 98px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-mediacentre.gif) left top no-repeat; }

a#nav-contactus { width: 83px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-contactus.gif) left top no-repeat; }

/*** hover ***/
a#nav-homeON, a#nav-home:hover { width: 44px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-home-on.gif) left top no-repeat; }
a#nav-careersON, a#nav-careers:hover { width: 57px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-careers-on.gif) left top no-repeat; }
a#nav-contactusON, a#nav-contactus:hover { width: 83px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-contactus-on.gif) left top no-repeat; }
a#nav-ourcompanyON { width: 100px; 
background: url(/App_Themes/SobeysCorporate/images/en/nav-ourcompany-onP.gif) left top no-repeat; }
a#nav-socialresponsibilityON { width: 149px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-socialresponsibility-onP.gif) left top no-repeat; }
a#nav-mediacentreON { width: 98px; 
background: url(/App_Themes/SobeysCorporate/images/en/nav-mediacentre-onP.gif) left top no-repeat; }

/*** sub nav: our company ***/
#mainnav li ul#nav-ourcompany-subnav, #mainnav li ul#nav-ourcompany-subnav li a { width: 166px; }

#mainnav li ul#nav-ourcompany-subnav { left: -9px; top: -6px; }

#mainnav li#nav-ourcompany-subnav-title { width: 166px; height: 28px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-ourcompany-on.gif) left top no-repeat; }

#mainnav li a#nav-oc-ataglance { height: 25px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-ataglance.gif) left top no-repeat; }

#mainnav li a#nav-oc-purpose { height: 20px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-purpose.gif) left top no-repeat; }

#mainnav li a#nav-oc-about { height: 21px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-about.gif) left top no-repeat; }

#mainnav li a#nav-oc-history { height: 21px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-history.gif) left top no-repeat; }

#mainnav li a#nav-oc-leadership{ height: 23px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-leadership.gif) left top no-repeat; }

#mainnav li a#nav-oc-corporategovernance{ height: 25px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-corporategovernance.gif) left top no-repeat; }

#mainnav li a#nav-oc-financial { height: 23px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-financial.gif) left top no-repeat; }

#mainnav li a#nav-oc-codeofbusiness { height: 33px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-codeofbusiness.gif) left top no-repeat; }

#mainnav li a#nav-oc-contactus { height: 30px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-contactus.gif) left top no-repeat; }

/*** hover ***/
#mainnav li a#nav-oc-ataglance:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-ataglance-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-purpose:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-purpose-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-about:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-about-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-history:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-history-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-leadership:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-leadership-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-corporategovernance:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-corporategovernance-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-financial:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-financial-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-codeofbusiness:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-codeofbusiness-on.gif) left top no-repeat; }
#mainnav li a#nav-oc-contactus:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-oc-contactus-on.gif) left top no-repeat; }



/*** sub nav: social responsibility ***/
#mainnav li ul#nav-socialresponsibility-subnav, #mainnav li ul#nav-socialresponsibility-subnav li a { width: 189px; }

#mainnav li ul#nav-socialresponsibility-subnav { left: -8px; top: -6px; }

#mainnav li#nav-socialresponsibility-subnav-title { width: 189px; height: 28px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-socialresponsibility-on.gif) left top no-repeat; }

#mainnav li a#nav-sr-communityinvolvement { height: 25px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-sr-communityinvolvement.gif) left top no-repeat; }

#mainnav li a#nav-sr-sustainability { height: 23px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-sr-sustainability.gif) left top no-repeat; }

#mainnav li a#nav-sr-scholarships { height: 26px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-sr-scholarships.gif) left top no-repeat; }


/*** hover ***/
#mainnav li a#nav-sr-communityinvolvement:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-sr-communityinvolvement-on.gif) left top no-repeat; }
#mainnav li a#nav-sr-sustainability:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-sr-sustainability-on.gif) left top no-repeat; }
#mainnav li a#nav-sr-scholarships:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-sr-scholarships-on.gif) left top no-repeat; }

/*** sub nav: media centre ***/
#mainnav li ul#nav-mediacentre-subnav, #mainnav li ul#nav-mediacentre-subnav li a { width: 137px; }

#mainnav li ul#nav-mediacentre-subnav { left: -10px; top: -6px; }

#mainnav li#nav-mediacentre-subnav-title { width: 137px; height: 29px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-mediacentre-on.gif) left top no-repeat; }

#mainnav li a#nav-mc-mediareleases { height: 24px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-newsreleases.gif) left top no-repeat; }

#mainnav li a#nav-mc-quickfacts { height: 23px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-fastfacts.gif) left top no-repeat; }

#mainnav li a#nav-mc-mediacontacts { height: 23px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-mediacontacts.gif) left top no-repeat; }

#mainnav li a#nav-mc-corporatevideo { height: 26px;
background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-corporatevideos.gif) left top no-repeat; }


/*** hover ***/
#mainnav li a#nav-mc-mediareleases:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-newsreleases-on.gif) left top no-repeat; }
#mainnav li a#nav-mc-mediacontacts:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-mediacontacts-on.gif) left top no-repeat; }
#mainnav li a#nav-mc-quickfacts:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-fastfacts-on.gif) left top no-repeat; }
#mainnav li a#nav-mc-corporatevideo:hover { background: url(/App_Themes/SobeysCorporate/images/en/nav-mc-corporatevideos-on.gif) left top no-repeat; }

a.btn-applynow { width: 89px; height: 19px;
background: url(/App_Themes/SobeysCorporate/images/en/btn-applynow.gif) left top no-repeat; }

a.btn-applynow:hover { background: url(/App_Themes/SobeysCorporate/images/en/btn-applynow-on.gif) left top no-repeat; }

#ataglance-collapse-header { background: url(/App_Themes/SobeysCorporate/images/en/ataglance-collpase-header.gif) left top no-repeat; }

/*** corporate governance side nav ***/
#sidenav li a#corporategovernance { height: 38px; 
background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-corporategovernance.gif) left top no-repeat; }

#sidenav li a#corporatepractices { height: 54px; 
background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-corporatepractices.gif) left top no-repeat; }

#sidenav li a#corporatepolicy { height: 53px; 
background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-corporatepolicy.gif) left top no-repeat; }

#sidenav li a#codeofbusiness { height: 49px; 
background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-codeofbusiness.gif) left top no-repeat; }

/*** hover ***/
#sidenav li a#corporategovernance.cgON, #sidenav li a#corporategovernance:hover { background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-corporategovernanceON.gif) left top no-repeat; }
#sidenav li a#corporatepractices.cpraON, #sidenav li a#corporatepractices:hover { background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-corporatepracticesON.gif) left top no-repeat; }
#sidenav li a#corporatepolicy.cpolON, #sidenav li a#corporatepolicy:hover { background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-corporatepolicyON.gif) left top no-repeat; }
#sidenav li a#codeofbusiness.cobON, #sidenav li a#codeofbusiness:hover { background: url(/App_Themes/SobeysCorporate/images/en/cg-sidenav-codeofbusinessON.gif) left top no-repeat; }

/*** annual reports side nav ***/
/*** annual reports ***/
#sidenav li a#annualreports { height: 19px; 
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-annualreports.gif) left top no-repeat; }

#sidenav li a#empirecompany { height: 34px; 
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-empirecompany.gif) left top no-repeat; }

#sidenav li a#sobeysinc { height: 41px; 
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-sobeysinc.gif) left top no-repeat; }

#sidenav li a#newsreleases { height: 38px; 
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-newsreleases.gif) left top no-repeat; }

#sidenav li a#sedarfilings { height: 35px; 
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-cedarfilings.gif) left top no-repeat; }

/*** hover ***/
#sidenav li a#annualreports.arON, #sidenav li a#annualreports:hover { background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-annualreports.gif) left top no-repeat; }
#sidenav li a#empirecompany.ecON, #sidenav li a#empirecompany:hover { background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-empirecompanyON.gif) left top no-repeat; }
#sidenav li a#sobeysinc.siON, #sidenav li a#sobeysinc:hover { background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-sobeysincON.gif) left top no-repeat; }
#sidenav li a#newsreleases.nrON, #sidenav li a#newsreleases:hover { background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-newsreleasesON.gif) left top no-repeat; }
#sidenav li a#sedarfilings.sfON, #sidenav li a#sedarfilings:hover { background: url(/App_Themes/SobeysCorporate/images/en/sidenav-finrev-cedarfilingsON.gif) left top no-repeat; }

/*** media centre sidenav ***/
#sidenav li a#medcent_newsreleases { height: 40px;
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-medcent-newsreleases.gif) left top no-repeat;
}

#sidenav li a#medcent_fastfacts { height: 38px;
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-medcent-fastfacts.gif) left top no-repeat;
}

#sidenav li a#medcent_mediacontent { height: 36px;
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-medcent-mediacontacts.gif) left top no-repeat;
}

/*** hover ***/
#sidenav li a#medcent_newsreleases.mc_nrON, #sidenav li a#medcent_newsreleases:hover { height: 40px;
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-medcent-newsreleasesON.gif) left top no-repeat;
}

#sidenav li a#medcent_fastfacts.mc_ffON, #sidenav li a#medcent_fastfacts:hover { height: 38px;
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-medcent-fastfactsON.gif) left top no-repeat;
}

#sidenav li a#medcent_mediacontent.mc_mcON, #sidenav li a#medcent_mediacontent:hover { height: 36px;
background: url(/App_Themes/SobeysCorporate/images/en/sidenav-medcent-mediacontactsON.gif) left top no-repeat;
}

#cu_rightCol input.FormButton {
background: url(/App_Themes/SobeysCorporate/images/en/contactus-btnEN.jpg) left top no-repeat;
width: 55px;
height: 19px; }

/**** Heroshot rollover ***/


.heroshot a.polaroid {
display:block;
width:243px;
height:264px;
background:url(/App_Themes/SobeysCorporate/images/en/ataglance-img.jpg) left top no-repeat;
}

.heroshot a.polaroid:hover {
background:url(/App_Themes/SobeysCorporate/images/en/ataglance-imgON.jpg) left top no-repeat;
}

.heroshot a span { display: none; }

.heroshot a.polaroidVision {
display:block;
width:243px;
height:264px;
background:url(/App_Themes/SobeysCorporate/images/en/vision-img.jpg) left top no-repeat;
}

.heroshot a.polaroidVision:hover {
display:block;
width:243px;
height:264px;
background:url(/App_Themes/SobeysCorporate/images/en/vision-imgON.jpg) left top no-repeat;
}

.hp-container-middle a { margin-left: 98px; }

a.vidEN { background: url(/App_Themes/SobeysCorporate/images/en/btn_watch_video.gif) left top no-repeat; text-decoration: none;}
a.vidEN:hover { background: url(/App_Themes/SobeysCorporate/images/en/btn__watch_video_ROLL.gif) left top no-repeat; }