/*--------------------------------------------------------------------------- C O M M O N E L E M E N T S ----------------------------------------------------------------------------- This style sheet is used by all pages included in this project (every site has its own pageCommon.css) -------------------------------- RESETS ------------------------------*/ /*Headers*/ /*h1 is used to hold "LEGO.com" and can therefore not be used in the content markup. h3 to h6 is available for use.*/ /*h2 is used for the site header (here "[sitename]") and can therefore not be used in the content markup. h3 to h6 is available for use.*/ h2 { text-indent: -9999px; position: absolute; z-index: -1; } /*Adjust as necessary*/ /*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc.*/ /*h3 { font: bold 145%/1.25 arial, lucida, verdana, helvetica, sans-serif; color: #000; } /*Addtional headers*/ h4 { font: bold 95%/1.25 arial, lucida, verdana, helvetica, sans-serif; color: #6F6D6E; } /*h5 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; } h6 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; } /*------------------------------ STRUCTURE ------------------------------*/ #wrapperContainer { width: 950px; margin: 0; overflow: hidden; } #siteContainer { width: 950px; position: relative; text-align: left; color: #6F6D6E; margin:0 auto;overflow:hidden; } #fakeBody{margin:0 auto;position:relative;text-align:left;width:950px;} #GHcontainer, #GHwrapper{position:relative; z-index:1;} /*IE7 Fix - new global header/footer */ #contentWrapper { background-color: #DEE3E7; padding: 5px 0 0 0; font: normal 80%/1.25 arial, Verdana, lucida, helvetica, sans-serif; float:left; width:950px;position:relative; } #contentWrapperInner{ padding: 0 0 0 10px;} .content { width: 692px; margin: 0 auto; position: relative; background-color: #DEE3E7; } #primaryNavi { float:left;width: 950px; height: 66px; background:url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic34163017B3553445C0551821F4E72D38.gif ) center 0px no-repeat; position: relative; } #funzoneSubNavi { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic0591DBA5D177772E29D57EA519D3A06D.gif) center 0px no-repeat; } #supportSubNavi { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic2CB088C97D6EFF2B62DC0F5BE0FA7669.gif) center 0px no-repeat; } #communitySubNavi { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picE329E942BED0B383E052D481615B5B78.gif) center 0px no-repeat; } .subNavi { margin: 0 auto; width: 916px; height: 32px; text-align: left; } #whiteBgHeader {background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic6C13D66BEEE6239ED32FF1C95205A0BF.gif) no-repeat; height: 18px; } #whiteBgFooter {background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picDC75E29BBEB40FB9AC4C85728E066F51.gif) no-repeat; clear:both; height: 18px; } .min-height { min-height: 900px; height: auto !important; height: 900px; } /*.NavContainer { width: 950px; height: 91px; text-align: left; background: #fff url() no-repeat; } .SubNavContainer { width: 900px; height: 23px; padding: 66px 0 0 15px; }*/ /*------------------------------ ADDITIONAL CLASSES ------------------------------*/ .pageHeader { margin: 0 0 0 10px; padding: 10px 0; text-align: left; } .pageSubHeader { margin: -4px 3px 0 3px; padding: 0 0 0 8px; text-align: left; background: #7cc12e } .playIdeasContainer { width: 759px; margin: 0 auto; } .clear { clear: both; } .activeBottomMenuItem { background-position:0 -72px; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ .noFlash p { margin: 5px 0 0 0; font: bold 10px arial, lucida, verdana, helvetica, sans-serif; color: #000; text-align: center; } /*------------------------------ LINKS ------------------------------*/ /*.SubNavContainer a { margin: 0 20px 0 0; }*/ a:active, a:focus, div:active, div:focus, object:focus { outline: 0; } .noFlash a, .noFlash a:visited, .noFlash a:active { text-decoration: none; color: #f70000; } .noFlash a:hover { text-decoration: underline; } /*------------------------------ IMAGES ------------------------------*/ /*------------------------------ DYNAMIC TOUT COMPONENT ------------------------------*/ ul.toutContainer { width: 930px; padding: 0 0 20px 0; margin: 0 0 0 15px; overflow: hidden; } .toutContainer li { height: 211px; margin: 0 4px 0 0; overflow: hidden; display: block; float: left; } .toutContainer h4 { height: 251px; text-indent: 20px; font: bold 130%/45px arial, lucida, helvetica, sans-serif; text-transform: uppercase; color: #1B600D; } .toutContainer a { height: 167px; margin: -211px 0 0 0; display: block; color: #1B600D; text-decoration: none; } .toutContainer img { margin: 0 0 5px 3px; } .toutContainer span { margin: 0 20px 0 20px; display: block; } /*------------------------------ CONTENT NAVIGATION COMPONENT ------------------------------*/ #contentNaviWrapper { float: left; margin:0 10px 0 0; width: 225px; height: 465px; } .contentNaviNoArrows { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic18E8AA32FDF163FFB1C8426A7DF6A361.jpg) no-repeat; } .contentNaviArrows { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic1F249D427E68729989965564AD95CB32.jpg) no-repeat; } #contentNavi { height: 375px; position: relative; } #contentNaviScroller { width: 217px; height: 340px; margin: 0 0 0 5px; position: relative; overflow: hidden; } #contentNaviContainer { margin: -1px 0 0 0; border-bottom: 1px solid #e8e8e8; position: absolute; } #contentNaviContainer li { width: 217px; height: 68px; float:left; cursor: pointer; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic0630166F1D119D1C35F076E9B74F9C11.gif) repeat-x; } #contentNaviContainer li.firstItem { background: none; } #contentNaviContainer li.lastItem { height: 68px; } #contentNaviContainer li.hover, #contentNaviContainer li.active { height: 68px; background:url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picAAB20B4A594EE7C39F4868312FB3A370.gif) repeat-x; } #contentNaviContainer li span { height: 25px; padding: 10px 0 0 40px; margin: 15px 0 0 10px; display: block; cursor: pointer; background-attachment: inherit; background-position: left top; background-repeat: no-repeat; } #contentNaviContainer a:hover span, #contentNaviContainer .active span { background-position: left -35px; background-repeat: no-repeat; } #contentNaviContainer li a { width: 217px; height: 68px; display: block; color:#0177bf; font: bold 120% /1.25 arial, Verdana, lucida, helvetica, sans-serif; text-decoration: none; } a.upBtn, a.downBtn { width: 217px; height: 35px; margin: 0 0 0 4px; display: block; text-indent: -9999px; cursor: pointer; } a.upBtn { margin: 1px 0 0 4px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picF6C870FC0311051477BEF53941DC3BC7.gif) 92px 11px no-repeat;} a.downBtn { height: 30px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picCD65CE4F8A7ED26E48253B1E6C139458.gif) 92px 9px no-repeat;} a.disabled { visibility: hidden; } /*------------------------------ CONTENT SELECTOR COMPONENT ------------------------------*/ .contentSelectNoArrows { background: none; } .contentSelectArrows { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picF02F4C2462D24D899630C2DD62D3721B.jpg) center 43px no-repeat; } #contentSelectWrapper { margin:0; padding:0; float:left } #contentSelect { width: 652px; margin: 0 20px; position: relative; overflow: hidden; } #contentSelectScroller { width: 475px; height: 100px; overflow: hidden; position: relative; left: 88px; top: 20px; } #contentSelectContainer { width: 2000px; height: 50px; position: absolute; } #contentSelectContainer li { width: 104px; margin: 0 20px 0 0; display: inline; float: left; } #contentSelectContainer a { width: 104px; height: 72px; float: left; } #contentSelectContainer a:hover, #contentSelectContainer .active a { background-position: left -72px; } a.prevBtn, a.nextBtn { width: 12px; height: 23px; display: block; text-indent: -9999px; cursor: pointer; } a.prevBtn { position: absolute; left: 69px; top: 43px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic09981F74CAC8ED639A8B684834DC6164.jpg) no-repeat; float: left; } a.nextBtn { position: absolute; right: 68px; top: 43px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic4971FCB12F1032BACCEBE5C36BFB578A.jpg) no-repeat; float: right; } /*------------------------------ DOWNLOAD TAB BUTTONS ------------------------------*/ ul.downloadTabBtns { margin: 0 auto; } .downloadTabBtns li { float: left; } .downloadTabBtns a { width: 111px; height: 31px; margin: 0 3px 0 3px; line-height: 29px; color: #000; text-decoration: none; display: block; text-align: center; font-weight: bold; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picBD30FB3F032DBEE681AF6D4946EC1737.gif) no-repeat; } /*------------------------------ Masterpage ------------------------------*/ html {overflow: hidden; overflow-y: auto;} body { background:url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic47CF00B8408F3BB554203C220986CC38.gif ) center 0px repeat-x; } #navMain { float:left; margin-left: 75px; margin-top: -29px; } #contentMain { margin: 0 auto; color: #6F6D6E; text-align: left; } #footerBg { width: 950px; height: 20px; clear:both;margin:0 auto 20px; } #addBackground { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic53EB639F58CE71DD34CD16EF2E6C4996.jpg) no-repeat; height:494px;margin:0 0 0 -275px;position:absolute;top:-82px;width:1500px;z-index:-1; } #logo_top_mindstorms {float:left;width: 950px; height: 84px; background:url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic6CF818074065CEC08843A64B1D715C8A.gif ) center 0px no-repeat; position: relative; } /*------------------------------ X-link popup ------------------------------*/ .popupXlink { position: absolute; display: none; z-index: 99; left: 268px; margin-top: 55px; } #popupBg { float:left; background:url( http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic58EDD690AB190DC9BBFEC48EA0BFF023.gif) no-repeat; width:420px; height:400px;} #popupBg a { text-decoration: none; color: #fff;} .swLogo { float:left; padding: 20px 0 10px 20px } .swPopupContent { float:left; width:410px; margin:0; padding: 35px 5px 10px 0; } .popUpImage { float:left; width:130px; padding: 0 16px 0 8px; } #popUpText { float:left; width:240px; padding: 0 5px 0 0; } #popUpText h4 { text-align:left; font-size: 120%; color:#333; font-weight:bold; } #popUpText p { height:195px; text-align:left; font-size:95%; float:left; } .swPopupButtonsOuter { padding:0 0 0 40px; float:left; margin:0; width:380px; height:50px } .XlinkPopupBackButton { width:145px; height:50px; background:url( http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic080908F39A15D4A21AA938198D202719.gif ) no-repeat; float:left; margin:0; padding:0 50px 0 0; cursor: pointer; } .XlinkPopupContinueButton { width:145px; height:50px; background:url( http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic080908F39A15D4A21AA938198D202719.gif) no-repeat; float:left; margin:0; padding:0; cursor: pointer; } .swPopupBackButton a, .swPopupContinueButton a { float:left; text-decoration: none; cursor:pointer; margin:0; font-family:arial; background:url( http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic080908F39A15D4A21AA938198D202719.gif ) no-repeat; width:145px; height:50px } /*.swPopupBackButton a:hover, .swPopupContinueButton a:hover { float:left; margin:0; cursor:pointer; font-family:arial; background:url( http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic080908F39A15D4A21AA938198D202719.gif ) no-repeat; width:145px; height:50px }*/ .swPopupButtonsOuter h4 { padding: 6px 0 0 4px; text-align:center; width:125px; font-size:130%; font-weight:bold; color: #fff;} .swPopupButtonsOuter p { font-size:80%; font-weight:bold; text-align:center; width:125px; color:#fff; padding:0 0 0 4px; } /**************************************************************************** Tell a friend popup ****************************************************************************/ div.tellAFriendBackground { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic6AF06F4ABD6EED571F431C38F491DC1B.png) no-repeat; position: absolute; display: none; z-index: 9999; left:300px; margin-top: 55px; width: 397px; height: 254px; } div#TAFdiv h3, ul#tellAFriendForm, div#popupLinkBtns, div#tellAFriendError { position: absolute; } div#TAFdiv { color: #4F3416;font-family: Arial; font-size: 120%; color: #B5B5B5; } div#TAFdiv h3 { font-size:175%;left:27px;top:35px; color: #B5B5B5; } ul#tellAFriendForm { font-size:70%;left:30px;top:70px;width:178px;} ul#tellAFriendForm li {padding: 2px 0; } div#popupLinkBtns { bottom:100px;font-size:70%;height:27px;left:30px;width:150px;} div#popupLinkBtns li {display: inline;} li#cancelFriend a, li#submitFriend a { background-position:right 0;background-repeat:no-repeat;color:#fff;float:left;font-weight:bold;margin:0 8px 0 0;padding:7px 15px 0 0;text-decoration:none; } li#submitFriend a { background-image: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picE5B57D8D9A05A5411B4BE1DB6F6A4C48.gif); } li#cancelFriend a { background-image: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic9C2FA5423BD9685D1268E2863B9681AA.gif); color: #4F3416; } li#cancelFriend span, li#submitFriend span { background-position: left 0; background-repeat: no-repeat;cursor: pointer; float: left; height: 21px; margin: -7px 0 0 0; padding: 6px 0 0 15px; } li#cancelFriend span { background-image: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic8EC8FA03306D93D2375C79F121457BC2.gif); color: #FFF; } li#submitFriend span { background-image: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/picCADD7F45289900663387C16EBB165996.gif); color: #FFF;} #tellAFriendPic { float: right; width: 125px; height: 200px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic508E6BB51A1A6661615923F021F45C8D.gif) no-repeat; padding: 0 35px 0 0; margin-top: 20px; } /*#tellAFriendPic { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic508E6BB51A1A6661615923F021F45C8D.gif) no-repeat; height:200px;right:35px;top:60px;width:125px; }*/ div#tellAFriendError { bottom:23px;font-size:70%;left:10px;padding:30px 0 0;text-align:center;width:348px; } /* Filter for IE, Opacity for the rest */ div#modal{background-color:#000;height:100%;left:0;opacity:0.6;filter: alpha(opacity = 60);position:fixed;top:0;width:100%;z-index:2;display: none;} /**************************************************************************** S C R O L L B A R ****************************************************************************/ .scrollView, .vScrollbar { float: left;} .scrollView { margin: 0 0 10px 0; } .vScrollbarBackgroundTop {background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic6C3C679241BFE5657F4A32C820D9BB32.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;} .vScrollbarBackgroundBottom {background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic971C387DB5F9D2A5C15E5BC1587BF508.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;} .vScrollbarBackgroundMiddle, .vScrollbarHandleBackgroundMiddle { width: 17px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic9775404169E60E3224EDA5FD5E245329.gif) repeat-y; } .vScrollbarHandleBackgroundMiddle { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic17C0BFB0BFB28CE229D094725941DD97.gif) repeat-y; width:15px; } .vScrollbarHandleBackgroundTop, .vScrollbarHandleBackgroundBottom { width: 15px; height: 6px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic407079CD4640FCA5ECD98CEE26B4B849.gif) no-repeat; } .vScrollbarHandleBackgroundBottom { background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic89F8991A8A43135467ED820C8F21347F.gif) no-repeat; } .vScrollbarUpArrow {background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic7DB6CAF3D9764CC1C33AC08B1C141FC3.gif) no-repeat; width: 17px;height: 14px;overflow: hidden;cursor:pointer;} .vScrollbarDownArrow { width: 17px; height: 14px; background: url(http://cache.lego.com/upload/contentTemplating/Mindstorms2Dictionary/images/pic736EB6CDB85F29CCF52F0B858A893E80.gif) no-repeat; overflow: hidden; cursor: pointer; float: left; } .vScrollNavigation { width: 17px; margin: 0 0 0 7px; float: left;} .vScrollbarHandle {padding-left:1px;}