/* =============================================================================== Theme Name: Command & Conquer Author: Michael Cober Author URL: http://www.cober.ca Version: 1.0 Date: NOV 17, 2010 Compatibility: W3C Valid and tested on IE7 + IE8 + Firefox +Safari + Chrome (Except for the IE Hacks and inline *) =============================================================================== */ /* C+C NAVIGATION =================================================================== */ /* HEADER */ #header { padding:0 0 0 0; } /* #header h1 a {width:306px; height:110px; margin:0 0 0 402px; font-size: 1px; text-indent: -9000px; display: block;} */ #header h1 a {width:306px; height:110px; margin:0 0 0 122px; font-size: 1px; text-indent: -9000px; display: block;} #header a.header-victory {cursor: pointer; display: block; width: 150px; height: 74px; margin: 0 0 0 130px;} #header a.header-victory-void {cursor: default; display: block; width: 150px; height: 74px; margin: 0 0 0 130px;} ul#utilities {margin:27px 0 0 0; } ul#utilities li {display: inline; padding:6px 3px; font-size: 13px; float:left; } ul#utilities li a:hover {color:#87b6cc;} ul#utilities li.hash {color:#666; padding: 5px;} /** Shawn Stott : updated text indent from -5000 to -1 **/ ul#utilities li.region {width:50px; height:25px; padding:5px 0 0 5px; font-size: 1px; text-indent: -1px; background: url(/de/media/images/cnc-dd-default1-bkg.png) no-repeat; } ul#utilities li.region a.current_locale {width:50px; height:25px; background: url(/de/media/images/dd-flag-de.png) no-repeat; display: block; } /* HEADER */ /* REGION DROPDOWN */ /** Shawn Stott : updated left position to fit overtop the existing current locale selection **/ ul#region {position: relative; z-index: 700; top: -30px; left: -5px; width:50px; } /* ul#region {left:1135px\0/;} */ /* IE8 */ ul#region li {width:45px; height:16px; margin:0; padding:5px 0 5px 6px; background: url(/de/media/images/dd-region-bkg.png) repeat-y; } ul#region li.first-region {width:45px; height:16px; margin:0; padding:5px 0 5px 6px; background: url(/de/media/images/dd-region-top-bkg.png) no-repeat; } ul#region li.last-region {width:45px; margin:0; padding:5px 0 2px 6px; } ul#region li.last {width:45px; margin:0; padding:0 0 0 5px; background: url(/de/media/images/dd-region-footer.png) no-repeat;} ul#region li a { display: block; } .locale_list {display: none;} /* REGION DROPDOWN */ /* NAVBAR */ #navigation { width:1100px; height:35px; margin:0 0 20px 20px; clear:both; /*background: url(/de/media/images/nav-bar.png) no-repeat;*/ position:relative; z-index: 600; top: 15px; } /*#navigation ul#nav {width:550px; height:25px; margin:5px 0 0 43px; } ul#nav li {width:170px; height:25px; margin:0 10px 0 0; font-size: 1px; text-indent: -5000px; float:left;} ul#nav li.games a {width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav.png) 0 0 no-repeat; } ul#nav li.games a:hover {background: url(/de/media/images/cnc-nav.png) 0 -30px no-repeat;} ul#nav li.forum a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav.png) -181px 0 no-repeat; } ul#nav li.forum a:hover {background: url(/de/media/images/cnc-nav.png) -181px -30px no-repeat;} ul#nav li.about a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav.png) -362px 0 no-repeat; } ul#nav li.about a:hover {background: url(/de/media/images/cnc-nav.png) -362px -30px no-repeat;} ul#nav li.about .on {background: url(/de/media/images/cnc-nav.png) -362px -30px no-repeat; }*/ #navigation ul#nav {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav li {width:243px; height:44px; margin: 0 171px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav.png) 0 0 no-repeat; } ul#nav li.games a:hover {background: url(/de/media/images/cnc-nav.png) 0 -30px no-repeat;} ul#nav li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav.png) -250px 0 no-repeat; } ul#nav li.forum a:hover {background: url(/de/media/images/cnc-nav.png) -250px -44px no-repeat;} ul#nav li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav.png) -499px 0 no-repeat; } ul#nav li.about a:hover {background: url(/de/media/images/cnc-nav.png) -499px -44px no-repeat;} ul#nav li.about .on {background: url(/de/media/images/cnc-nav.png) 0px -30px no-repeat; } ul#social-icons, ul#social-icons-fr {position:absolute; right: 45px; z-index: 900; width:92px; height:27px; margin:4px 0 0 0; background: url(/de/media/images/social-icons.png) no-repeat; font-size: 1px; text-indent: -5000px; font-size: 1px; text-indent: -5000px; } ul#social-icons a, ul#social-icons-fr a {width:25px; height:25px; float:right; margin:1px 0 0 3px;} ul#social-icons-fr {width:64px; overflow:hidden;} /* NAVBAR */ /* NAVBAR BLUE */ /*#navigation ul#nav-blue {width:550px; height:25px; margin:5px 0 0 43px; } ul#nav-blue li {width:170px; height:25px; margin:0 10px 0 0; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-blue li.games a {width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav.png) 0 0 no-repeat; } ul#nav-blue li.games a:hover {background: url(/de/media/images/cnc-nav.png) 0 -30px no-repeat;} ul#nav-blue li.forum a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav.png) -181px 0 no-repeat; } ul#nav-blue li.forum a:hover {background: url(/de/media/images/cnc-nav.png) -181px -30px no-repeat;} ul#nav-blue li.about a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav.png) -362px 0 no-repeat; } ul#nav-blue li.about a:hover {background: url(/de/media/images/cnc-nav.png) -362px -30px no-repeat;} ul#nav-blue li.about .on {background: url(/de/media/images/cnc-nav.png) -362px -30px no-repeat; }*/ #navigation ul#nav-blue {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav-blue li {width:243px; height:44px; margin: 0 171px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-blue li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav.png) 0 0 no-repeat; } ul#nav-blue li.games a:hover {background: url(/de/media/images/cnc-nav.png) 0 -30px no-repeat;} ul#nav-blue li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav.png) -250px 0 no-repeat; } ul#nav-blue li.forum a:hover {background: url(/de/media/images/cnc-nav.png) -250px -44px no-repeat;} ul#nav-blue li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav.png) -499px 0 no-repeat; } ul#nav-blue li.about a:hover {background: url(/de/media/images/cnc-nav.png) -499px -44px no-repeat;} ul#nav-blue li.about .on {background: url(/de/media/images/cnc-nav.png) 0px -30px no-repeat; } /*ul#nav-red li.about .on {background: url(/de/media/images/cnc-nav-red.png) -362px -30px no-repeat; }*/ /* NAVBAR BLUE */ /* NAVBAR RED */ /*#navigation ul#nav-red {width:550px; height:25px; margin:5px 0 0 43px; } ul#nav-red li {width:170px; height:25px; margin:0 10px 0 0; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-red li.games a {width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-red.png) 0 0 no-repeat; } ul#nav-red li.games a:hover {background: url(/de/media/images/cnc-nav-red.png) 0 -30px no-repeat;} ul#nav-red li.forum a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-red.png) -181px 0 no-repeat; } ul#nav-red li.forum a:hover {background: url(/de/media/images/cnc-nav-red.png) -181px -30px no-repeat;} ul#nav-red li.about a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-red.png) -362px 0 no-repeat; } ul#nav-red li.about a:hover {background: url(/de/media/images/cnc-nav-red.png) -362px -30px no-repeat;} ul#nav-red li.games .on {background: url(/de/media/images/cnc-nav-red.png) 0px -30px no-repeat; } ul#nav-red li.about .on {background: url(/de/media/images/cnc-nav-red.png) -362px -30px no-repeat; }*/ #navigation ul#nav-red {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav-red li {width:243px; height:44px; margin: 0 171px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-red li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-red.png) 0 0 no-repeat; } ul#nav-red li.games a:hover {background: url(/de/media/images/cnc-nav-red.png) 0 -30px no-repeat;} ul#nav-red li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-red.png) -250px 0 no-repeat; } ul#nav-red li.forum a:hover {background: url(/de/media/images/cnc-nav-red.png) -250px -44px no-repeat;} ul#nav-red li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-red.png) -499px 0 no-repeat; } ul#nav-red li.about a:hover {background: url(/de/media/images/cnc-nav-red.png) -499px -44px no-repeat;} ul#nav-red li.games .on {background: url(/de/media/images/cnc-nav-red.png) 0px -30px no-repeat; } ul#nav-red li.about .on {background: url(/de/media/images/cnc-nav-red.png) -362px -30px no-repeat; } /* NAVBAR RED */ /* NAVBAR GOLD */ /*#navigation ul#nav-gold {width:550px; height:25px; margin:5px 0 0 43px; } ul#nav-gold li {width:170px; height:25px; margin:0 10px 0 0; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-gold li.games a {width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-gold.png) 0 0 no-repeat; } ul#nav-gold li.games a:hover {background: url(/de/media/images/cnc-nav-gold.png) 0 -30px no-repeat;} ul#nav-gold li.forum a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-gold.png) -181px 0 no-repeat; } ul#nav-gold li.forum a:hover {background: url(/de/media/images/cnc-nav-gold.png) -181px -30px no-repeat;} ul#nav-gold li.about a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-gold.png) -362px 0 no-repeat; } ul#nav-gold li.about a:hover {background: url(/de/media/images/cnc-nav-gold.png) -362px -30px no-repeat;} ul#nav-gold li.games .on {background: url(/de/media/images/cnc-nav-gold.png) 0px -30px no-repeat; } ul#nav-gold li.about .on {background: url(/de/media/images/cnc-nav-gold.png) -362px -30px no-repeat; }*/ #navigation ul#nav-gold {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav-gold li {width:243px; height:44px; margin: 0 171px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-gold li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-gold.png) 0 0 no-repeat; } ul#nav-gold li.games a:hover {background: url(/de/media/images/cnc-nav-gold.png) 0 -30px no-repeat;} ul#nav-gold li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-gold.png) -250px 0 no-repeat; } ul#nav-gold li.forum a:hover {background: url(/de/media/images/cnc-nav-gold.png) -250px -44px no-repeat;} ul#nav-gold li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-gold.png) -499px 0 no-repeat; } ul#nav-gold li.about a:hover {background: url(/de/media/images/cnc-nav-gold.png) -499px -44px no-repeat;} ul#nav-gold li.games .on {background: url(/de/media/images/cnc-nav-gold.png) 0px -30px no-repeat; } ul#nav-gold li.about .on {background: url(/de/media/images/cnc-nav-gold.png) -362px -30px no-repeat; } /* NAVBAR GOLD */ /* NAVBAR TAN */ /*#navigation ul#nav-tan {width:550px; height:25px; margin:5px 0 0 43px; } ul#nav-tan li {width:170px; height:25px; margin:0 10px 0 0; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-tan li.games a {width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-tan.png) 0 0 no-repeat; } ul#nav-tan li.games a:hover {background: url(/de/media/images/cnc-nav-tan.png) 0 -30px no-repeat;} ul#nav-tan li.forum a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-tan.png) -181px 0 no-repeat; } ul#nav-tan li.forum a:hover {background: url(/de/media/images/cnc-nav-tan.png) -181px -30px no-repeat;} ul#nav-tan li.about a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-tan.png) -362px 0 no-repeat; } ul#nav-tan li.about a:hover {background: url(/de/media/images/cnc-nav-tan.png) -362px -30px no-repeat;} ul#nav-tan li.games .on {background: url(/de/media/images/cnc-nav-tan.png) 0px -30px no-repeat; } ul#nav-tan li.about .on {background: url(/de/media/images/cnc-nav-tan.png) -362px -30px no-repeat; }*/ #navigation ul#nav-tan {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav-tan li {width:243px; height:44px; margin: 0 171px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-tan li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-tan.png) 0 0 no-repeat; } ul#nav-tan li.games a:hover {background: url(/de/media/images/cnc-nav-tan.png) 0 -30px no-repeat;} ul#nav-tan li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-tan.png) -250px 0 no-repeat; } ul#nav-tan li.forum a:hover {background: url(/de/media/images/cnc-nav-tan.png) -250px -44px no-repeat;} ul#nav-tan li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-tan.png) -499px 0 no-repeat; } ul#nav-tan li.about a:hover {background: url(/de/media/images/cnc-nav-tan.png) -499px -44px no-repeat;} ul#nav-tan li.games .on {background: url(/de/media/images/cnc-nav-tan.png) 0px -30px no-repeat; } ul#nav-tan li.about .on {background: url(/de/media/images/cnc-nav-tan.png) -362px -30px no-repeat; } /* NAVBAR TAN */ /* NAVBAR LIME */ /*#navigation ul#nav-lime {width:550px; height:25px; margin:5px 0 0 43px; } ul#nav-lime li {width:170px; height:25px; margin:0 10px 0 0; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-lime li.games a {width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-lime.png) 0 0 no-repeat; } ul#nav-lime li.games a:hover {background: url(/de/media/images/cnc-nav-lime.png) 0 -30px no-repeat;} ul#nav-lime li.forum a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-lime.png) -181px 0 no-repeat; } ul#nav-lime li.forum a:hover {background: url(/de/media/images/cnc-nav-lime.png) -181px -30px no-repeat;} ul#nav-lime li.about a {position: relative; z-index:800; width:170px; height:25px; display:block; background: url(/de/media/images/cnc-nav-lime.png) -362px 0 no-repeat; } ul#nav-lime li.about a:hover {background: url(/de/media/images/cnc-nav-lime.png) -362px -30px no-repeat;} ul#nav-lime li.games .on {background: url(/de/media/images/cnc-nav-lime.png) 0px -30px no-repeat; } ul#nav-lime li.about .on {background: url(/de/media/images/cnc-nav-lime.png) -362px -30px no-repeat; }*/ #navigation ul#nav-lime {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav-lime li {width:243px; height:44px; margin: 0 171px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-lime li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-lime.png) 0 0 no-repeat; } ul#nav-lime li.games a:hover {background: url(/de/media/images/cnc-nav-lime.png) 0 -30px no-repeat;} ul#nav-lime li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-lime.png) -250px 0 no-repeat; } ul#nav-lime li.forum a:hover {background: url(/de/media/images/cnc-nav-lime.png) -250px -44px no-repeat;} ul#nav-lime li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-lime.png) -499px 0 no-repeat; } ul#nav-lime li.about a:hover {background: url(/de/media/images/cnc-nav-lime.png) -499px -44px no-repeat;} ul#nav-lime li.games .on {background: url(/de/media/images/cnc-nav-lime.png) 0px -30px no-repeat; } ul#nav-lime li.about .on {background: url(/de/media/images/cnc-nav-lime.png) -362px -30px no-repeat; } /* NAVBAR LIME */ /* NAVBAR GOLDen */ #navigation ul#nav-golden {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav-golden li {width:243px; height:44px; margin: 0 171px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-golden li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-golden.png) 0 0 no-repeat; } ul#nav-golden li.games a:hover {background: url(/de/media/images/cnc-nav-golden.png) 0 -30px no-repeat;} ul#nav-golden li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-golden.png) -250px 0 no-repeat; } ul#nav-golden li.forum a:hover {background: url(/de/media/images/cnc-nav-golden.png) -250px -44px no-repeat;} ul#nav-golden li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-golden.png) -499px 0 no-repeat; } ul#nav-golden li.about a:hover {background: url(/de/media/images/cnc-nav-golden.png) -499px -44px no-repeat;} ul#nav-golden li.games .on {background: url(/de/media/images/cnc-nav-golden.png) 0px -30px no-repeat; } ul#nav-golden li.about .on {background: url(/de/media/images/cnc-nav-golden.png) -362px -30px no-repeat; } /* NAVBAR GOLDen */ /* NAVBAR Metallic */ #navigation ul#nav-metallic {width:100%; height:44px; margin:5px 0 0 43px; } ul#nav-metallic li {width:243px; height:44px; margin: 0 137px 0 -53px; font-size: 1px; text-indent: -5000px; float:left;} ul#nav-metallic li.games a {width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-metallic.png) 0 0 no-repeat; } ul#nav-metallic li.games a:hover {background: url(/de/media/images/cnc-nav-metallic.png) 0 -30px no-repeat;} ul#nav-metallic li.forum a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-metallic.png) -250px 0 no-repeat; } ul#nav-metallic li.forum a:hover {background: url(/de/media/images/cnc-nav-metallic.png) -250px -44px no-repeat;} ul#nav-metallic li.about a {position: relative; z-index:800; width:243px; height:44px; display:block; background: url(/de/media/images/cnc-nav-metallic.png) -499px 0 no-repeat; } ul#nav-metallic li.about a:hover {background: url(/de/media/images/cnc-nav-metallic.png) -499px -44px no-repeat;} ul#nav-metallic li.games .on {background: url(/de/media/images/cnc-nav-metallic.png) 0px -30px no-repeat; } ul#nav-metallic li.about .on {background: url(/de/media/images/cnc-nav-metallic.png) -362px -30px no-repeat; } /* NAVBAR Metallic */ /* DROPDOWN BLUE */ #dd-blue-wrap {margin-left: -58px;} #dd-games-blue {width:1000px; position: absolute; top:5px; left:28px; z-index: 500; float:right;} #dd-b-games-blue {width:243px; height:44px; background: url(/de/media/images/b-games-blue-dd.png) no-repeat; font-size: 1px; text-indent: -5000px; margin-left: -38px;} #dd-wrap-blue {} .dd-blue-top {width:1000px; height:28px; background: url(/de/media/images/dd-blue-top.png) no-repeat;} .dd-blue-body {width:1000px; background: url(/de/media/images/dd-blue-bkg.png) repeat-y;} .dd-blue-btm {width:1000px; height:32px; background: url(/de/media/images/dd-blue-btm.png) no-repeat;} .dd-blue-btm a {width:25px; height:22px; display: block; font-size: 1px; text-indent: -5000px; float: right; margin:0 5px 0 0;} #dd-games-blue ul.drops {width:150px; float:left; margin:0 0 0 8px;} #dd-games-blue ul.drops.first {margin:0 0 0 33px;} #dd-games-blue ul.drops li {padding:2px 0px; border-bottom: 1px solid #102a36; font-size: 12px; color:#a6cee1;} #dd-games-blue ul.drops li a {color:#a6cee1; display: block; padding:3px 5px 3px 5px; } #dd-games-blue ul.drops li a:hover {background: url(/de/media/images/dd-blue-hover.png) no-repeat;} #dd-games-blue ul.drops li.banner {padding: 0; border:0;} #dd-games-blue ul.drops li.last {border:0; margin:0;} #dd-games-blue ul.drops li.teaser {padding:5px; color: #436777;} /* DROPDOWN BLUE */ /* DROPDOWN RED */ #dd-red-wrap {margin-left: -58px;} #dd-games-red {width:1000px; position: absolute; top:5px; left:28px; z-index: 500; float:right;} #dd-b-games-red {width:243px; height:44px; background: url(/de/media/images/b-games-red-dd.png) no-repeat; font-size: 1px; text-indent: -5000px; margin-left: -38px;} #dd-wrap-red {} .dd-red-top {width:1000px; height:28px; background: url(/de/media/images/dd-red-top.png) no-repeat;} .dd-red-body {width:1000px; background: url(/de/media/images/dd-red-bkg.png) repeat-y;} .dd-red-btm {width:1000px; height:32px; background: url(/de/media/images/dd-red-btm.png) no-repeat;} .dd-red-btm a {width:25px; height:22px; display: block; font-size: 1px; text-indent: -5000px; float: right; margin:0 5px 0 0;} #dd-games-red ul.drops {width:150px; float:left; margin:0 0 0 8px;} #dd-games-red ul.drops.first {margin:0 0 0 33px;} #dd-games-red ul.drops li {padding:2px 0px; border-bottom: 1px solid #2b0e0e; font-size: 12px; color:#d53939;} #dd-games-red ul.drops li a {color:#d53939; display: block; padding:3px 5px 3px 5px; } #dd-games-red ul.drops li a:hover {background: url(/de/media/images/dd-red-hover.png) no-repeat;} #dd-games-red ul.drops li.banner {padding: 0; border:0;} #dd-games-red ul.drops li.last {border:0; margin:0;} #dd-games-red ul.drops li.teaser {padding:5px; color: #8c2626;} /* DROPDOWN RED */ /* DROPDOWN GOLD */ #dd-gold-wrap {margin-left: -58px;} #dd-games-gold {width:1000px; position: absolute; top:5px; left:28px; z-index: 500; float:right;} #dd-b-games-gold {width:243px; height:44px; background: url(/de/media/images/b-games-gold-dd.png) no-repeat; font-size: 1px; text-indent: -5000px; margin-left: -38px;} #dd-wrap-gold {} .dd-gold-top {width:1000px; height:28px; background: url(/de/media/images/dd-gold-top.png) no-repeat;} .dd-gold-body {width:1000px; background: url(/de/media/images/dd-gold-bkg.png) repeat-y;} .dd-gold-btm {width:1000px; height:32px; background: url(/de/media/images/dd-gold-btm.png) no-repeat;} .dd-gold-btm a {width:25px; height:22px; display: block; font-size: 1px; text-indent: -5000px; float: right; margin:0 5px 0 0;} #dd-games-gold ul.drops {width:150px; float:left; margin:0 0 0 8px;} #dd-games-gold ul.drops.first {margin:0 0 0 33px;} #dd-games-gold ul.drops li {padding:2px 0px; border-bottom: 1px solid #41350b; font-size: 12px; color:#ffffcc;} #dd-games-gold ul.drops li a {color:#ffffcc; display: block; padding:3px 5px 3px 5px; } #dd-games-gold ul.drops li a:hover {background: url(/de/media/images/dd-gold-hover.png) no-repeat;} #dd-games-gold ul.drops li.banner {padding: 0; border:0;} #dd-games-gold ul.drops li.last {border:0; margin:0;} #dd-games-gold ul.drops li.teaser {padding:5px; color: #8c814d;} /* DROPDOWN GOLD */ /* DROPDOWN TAN */ #dd-tan-wrap {margin-left: -58px;} #dd-games-tan {width:1000px; position: absolute; top:5px; left:28px; z-index: 500; float:right;} #dd-b-games-tan {width:243px; height:44px; background: url(/de/media/images/b-games-tan-dd.png) no-repeat; font-size: 1px; text-indent: -5000px; margin-left: -38px;} #dd-wrap-tan {} .dd-tan-top {width:1000px; height:28px; background: url(/de/media/images/dd-tan-top.png) no-repeat;} .dd-tan-body {width:1000px; background: url(/de/media/images/dd-tan-bkg.png) repeat-y;} .dd-tan-btm {width:1000px; height:32px; background: url(/de/media/images/dd-tan-btm.png) no-repeat;} .dd-tan-btm a {width:25px; height:22px; display: block; font-size: 1px; text-indent: -5000px; float: right; margin:0 5px 0 0;} #dd-games-tan ul.drops {width:150px; float:left; margin:0 0 0 8px;} #dd-games-tan ul.drops.first {margin:0 0 0 33px;} #dd-games-tan ul.drops li {padding:2px 0px; border-bottom: 1px solid #2b2c1e; font-size: 12px; color:#ffffcc;} #dd-games-tan ul.drops li a {color:#ffffcc; display: block; padding:3px 5px 3px 5px; } #dd-games-tan ul.drops li a:hover {background: url(/de/media/images/dd-tan-hover.png) no-repeat;} #dd-games-tan ul.drops li.banner {padding: 0; border:0;} #dd-games-tan ul.drops li.last {border:0; margin:0;} #dd-games-tan ul.drops li.teaser {padding:5px; color: #8c814d;} /* DROPDOWN TAN */ /* DROPDOWN LIME */ #dd-lime-wrap {margin-left: -58px;} #dd-games-lime {width:1000px; position: absolute; top:5px; left:28px; z-index: 500; float:right;} #dd-b-games-lime {width:243px; height:44px; background: url(/de/media/images/b-games-lime-dd.png) no-repeat; font-size: 1px; text-indent: -5000px; margin-left: -38px;} #dd-wrap-lime {} .dd-lime-top {width:1000px; height:28px; background: url(/de/media/images/dd-lime-top.png) no-repeat;} .dd-lime-body {width:1000px; background: url(/de/media/images/dd-lime-bkg.png) repeat-y;} .dd-lime-btm {width:1000px; height:32px; background: url(/de/media/images/dd-lime-btm.png) no-repeat;} .dd-lime-btm a {width:25px; height:22px; display: block; font-size: 1px; text-indent: -5000px; float: right; margin:0 5px 0 0;} #dd-games-lime ul.drops {width:150px; float:left; margin:0 0 0 8px;} #dd-games-lime ul.drops.first {margin:0 0 0 33px;} #dd-games-lime ul.drops li {padding:2px 0px; border-bottom: 1px solid #003a0e; font-size: 12px; color:#5d8968;} #dd-games-lime ul.drops li a {color:#ffffff; display: block; padding:3px 5px 3px 5px; } #dd-games-lime ul.drops li a:hover {background: url(/de/media/images/dd-lime-hover.png) no-repeat;} #dd-games-lime ul.drops li.banner {padding: 0; border:0;} #dd-games-lime ul.drops li.last {border:0; margin:0;} #dd-games-lime ul.drops li.teaser {padding:5px; color: #8c814d;} /* DROPDOWN LIME */ /* DROPDOWN GOLDen */ #dd-golden-wrap {margin-left: -58px;} #dd-games-golden {width:1000px; position: absolute; top:5px; left:28px; z-index: 500; float:right;} #dd-b-games-golden {width:243px; height:44px; background: url(/de/media/images/b-games-golden-dd.png) no-repeat; font-size: 1px; text-indent: -5000px; margin-left: -38px;} #dd-wrap-golden {} .dd-golden-top {width:1000px; height:28px; background: url(/de/media/images/dd-golden-top.png) no-repeat;} .dd-golden-body {width:1000px; background: url(/de/media/images/dd-golden-bkg.png) repeat-y;} .dd-golden-btm {width:1000px; height:32px; background: url(/de/media/images/dd-golden-btm.png) no-repeat;} .dd-golden-btm a {width:25px; height:22px; display: block; font-size: 1px; text-indent: -5000px; float: right; margin:0 5px 0 0;} #dd-games-golden ul.drops {width:150px; float:left; margin:0 0 0 8px;} #dd-games-golden ul.drops.first {margin:0 0 0 33px;} #dd-games-golden ul.drops li {padding:2px 0px; border-bottom: 1px solid #502e11; font-size: 12px; color:#9c8057;} #dd-games-golden ul.drops li a {color:#ffffcc; display: block; padding:3px 5px 3px 5px; } #dd-games-golden ul.drops li a:hover {background: url(/de/media/images/dd-golden-hover.png) no-repeat;} #dd-games-golden ul.drops li.banner {padding: 0; border:0;} #dd-games-golden ul.drops li.last {border:0; margin:0;} #dd-games-golden ul.drops li.teaser {padding:5px; color: #8c814d;} /* DROPDOWN GOLDen */ /* DROPDOWN Metallic */ #dd-games-metallic {width:1000px; position: absolute; top:5px; left: -10px; z-index: 500; float:right;} #dd-b-games-metallic {width:243px; height:44px; background: url(/de/media/images/b-games-metallic-dd.png) no-repeat; font-size: 1px; text-indent: -5000px;} #dd-wrap-metallic {} .dd-metallic-top {width:1000px; height:28px; background: url(/de/media/images/dd-metallic-top.png) no-repeat;} .dd-metallic-body {width:1000px; background: url(/de/media/images/dd-metallic-bkg.png) repeat-y;} .dd-metallic-btm {width:1000px; height:32px; background: url(/de/media/images/dd-metallic-btm.png) no-repeat;} .dd-metallic-btm a {width:25px; height:22px; display: block; font-size: 1px; text-indent: -5000px; float: right; margin:0 5px 0 0;} #dd-games-metallic ul.drops {width:150px; float:left; margin:0 0 0 8px;} #dd-games-metallic ul.drops.first {margin:0 0 0 33px;} #dd-games-metallic ul.drops li {padding:2px 0px; border-bottom: 1px solid #502e11; font-size: 12px; color:#9c8057;} #dd-games-metallic ul.drops li a {color:#ffffcc; display: block; padding:3px 5px 3px 5px; } #dd-games-metallic ul.drops li a:hover {background: url(/de/media/images/dd-golden-hover.png) no-repeat;} #dd-games-metallic ul.drops li.banner {padding: 0; border:0;} #dd-games-metallic ul.drops li.last {border:0; margin:0;} #dd-games-metallic ul.drops li.teaser {padding:5px; color: #8c814d;} /* DROPDOWN Metallic */ /* BRAND BOX */ .buy-now {width:304px; height:58px; position: relative; top: -65px; right:7px; font-size: 1px; text-indent: -5000px; } .buy-now a {width:304px; height:58px; display:block; *border:1px solid black; } /* BRAND BOX */ /****************************************************************** "The fundamental failure of most graphic, product, architectural, and even urban design is its insistence on serving the God of Looking-Good rather than the God of Being-Good." ~ Richard Saul Wurman ******************************************************************/