/*---------------------------------------------------------------------------
H A R R Y   P O T T E R   C O M M O N
-----------------------------------------------------------------------------
--------------------------------
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; } /*Adjust as necessary*/
/*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc.*/
h3 { font: bold 110%/1.25 arial, lucida, verdana, helvetica, sans-serif; }
/*Addtional headers*/
h4 { font: bold 95%/1.25 arial, lucida, verdana, helvetica, sans-serif; }
/*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
------------------------------*/
html {overflow-x:hidden;overflow-y:auto;} /*Only here to avoid horizontal scroll because of the big bg-image*/
body { background:url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picAA79BA25D94639DC5FA30819E9031077.jpg) #300405 center 0px no-repeat;}
#GFwrapper{position:relative;}/*Only here to avoid jumping footer*/
#siteContainer, #mainFooter {position:relative;width: 950px;}
#siteContainer { font: normal 81.3%/1.25 Arial, helvetica, Verdana, lucida, sans-serif; overflow:hidden;text-align:left; }
#branding { background:url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picA2BA35C02CE62058C2426254982AEDF5.gif) no-repeat; float: left; height: 94px; position: relative; width:326px; margin: 35px 0 35px 20px;}
#primaryNavi { background:url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic5245D0842C5FA8A536E4BD0163BB66F5.png) no-repeat; float: left; height:82px; position:relative; width:950px; }

a#theVideoGameLink { background-image: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic0EDD92FB65F6E58336A7CC333A7236D2.png); background-repeat: no-repeat; background-position: 0 0px; float:left; height:65px; position:absolute; right:82px; text-indent:-9999px; top:18px; width:134px; }
#theVideoGameLink.marked,#theVideoGameLink:hover { background-position: 0 -65px; }
#theVideoGameLink:focus { outline:0;}

#contentWrapper { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic5F7BB61C97FEC510C162B86DB92C11B0.jpg) repeat-y;display: inline;float: left; width: 950px;    }
div.contentImage { background: url() center bottom no-repeat; height: 114px; width: 958px; }
#contentMain { color: #FFD6A5;text-align: left; /*min-height: 600px; height: auto !important; height: 600px;*/ width:950px;}
.contentWrapperInner { padding: 0 0 0 17px; }
#contentFooter { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picF9744AE28582CE306EDF7B663B1DF9C7.jpg) center top no-repeat; height: 131px; width: 950px; float: left; }

/*------------------------------
ADDITIONAL CLASSES
------------------------------*/
#GFcontainer p {color:#723A08;}

/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/




/*------------------------------
LINKS
------------------------------*/
#contentMain a { color:#FFD6A5; cursor: pointer; text-decoration: none;}

/*------------------------------
IMAGES
------------------------------*/

/*------------------------------
CONTENT NAVIGATION COMPONENT
------------------------------*/
#contentNaviWrapper { float: left; margin:0 8px 0 0; width: 225px; height: 465px; }
#contentNaviWrapper h3 { display:block;height:55px;margin:0;text-indent:-9999px;text-align:center;text-transform: uppercase; width:100%; }
.contentNaviNoArrows { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic8F0905B817D68EF16831F29084C1FF61.png) no-repeat; }
.contentNaviArrows { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picEF48AFBB3074EF6315C6AA677CAAE5DE.png) no-repeat; }
#contentNavi { height: 375px;position: relative; }
#contentNaviScroller { height:350px;margin:0 0 0 4px;overflow:hidden;position:relative;width:217px; }
ul#contentNaviContainer { float:left; } 
#contentNaviContainer li { width: 100%; height: 68px; float:left; cursor: pointer; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic8A3F6AB58D8477839931996A97719480.gif) repeat-x; }
#contentNaviContainer li.firstItem { background: none; }
#contentNaviContainer li.hover, #contentNaviContainer li.active { height: 68px; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic0ECBFE936AF23D97F05CE8404B84BF4D.gif) repeat-x; }
#contentNaviContainer li a { border-bottom:1px solid #000;color:#F7E47D; float:left; width: 100%;height:68px; display: block; font: bold 115% /1.25 arial, Verdana, lucida, helvetica, sans-serif; text-decoration: none; }
#contentSelectScroller { width: 465px; height: 100px; overflow: hidden; position: relative; left: 118px; top: 20px; }
#contentNaviContainer li span { line-height:35px;height:35px; padding:0 0 0 40px; margin:15px 0 0 10px; display: block; cursor: pointer; background-position: left top; background-repeat: no-repeat; }
#contentNaviContainer a:hover span, #contentNaviContainer .active span { background-position: left top; } 
#contentSelectContainer a { width: 104px; height: 72px; float: left; }
#contentSelectContainer a:hover, #contentSelectContainer .active a { background-position: left -72px; }
#contentNaviContainer a:hover span, #contentNaviContainer .active span { background-position: left -35px; background-repeat: no-repeat; } 
a.upBtn, a.downBtn { width: 218px; 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/HarryPotterDictionary/images/pic29C3DE0FE79270EFA64B92A88F63D963.gif) 92px 12px no-repeat;}
a.downBtn { height: 30px; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picEE2C1DD5DD7722C03D87896FFF5616B2.gif) 92px 0 no-repeat;}
a.disabled { visibility: hidden; }

/*------------------------------
CONTENT SELECTOR COMPONENT
------------------------------*/
.contentSelectNoArrows { background: none; }
.contentSelectArrows { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic3FD65E7B7BF0805F4B8B0F48A0F94818.jpg) center 43px no-repeat; }
#contentSelectWrapper { margin:0; padding:0; float:left }
#contentSelect { width:645px; 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 .active a { background-position: left -70px; }
a.prevBtn, a.nextBtn { width: 12px; height: 23px; display: block; text-indent: -9999px; cursor: pointer;position: absolute;top: 43px; }
a.prevBtn {  left: 69px; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic981CAC0845B2A744DE4804EF741BF009.jpg) no-repeat; float: left; }
a.nextBtn { right: 68px; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picA4F93B78F27EEC9E2EE3380632EC45DE.jpg) no-repeat; float: right; }

/*------------------------------
CUSTOME SCROLLBAR
------------------------------*/
.scrollView, .vScrollbar { float: left;}
.scrollView {display: inline; margin:3px 3px 10px;}
.vScrollbarBackgroundTop {background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picD9AF1A0B84FE091C8E47D3DC7F45D351.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;}
.vScrollbarBackgroundBottom {background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic16DA0668207312328641732C8BA87E56.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;}
.vScrollbarBackgroundMiddle, .vScrollbarHandleBackgroundMiddle { width: 17px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic42C9BFCB3217A70BB406E3238B73749C.gif) repeat-y; }
.vScrollbarHandleBackgroundMiddle { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic9CBD15EFCDC519B281194F9DA0C42A12.gif) repeat-y; width:15px; }
.vScrollbarHandleBackgroundTop, .vScrollbarHandleBackgroundBottom { width: 15px; height: 13px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picAEEBB438A5190356A6FE092A65038E44.gif) no-repeat; }
.vScrollbarHandleBackgroundBottom { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic931149EE44393A25ABDB551E11CC6138.gif) no-repeat; }
.vScrollbarUpArrow {background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/pic894F4B03F265193C8E82DB2B8852CA94.gif) no-repeat; width: 17px;height: 14px;overflow: hidden;cursor:pointer;}
.vScrollbarDownArrow { width: 17px; height: 14px; background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picD5C3527989A46EB0DE05AFAEB6DCDDD2.gif) no-repeat; overflow: hidden; cursor: pointer; float: left; }
.vScrollNavigation { float:left;margin:0 0 0 5px;width:20px;}
.vScrollbarHandle {padding-left:1px;}
#wrapper .vScrollNavigation { float: right;}

/*------------------------------
XLINK
------------------------------*/
#xLink {background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picB9531D650BFAC053E0C0D264B887135A.png) no-repeat; display: none; font: normal 81.3%/1.25 Arial, helvetica, Verdana, lucida, sans-serif;  height: 400px; position:absolute;width:420px;}
#xLink a {cursor:pointer;text-decoration: none; }
#xLink img, #xLink h4, #xLink p, #xBtns { position: absolute;}
img#xBranding {left:20px;top:25px;}
img#xImage {left:5px;top:100px;}
#xLink h4,#xLink p {left:165px;width:230px;}
#xLink h4 {font-size:120%;top:90px;}
#xLink p {height: 195px;overflow: hidden;top: 110px;}
#xBtns {bottom:30px;left:0;margin:0 0 0 68px;width:280px;}
#xBtns span {display:block;text-align:center;width:128px;}
#xBtns .btnHeader {font-size:112%;font-weight:bold;padding:9px 0 0;}
#xBtns .btnLink {font-size:85%;}
#xBtns a { background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picB68CAAAC850DEF090CA70947D5CB3394.png) no-repeat; color:#fff; float:left; display: block; height:50px; margin:0 5px; width:130px;}
.closeBtn {background: url(http://cache.lego.com/upload/contentTemplating/HarryPotterDictionary/images/picDCFF5D1B51B4CC7FE172B70165CF11E1.png) no-repeat; display:block;height:30px;position:absolute;right:-6px;top:-6px;width:30px;}