/*---------------------------------------------------------------------------
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 Verdana, lucida, arial, helvetica, sans-serif; color: #000; }
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 0 10px 0; overflow: hidden; }
#container { width: 950px; position: relative; overflow: hidden; text-align: left; color: #176206; font: normal 80%/1.25 arial, Verdana, lucida, helvetica, sans-serif; color: #fff;  }
#contentWrapper { padding: 32px 0 0 0; margin: 0 0 0 10px; overflow: hidden; }
.content { width: 692px; margin: 0 auto; position: relative; color: #1B600D; text-align: left; }
#primaryNavi { width: 950px; height: 91px;  text-align: left; background: #fff url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/pic1C5BEEBD-4268-460C-8ECD-DEC99E5177F0.jpg) no-repeat; }

/*.NavContainer { width: 950px; height: 91px;  text-align: left; background: #fff url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/pic1C5BEEBD-4268-460C-8ECD-DEC99E5177F0.jpg) 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; }

/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/
.noFlash p { margin: 5px 0 0 0; font: bold 10px verdana, lucida, arial, 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 { width: 225px; height: 465px; float: left; }
.contentNaviNoArrows { background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/picDA7DD211-B9D1-415F-A662-F3E26D44DFE4.jpg) no-repeat; }
.contentNaviArrows { background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/pic4A050720-3440-43D3-BE82-7C1D52576E0A.jpg) no-repeat; }
#contentNavi { height: 375px; position: relative; }
#contentNaviScroller { width: 217px; height: 340px; margin: 0 0 0 4px; position: relative; overflow: hidden; }
#contentNaviContainer { margin: -1px 0 0 0; border-bottom: 1px solid #7AA82B; position: absolute; }
#contentNaviContainer li { width: 217px; height: 68px; cursor: pointer; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/picFF319067-8E34-4E73-A25E-7AB0F0CF94DA.gif) repeat-x; }
#contentNaviContainer li.firstItem { background: none; }
#contentNaviContainer li.lastItem { height: 68px; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/pic8FE2A895-BFF7-4091-83EB-CF45831D688A.jpg) repeat-x; }
#contentNaviContainer li.hover, #contentNaviContainer li.active { height: 68px; background: #81CE26 url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/pic8378B2DA-EEAF-4AA0-B5D2-47A9A518F60B.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: #176206; 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/PreschoolDictionary/images/2057/picDE7B1F73-5A2E-44AD-BEF6-6C356091D53A.gif) 92px 11px no-repeat;}
a.downBtn { height: 30px; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/pic602E95B1-ED84-4B51-84B2-B06D976A12A7.gif) 92px 9px no-repeat;}
a.disabled { visibility: hidden; }

/*------------------------------
CONTENT SELECTOR COMPONENT
------------------------------*/
.contentSelectNoArrows { background: none; }
.contentSelectArrows { background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/picE4883232-3E8A-47D4-B1FA-A3ABEBB62A93.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 a:active, #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/PreschoolDictionary/images/2057/pic252F2B58-3C1D-4527-B41B-6FFF560E991D.jpg) no-repeat; float: left; }
a.nextBtn { position: absolute; right: 68px; top: 43px; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/picF22BD5F9-0FA8-42EE-89C0-5B878A601C20.jpg) no-repeat; float: right; }

/*------------------------------
DOWNLOAD TAB BUTTONS
------------------------------*/
ul.downloadTabBtns { margin: 0 auto; }
.downloadTabBtns li { float: left; }
.downloadTabBtns a { width: 109px; height: 29px; margin: 0 10px 0 0; line-height: 29px; color: #176206; text-decoration: none; display: block; text-align: center; font-weight: bold; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/2057/picE45B5157-30C6-4119-9591-8EC8BA0E9401.gif) no-repeat; }

/*------------------------------
NPS
------------------------------*/
.popup { left: 255px !important; top: -81px !important; }