/*---------------------------------------------------------------------------
S T A R W A R S   H O M E
-----------------------------------------------------------------------------

--------------------------------
STRUCTURE
------------------------------*/
body{background:#000 none;}
#contentTop, #contentMain, #contentBottom{background:none;}
#contentWrapper,#contentMain,#contentInnerWrapper{width:100%}
#contentInnerWrapper{margin: 0 0 -169px;top: -169px;}
.button.close{display:none;}

.flash{position:absolute;top:0;left:0;}
#mainTout{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picD826ADCE807AF3AB05FA8D8C70D09EC5.png) center top no-repeat;height: 375px;position: relative;width: 950px;}
#mainToutContent{font:144% 'Fette1451',arial,sans-serif;height:293px;position:relative;width:950px;z-index:1;} 
ul#mainToutMenu{bottom:40px;display:none; left:0;position:absolute;width:auto;}
  #mainToutMenu li{float:left;margin:0 2px;width:74px;}
ul#addTouts{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picC4A8284727B7815D3447B9346BE2E9D8.png) right 0 no-repeat; clear: both;margin: 20px auto; width: 950px; height: 490px; }

#homepage-flash { float:left; height: 500px; width:100%; }
#popup-content { width: 950px; position: relative; }
#popup-content #content { width: 950px; position: relative; }
#movies-container { position: relative; float: left; }
#movies-container .bClose { background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic6D75F63C3073BE30874189564B3D0831.png) no-repeat; width: 43px; height:50px; position: absolute; top: 0px; right: -5px; text-indent: -9999px; outline: none; }
#movies-container .bClose:hover { background-position: 0 -50px; }
#selector { position: relative; float: left; height:500px;overflow:auto;width:100%; }
#headers { padding: 35px 0 5px; position: relative; float: left; width: 875px; }
#headers h3 { font-size: 150%; }
#movies-container .column { width: 230px; float: left; position: relative;  }
#movies-container .two-column { width: 460px; }
#selector a { float: left; width: 222px; position: relative; position: relative; width: 222px; height: 130px; overflow: hidden; color: #0c82a6; font: normal 81.3%/1.25 Arial, helvetica, Verdana, lucida, sans-serif;text-decoration: none;}
#selector .two-column a { padding: 0 8px 0 0; }
#selector .text { position: absolute; top: 92px; left: 0; width: 100%; color: #0c82a6; font: normal 100%/1.25 Arial, helvetica, Verdana, lucida, sans-serif;font-weight: bold; }
#selector .lazy-image { position: absolute; top: 0; left: 0; background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic43E06913AA49983FF43960370951359F.png) no-repeat; width: 222px; height: 88px; }
#selector .lazy-image:hover { background-position: 0 -88px; }
.bModal { background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic980771ED78999D880A5D53691DBD1D53.png);  }

#flashObject { float: left; height: 500px; width: 100%; }
#flashObject h3 { width: 100%; text-align: center; padding: 180px 0 0; }
#flashObject p { width: 100%; text-align: center; padding: 40px 0 0;  }

#tout-area {float: left;height: 233px;width: 100%; }

#avatarControlPanel #homeSound{background-position:center -41px;}
#avatarControlPanel #homeSound:hover{background-position:center -61px;}
#avatarControlPanel #homeSound.muted:hover{background-position:center -61px;}


/*------------------------------
ADDITIONAL CLASSES
------------------------------*/
#mainToutContent span{display:block;float:left;}
#toutMainText{bottom:70px;height:70px;overflow:hidden;position:absolute;right:40px;text-align:center;width:280px;}
#toutBtn{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic54C23372B0A7F9662FE5F0DCFD51E46D.png) right top no-repeat;bottom:35px;height:25px;padding:2px 25px 0 0;position:absolute;right:110px;}
#toutBtn span{background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic54C23372B0A7F9662FE5F0DCFD51E46D.png) left top no-repeat;height:25px;margin:-2px 0 0 -15px;padding:2px 0 0 25px;}
#addTouts span {display:block;}
#toutFeature,#toutMisc,#toutProducts{float: right;overflow:hidden; position:relative;}
#toutFeature, #toutLatestCreations {width: 367px; background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic386E6C65318DB2CF6394EDA9041DEB70.png) 0 0 no-repeat; height: 490px; position: relative; float: left;}
#toutFeature .featureHeader, #toutBlog .featureHeader {color:#fff;font:bold 120% Arial;padding:5px 0 0;}
#toutMisc{padding: 0 10px;width: 248px;}
#toutMisc li { padding:0 0 35px;}
#toutProducts{width: 284px;}
#toutProducts a {margin:0 0 10px;}

.loader{left:475px;position:absolute;top:110px;z-index:0;}
#imageOrFlash{left:0;position:absolute;top:0;z-index:1;}

#toutLatestCreations ul { position: absolute; top: 60px; left: 25px; float: left; }
#toutLatestCreations ul li { float: left; width: 150px; height: 130px; position: relative; padding: 0 10px 10px 0; }

/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#addTouts h3{padding:10px 0 0 25px;}
#addTouts h3.no-pad { padding: 0; }
/*------------------------------
IMAGES
------------------------------*/
#mainToutMenu img{position:relative;z-index:-1;}

/*------------------------------
LINKS
------------------------------*/
#mainToutContent a{color:#fff;position:relative;}
#mainToutMenu a { background:url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic308353FEDBBA710D44A0072E283366A4.png) 0 0 no-repeat; height:43px;width:74px;}
#mainToutMenu a:hover,#mainToutMenu a.active{background-position: 0 -43px;}

/*------------------------------
NPS
------------------------------*/
.popup { left: 270px !important; }

/*--------------------------------
BLOG TOUT
--------------------------------*/
#toutFeature li { padding: 0 0 20px 0;}
#toutBlog {float:right; width: 575px; height: 490px; overflow: hidden; }
#thickLine {/*background:url() 0 0 no-repeat;*/ width: 556px; height: 7px; display:block; }
.container {position:relative; float:left;}
#all-blog-entry-link {position:absolute; top: 15px; right: 13px;}
#nav {background:url() 0 0 no-repeat; width: 304px; height: 51px; display:block; position: relative; }
.blog-entry-image {float:left; padding: 0 0 0 3px;}
#blog-image-overlay {/*background:url() 0 0 no-repeat;*/ position:absolute; top:48px; left:3px; width:221px; height:170px;}
.prev, .next {top: 7px;text-indent: -9999px; position:absolute; display:block; height: 36px; width: 36px;}
.prev { right: 55px; background:url() 0 0 no-repeat; }
.next {right: 10px; background:url() 0 0 no-repeat;}
.prev:hover, .next:hover {background-position: 0 -36px;}
.disabled {display:none;}
.blog-left-side { float: left; padding: 0 0 0 15px; }
#entry-date {float:left; position:relative; width: 213px; height: 50px; display:block;}
.blog-entry-date {font: 145%/1.25 'Fette451', arial, lucida,verdana,helvetica,sans-serif; padding: 14px 0 0 10px; float:left; position:relative;}

#right-blog-content {float:right; width: 305px; height: 410px; overflow: hidden;position: relative; }
#right-blog-content .featureHeader, #right-blog-content .featureBody {padding: 7px 0 0 8px;}
#right-blog-content .read-more { position: absolute;right: 20px;bottom: 12px;font-size: 115%; }


#blog-content-wrapper {/*background:url() 0 0 repeat-y;*/ width: 558px; display:block; float:left;}
#blog-content-wrapper-bottom {/*background:url() 0 0 no-repeat;*/ width: 558px; height: 18px; display:block; float:left;}

.standard-blog-content-button { padding: 0 0 0 20px; }
.standard-blog-button {float: left; clear:both; display: block;  }
.standard-blog-content-button li span { font-size: 95%; font-weight: bold; color: #FFF; height: 20px; margin: -5px 0 0 -19px; display: block; background-image: url(); background-position: left 0; background-repeat: no-repeat; float: left;  }
.standard-blog-content-button li a { padding: 5px 24px 0 0; margin: 0 8px 0 0; text-decoration: none; color: #000; background-position: right 0; background-repeat: no-repeat; float: left; }
.standard-blog-button a { background-image: url(); }
.standard-blog-content-button .standard-blog-button span { padding: 6px 0 0 25px; }
.standard-blog-content-button li a:hover  { background-position: right -26px; }
.standard-blog-content-button li span:hover { background-position: left -26px; }
.standard-blog-button span.span-hover { background-position: left -26px; }

/*-------------------------------
SCROLLBAR
-------------------------------*/
.jspContainer{overflow: hidden;	position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{background-color: #0a3f51;height:100%;padding:5px 0;position:absolute;right:0;top:0;width:13px;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{position: relative;}
.jspDrag{background-color:#1683aa;position: relative;top: 0;left: 0;cursor: pointer;}
.jspDragTop{background-color:#1683aa;height:5px;left:0;position:absolute;top:-5px;width:13px;}
.jspDragBottom{background-color:#1683aa;height:5px;width:13px;bottom:-5px;left:0;position:absolute;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 13px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
* html .jspCorner{margin: 0 -3px 0 0;}