/*---------------------------------------------------------------------------
P O T C   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; /*z-index: -1;*/ } /*Adjust as necessary*/
/*Page header(s) - e.g. "Downloads, Products, Fun Zone" etc.*/
h3 { color: #F2A267;font: bold 110%/1.25 arial, lucida, verdana, helvetica, sans-serif; }
/*Addtional headers*/
h4 { color: #F2A267;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:#000 url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic9DDEAFEBDB79F77A35752A09595C479D.jpg) center 60px no-repeat;font:81.3%/1.25 Arial,helvetica,Verdana,lucida,sans-serif;min-width:950px;width:100% }
#GFwrapper {position:relative;}/*Only here to avoid jumping footer*/
#siteContainer {color:#CB7153;margin:0 auto;min-height:1200px;height: auto !important;height:1200px; overflow:hidden;position:relative;text-align:left;width:100%;}
#contentTop { background:url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic81315DC80FC8B49749446E6672EEF140.png) center top no-repeat;width:100%;height:199px;position:absolute;left:0px;top:0px;z-index:1;}
#branding{height:150px;margin:0 auto;position:relative; width:950px; z-index:5;}
#branding h2{background:url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picFACE172B8FE3BE6DC70B696BF421A261.png) center top no-repeat;height:83px;left:0;top:15px;width:404px;}
#primaryNavi{background:url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picB9F279C4F973FA5792A4C33B9686DE8E.png) 0 0 no-repeat;height:52px;position:absolute;right:20px;top:25px;width:496px;}
#contentMain {text-align: center;margin:0 auto;min-height: 650px; height: auto !important; height: 650px;position:relative; width:950px;}
#contentInnerWrapper{float:left;text-align: left;width:100%;}
.legalImage{background:url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic477F5417BEB3F468E63E2CCDEA8C56F6.png) no-repeat left 0px;height:46px;margin:10px auto;width:950px;}
#GHwrapper .GHid { font-size: 100% !important; }

/*------------------------------
ADDITIONAL CLASSES
------------------------------*/
#DynamicContent{position:relative;}
#DynamicContent h1,#DynamicContent p{position:relative;margin:0 auto;text-align: center;width:360px;}
#DynamicContent h1{background-color:#fff;font-size:200%;top:20px;}
#DynamicContent p{top:40px;}


/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/


/*------------------------------
LINKS
------------------------------*/
#contentMain a { color:#fff; cursor: pointer; text-decoration: none;}

/*------------------------------
IMAGES
------------------------------*/


/*------------------------------
CONTENT NAVIGATION COMPONENT
------------------------------*/
#contentNaviWrapper { float: left; width: 217px; height: 465px; }
#contentNaviWrapper h3 {display:block;height:50px;text-align:center;text-transform:uppercase;width:100%; }
.contentNaviNoArrows, .contentNaviArrows { background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picDC823B4BCE318B6D6997CF4F41A8EE05.png) no-repeat; }
#contentNavi { height: 400px;position: relative;width:217px; }
#contentNaviScroller { height:340px;left:0;overflow:hidden;position:absolute;top:36px;width:100%; }
ul#contentNaviContainer {float:left; position: relative; } 
#contentNaviContainer li { width: 217px; height: 68px; float:left; cursor: pointer; }
#contentNaviContainer li.firstItem { background: none; }
#contentNaviContainer li.hover, #contentNaviContainer li.active { height: 68px; background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picEA7F675E2C62F8808E5A9AB0DBDB0314.jpg) repeat-x; }
#contentNaviContainer li a { border-bottom:1px solid #673F12; float:left; width: 217px;height:68px; display: block; font: bold 115% /1.25 arial, Verdana, lucida, helvetica, sans-serif; text-decoration: none; }
#contentNaviContainer li span { background-position:left top;background-repeat:no-repeat;color:#C38955;cursor:pointer;display:block;height:35px;line-height:35px;margin:15px 0 0 10px;padding:0 0 0 40px; }
#contentNaviContainer a:hover span, #contentNaviContainer .active span { background-position: left -35px; background-repeat: no-repeat; color:#fff;} 
a.upBtn, a.downBtn,a.prevBtn, a.nextBtn{background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picB2CE5F8ADD072D2922BE110E4A0B32C8.png) 0 0 no-repeat;} 
a.upBtn, a.downBtn { display:block;height:12px;left:0;position:absolute;text-indent:-9999px;width:100%;}
a.upBtn { background-position: center 0;top:12px;}
a.upBtn.disabled{background-position: center -14px;}
a.downBtn { background-position: center -25px;bottom:5px;}
a.downBtn.disabled{background-position: center -39px;}

/*------------------------------
CONTENT SELECTOR COMPONENT
------------------------------*/
.contentSelectNoArrows { background: none; }
.contentSelectArrows { background: url() center 43px no-repeat; }
#contentSelectWrapper { margin:0; padding:0; float:left }
#contentSelect { width:645px; margin: 0 20px; position: relative; overflow: hidden; }
#contentSelectScroller { height:85px;left:78px;overflow:hidden;position:relative;top:20px;width:485px;}
#contentSelectContainer { width: 2000px; position: absolute; }
#contentSelectContainer li { width: 100px; margin: 0 11px; display: inline; float: left; }
#contentSelectContainer a { width: 100%; height: 72px; float: left; }
a.prevBtn, a.nextBtn { cursor:pointer;display:block;height:24px;position:absolute;text-indent:-9999px;top:40px;width:15px; }
a.prevBtn {  left: 60px; background-position: left -51px; float: left; }
a.prevBtn.disabled{background-position: left -74px;}
a.nextBtn { right: 60px;background-position: right -51px; float: right; }
a.nextBtn.disabled{background-position: right -74px;}

/*------------------------------
CUSTOME SCROLLBAR
------------------------------*/
.scrollView, .vScrollbar { float: left;}
.scrollView {display: inline; margin:10px 3px;}
.vScrollbarBackgroundTop {background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic73949518872E0F2256B99BAB3CF764AC.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;}
.vScrollbarBackgroundBottom {background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picE6D62A62C8504190B05AE28B4839F777.gif) no-repeat; width: 17px;height: 7px;overflow: hidden;}
.vScrollbarBackgroundMiddle, .vScrollbarHandleBackgroundMiddle { width: 17px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic965BB4690864F527D935377964FC0F76.gif) repeat-y; }
.vScrollbarHandleBackgroundMiddle { background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic80D95E87C9CC50FF44CD02DC73870ED7.gif) repeat-y; width:15px; }
.vScrollbarHandleBackgroundTop, .vScrollbarHandleBackgroundBottom { width: 15px; height: 13px; overflow: hidden; background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic7C994C2576E91E9A6A53D556578E847A.gif) no-repeat; }
.vScrollbarHandleBackgroundBottom { background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picF74AF00DB749C57DCC5D14CAAE2DAA94.gif) no-repeat; }
.vScrollbarUpArrow {background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/pic32546668DCED84334562A4B34FE2424E.gif) no-repeat; width: 17px;height: 14px;overflow: hidden;cursor:pointer;}
.vScrollbarDownArrow { width: 17px; height: 14px; background: url(http://cache.lego.com/upload/contentTemplating/PiratesOfTheCaribbeanDictionary/images/picA663B3C56AEB0F93ABA196072EE156B4.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;}

/*------------------------------
X-LINK POPUP
------------------------------*/
#xLink {background: url() 0 0 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:0;top:100px;}
#xLink h4,#xLink p {font-size:90%;left:160px;width:230px;}
#xLink h4 {font-size:120%;top:95px;}
#xLink p { top:115px;}
#xBtns {bottom:30px;left:0;margin:0 0 0 68px;width:285px;}
#xBtns span {display:block;text-align:center;width:132px;}
#xBtns .btnHeader {font-size:112%;font-weight:bold;padding:9px 0 0;}
#xBtns .btnLink {font-size:85%;}
#xBtns a { background: url() no-repeat; color:#fff; float:left; display: block; height:50px; margin:0 5px; width:130px;}
.closeBtn {background: url() no-repeat; display:block;height:30px;position:absolute;right:-6px;top:-6px;width:30px;}

/*-----------------------------
COMMON BLACK BUTTON USED ACROSS SEVERAL FULL SITE PAGES
-----------------------------*/
.blackButton {float: left; clear:both; display: block;  }
.blackContentButton li span { color: #FFF; height: 24px; margin: -7px 0 0 -19px; display: block; background-image: url(); background-position: left 0; background-repeat: no-repeat; float: left;  }
.blackContentButton li a { padding: 7px 20px 0 0; margin: 0 8px 0 0; text-decoration: none; color: #9E9FA3; background-position: right 0; background-repeat: no-repeat; float: left; }
.blackButton a { background-image: url(); }
.blackContentButton .blackButton span { padding: 4px 0 0 20px; }

/*-----------------------------
COMMON RED BUTTON USED ACROSS SEVERAL FULL SITE PAGES
-----------------------------*/
.redButton {float: left; clear:both; display: block;  }
.redContentButton li span { color: #FFF; height: 23px; margin: -7px 0 0 -19px; display: block; background-image: url(); background-position: left 0; background-repeat: no-repeat; float: left;  }
.redContentButton li a { padding: 7px 20px 0 0; margin: 0 8px 0 0; text-decoration: none; color: #9E9FA3; background-position: right 0; background-repeat: no-repeat; float: left; }
.redButton a { background-image: url(); }
.redContentButton .redButton span { padding: 0 0 0 20px; }


