/*---------------------------------------------------------------------------
G L O B A L   E L E M E N T S
---------------------------------------------------------------------------*/
/*Resets*/
* { margin: 0; padding: 0; }
body { font: normal 100%/1em arial, lucida, verdana, helvetica, sans-serif; color: #31291c; background: #18120E url(http://cache.lego.com/upload/contentTemplating/BionicleStoryDictionary/images/1033/pic9A299ABB-A758-4085-A941-0D33C2A37AEB.gif) center top no-repeat; }
table { border-collapse: collapse; font-size: 100%; /*IE hack */ } 
img, fieldset { border: 0; }

/*Headers*/
h1 { margin: 0 0 5px 0; font: bold 1.5em/1.3em arial, lucida, verdana, helvetica, sans-serif; color: #c5570e; }
h2 { font: bold 1.2em/1.3em arial, lucida, verdana, helvetica, sans-serif; color: #18120E; }

/*Links*/
a, a:visited, a:active { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }


/*---------------------------------------------------------------------------
C O M M O N   E L E M E N T S
---------------------------------------------------------------------------*/
#navContainer { width: 779px; }
#mainContainer { width: 776px; height: 771px; background: url(http://cache.lego.com/upload/contentTemplating/BionicleStoryDictionary/images/1033/pic50A7D56C-A524-4928-B760-6E35B2BBCA32.jpg) no-repeat; font-size: 0.72em; line-height: 1.3em; } 
.mainContainerNoBg { background-image: none; } 
#subContainer { margin: 0 0 10px 20px; padding: 30px 0 0 0; overflow: hidden; position: relative; }
.introTxt, .linkList { margin: 0 0 20px 0; border: none; }
.linkList a { width: 90%; padding: 0 0 3px 5px; margin: 0 0 7px 0; display: block; background: url(http://cache.lego.com/upload/contentTemplating/BionicleStoryDictionary/images/1033/pic39D19C55-DFE7-425B-B47E-505D3587578E.gif) left bottom repeat-x; } 
#header { margin: 0 0 30px 0; display: block; }
#back { position: absolute; top: 30px; right: 35px; font-size: 0.8em; }
#back img { margin: 0 5px 0 0; }
.seperator { height: 1px; margin: 7px 0; background: url(http://cache.lego.com/upload/contentTemplating/BionicleStoryDictionary/images/1033/pic39D19C55-DFE7-425B-B47E-505D3587578E.gif) top left repeat-x; border: none; }
.bottomBorder { margin: -6px 0 0 0 !important; }
.imgStyle { border: 1px solid #31291c; }
.txtHeader { padding: 0 0 0 5px; display: block; font-weight: bold; }
.txtBody { margin: 0 0 5px 0; padding: 0 0 5px 5px; display: block; background: url(http://cache.lego.com/upload/contentTemplating/BionicleStoryDictionary/images/1033/pic39D19C55-DFE7-425B-B47E-505D3587578E.gif) left bottom repeat-x; color: #6E593C; font-weight: bold; }
.txtImg { margin: 0 5px !important; }
#legal { width: 730px; margin: 0 0 0 20px; padding: 10px 0 20px 0; float:left; color: #888c8e; font-size: 0.7em; line-height: 1.3em; }
#legal img { margin: 2px 0 0 0; float: right; }
#legal p { width:700px; text-align:center; margin:0 0 20px 0; padding:0; float:left; }
#legal a { color: #888c8e; text-decoration: underline; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.leftFloat { float: left; }
.rightFloat { float: right; }
.noWhiteSpace { display: block; }


/*---------------------------------------------------------------------------
H O M E P A G E
-----------------------------------------------------------------------------
HO = Homepage
--------------------------------
STRUCTURE
------------------------------*/
#HOmainFlash { margin: -10px 0 10px 0; padding: 14px; background: url(http://cache.lego.com/images/bioniclestory/homepageBg.png) no-repeat; float: left; }
#HOtoutContainer a { width: 233px; margin: 0 16px 0 0; overflow: hidden; display: block; float: left; }
#HOadditionalContent { width: 178px; padding: 0 15px 0 0; float: left; }
#HOadditionalContent .introTxt { width: 178px; height: 120px; margin: 10px 0 20px 0; overflow: auto; }
#HOadditionalContent .linkList { width: 178px; height: 215px; margin: 10px 0 0 0; overflow: auto; }
#HOadditionalContent .linkList .subHeader { display: block; font-size: 1.1em; font-weight: bold; }

/* -----------------------------
LINKS
------------------------------*/
#HOadditionalContent .linkList a { width: 97%; margin: 0 0 7px 0; padding: 0 0 7px 0; }
#HOadditionalContent .linkList a:hover { text-decoration: none; } 
#HOadditionalContent .linkList a:hover .subHeader { text-decoration: underline; }