body{position:relative;background:url(/assets/image/SPAMstarfield.jpg) repeat}

a.button {width:auto;}

/* footer */
#footer { margin-top: 0; overflow: hidden; z-index: 1026; position: relative; }
#footer .wrapper { padding: 15px 0 0; }

/* header */
#header { z-index: 1100; position: fixed; }
#header .wrapper{ padding-top: 9px 0 0; }
#header .wrapper ul { text-align: center; }

/* main navigation */
#nav ul { padding: 0; }
ul#nav li.level-top ul.level0 li { float:left; }
ul#nav li.level-top ul.level0 li h2 { margin:0 0 5px 0; }

#lb-overlay { z-index:1050; }
.popup-box { top: auto; bottom: 60px; }

.content-wrapper { margin: 0 auto; max-width: 1600px; min-width: 940px; overflow: hidden; position: relative; }
.content-wrapper .content { position: relative; z-index: 500; }

.content-wrapper .intro-content { position: absolute; bottom: 0; left: 0; width: 100%; }

/* specific animated elements */
#cloudPlaceholder { display: none; }
#scroll { position: absolute; bottom: 130px; right: 208px; z-index: 1000; display: none; }
#scroll img { display: block; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; }

#sirCanALot { bottom: 30px; right: 0; width: 640px; height: 936px; position: absolute; z-index: 1000; }
#balloonShadow { position: absolute; bottom: -15px; top: auto !important; right: 165px; }
#knight { position: relative; }

.bubble { left: 380px; bottom: 200px; width: 0; height: 0; overflow: hidden; position: absolute; z-index: 100; }
.bubbleText { position: absolute; top: 35px; left: 15px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.bubbleText p { width: 195px; height: 70px; position: relative; font-family: 'SunsetSerialRegular'; font-size: 14px; line-height: 21px; color: #6b7983; display: table-cell; vertical-align: middle; text-align: center; }
.bubble img { width: 100%; height: 100%; display: block; }

#emptySearch { display: none; bottom: 30px; right: 0; width: 600px; height: 538px; position: absolute; z-index: 1000; }
#noResultsKnight { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
#emptyBubble { left: 300px; }

/* loaders */
.loading { z-index: 1098; position: absolute; bottom: 0; left: 0; position: absolute; }
.loading .bg { background-color: #000000;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; }
.loader { border-radius: 5px; left: 49%; position: absolute; z-index: 1099; background: #ffffff url(/assets/image/ajax-loader-large.gif) no-repeat 10px 8px; text-indent: -9999px; width: 120px; height: 31px; padding: 8px 10px; }

/* cans container */
#cans { position: relative; margin: 1400px 0 30px 300px; width: 468px; }
#cans .cans-container { position: relative; bottom: 0; left: 0; }

/* backgrounds */
#full-background-container { position: absolute; bottom: 0; left: 0; width: 1600px; margin-left: -800px; left: 50%; }

img.bg-image { width: 1600px; bottom: 0; }
img.bg-layer { width: 1600px; bottom: 0; }

.screen { width: 100%; position: relative; }
.screen img { position: absolute; display: block; }
.screen img.overlay { pointer-events: none; }

/* screen one (forest) */
#screen1,
#screen1 .loading,
#screen1 .loading .bg { height: 5476px; width: 100%; }

#screen1 #grass { bottom: -90px; z-index: 1020; }
#screen1 #mushrooms { bottom: -50px; }
#screen1 #trees { bottom: 235px; }
#screen1 #bunny-hill { bottom: 785px; }
#screen1 #sheep-hill { bottom: 670px; }
#screen1 #mountains { bottom: 1210px; }

#screen1 #parallax-ferns { z-index: 750; bottom: 660px; }

#screen1 .waterfall { right: 598px; bottom: 1769px; }
#screen1 #waterfall-frame-2 { right: 602px; }

#screen1 #dragon { position: absolute; top: 2580px; right: -773px; width: 773px; height: 324px; z-index: 750; }
.reduced-animations #screen1 #dragon { right: 0; }
#screen1 #dragon-container { position: relative; top: 0; }
#screen1 #dragon-body { right: 0; }
#screen1 #flame-frame-1 { left: 1px; top: 50px; }
#screen1 #flame-frame-2 { left: 5px; top: 57px; }

/* screen two (castle) */
#screen2,
#screen2 .loading,
#screen2 .loading .bg { height: 6184px; width: 100%; }

#screen2 #castle { left: 50%; margin-left: -800px; bottom: 1275px; position: absolute; width: 1600px; height: 3540px; }

#screen2 #parallax-clouds { position: absolute; bottom: 534px; z-index: 750; }

#screen2 #catapult-frame-1 { right: 310px; top: 801px; }
#screen2 #catapult-frame-2 { right: 503px; top: 480px; display: none; }

#screen2 #parallax-catapult-spam { position: absolute; top: 440px; left: 315px; z-index: 750; display: none; }

#screen2 #shark-1 { top: 2690px; bottom: auto !important; left: 150px; }
#screen2 #shark-2 { bottom: 685px; top: auto !important; right: 450px; }

#screen2 #torch-frame-1 { right: 250px; top: -129px; }
#screen2 #torch-frame-2 { right: 236px; top: -120px; display: none; }

/* screen three (space) */
#screen3,
#screen3 .loading,
#screen3 .loading .bg { height: 9033px; width: 100%; }

#screen3 #parallax-asteroids { bottom: 550px; left: 148px; z-index: 750; }
#screen3 #parallax-asteroids-bg { bottom: 380px; left: 0; z-index: 250; }
#screen3 #parallax-satellite { bottom: 1200px; left: 0; z-index: 750; }

#screen3 #saturn { bottom: 2520px; height: 1044px; position: absolute; right: 0; width: 1177px; z-index: 250; }
#screen3 #saturn .tether { right: 0; z-index: 500; display: none; }
#screen3 #saturn .tether.current { display: block; }
#screen3 #saturn #tether-frame-1 { top: 422px; }
#screen3 #saturn #tether-frame-2 { top: 423px; right: -3px; }

#screen3 #saturn .ring { display: none; }
#screen3 #saturn .current { display: block; }

#screen3 #parallax-sun { bottom: 3250px; left: 0; z-index: 750; }

#screen3 #parallax-jetpack { width: 269px; height: 315px; right: 250px; bottom: 5185px; z-index: 750; position: absolute; }
#screen3 #jetpack-fire { right: -3px; bottom: 28px; }

#screen3 #parallax-blackhole { position: absolute; right: 350px; bottom: 6995px; top: auto !important; z-index: 250; }
#screen3 #parallax-blackhole img { position: static; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; }

#screen3 #parallax-clock1 { width: 932px; height: 435px; left: 0; bottom: 7250px; z-index: 750; }
#screen3 #parallax-clock2 { width: 280px; height: 279px; left: 115px; bottom: 7800px; z-index: 300; }
#screen3 #parallax-clock3 { width: 283px; height: 311px; left: 115px; bottom: 8085px; z-index: 750; }
#screen3 #parallax-clock4 { width: 408px; height: 379px; left: 815px; bottom: 7450px; z-index: 750; }
#screen3 #parallax-clock5 { width: 444px; height: 423px; left: 930px; bottom: 7825px; z-index: 300; }
#screen3 #parallax-clock6 { width: 347px; height: 322px; left: 815px; bottom: 8260px; z-index: 750; }

/* screen four (tippy top) */
#screen4,
#screen4 .loading,
#screen4 .loading .bg { height: 2019px; width: 100%; }

#screen4 #left-bottom { left: 143px; top: 530px; }
#screen4 #left-middle { left: 50px; top: 424px; }
#screen4 #left-top { left: 58px; top: 113px; }
#screen4 #left-bottom.active { left: 128px; top: 548px; }
#screen4 #left-middle.active { left: 28px; top: 428px; }
#screen4 #left-top.active { left: 42px; top: 102px; }

#screen4 #right-top { right: 332px; top: 167px; }
#screen4 #right-middle { right: 13px; top: 157px; }
#screen4 #right-bottom { right: -12px; top: 472px; }
#screen4 #right-top.active { right: 315px; top: 153px; }
#screen4 #right-middle.active { right: -14px; top: 143px; }
#screen4 #right-bottom.active { right: -34px; top: 484px; }

#screen4 #tippy-top { left: 90px; top: 312px; width: 1400px; position: absolute; }
#screen4 .lights { left: 0; top: 0; display: none; }
#screen4 .lights.current { display: block; }

/*-----------------------Tower styles start--------------------------*/
div.can,
div.can .wrapper,
div.can .content { width: 428px; height: 345px; }

div.can.removed { overflow: hidden; }

div.can { position: relative; }
div.can .wrapper { position: absolute; cursor: pointer; }
div.can .no-popup { cursor: default; }

div.can .content { position: relative; vertical-align: middle; display: table-cell; text-align: center; background: url(/assets/image/tower/can_bg.gif) no-repeat; }
div.can .content img { vertical-align: middle; padding: 0; margin: 0; }

div.can .content a.button { width: 208px; position: absolute; bottom: 31px; left: 110px; }
div.can .content a.play { background: url(/assets/image/tower/play.png) no-repeat; display: block; width: 64px; height: 64px; text-indent: -9999px; position: absolute; top: 140px; left: 182px; }

div.can .scrollable-container { overflow: auto; max-height: 315px; }

/* recipe can */
div.can.recipe .content img { width: 380px; height: 276px; }

div.can.recipe .content .title,
div.can.generic .content .title { width: 368px; height: 30px; padding: 15px 10px; background: url(/assets/image/tower/tower_recipe_title.png) no-repeat; position: absolute; bottom: 60px; left: 20px; text-align: center; }
div.can.recipe .content .title h4,
div.can.generic .content .title h4 { color: #fff; font-family: 'SunsetSerialBold'; font-weight: normal; font-size: 13px; line-height: 17px; margin: 8px 0 0; }
div.can.recipe .content .title h4 { margin-top: -2px; }

div.can.recipe .content .title span { color: #6b7983; font-size: 11px; line-height: 13px; }
div.can.recipe .content .title .ratings { text-align: center; line-height: 14px; }
div.can.recipe .content .title .ratings span.starswrap { display: inline-block; height: 11px; width: 65px; }

div.can:hover .content .title h4,
div.can.active-can .content .title h4 { color: #FFD500; }

/* social can */
div.can.social .content p { padding: 20px 33px; color: #fff; font-family: 'SunsetSerialBold' !important; font-size: 18px; line-height: 25px; margin: 0; }
div.can.social .content p a { color: #6cc6ff !important; font-size: 18px !important; font-family: 'SunsetSerialBold' !important; }
div.can.social .content blockquote { margin: 0; }

div.can.social .facebook-wall-icon { display: inline-block; width: 35px; height: 35px; background: url(/assets/image/sprite.png) no-repeat -131px -300px; text-indent: -9999px; }
div.can.social .twitter-tweet-icon { display: inline-block; width: 41px; height: 28px; background: url(/assets/image/sprite.png) no-repeat -174px -303px; text-indent: -9999px; }

div.can.social .twt-tweet .entry-title,
div.can.social .twt-o .entry-title a,
div.can.social .twt-o .entry-title b { font-family: 'Arial' !important; }

div.can.social .content span.details,
div.can.social .content .twitter-tweet,
div.can.social .content .twitter-tweet a,
div.can.social .content .twitter-tweet-no-widget,
div.can.social .content .twitter-tweet-no-widget a { font-size: 10px; font-family: 'Arial'; color: #3a5b88; }

div.can.social .content .fb-like { margin-top: 15px; }

div.can.social .content span.details { display: block; margin-bottom: 10px; }
div.can.social .content .retweet { width: 60px; background: url(/assets/image/tower/retweet_icon.png) no-repeat 0 2px; padding-left: 20px; color: #6cc6ff; font-size: 11px; line-height: 15px; clear: both; display: block; margin: 20px auto 0 auto; text-align: left; cursor: pointer; }

div.can.social .twitter-tweet-rendered { max-width: 400px !important; margin: 10px auto !important; }

div.can.social .content .main p { font-size: 12px; color: #3d1f00;  text-align: left; line-height: normal; font-family: Arial; padding: 10px 15px; }
div.can.social .content .main p a { color: #0C3477 !important; font-size: 12px !important; }
div.can.social .content .main #txtSubmitIdea { margin-bottom: 10px; width: 300px; background: #3d1f00; color: #fff; border: 0; padding: 5px; }

div.can.social #fbSubmitted { display: none; }
div.can.social .content .string { background: url(/assets/image/tower/nail-string.png) no-repeat center center; width: 250px; height: 61px; margin: 0 auto -2px; }
div.can.social .content .main { background: url(/assets/image/wood.gif); width: 340px; height: 187px; margin: 0 auto; }
div.can.social .content .main h2 { color:#3d1f00; font-family: SunsetSerialBold; font-size: 18px; margin: 0 auto; padding: 15px 0 0 15px; text-align: left; }

/* title can */
div.can .content h2.firstCan { background: url(/assets/image/tower/first_can_title.png) no-repeat; width: 341px; height: 177px; text-indent: -99999px; font-size: 0; margin: 0 auto; }

/* popups */
div.can .popup { position: absolute; margin-left: 380px; padding-left: 16px; z-index: 10000; background: url(/assets/image/tower/popup.png) 0px 50% no-repeat; display: none; font-family: arial,helvetica,sans-serif; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
div.can .popup .container { padding:22px; background: #fff; border-radius: 10px }

div.can .popup .container h2,
div.can .popup .container h3,
div.can .popup .container h4 { font-family: 'SunsetSerialBold'; color: #0c3477; font-weight: normal; margin-top: 0; }

div.can .popup .container h4 { font-size: 16px; line-height: 20px; margin: 0 0 10px; }
div.can .popup .container h2 { font-size: 22px; line-height: 24px; margin-bottom: 10px; }
div.can .popup .container h3 { font-size: 18px; line-height: 20px; margin: 12px 0 10px; }

div.can .popup a.close { position: absolute; right: 0; top: 0; margin-top: -17px; margin-right: -17px; z-index: 2000; display: block; width: 34px; height: 34px; background: url(/assets/image/sprite.png) no-repeat 0 -180px; text-indent: -9999px; }

div.can .popup .container p,
div.can .popup .container .description { color: #6b7983; font-size: 13px; line-height: 15px; padding: 0; margin: 5px 0; }
div.can .popup .container .yums { color: #6b7983; font-size: 11px; line-height: 11px;}
div.can .popup .container ul.banners { margin: 15px -4px 0; }
div.can .popup .container ul.banners .title strong { margin-top: 8px; }

div.can .play-button { position: absolute; top: 144px; left: 187px; }

div.can .popup .socialBar { float: right; }
div.can .popup .socialBar .fbPlugin { float: left; }
div.can .popup .socialBar .tweetPlugin { float: right; margin-left: 4px; }

/* soundcloud can */
div.can.tunes .popup .container { width: 650px; }

/* generic can */
div.can.generic .popup { min-width: 300px; }
div.can.generic .popup .socialBar { float: left; margin-bottom: 5px; }
div.can.generic .popup .description { max-height: 650px; width: 700px; overflow-y: auto; }
div.can.generic .popup .description p { font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 10px; } 
div.can.generic .popup .description img { float: left; margin: 10px 10px 10px 0; }

/* recipe can */
div.can.recipe .popup .description,
div.can.varieties .popup .description { overflow: visible; width: 700px; }

div.can.recipe .popup .socialBar { float: left; }

div.can.recipe .popup .container .ingredients { color: #6b7983; font-size: 12px; overflow: hidden; margin: 0 0 20px; }
div.can.recipe .popup .container .ingredients ul { padding: 0; list-style: none; float: left; width: 225px; margin: 0 10px 0 0; }
div.can.recipe .popup .container .ingredients ul.last { margin-right: 0; }

/* image can */
div.can.image .popup .description { text-align: center; margin: 20px 0 0; }
div.can.image .popup .description img { float: none; margin: 0; }

/* game can */
div.can.games .popup .container h4 { margin-bottom: 0; float: left; }
div.can.games .popup .socialBar { margin-top: 15px; }

/* video can */
div.can.video .popup .container h4 { margin: 20px 0 0; }

/* back to tower link */
#backToTower { position: absolute; right: 0; top: 0; margin-top: -80px; margin-right: 25px; z-index: 2000 }

div.can .also-like { clear: both; }

/* cloud for when cans are removed */
img.cloud { position: absolute; margin: -60px 0 0 -35px; z-index: 701 }

/* search styles */
#home-left-content-container { position: fixed; bottom: 20%; height: 450px; z-index: 1025; }

#search { background: url(/assets/image/wood.gif); position: absolute; width: 281px; top: 0; margin-left: -236px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 1000; }
#search .title { display: block; float: right; padding: 42px 15px; cursor: pointer; }
#search .title span { width: 16px; height: 130px; display: block; font-size: 0px; text-indent: -99999px; background: url(/assets/image/tower/search_title.png) no-repeat -16px 0; }
#search.expand .title span { background-position: 0 0; }
#search .content { float: left; padding: 10px 0 10px 32px; width: 200px; }
#search .content .show { font-family: 'SunsetSerialBold'; font-size: 17px; line-height: 23px; display: block; padding-bottom: 8px; color: #3d1f00; }
#search .content .count { font-family: 'SunsetSerialMedium'; font-size: 19px; line-height: 23px; color: #fff; display: block; clear: both; }
#search .content .coll { float: left; display: inline; width: 50%; }
#search .content .bottom { width: 200px; }
#search .content #reset { font-size: 12px; text-decoration: none; color: #3d1f00; font-style: italic; }

#search .content .searchInput { display: block; float: left; background: url(/assets/image/search_input.png) no-repeat; margin: 10px 0; }
#search .content .searchInput input { border: 0; background: transparent; height: 26px; display: block; float: left; }
#search .content .searchInput .text { color: #fff; font-size: 12px; line-height: 16px; width: 143px; padding: 5px 10px; height: 16px; }
#search .content .searchInput .submit { width: 28px; margin: 0; padding: 0; cursor: pointer; }

/* custom checkboxes */
#search .checkbox { cursor: pointer; margin-bottom: 5px; color: #3d1f00; font-weight: bold; font-size: 13px; }
#search .checkbox .checkbox-input { display:none; }
#search .checkbox .input { background: url(/assets/image/sprite.png) no-repeat -42px -149px; width: 22px; height: 22px; margin-right: 3px; display: inline-block; }
#search .checkbox.checked .input { background-position: -73px -149px; }
#search .checkbox label { position: relative; top: 2px; }

/* tower preview */
#preview { position: absolute; left: 0; bottom: 0; margin-left: 20px; z-index: 1001; }
#miniTower { height: 180px; width: 10px; cursor: pointer; background: url(/assets/image/tower/mini_tower.png) no-repeat top left; }
#positionIndicator { width: 23px; height: 19px; margin-left: -7px; position: absolute; top: 163px; border: 1px solid #011940; background: url(/assets/image/tower/sqr_bg.png); }

/* IE specific styles */
.ie9 div.can .content a.button { bottom: 1px; left: 100px; }
.ie7 div.can .content a.button { bottom: 16px; }

.ie7 div.can { z-index: 1 !important; }
.ie7 div.can .wrapper { background: url(/assets/image/tower/can_bg.gif) no-repeat; }
.ie7 div.can .ie-wrap { position: absolute; top: 50%; }
.ie7 div.can .wrapper .content { background: none; top: -50%; height: auto; }

.ie7 div.can.video .popup .socialBar,
.ie7 div.can.tunes .popup .socialBar { padding-top: 15px; }
.ie7 div.can.video .popup .holder { width: 640px; }

.ie7 div.can.recipe .popup .container .ingredients,
.ie7 div.can .popup .container a.button,
.ie7 div.can .also-like { width: 700px; }
.ie7 div.can.recipe .content .title { bottom: 30px; }

.ie7 div.can .popup .container ul.banners .title strong { margin-top: 20px; }
.ie7 div.can.recipe .content .title .star-rating-control { position: relative; top: -3px; }