/*---------------------------------------------------------------------------
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; }
body { background: #051723 url(http://cache.lego.com/images/Batman/Common/68x1200bgtile.jpg) repeat-x; }
table { border-collapse: collapse; } 
img, fieldset { border: 0; }
ol, ul { list-style: none; }

/*Headers*/
h3, h4, h5, h6 { color: #8AE0B3; } /*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: #0186C9; 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: 708px; margin: 0 auto; text-align: center; position: absolute; top: 0; left: -365px; background: url(http://cache.lego.com/images/Batman/Common/background.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*/
#container { width: 770px; margin: 0 auto; text-align: left; font: normal 80%/1.25 Verdana, lucida, arial, helvetica, sans-serif; color: #8AE0B3; background: url(http://cache.lego.com/images/Batman/Common/770x32bgtile.gif) repeat-y; }
#header { width: 770px; height: 98px; position: relative; background: url(http://cache.lego.com/images/Batman/Common/header770x98bg.jpg) no-repeat; }
#header ul { position: absolute; top: 56px; left: 251px; }
#header li { display: inline; text-indent: -9999px; float: left; }
#navContainer { width: 770px; height: 98px; position: relative; background: url(http://cache.lego.com/images/Batman/Common/header770x98bg.jpg) no-repeat; }
#navButton { position: absolute; top: 56px; left: 251px; }
#contentSub .toutLast { margin: 0; }
ul#contentSub { margin: 10px 0 0 10px; }
.tout { width: 242px; height: 248px; margin: 0 12px 0 0; background-color: #1F2241; display: block; float: left; }
.toutPrimary { width: 365px; height: 143px; margin: 0 8px 8px 0; background-color: #000; display: block; float: left; }
.toutTxt { padding: 3px 5px 0 5px; display: block; }
.toutTxtLarge { padding: 3px 5px 0 0; display: block; }
.batGame { width: 0; height: 0; position: absolute; top: 180px; left: 365px; visibility:visible; }
#footer { width: 770px; height: 124px; margin: 20px 0 0 0; position: relative; background: url(http://cache.lego.com/images/Batman/Common/770x124footer.jpg) no-repeat; clear: both; }
.clear { clear: both; }
.rightFloat { float: right; }
.leftFloat { float: left; }

/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#container h2 { position: absolute; z-index: -1; }
#container h3 { width: 770px; height: 50px; text-indent: -9999px; }
.tout h4 { width: 242px; height: 27px; text-indent: -9999px; }
.toutPrimary h4 { line-height: 32px; text-indent: 5px; display: block; background-color: #484C8C; color: #A8ACEB; }

/*------------------------------
LINKS
------------------------------*/
#navButton a { float: left; }
.tout a { height: 221px; display: block; }
.tout a:hover { background-color: #3A1D60; }
.toutPrimary a { height: 113px; display: block; text-decoration: none; }
.toutPrimary a:hover { background-color: #3A1D60; text-decoration: none; }
a.batGameLink { width: 160px; height: 50px; position: absolute; top: 60px; left: 300px; }

/*------------------------------
IMAGES
------------------------------*/
.toutPrimary img { margin: 0; _margin: 0 0 0 -3px; padding: 0 5px 0 0; float: left; }


/*---------------------------------------------------------------------------
E R R O R   P A G E
-----------------------------------------------------------------------------
--------------------------------
STRUCTURE
------------------------------*/
#EPcontent { margin: 10px 0 20px 10px; }
#EPcontent h4 { font-weight: bold; color: #6b6a5e; }
#EPcontent p { font-weight: bold; font-size: 11px; color: #6b6a5e; }
.EPsearchField { width: 200px; }
.EPseperator { margin: 15px 0; }
.EPsendToFriend { margin: 0 0 0 10px; }
.EPsubmitBtn { margin: 15px 0 0 0; }

#EPcontent img { margin: 0 10px 0 0; float: left; }