/*---------------------------------------------------------------------------
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
------------------------------*/
html { overflow-x: hidden; overflow-y: auto; }
body { background: #122F3F url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/pic7B71ED7959DF42345751D24AA7E98164.jpg) repeat-x; }
/*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 "Power Functions") and can therefore not be used in the content markup. h3 to h6 is available for use.*/
h2 { width: 770px; height: 84px; text-indent: -9999px; background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/picD2165D03854678390D471D5198E9CDAC.jpg) no-repeat; }
/*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc.*/
h3 { font: bold 145%/1.25 arial, lucida, verdana, helvetica, sans-serif; color: #F58323; }
/*Addtional headers*/
h4 { font: bold 95%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #F58323; }
h5 { font: bold 100%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #F58323; }
h6 { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; }

/*------------------------------
STRUCTURE
------------------------------*/
#navContainer { background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/pic7237276E196F970FF37816669C1B8ADC.jpg) right top no-repeat; }
#navButton { margin: 1px 0 0 0; }
#container { font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #000; background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/picA2AD9445CEB63B749AA311C19AC48DA8.jpg) no-repeat scroll left 115px; }
#wallpaperLeft { width: 367px; height: 986px; position: absolute; top: 0; left: -367px; background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/picE76268172127F315890E888EA84B0D3E.jpg) no-repeat; }
#wallpaperRight { width: 367px; height: 986px; position: absolute; top: 0; right: -367px; background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/picC19AAB2EEA17E63DF02BCB89DE6C7B6F.jpg) no-repeat; }
#footer { width: 770px; height: 40px; margin: 0 0 20px 0; background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/pic72BB41294A2AC9F1851BA7632DE9346A.gif) right bottom no-repeat; clear: both; }

/*------------------------------
ADDITIONAL CLASSES
------------------------------*/
.tout { width: 244px; margin: 0 8px 0 0; display: block; float: left; }
.toutLast { margin: 0 !important; }
.toutTxt { height: 104px; padding: 10px 25px 0 25px; display: block; font: normal 95%/16px Verdana, lucida, arial, helvetica, sans-serif; color: #F58323; background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/picD1669BD83AB29E07DBA509D4615128BF.jpg) no-repeat; }
.clear { clear: both; }
.popup { position: absolute; top: 210px; }

/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/
.tout h3, .tout h4, .tout h5 { width: 244px; height: 32px; text-indent: 25px; display: block; font: bold 95%/32px Verdana, lucida, arial, helvetica, sans-serif; color: #F58323; background: url(http://cache.lego.com/upload/contentTemplating/PowerFunctionsDictionary/images/pic529B59D1C1627E614421D1846A45F3C7.jpg) no-repeat; }
#container p { color: #F58323; }

/*------------------------------
LINKS
------------------------------*/
#container a, #container a:visited, #container a:active { color: #F58323; text-decoration: none; }
#container a:hover { text-decoration: underline; }
#container .tout a {  display: block; cursor: pointer; }
#container .tout a:hover { text-decoration: none; color: #F58323; }

/*------------------------------
IMAGES
------------------------------*/




