/** * CP+B Group */ /* ======================== Market specific ======================== */ #Nav { overflow: hidden; margin: 0 0 7px 0; height: 45px; position: absolute; left: 0;} #Nav li { height: 47px; width: 115px; float: left; line-height: 46px; background: url(/img/bkg.nav-button.group.png) left top no-repeat;} * html #Nav li { background-image: url(/img/bkg.nav-button.group.jpg); } #Nav li a { width: 115px; height: 47px; margin-top: 0px; display: block; overflow: hidden; text-indent: -9999px; background: url(/img/bkg.nav-button.group.png) left center no-repeat; opacity: 0.01;}; * html #Nav li a { background-image: url(/img/bkg.nav-button.group.jpg); } #Nav li.active { background-position: left bottom; } #Nav li.active a { opacity: 1; } #Nav li.previous a { opacity: 1; } #Header p.clone { position: absolute; top: 25px; left: 0; height: 45px; width: 115px; float: left; line-height: 46px; background: url(/img/bkg.nav-button.group.png) left bottom no-repeat;} #Header p.clone a { width: 115px; height: 45px; margin-top: 0px; display: block; overflow: hidden; text-indent: -9999px; background-image: url(/img/bkg.nav-button.group.png); background-repeat: no-repeat; opacity: 0.01;} #Jobs #job_listing li { width: 175px; height: 106px; margin: 1px 7px 0; padding: 10px 10px 17px; background: url(/img/bkg.jobs.group.gif) left top no-repeat; position: relative; top: 0px; } #Buzz div.MediaContainer ul li.date span.date { height: 57px; width: 74px; margin-right: 10px; display: block; overflow: hidden; float: left; font-size: 50px; line-height: 57px; text-align: center; color: #fff; text-indent: -9999px; background-image: url(/img/bkg.dates.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; } #Footer { width: 983px; margin-left: -12px; clear: both; background: url(/img/bkg.footer.group.jpg) left top no-repeat #000; } #Player { color: #9a9a9a; } /* ======================== Clients ======================== */ /* ------------------------ CP+B ------------------------ */ #Header #Nav li.cpb { background-position: 0px 0px !important; } #Header #Nav li.cpb a { background-position: 0px -47px !important; } #Header p.cpb, #Header p.cpb a, #Header #Nav li.active.cpb { background-position: 0px -94px !important; } * html #Header #Nav li.cpb { background-position: 0px 0px !important; } #Media div.cpb h3, #Queue div.MediaContainer ul li.cpb img, #Featured div.MediaContainer ul li.cpb img, #Buzz div.MediaContainer ul li.cpb p { border-right-color: #9a9a9a !important;} #Buzz div.MediaContainer ul li.date p.cpb span.date { background-image: url(/img/clients/bkg.dates-cpb.group.jpg); } .cpb #Player { color: #9a9a9a; } #Header #Nav li.cpb-group { background-position: 0px 0px !important; } #Header #Nav li.cpb-group a { background-position: 0px -47px !important; } #Header p.cpb-group, #Header p.cpb-group a, #Header #Nav li.active.cpb-group { background-position: 0px -94px !important; } * html #Header #Nav li.cpb-group { background-position: 0px 0px !important; } #Media div.cpb-group h3, #Queue div.MediaContainer ul li.cpb-group img, #Featured div.MediaContainer ul li.cpb-group img, #Buzz div.MediaContainer ul li.cpb-group p { border-right-color: #9a9a9a !important;} #Buzz div.MediaContainer ul li.date p.cpb-group span.date { background-image: url(/img/clients/bkg.dates-cpb.group.jpg); } .cpb-group #Player { color: #9a9a9a; } /* ------------------------ MS ------------------------ */ #Header #Nav li.windows { background-position: -115px 0px !important; } #Header #Nav li.windows a { background-position: -115px -47px !important; } #Header p.windows, #Header p.windows a, #Header #Nav li.active.windows { background-position: -115px -94px !important; } * html #Header #Nav li.active.windows { background-position: -115px 0px !important; } #Media div.windows h3, #Queue div.MediaContainer ul li.windows img, #Featured div.MediaContainer ul li.windows img, #Buzz div.MediaContainer ul li.windows p { border-right-color: #347533 !important;} #Buzz div.MediaContainer ul li.date p.windows span.date { background-image: url(/img/clients/bkg.dates-windows.jpg); } .windows #Player { color: #347533; } /* ------------------------ BK ------------------------ */ #Header #Nav li.burger-king { background-position: -230px 0px !important; } #Header #Nav li.burger-king a { background-position: -230px -47px !important; } #Header p.burger-king, #Header p.burger-king a, #Header #Nav li.active.burger-king { background-position: -230px -94px !important; } * html #Header #Nav li.active.burger-king { background-position: -230px 0px !important; } #Media div.burger-king h3, #Queue div.MediaContainer ul li.burger-king img, #Featured div.MediaContainer ul li.burger-king img, #Buzz div.MediaContainer ul li.burger-king p { border-right-color: #ff731f !important;} #Buzz div.MediaContainer ul li.date p.burger-king span.date { background-image: url(/img/clients/bkg.dates-burger-king.jpg); } .burger-king #Player { color: #ff731f; } #Header #Nav li.burger-king-group { background-position: -230px 0px !important; } #Header #Nav li.burger-king-group a { background-position: -230px -47px !important; } #Header p.burger-king-group, #Header p.burger-king-group a, #Header #Nav li.active.burger-king-group { background-position: -230px -94px !important; } * html #Header #Nav li.active.burger-king-group { background-position: -230px 0px !important; } #Media div.burger-king-group h3, #Queue div.MediaContainer ul li.burger-king-group img, #Featured div.MediaContainer ul li.burger-king-group img, #Buzz div.MediaContainer ul li.burger-king-group p { border-right-color: #ff731f !important;} #Buzz div.MediaContainer ul li.date p.burger-king-group span.date { background-image: url(/img/clients/bkg.dates-burger-king.jpg); } .burger-king-group #Player { color: #ff731f; } /* ------------------------ Gap ------------------------ */ #Header #Nav li.gap { background-position: -345px 0px !important; } #Header #Nav li.gap a { background-position: -345px -47px !important; } #Header p.gap, #Header p.gap a, #Header #Nav li.active.gap { background-position: -345px -94px !important; } * html #Header #Nav li.active.gap { background-position: -345px 0px !important; } #Media div.gap h3, #Queue div.MediaContainer ul li.gap img, #Featured div.MediaContainer ul li.gap img, #Buzz div.MediaContainer ul li.gap p { border-right-color: #1d295f !important;} #Buzz div.MediaContainer ul li.date p.gap span.date { background-image: url(/img/clients/bkg.dates-gap.jpg); } .gap #Player { color: #1d295f; } /* ------------------------ SAS ------------------------ */ #Header #Nav li.sas { background-position: -460px 0px !important; } #Header #Nav li.sas a { background-position: -460px -47px !important; } #Header p.sas, #Header p.sas a, #Header #Nav li.active.sas { background-position: -460px -94px !important; } * html #Header #Nav li.active.sas { background-position: -460px 0px !important; } #Media div.sas h3, #Queue div.MediaContainer ul li.sas img, #Featured div.MediaContainer ul li.sas img, #Buzz div.MediaContainer ul li.sas p { border-right-color: #2f2fab !important;} #Buzz div.MediaContainer ul li.date p.sas span.date { background-image: url(/img/clients/bkg.dates-sas.jpg); } .sas #Player { color: #2f2fab; } /* ------------------------ Domino's ------------------------ */ #Header #Nav li.dominos { background-position: -575px 0px !important; } #Header #Nav li.dominos a { background-position: -575px -47px !important; } #Header p.dominos, #Header p.dominos a, #Header #Nav li.active.dominos { background-position: -575px -94px !important; } * html #Header #Nav li.active.dominos { background-position: -575px 0px !important; } #Media div.dominos h3, #Queue div.MediaContainer ul li.dominos img, #Featured div.MediaContainer ul li.dominos img, #Buzz div.MediaContainer ul li.dominos p { border-right-color: #5594b9 !important;} #Buzz div.MediaContainer ul li.date p.dominos span.date { background-image: url(/img/clients/bkg.dates-dominos.jpg); } .dominos #Player { color: #5594b9; } /* ------------------------ Old Navy ------------------------ */ #Header #Nav li.old-navy { background-position: -690px 0px !important } #Header #Nav li.old-navy a { background-position: -690px -47px !important; } #Header p.old-navy, #Header p.old-navy a, #Header #Nav li.active.old-navy { background-position: -690px -94px !important; } * html #Header #Nav li.active.old-navy { background-position: -690px 0px !important; } #Media div.old-navy h3, #Queue div.MediaContainer ul li.old-navy img, #Featured div.MediaContainer ul li.old-navy img, #Buzz div.MediaContainer ul li.old-navy p { border-right-color: #019be1 !important;} #Buzz div.MediaContainer ul li.date p.old-navy span.date { background-image: url(/img/clients/bkg.dates-old-navy.jpg); } .old-navy #Player { color: #019be1; } /* ------------------------ Best Buy ------------------------ */ #Header #Nav li.best-buy { background-position: -805px 0px !important; } #Header #Nav li.best-buy a { background-position: -805px -47px !important; } #Header p.best-buy, #Header p.best-buy a, #Header #Nav li.active.best-buy { background-position: -805px -94px !important; } * html #Header #Nav li.active.best-buy { background-position: -805px 0px !important; } #Media div.best-buy h3, #Queue div.MediaContainer ul li.best-buy img, #Featured div.MediaContainer ul li.best-buy img, #Buzz div.MediaContainer ul li.best-buy p { border-right-color: #e1b400 !important;} #Buzz div.MediaContainer ul li.date p.best-buy span.date { background-image: url(/img/clients/bkg.dates-best-buy.jpg); } .best-buy #Player { color: #e1b400; } #Header #Nav li.best-buy-group { background-position: -805px 0px !important; } #Header #Nav li.best-buy-group a { background-position: -805px -47px !important; } #Header p.best-buy-group, #Header p.best-buy-group a, #Header #Nav li.active.best-buy-group { background-position: -805px -94px !important; } * html #Header #Nav li.active.best-buy-group { background-position: -805px 0px !important; } #Media div.best-buy-group h3, #Queue div.MediaContainer ul li.best-buy-group img, #Featured div.MediaContainer ul li.best-buy-group img, #Buzz div.MediaContainer ul li.best-buy-group p { border-right-color: #e1b400 !important;} #Buzz div.MediaContainer ul li.date p.best-buy-group span.date { background-image: url(/img/clients/bkg.dates-best-buy.jpg); } .best-buy-group #Player { color: #e1b400; } /* ------------------------ Philips ------------------------ */ #Header #Nav li.philips { background-position: -920px 0px !important; } #Header #Nav li.philips a { background-position: -920px -47px !important; } #Header p.philips, #Header p.philips a, #Header #Nav li.active.philips { background-position: -920px -94px !important; } * html #Header #Nav li.active.philips { background-position: -920px 0px !important; } #Media div.philips h3, #Queue div.MediaContainer ul li.philips img, #Featured div.MediaContainer ul li.philips img, #Buzz div.MediaContainer ul li.philips p { border-right-color: #1869e0 !important;} #Buzz div.MediaContainer ul li.date p.philips span.date { background-image: url(/img/clients/bkg.dates-philips.jpg); } .philips #Player { color: #1869e0; } /* ------------------------ Amex Open ------------------------ */ #Header #Nav li.open { background-position: -1035px 0px !important; } #Header #Nav li.open a { background-position: -1035px -47px !important; } #Header p.open, #Header p.open a, #Header #Nav li.active.open { background-position: -1035px -94px !important; } * html #Header #Nav li.active.open { background-position: -1035px 0px !important; } #Media div.open h3, #Queue div.MediaContainer ul li.open img, #Featured div.MediaContainer ul li.open img, #Buzz div.MediaContainer ul li.open p { border-right-color: #163c72 !important;} #Buzz div.MediaContainer ul li.date p.open span.date { background-image: url(/img/clients/bkg.dates-amex.jpg); } .open #Player { color: #163c72; } /* ------------------------ Coke Zero ------------------------ */ #Header #Nav li.coke-zero { background-position: -1150px 0px !important; } #Header #Nav li.coke-zero a { background-position: -1150px -47px !important; } #Header p.coke-zero, #Header p.coke-zero a, #Header #Nav li.active.coke-zero { background-position: -1150px -94px !important; } * html #Header #Nav li.active.coke-zero { background-position: -1150px 0px !important; } #Media div.coke-zero h3, #Queue div.MediaContainer ul li.coke-zero img, #Featured div.MediaContainer ul li.coke-zero img, #Buzz div.MediaContainer ul li.coke-zero p { border-right-color: #0e0e0e !important;} #Buzz div.MediaContainer ul li.date p.coke-zero span.date { background-image: url(/img/clients/bkg.dates-coke-zero.jpg); } .coke-zero #Player { color: #0e0e0e; } /* ------------------------ Scania ------------------------ */ #Header #Nav li.scania { background-position: -1265px 0px !important; } #Header #Nav li.scania a { background-position: -1265px -47px !important; } #Header p.scania, #Header p.scania a, #Header #Nav li.active.scania { background-position: -1265px -94px !important; } * html #Header #Nav li.active.scania { background-position: -1265px 0px !important; } #Media div.scania h3, #Queue div.MediaContainer ul li.scania img, #Featured div.MediaContainer ul li.scania img, #Buzz div.MediaContainer ul li.scania p { border-right-color: #d0aa52 !important;} #Buzz div.MediaContainer ul li.date p.scania span.date { background-image: url(/img/clients/bkg.dates-scania.jpg); } .scania #Player { color: #d0aa52; } /* ------------------------ Brammo ------------------------ */ #Header #Nav li.brammo { background-position: -1380px 0px !important; } #Header #Nav li.brammo a { background-position: -1380px -47px !important; } #Header p.brammo, #Header p.brammo a, #Header #Nav li.active.brammo { background-position: -1380px -94px !important; } * html #Header #Nav li.active.brammo { background-position: -1380px 0px !important; } #Media div.brammo h3, #Queue div.MediaContainer ul li.brammo img, #Featured div.MediaContainer ul li.brammo img, #Buzz div.MediaContainer ul li.brammo p { border-right-color: #05344e !important;} #Buzz div.MediaContainer ul li.date p.brammo span.date { background-image: url(/img/clients/bkg.dates-brammo.jpg); } .brammo #Player { color: #05344e; } /* ------------------------ Posten ------------------------ */ #Header #Nav li.posten { background-position: -1495px 0px !important } #Header #Nav li.posten a { background-position: -1495px -47px !important; } #Header p.posten, #Header p.posten a, #Header #Nav li.active.posten { background-position: -1495px -94px !important; } * html #Header #Nav li.active.posten { background-position: -1495px 0px !important; } #Media div.posten h3, #Queue div.MediaContainer ul li.posten img, #Featured div.MediaContainer ul li.posten img, #Buzz div.MediaContainer ul li.posten p { border-right-color: #c6c6c6 !important;} #Buzz div.MediaContainer ul li.date p.posten span.date { background-image: url(/img/clients/bkg.dates-posten.jpg); } .posten #Player { color: #c6c6c6; } /* ------------------------ IKEA ------------------------ */ #Nav li.ikea, #Nav li.ikea a { background: url(/img/bkg.nav-button.canada.png) left top no-repeat;} #Header #Nav li.ikea { background-position: -230px 0px !important; } #Header #Nav li.ikea a { background-position: -230px -47px !important; } #Header p.ikea, #Header p.ikea a, #Header #Nav li.active.ikea { background-position: -230px -94px !important; } * html #Header #Nav li.active.ikea { background-position: -230px 0px !important; } #Media div.ikea h3, #Queue div.MediaContainer ul li.ikea img, #Featured div.MediaContainer ul li.ikea img, #Buzz div.MediaContainer ul li.ikea p { border-right-color: #006cb7 !important;} #Buzz div.MediaContainer ul li.date p.ikea span.date { background-image: url(/img/clients/bkg.dates-ikea.jpg); } .ikea #Player { color: #006cb7; } /* ------------------------ Molson ------------------------ */ #Nav li.molson, #Nav li.molson a { background: url(/img/bkg.nav-button.canada.png) left top no-repeat;} #Header #Nav li.molson { background-position: -460px 0px !important; } #Header #Nav li.molson a { background-position: -460px -47px !important; } #Header p.molson, #Header p.molson a, #Header #Nav li.active.molson { background-position: -460px -94px !important; } * html #Header #Nav li.active.molson { background-position: -460px 0px !important; } #Media div.molson h3, #Queue div.MediaContainer ul li.molson img, #Featured div.MediaContainer ul li.molson img, #Buzz div.MediaContainer ul li.molson p { border-right-color: #a61f38 !important;} #Buzz div.MediaContainer ul li.date p.molson span.date { background-image: url(/img/clients/bkg.dates-molson.jpg); } .molson #Player { color: #a61f38; } /* ------------------------ KRAFT ------------------------ */ #Header #Nav li.kraft { background-position: -1610px 0px !important; } #Header #Nav li.kraft a { background-position: -1610px -47px !important; } #Header p.kraft, #Header p.kraft a, #Header #Nav li.active.kraft { background-position: -1610px -94px !important; } * html #Header #Nav li.active.kraft { background-position: -1610px 0px !important; } #Media div.kraft h3, #Queue div.MediaContainer ul li.kraft img, #Featured div.MediaContainer ul li.kraft img, #Buzz div.MediaContainer ul li.kraft p { border-right-color: #00acec !important;} #Buzz div.MediaContainer ul li.date p.kraft span.date { background-image: url(/img/clients/bkg.dates-kraft.jpg); } .kraft #Player { color: #00acec; } /* ------------------------ Telia ------------------------ */ #Nav li.telia, #Nav li.telia a { background: url(/img/bkg.nav-button.europe.png) left top no-repeat;} #Header #Nav li.telia { background-position: -690px 0px !important } #Header #Nav li.telia a { background-position: -690px -47px !important; } #Header p.telia, #Header p.telia a, #Header #Nav li.active.telia { background-position: -690px -94px !important; } * html #Header #Nav li.active.telia { background-position: -690px 0px !important; } #Media div.telia h3, #Queue div.MediaContainer ul li.telia img, #Featured div.MediaContainer ul li.telia img, #Buzz div.MediaContainer ul li.telia p { border-right-color: #cd0666 !important;} #Buzz div.MediaContainer ul li.date p.telia span.date { background-image: url(/img/clients/bkg.dates-telia.jpg); } .telia #Player { color: #cd0666; }