/*---------------------------------------------------------------------------
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/1031/pic2741F63C-CDA2-4A0B-BD63-8479BE4271C0.jpg) no-repeat; }

/*.NavContainer { width: 950px; height: 91px;  text-align: left; background: #fff url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/1031/pic2741F63C-CDA2-4A0B-BD63-8479BE4271C0.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/1031/picA5E0CFE6-789B-443D-A4A7-6AE46593D46C.jpg) no-repeat; }
.contentNaviArrows { background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/1031/pic73C45019-81B5-4A4F-8FF3-472CC8C38468.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/1031/picCA497733-2AB1-4240-A74D-D7A2C3D63567.gif) repeat-x; }
#contentNaviContainer li.firstItem { background: none; }
#contentNaviContainer li.lastItem { height: 68px; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/1031/pic5420F6E5-A7DA-4272-90AD-EFEFC376B547.jpg) repeat-x; }
#contentNaviContainer li.hover, #contentNaviContainer li.active { height: 68px; background: #81CE26 url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/1031/pic8F2D51B2-0DB3-46A3-AE3B-C7608636CE09.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/1031/pic921D413B-05F3-439B-BBCF-A86AB5E53A0C.gif) 92px 11px no-repeat;}
a.downBtn { height: 30px; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/1031/pic3AFBBCDE-D8EF-48A2-BD8F-21F9100E67AE.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/1031/pic5248396F-AD4F-4444-8520-9F836369B563.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/1031/pic240D2506-FC85-4D2E-81EE-B76F2F257522.jpg) no-repeat; float: left; }
a.nextBtn { position: absolute; right: 68px; top: 43px; background: url(http://cache.lego.com/upload/contentTemplating/PreschoolDictionary/images/1031/pic617C6916-2069-4357-B6AA-F3C830BBE8C8.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/1031/picCEA15736-75D5-4374-AA83-CF134FBB3954.gif) no-repeat; }

/*------------------------------
NPS
------------------------------*/
.popup { left: 255px !important; top: -81px !important; }