/*--------------------------------------------------------------------------- G L O B A L E L E M E N T S ---------------------------------------------------------------------------*/ /*Resets*/ * { margin: 0; padding: 0; } html { overflow-x: hidden; overflow-y: auto; font-size: 100%; } body { background: #000 url(http://cache.lego.com/images/Starwars/Common/site_tile.gif) repeat-x; } table { border-collapse: collapse; } img, fieldset { border: 0; } ol, ul { list-style: none; } /*Headers*/ h3, h4, h5, h6 { color: #fff; } /*h1 is used to hold "LEGO.com" and h2 is used for the site header - here "Batman". h3 to h6 is available and can be used.*/ /*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc. (Of cause exeptions can occur)*/ h3 { font: bold 145%/1.25 arial, lucida, verdana, helvetica, sans-serif; } /*Tout headers (Of cause exeptions can occur)*/ h4 { font: bold 95%/1.25 Verdana, lucida, arial, helvetica, sans-serif; } /*Addtional headers*/ h5 { font: bold 95%/1.25 Verdana, lucida, arial, helvetica, sans-serif; } h6 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; } /*Links*/ a, a:visited, a:active { color: #3982B7; text-decoration: none; } a:hover { text-decoration: none; } /*--------------------------------------------------------------------------- C O M M O N E L E M E N T S ----------------------------------------------------------------------------- -------------------------------- STRUCTURE ------------------------------*/ /*Selectors from legoPage.css is overwritten in order to hold two background images and still centering the site*/ #lp-container { width: 1500px; height: 523px; margin: 0 auto; text-align: center; position: absolute; top: 0; left: -365px; background: url(http://cache.lego.com/images/Starwars/Common/BGimage.jpg) no-repeat; } .RegionInfo, #h-Container { margin: 0 0 0 365px; _margin: 0; } #f-Container { margin: 0 0 0 365px; } /*------------------------------------------*/ #wallpaper { width: 770px; margin: 0 auto; position: relative; } /*wallpaper has taken over lp-container's functions*/ #HOcontainer, #FZcontainer, #MOcontainer, #COcontainer, #DOcontainer, #PRcontainer, #GAcontainer, #VGcontainer, #GALcontainer { width: 770px; margin: 0 auto; text-align: left; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic54D67D3F-3BFE-4253-B0BF-3712F8689C38.gif) repeat-y; font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #3982B7; } #header { width: 770px; height: 104px; _height: 105px; margin: 0 auto; position: relative; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic49D5C6D9-63BE-450F-A968-880C72550F0C.jpg) no-repeat; } #siteNav { width: 420px; height: 45px; position: relative; top: 67px; left: 212px; _left: 37px; text-align: left; /*padding: 70px 0 0 210px;*/ } .NavItem { margin-left: 10px; } .NavMsgboard { position: absolute; top: 15px; right: 9px; } ul#toutLarge { margin: 10px 0 0 15px; text-align: left; } #toutLarge li { width: 365px; height: 143px; margin: 0 8px 0 0; display: block; float: left; } .toutTxtLarge { padding: 3px 5px 0 0; display: block; color: #3982B7; } #toutLarge h4 { line-height: 32px; text-indent: 5px; display: block; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic70310D9D-1E43-4F7C-A1B7-3CA2C3ED009C.gif) no-repeat; } #toutLarge a { height: 113px; display: block; } #toutLarge a:hover { background-color: #ccc; text-decoration: none; } #toutLarge img { margin: 0; _margin: 0 0 0 -3px; padding: 0 5px 0 0; float: left; } #lp-container h2 { text-indent: -9999px; position: absolute; z-index: -1; } #footer { width: 770px; height: 96px; background-image: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/picCF42903B-BDB9-40A0-A3C7-34B802CB1FEB.jpg); clear: both; } #breadcrumb { width: 770px; margin: 0 0 0 365px; _margin: 0; text-align: left; background-color: #21313E; } #breadcrumb li { margin: 0 0 0 10px; display: inline; color: #9DC6E4; } #breadcrumb a, #breadcrumb a:visited, #breadcrumb a:active { margin: 0 0 0 10px; font: normal 13px/2.3em verdana; color: #9DC6E4; } .noFlash p { margin: 5px 0 0 0; font: bold 10px verdana, lucida, arial, helvetica, sans-serif; color: #fff; text-align: center; } .noFlash a, .noFlash a:visited, .noFlash a:hover, .noFlash a:active { color: #f70000 !important; } .anniversary { margin: 30px 0 0 10px; padding: 0 0 20px 0; display: block; text-align: left; clear: both; } .leftFloat { float: left; } .rightFloat { float: right; } .clear { clear: both; } /*#subContainer { width: 700px; padding: 40px 0 20px 30px; }*/ /*--------------------------------------------------------------------------- H O M E P A G E ----------------------------------------------------------------------------- HO = Homepage -------------------------------- STRUCTURE ------------------------------*/ #HOcontent { padding: 29px 0 0 0; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/picA21ABFE6-2575-4764-8BEC-29CA02068A3D.gif) left top no-repeat; } #HOcontent ul { margin: 20px 0 0 10px; } .HOtout { width: 242px; height: 227px; margin: 0 11px 120px 0; display: block; float: left; } .HOtoutLast { margin: 0 0 120px 0; } .HOtoutTxt { padding: 3px 5px 0 5px; display: block; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ .HOtout h3 { height: 26px; text-indent: -9999px; } /*------------------------------ LINKS ------------------------------*/ .HOtout a { height: 227px; display: block; text-decoration: none; } .HOtout a:hover { text-decoration: none; border: none; } /*------------------------------ IMAGES ------------------------------*/ /*--------------------------------------------------------------------------- F U N Z O N E ----------------------------------------------------------------------------- FZ = Fun Zone page -------------------------------- STRUCTURE ------------------------------*/ ul#FZtout { margin: 10px 0 0 15px; } #FZtout li { width: 179px; margin: 8px 8px 0 0; float: left; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ #FZcontainer h3 { width: 770px; height: 50px; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic43F33A19-D6AA-4C29-8F14-B425A5259575.gif) no-repeat; } #FZcontent h4 { margin: 7px 0 0 0; font: bold 100% verdana; color: #3982B7; } #FZcontent p { margin: 0 10px 0 0; font: normal 100% verdana; } #FZtout h4 { line-height: 32px; text-indent: 5px; display: block; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic70310D9D-1E43-4F7C-A1B7-3CA2C3ED009C.gif) no-repeat; } /*------------------------------ LINKS ------------------------------*/ /*------------------------------ IMAGES ------------------------------*/ #FZcontent img { margin: 0px 10px 0 15px; float: left; } /*--------------------------------------------------------------------------- M O V I E S ---------------------------------------------------------------------------*/ /*------------------------------ STRUCTURE ------------------------------*/ #MOcontent { margin: 10px 15px 0 15px; } .MOnoFlash { background-color: #A7B4BD; } ul#MOcontentNav { width: 220px; height: 352px; overflow: auto; background-color: #A7B4BD; float: left; } #MOcontentNav li { margin: 0 0 8px 0; list-style-type: none; font-size: 13px; clear: both; } .MOcontentNavTxt { width: 105px; margin: 0 0 10px 0; cursor: pointer; float: left; } #MOcontainer #toutLarge li { margin: 20px 8px 80px 0; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ #MOcontainer h3 { width: 770px; height: 50px; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic43F33A19-D6AA-4C29-8F14-B425A5259575.gif) no-repeat; } /*------------------------------ LINKS ------------------------------*/ #MOcontentNav li a { color: #000; } #MO-mainContentNavi li a:hover img { text-decoration: none; } /*----------------------------- IMAGES ------------------------------*/ #MOcontentNav li img { margin: 0 5px 10px 0; float: left; } /*--------------------------------------------------------------------------- G A M E ----------------------------------------------------------------------------- -------------------------------- STRUCTURE ------------------------------*/ #GAcontainer { text-align: center; } #GAultimateGameContainer { width: 575px; margin: 0 auto; padding: 10px 0 0 0; text-align: left; background-color: #000000; } .GAultimateHeader { width: 508px; height: 38px; margin: 0 0 0 27px; } .GAultimateColumn { width: 220px; margin: 0 20px 0 30px; display: inline; float: left; } .GAnoFlash { width: 578; margin: 0 auto; padding: 10px 0 0 0; } .MOnoFlash { float: left; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ #GAcontainer h3 { width: 770px; height: 50px; margin: 0 0 10px 0 ; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic43F33A19-D6AA-4C29-8F14-B425A5259575.gif) no-repeat; } .GAultimateColumn p { margin: 0 0 10px 0; } /*------------------------------ LINKS ------------------------------*/ .GAultimateColumn a { margin: 0 0 10px 0; display: block; } /*----------------------------- IMAGES ------------------------------*/ .GAultimateColumn img { margin: 10px 0 0 0; } /*--------------------------------------------------------------------------- C O M I C S ----------------------------------------------------------------------------- -------------------------------- STRUCTURE ------------------------------*/ #COcontainer { text-align: center; } #COcontent { width: 738px; margin: 0 auto; text-align: center; background: #000 url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic7B659DEE-C27C-4A7D-9BEB-AC9CD2E160BF.jpg) no-repeat; } #COheader { width: 738px; height: 50px; text-indent: 170px; position: relative; text-align: left; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/picC7AD5CD5-2C31-4724-90F8-CEF566BA8285.gif); } #COheader span { position: absolute; top: 2px; left: -53px; color: #ED7E73; font-size: 150%; } .COmainFlash { width: 710px; margin: 0 auto; } .COdropdown { margin: 40px 0 0 0; } #COfooter { width: 738px; height: 104px; /*text-align: center;*/ background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic97A8441B-1C38-45DB-A134-3BC7BD1B0E18.jpg) no-repeat; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ #COcontainer h3 { width: 770px; height: 50px; margin: 0 0 10px 0; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic43F33A19-D6AA-4C29-8F14-B425A5259575.gif) no-repeat; } #COheader h4 { padding: 10px 0 0 0; font-size: 110%; } /*------------------------------ LINKS ------------------------------*/ /*----------------------------- IMAGES ------------------------------*/ /*--------------------------------------------------------------------------- D O W N L O A D S ----------------------------------------------------------------------------- -------------------------------- STRUCTURE ------------------------------*/ #DOcontent { height: 500px; margin: 0 0 0 10px; background: url() 10px bottom no-repeat; } #DOtoutContainer li { margin: 0 8px 10px 0; float: left; } .DOwallpaperTout { width: 180px; margin: 0 8px 8px 0; float: left; } .DOtwoBtnTout { width: 180px; margin: 0 10px 10px 0; float: left; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ #DOcontainer h3 { width: 770px; height: 50px; margin: 0 0 10px 0; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic63D686A2-3478-472F-A90D-9BB24EBFC49A.gif) no-repeat; } #DOcontainer h4 { margin: 0 0 5px 0; color: #3982B7; font-size: 115%; } #DOcontainer #DOtoutContainer h4 { width: 180px; height: 28px; margin: 0; line-height: 28px; text-indent: 8px; color: #fff; font-size: 95%; background-color: #2C73AB; } #DOcontent p { margin: 0 0 10px 0; } /*------------------------------ LINKS ------------------------------*/ .DOwallpaperTout img { width: 168px; margin: 0 0 5px 0; } .DOwallpaperTout a img { width: 88px; margin: 0 0 2px 0; border: 0; } .DOtwoBtnTout a, .DOtwoBtnTout a:visited, .DOtwoBtnTout a:hover, .DOtwoBtnTout a:active { text-decoration: none; display: block; } /*----------------------------- IMAGES ------------------------------*/ .DOtwoBtnTout img { width: 180px; margin: 0 0 5px 0; } .DOtwoBtnTout a img { width: 180px; margin: 0 0 2px 0; border: 0; } /*--------------------------------------------------------------------------- G A L L E R Y ----------------------------------------------------------------------------- -------------------------------- STRUCTURE ------------------------------*/ .GalleryMainContainer { background-color: #353535; width: 770px; text-align: center; } #GALmainContent { width: 582px; margin: 0 auto; } .GALanniversary { margin: 10px; display: block; text-align: left; } .GalleryImageLink { float: left; margin-right: 6px; margin-top: 3px; } .GalleryEmployeeImage { width: 202px; margin-top: 10px; } /* Provides the background behind the (6) scene images */ .GalleryScenePanel { width: 606px; height: 275px; margin: 0px; padding: 0px; background: #353535 url(http://cache.lego.com/images/starwars/gallery/img606x275_gallerybg.gif) no-repeat left top; } /* Contains each of the scene images with a link to the pop-up */ .GallerySceneLink { float: left; width: 152px; height: 128px; margin: 0px; padding: 0px; color: #FFFFFF; font-weight: bold; font-size: 11px; } /* Positioned to the left of each scene image to give horizontal space without using margin or padding in divs */ .GallerySceneSpacer { float: left; width: 38px; height: 128px; margin: 0px; padding: 0px; } /* Positioned above the scene image to give vertical space without using margin or padding in divs */ .GalleryTopSpacer { width: 580px; height: 16px; margin: 0px; padding: 0px; } /* Used in the popup for each gallery scene (GalleryScene.aspx) */ .GallerySceneContainer { position: relative; top: 0px; left: 0px; width: 351px; height: 440px; margin: 0px; padding: 0px; color: #FFFFFF; font-weight: bold; font-size: 11px; background: #3D3D3D url(http://cache.lego.com/images/starwars/gallery/img351x397popupbg.jpg) no-repeat left top; } .GallerySceneImage { margin: 4px; } .GallerySceneLabel { color: #DDDDDD; font-weight: bold; font-size: 11px; } .GallerySceneText { color: #EEEEEE; font-weight: bold; font-size: 11px; } .GallerySceneTable { margin: 10px; } /* Used for the count label in the popup for a gallery scene (GalleryScene.aspx) */ .GallerySceneCountLabel { color: #DDDDDD; font-weight: bold; font-size: 11px; } .GalleryEmployeeText { color: #FFFFFF; font-weight: bold; font-size: 11px; } #GALcontainer { text-align: center; } #GALcontent h3 { width: 770px; height: 50px; margin: 0 0 10px 0 ; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/StarwarsDictionary/images/2057/pic43F33A19-D6AA-4C29-8F14-B425A5259575.gif) no-repeat; } #GALcontent h4 { color: #3982B7; } #GALtable { width: 450px; height: 500px; margin: 0 auto; padding: 20px 0 0 0; text-align: left; } .ga-UploadText, .ga-UploadTextDesc { font-size: 13px; color: #3982B7; } #GALcontent hr { margin: 10px 0; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ /*------------------------------ LINKS ------------------------------*/ /*----------------------------- IMAGES ------------------------------*/ /*********************/ /***Promotion survey*/ /*********************/ .RandomSurvey { width:148px; height:296px; font-size:10px; border:solid 1px black; } .PromotionButtonContainer { padding:3px 0px 0px 15px; } .PromotionTextContainer { margin:5px; font-size:9px; font-family:arial; text-align:center; color:Gray; } /*--------------------------------------------------------------------------- T E A S E R P A G E ---------------------------------------------------------------------------*/ /* ----------------------------- STRUCTURE ------------------------------*/ #TE-mainContainer { width: 770px; padding: 40px 0 20px 10px; text-align: center; } #TE-mainContent { width: 570px; margin: 0 auto; font-size: 13px; text-align: left; font-family: verdana; color: #fff; } #TE-mainContentTxt { margin: 0 0 40px 0; } #TE-videoContainer { margin: 0 0 20px 0; padding: 0; display: block; } .TE-videoItem { width: 146px; margin: 0; padding: 0; font-size: 0; float: left; } .TE-videoItemMiddle { width: 146px; margin: 0 50px 0 50px; font-size: 0; float: left; } .TE-videoItem .TE-img, .TE-videoItemMiddle .TE-img { margin: 0 0 5px 0; padding: 0; } .TE-videoItem a img, .TE-videoItemMiddle a img { margin: 0; padding: 0; } /* ----------------------------- HEADERS/PARAGRAPHS ------------------------------*/ #TE-mainContent h1 { margin: 0 0 5px 0; padding: 0; font: bold 13px/1.25 Verdana; color: #EEA53F; } /* ----------------------------- IMAGES ------------------------------*/ #TE-mainContentTxt img { margin: 0 10px 0 0; float: left; } /*--------------------------------------------------------------------------- V I D E O G A M E ----------------------------------------------------------------------------- VG = Videogame -------------------------------- STRUCTURE ------------------------------*/ #VGtopImg { width: 745px; height: 225px; margin: 0 12px 15px 12px; background: url() no-repeat; } #VGcontent { width: 741px; *width: 747px; margin: 0 0 0 11px; border-left: 3px solid #2E2E2E; border-right: 3px solid #2E2E2E; background-color: #000; } #VGtopBorder, #VGbtmBorder { width: 747px; height: 6px; margin: 0 0 0 11px; font-size: 0px; background: url() no-repeat; } #VGbtmBorder { padding: 0 0 40px 0; background: url() no-repeat; } #VGwatchItNow { width: 210px; height: 275px; margin: 20px 17px 40px 10px; _margin: 20px 17px 40px 5px; display: block; background-color: #171717; float: left; } #VGscreenShots { width: 480px; height: 275px; margin: 20px 0 40px 0; display: block; background-color: #171717; float: left; } /*------------------------------ HEADERS/PARAGRAPHS ------------------------------*/ #VGcontainer h3 { width: 770px; height: 50px; margin: 0 0 10px 0; text-indent: -9999px; background: url() no-repeat; } #VGcontent h4 { margin: 0 0 0 10px; padding: 7px 0 0 0; color: #49AD64; font: bold 13px arial,san-serif; } #VGcontent #VGwatchItNow h4 { margin: 0 0 5px 0; padding: 10px 0 0 0; text-align: center; font-size: 14px; font-weight: bold; color: #787878; } #VGcontent #VGscreenShots h4 { margin: 0 0 5px 0; padding:10px 0 0 0; text-align: center; font-size: 14px; font-weight: bold; color: #787878; } #VGbtn h5 { margin: 10px 0 3px 10px; color: #919191; } #VGcontent p.legal { padding: 0 0 10px 0; font-size: 80%; color: #fff; text-align: center; } #VGcontent p { margin: 0 10px; font: normal 100% arial, san-serif, verdana; color: #fff; } /*------------------------------ LINKS ------------------------------*/ #VGwatchItNow a img { margin: 0 -7px 0 12px; } /*------------------------------ IMAGES ------------------------------*/ #VGcontainer img { margin: 0; padding: 0; } #VGtopImg img { margin: 145px 0 0 495px; } #VGscreenShots img { margin: 0 -5px 18px 23px; border: 1px solid #8F8F8F; float: left; } #VGwatchItNow img { margin: 0 0 0 12px; } #VGcontent .VGplayDemo { width: 707px; height: 60px; margin: 0 0 15px 10px; display: block; background: url([Dictionary:VideoGame_Demo) no-repeat; clear: both; } #VGcontent .VGplatforms { margin: 20px 0 ; font-size: 0px; height: 147px; width: 741px; }