/* Project: Pernod Ricard Nordic Style: General style Version: 0.1 Author: Magnus Forsberg Updated: 090615 ============================================================ */ /* @Imports ============================================================ */ @import "framework/Reset.css"; @import "framework/Grid.css"; @import "framework/Typography.css"; /* General ============================================================ */ /* Typography settings */ h1, h2, h3, h4, h5, h6 { color:#17569A; } p { color:#414141; } /* Links */ a:link, a:visited { text-decoration: none; color:#0C0C0C; } a:hover, a:active { text-decoration: underline; } a.Active { color:#1d7ebb !important; } a.Pdf { display:block; background: transparent url(../Images/Links/LinkPdfBg.jpg) top left no-repeat; padding-left:20px; color:#515151 !important; font-weight: bold; } /* Images */ img.Left { float:left; margin:0 12px 12px 0; } img.Right { float:right; margin:0 0 12px 12px; } img.Large { margin:0 0 0 12px; } img.Intro { margin:0 0 18px 0; } /* MISC */ .AlignLeft { text-align:left; } .AlignRight { text-align:right; } .AlignCenter { text-align:center; } /* PageWrap ============================================================ */ #PageWrap { width:960px; margin:0 auto; } /* PageHead ============================================================ */ #PageHead { width:950px; height:145px; margin:5px 5px 0; background:#FFF url(../Images/PageHead/PageHeadBg.jpg) top left no-repeat; position: relative; } #PageHead .Logo { position: relative; top:23px; left:84px; width:235px; } #PageHead .Accessibility { position: absolute; top:14px; right:25px; } #PageHead .Accessibility a { float:left; color:#fff; font-size:1em; } #PageHead .Accessibility a.Readspeaker { display:block; float:left; height:14px; padding:3px 0 0 25px; background:transparent url(../Images/PageHead/ReadspeakerBg.jpg) 0 1px no-repeat; } #PageHead .Accessibility a.OptimizeSite { display:block; float:left; height:16px; margin-top:3px; padding:0 25px 0 0; background:transparent url(../Images/PageHead/OptimizeSiteBg.jpg) 100% 0 no-repeat; display:none; } #PageHead .Accessibility a.OptimizeSiteActive { background:transparent url(../Images/PageHead/OptimizeSiteBg.jpg) 100% 100% no-repeat; } #PageHead .Accessibility span { color:#b4c8da; padding:0 10px; float:left; font-size:1.1em; position: relative; top:2px;} #PageHead .Accessibility .ChangeTextsize { height:45px; width:99px; position: absolute; top:22px; right:0; padding-top:5px; background:transparent url(../Images/PageHead/ChangeTextsizeBg.png) 0 0 no-repeat; display:none;} #PageHead .Accessibility .ChangeTextsize p { margin-bottom:3px; text-align: center; color:#808080; font-size:1.1em; } #PageHead .Accessibility .ChangeTextsize p.Links { margin-left:32px; } #PageHead .Accessibility .ChangeTextsize a.SmallText, #PageHead .Accessibility .ChangeTextsize a.LargeText { display:block; height:16px; text-indent: -9999px; float:left; margin-right:8px; } #PageHead .Accessibility .ChangeTextsize a.SmallText { width:9px; background:#FFF url(../Images/PageHead/ChangeTextsizeSmallBg.jpg) top left no-repeat; } #PageHead .Accessibility .ChangeTextsize a.LargeText { width:13px; background:#FFF url(../Images/PageHead/ChangeTextsizeLargeBg.jpg) top left no-repeat; } #PageHead .Accessibility .ChangeTextsize a.Active, #PageHead .Accessibility .ChangeTextsize a.SmallText:hover, #PageHead .Accessibility .ChangeTextsize a.LargeText:hover { background-position: bottom left !important; } #PageHead .Search { position: absolute; top:90px; right:25px; } #PageHead .Search legend span { position:absolute; left:-9999px; } #PageHead .Search input { float:left; } #PageHead .Search input.Text { font-size:14px; color:#545454; width:150px; height:18px; padding:2px 0 0 25px; background:#FFF url(../Images/PageHead/InputSearchBg.jpg) 5px 3px no-repeat; border:1px solid #d9d9d9; outline: 0; margin-right: 5px; } /* PageNavigation ============================================================ */ #PageNavigation { width:960px; height:43px; margin:10px 0; position: relative; } #PageNavigation ul {} #PageNavigation li { float:left; height:43px; margin:0 7px; } #PageNavigation li.Global { position: absolute; top:0; right:0; } #PageNavigation li a { display:block; height:41px; text-indent: -9999px; background: transparent bottom left no-repeat; } /*#PageNavigation li.Global a { width:135px; height:20px; margin-top:10px; background:transparent url(../Images/PageNav/VisitGlobalSiteBg.jpg) top left no-repeat; } #PageNavigation li.Home a { width:87px; background:transparent url(../Images/PageNav/NavHomeBg.jpg) top left no-repeat; } #PageNavigation li.AboutUs a { width:100px; background:transparent url(../Images/PageNav/NavAboutUsBg.jpg) top left no-repeat; } #PageNavigation li.Csr a { width:216px; background:transparent url(../Images/PageNav/NavCsrBg.jpg) top left no-repeat; } #PageNavigation li.Brands a { width:102px; background:transparent url(../Images/PageNav/NavBrandsBg.jpg) top left no-repeat; } #PageNavigation li.Careers a { width:105px; background:transparent url(../Images/PageNav/NavCareersBg.jpg) top left no-repeat; } #PageNavigation li.ContactUs a { width:117px; background:transparent url(../Images/PageNav/NavContactUsBg.jpg) top left no-repeat; } #PageNavigation li.People a { width:102px; background:transparent url(../Images/PageNav/NavPeopleBg.jpg) top left no-repeat; } */ #PageNavigation li.Global a { width:135px; height:20px; margin-top:10px; background-image:url(../Images/PageNav/VisitGlobalSiteBg.jpg); } #PageNavigation li.Start a { width:76px; background-image:url(../Images/PageNav/NavStart.jpg); } #PageNavigation li.OmOss a { width:87px; background-image:url(../Images/PageNav/NavOmOss.jpg); } #PageNavigation li.VartAnsvar a { width:122px; background-image:url(../Images/PageNav/NavVartAnsvar.jpg); } #PageNavigation li.Varumarken a { width:124px; background-image:url(../Images/PageNav/NavVarumarken.jpg); } #PageNavigation li.Nyheter a { width:166px; background-image:url(../Images/PageNav/NavNyheter.jpg); } #PageNavigation li.KontaktaOss a { width:130px; background-image: url(../Images/PageNav/NavKontaktaOss.jpg); } #PageNavigation li.Restaurang a { width:148px; background-image: url(../Images/PageNav/NavRestaurang.jpg); } #PageNavigation li a:hover, #PageNavigation li.Active a { background-position: top left !important; } /* PageFooter ============================================================ */ #PageFooter { width:954px; margin:0 3px;} #PageFooter .Content { height:90px; padding:15px 0 0 30px; background:#FFF url(../Images/PageFooter/PageFooterContent.jpg) top left no-repeat; } #PageFooter .Content div { float:left; margin:0 60px 0 0; } #PageFooter .Content div.About { width:200px; } #PageFooter .Content div h3 { font-size:1.3em; color:#fff; } #PageFooter .Content div p { font-size:1.1em; color:#fff; } #PageFooter .Content div li { margin:2px 0; } #PageFooter .Content div li a { color:#b1c7da; text-decoration: underline; } #PageFooter .Content div li a:hover { color:#fff; } #PageFooter .Links { margin:5px 0; padding:5px 30px 5px 0; background:#FFF url(../Images/PageFooter/PageFooterLogo.jpg) 99% 4px no-repeat; } #PageFooter .Links ul { text-align: right; } #PageFooter .Links ul li { display:inline; padding:0 5px; border-left:1px solid #d0d0cf; } #PageFooter .Links ul li.First { border:0; } #PageFooter .Links ul li a { color:#d0d0cf; } /* PageIntro ============================================================ */ #PageIntro { width:960px; } /* PageContent ============================================================ */ #PageContent { width:960px; margin:10px 0; background:#FFF; } #PageContent #LeftNavigation { width:178px; float:left; margin-top:30px; } #PageContent #LeftNavigation h2 { font-size:1.3em; font-weight: normal; color:#346b9f; background:#FFF url(../Images/LeftNav/HeadingBg.jpg) top left no-repeat; padding:12px 16px 8px; } #PageContent #LeftNavigation ul { padding:0 16px; } #PageContent #LeftNavigation ul li { padding:5px 11px 5px 0; border-bottom:1px dotted #99bad7; font-size:1.1em; } #PageContent #LeftNavigation ul li a.Active { color:#999065 !important; font-weight: bold;} #PageContent #LeftNavigation ul li.SubItems { background:#FFF url(../Images/LeftNav/SubItemsPlusBg.jpg) 100% 4px no-repeat; } #PageContent #LeftNavigation ul li.SubItemsVisible { background:#FFF url(../Images/LeftNav/SubItemsMinusBg.jpg) 100% 4px no-repeat; } #PageContent #LeftNavigation ul li.SubItemsVisible a { font-weight: bold; color:#175691 !important;} #PageContent #LeftNavigation ul li.SubItemsVisible li a { font-weight: normal; color:#0C0C0C !important; } #PageContent #LeftNavigation ul ul { padding:0; } #PageContent #LeftNavigation ul ul li { padding:2px 0 2px 15px; border-bottom:0; font-size:1em; } #PageContent #LeftNavigation ul ul li a.Active { color:#999065 !important; font-weight: bold;} #PageContent #LeftNavigation ul ul li.SubItems { background:#FFF url(../Images/LeftNav/SubitemsArrow.jpg) 0 4px no-repeat; } #PageContent #LeftNavigation ul ul li.SubItemsVisible a { font-weight: bold; color:#175691 !important;} #PageContent #LeftNavigation ul ul li.SubItemsVisible li a { font-weight: normal; color:#000 !important; } #PageContent #LeftNavigation ul ul li.SubItemsVisible { background:#FFF url(../Images/LeftNav/SubitemsArrowActive.jpg) 0 7px no-repeat; } #PageContent #LeftNavigation ul ul ul li a.Active { color:#999065 !important; font-weight: bold;} #PageContent #Main { width:450px; min-height:400px; height:auto !important; height:400px; float:left; margin:0 40px 15px 40px; padding-bottom:10px; border-bottom: 2px solid #eff4f8; } #PageContent #Main h1 { margin-bottom:10px; color:#0C0C0C; } #PageContent #Main h2 { margin-bottom:5px; color:#0C0C0C; } #PageContent #Main p { font-size:1.1em; line-height:1.3em; margin-bottom: 13px; } #PageContent #Main a { color:#175691; } #PageContent #Main a:visited { color:#175691; } #PageContent #Main a:hover { color:#4d7aa4; } #PageContent #Main .MainIntro { width:452px; height:138px; padding:10px 14px 0; background:transparent url(../Images/Main/IntroBg.jpg) top left no-repeat; position: relative; left:-15px; top:-10px; } #PageContent #Main .Breadcrumbs { margin-bottom:16px; } #PageContent #Main .Breadcrumbs p { font-size:1.1em; margin-bottom:0 !important; } #PageContent #Main .Breadcrumbs a { text-decoration: underline; color:#000; } #PageContent #Main .Breadcrumbs a.Active { color:#1d7ebb; } #PageContent #Main .Breadcrumbs span { color:#999; } #PageContent .Accessibility { margin:0 0 10px; } #PageContent .Accessibility li { float:left; margin-right:25px; font-size:1em; padding:1px 0; } #PageContent .Accessibility li.Listen { background:#FFF url(../Images/Main/AccListenBg.jpg) top left no-repeat; padding-left:20px; } #PageContent .Accessibility li.Print { background:#FFF url(../Images/Main/AccPrintBg.jpg) top left no-repeat; padding-left:20px; } #PageContent #Main .Accessibility li a { color:#000; } #PageContent .Accessibility a.SmallText, #PageContent .Accessibility a.LargeText { display:block; height:13px; text-indent: -9999px; float:left; margin-right:5px; } #PageContent .Accessibility a.SmallText { width:7px; background:#FFF url(../Images/Main/AccSizeSmallBg.jpg) top left no-repeat; } #PageContent .Accessibility a.LargeText { width:9px; background:#FFF url(../Images/Main/AccSizeLargeBg.jpg) top left no-repeat; } #PageContent .Accessibility a.Active, #PageContent .Accessibility a.SmallText:hover, #PageContent .Accessibility a.LargeText:hover { background-position: bottom left !important; } #PageContent #RightCol { width:250px; background: #FFF; float:left; margin:0; padding:0; padding-top: 30px; } #PageContent #RightColStart { width:267px; background: #FFF; float:left; margin:0; padding:0; } #PageContent .ModulImage { margin-bottom: 20px; } #PageContent .ModulText { border:1px solid #ccc; padding:1px; margin-bottom: 20px; } #PageContent .ModulText .Top { padding:10px 15px 0; height:20px; background:#799bbb url(../Images/Modul/ModulTextTopBg.jpg) top left repeat-x; } #PageContent .ModulText .Top h2 { font-size:1.3em; color:#fff; } #PageContent .ModulText .Content { padding:15px 15px 1px; background:#FFF url(../Images/Modul/ModulTextContentBg.jpg) bottom left repeat-x; } #PageContent .ModulText .Content p { font-size:1.1em; color:#838383; } #PageContent .ModulText .Content span { font-size:1.27em; color:#999065; } #PageContent .ModulText .Content p.Year { padding: 0 10px; } #PageContent .Modul342 { width:276px; float:left; margin:0 4px 0 0; padding:29px 33px 0; } #PageContent .ModulFixedHieght { background:#FFF top left no-repeat; height:276px; } #PageContent .Modul267 { width:201px; float:left; margin:0 4px 0 0; padding:0; padding:29px 33px 0; } #PageContent .ModulContact { background:#FFF top left no-repeat; height:115px; margin-bottom:12px; } #PageContent .ModulSustainableDev { background:#FFF top left no-repeat; height:120px; } #PageContent .Modul342 h2, #PageContent .Modul267 h2 { font-size:2em; font-weight:normal; margin-bottom:8px; } #PageContent .Modul342 p, #PageContent .Modul267 p { font-size:1.1em; color:#7c766d; } #PageContent p.BottomLink, #PageContent p.BottomLinkGreen, #PageContent p.BottomLinkGold, #PageContent .ModulText .Content a { font-size: 1em; } #PageContent p.BottomLink a, #PageContent p.BottomLinkGreen a, #PageContent p.BottomLinkGold a, #PageContent .ModulText .Content a { font-weight: bold; font-size:1.1em; color:#999065; margin:3px 0; padding:2px 0 2px 20px; display: block; background:transparent url(../Images/Modul/BottomLinkBg.gif) 0 1px no-repeat; } #PageContent p.BottomLinkGold a { color: #999065; } #PageContent .ModulText .Content a { font-size: 1em; line-height: 1em; } #PageContent p.BottomLinkGreen a, #PageContent p.BottomLinkGreen a { color:#57ba42; } #PageContent .Modul342 ul, #PageContent .Modul267 ul { margin-bottom:30px; } #PageContent .Modul342 ul li, #PageContent .Modul267 ul li { font-size:1.1em; margin:3px 0; } #PageContent .Modul342 ul li a, #PageContent .Modul267 ul li a { color:#7c766d; } #PageContent .Modul342 ul, #PageContent .Modul267 ul.ExternalLinks { margin-bottom:30px; } #PageContent .Modul342 ul li, #PageContent .Modul267 ul.ExternalLinks li { font-size:1.1em; margin:3px 0; padding-left:15px; background:transparent url(../Images/Modul/ExternalLinkBg.gif) 0 2px no-repeat; } #PageContent .Modul342 ul li a, #PageContent .Modul267 ul.ExternalLinks li a { color:#7c766d; } #PageContent #Main fieldset { margin-bottom:20px; } #PageContent #Main fieldset p.Info { margin:3px 0 0; } #PageContent #Main label { font-size:1.1em; } #PageContent #Main label.Block { display: block; margin-bottom:4px; } #PageContent #Main label.Float { float:left; } #PageContent #Main .Brand { width:130px; float:left; margin:0 20px 10px 0; } #PageContent #Main .Brand h2 { font-size:1.2em; font-weight: bold; color:#000; margin-bottom: 3px; } #PageContent #Main .Brand p { margin-bottom:3px; } #PageContent #Main .Brand img { padding:2px; background: #fff; border:1px solid #ccc; margin-bottom:5px; } #PageContent #Main .Brand a {color:#999065; padding-left:12px; font-weight: bold; background: #fff url(../Images/Main/BrandLinkBg.jpg) 0 2px no-repeat; } /* Clearfixes */ #PageContent .Accessibility:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;} #PageContent .Accessibility {display:inline-block;} * html #PageContent .Accessibility {height:1%;} #PageContent .Accessibility {display:block;} /* Added by Erik */ #PageContent #Main .Contact { clear: both; margin-top: 20px; } #PageContent #Main .Contact img { float: left; border: 1px solid #d1cfc7; padding: 2px; } #PageContent #Main .Contact .Info { float: right; width: 300px; text-align: left; } #PageContent #Main .Contact h3 { font-size: 2.2em; color: #999065; font-weight: normal; } #PageContent #Main .Contact p { margin-bottom: 7px; color: #0d0d0d; } #PageContent #Main .Contact a { color: #999065; text-decoration: underline; } #PageContent #Main ul.Offices { width: 100%; float: left; } #PageContent #Main ul.Offices li { width: 200px; float: left; margin-bottom: 20px; } #PageContent #Main ul.Offices li.Left { clear: both; margin-right: 50px; } #PageContent #Main ul.Offices li h3 { font-size: 2.2em; color: #999065; font-weight: normal; } #PageContent #Main ul.Offices li a { color: #999065; text-decoration: underline; } #PageContent #Main ul.Offices li p.BottomLink a { font-weight: bold; font-size:1.1em; color:#999065; margin:3px 0; padding:2px 0 2px 20px; display: block; background:transparent url(../Images/Modul/BottomLinkBg.gif) 0 1px no-repeat; } #RightCol p.Year strong, #RightCol p.Year b { color:#999065; font-size:1.27em; font-weight: bold; } #PageContent #Main.Disclaimer input.Birthyear { font-size:40px; font-weight: bold; color:#000; background: #fff; padding:2px; border:1px solid #999; width:41px; text-align: center; } #PageContent #Main.Disclaimer .Checkbox { margin-top: 5px;} #PageContent #Main.Disclaimer .Checkbox input { float:left; margin-right:5px; } #PageContent #Main.Disclaimer { border: 1px solid #dbdbdb; padding: 20px 35px; width: 430px; margin-top: 30px; } #PageContent #Main.Disclaimer h2 { font-size: 1.7em; } #PageContent #Main.Disclaimer .Validate { text-align: center; font-weight: bold; width: 100%; font-size:1.3em; } #PageContent #Main.Disclaimer .Birth { float: left; width: 100%; margin-top: 15px; } #PageContent #Main.Disclaimer .Birth fieldset { float: left; margin-right: 15px; text-align: center; display:inline; } #PageContent #Main.Disclaimer .Birth fieldset.Last { margin-right: 0px; } #PageContent #Main.Disclaimer .Bottom { float: left; width: 100%; margin-top: 15px; } #PageContent #Main.Disclaimer .Bottom fieldset { float: left; } #PageContent #Main.Disclaimer .Bottom fieldset.Last { float: right; width: 170px; } #PageContent #Main.Disclaimer .Bottom fieldset select { margin: 5px 0; font-size: 1.2em; } #PageContent #Main #SearchArea { float: left; width: 100%; margin-bottom: 20px; } #PageContent #Main #SearchArea input { float: left; } #PageContent #Main #SearchArea input.Text { font-size:14px; color:#545454; width:150px; height:18px; padding:2px 0 0 25px; background:#FFF url(../Images/PageHead/InputSearchBg.jpg) 5px 3px no-repeat; border:1px solid #d9d9d9; outline: 0; margin-right: 5px; } #PageContent #Main #ResultArea li a { font-weight: bold; font-size: 1.4em; } #newsdesk_pressroom h4 { display: none; } #newsdesk_pressroom h5 { line-height: 1em; } #newsdesk_pressroom .newsdesk_paginator a { padding: 0 3px 0 0; font-size: 1.2em; } #newsdesk_pressroom .newsdesk_paginator a.next { padding-left: 2px; } #newsdesk_pressroom .newsdesk_web_image { float: right; padding: 0 0 10px 10px; } #PageContent ul#FadingImages li, .Start li { display: none; margin: 0; padding: 0; } #PageContent ul#FadingImages li.Visible, .Start li.Visible { display: block; } #PageIntro.Start ul { height: 240px; } #PageContent .Modul342.Start { position:relative; } #PageContent ul#FadingImages { padding: 0 0 0 0; position: absolute; left: 10px; top: 135px; } /*Disclaimer */ #DisclaimerOverlay { background: #FFF; width:100%; height:100%; position: fixed; top:0; left:0; z-index:900; } #Disclaimer { width:504px; height:470px; padding:41px 44px 0 53px; position:absolute; top:50%; left:50%; margin:-265px 0 0 -300px; background:transparent url(../Images/Theme/Disclaimer.png) top left no-repeat; z-index:910; }