#meth-types { background: url('/img/images/meth-types/background.jpg') no-repeat 0 0; width: 733px; height: 413px; color: #dfdfdf; position: relative; overflow: hidden; }

#meth-types .scrollable .mask { position: absolute; z-index: 12; top: -103px; left: 0; height: 413px; width: 733px; background: url('/img/images/meth-types/mask.png') no-repeat 0 0; }

#meth-types .intro { margin: 26px 0 0 29px; height: 77px; }

#meth-types .intro h2 { width: 220px; height: 31px; background: url('/img/images/meth-types/headline-types.png') no-repeat 0 0; text-indent: -999em; overflow: hidden; margin: 0 0 9px 0; }

#meth-types .intro p { font-size: 15px; line-height: 19px; letter-spacing: 0px; margin: 0 0 1em 0; }

#meth-types .scrollable { position: relative; overflow: visible; }

#meth-types .scrollable .stage { position: relative; overflow: visible; width: 477px; height: 310px; margin-left: 126px; }

#meth-types .scrollable .items {
	width: 20000em;
	position: absolute;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#meth-types .scrollable .items .item { float: left; width: 477px; height: 310px; position: relative; opacity: 0.3; }

#meth-types .scrollable .items .current { opacity: 1 !important; }

#meth-types .scrollable .items .item p { font-size: 14px; line-height: 18px; color: #fff; margin: 0.5em 0 1em 0; width: 85%; }

#meth-types .scrollable .arrow { background: url('/img/images/meth-types/scrollable-arrows.png') no-repeat 0 0; width: 33px; height: 34px; text-indent: -999em; position: absolute; z-index: 15; cursor: pointer; }

#meth-types .scrollable .prev { background-position: 0 0; top: 112px; left: 72px; }

#meth-types .scrollable .next { background-position: -33px 0; top: 112px; right: 79px; }

#meth-types .scrollable .prev.disabled { background-position: 0 -34px; }

#meth-types .scrollable .next.disabled { background-position: -33px -34px; }

.leftTooltip #tooltip { background: url(/img/hard-facts/whats-in-meth/tip-bg-rev.png) !important; }

/* non-flash Q4 */
.clear { clear:both; }

#unstableRecipeNFHeader a { color: #fff; text-decoration: none; }

#unstableRecipeNFContainer { position:relative; width:740px; height:415px; margin:auto; }

#unstableRecipeNFHeader { position:absolute; left: 29px; top: 25px; width: 375px; font-size:14px; letter-spacing: -0.05px; }

#unstableRecipeNFHeader h2 { text-indent: -999em; background: url('/img/hard-facts/whats-in-meth/headline-an-unstable-recipe.png') no-repeat 0 0; width: 400px; height: 40px; overflow: hidden; margin: 0; }

.animNotice { clear:both; float:left; position:relative; z-index:100; }

.unstableRecipeNFStart { position:relative; float:left; text-transform:uppercase; font-size:14px; margin-top:10px; color: #bebebe; background: url('/img/hard-facts/whats-in-meth/tripplearrows-down.png') no-repeat center right; padding-right: 14px; }

.replayAnimationButton { position:relative; float:left; width:100%; color: #fff; text-transform:uppercase; font-size:14px; margin-top:10px; background: url('/img/hard-facts/whats-in-meth/replay-button.png') no-repeat 0 0; height:24px; line-height:24px; padding-left:25px; }

.beaker { position:absolute; top:0px; left:0px; float:left; z-index:1; }

.beaker img { position:absolute; top:0px; left:0px; z-index:20; }

.ingredientIconsSection { left: 30px; position: absolute; top: 300px; text-align:center; z-index:15; }

.ingIconDisplay { float:left; display:inline; position:relative; }

.ingredientIcon { background: transparent url('/img/hard-facts/whats-in-meth/whats-in-meth-icons.png') no-repeat 0 0; height:60px; width:80px; position:relative; float:left; }

.dropIcons { background: transparent url('/img/hard-facts/whats-in-meth/whats-in-meth-icons.png') no-repeat 0 0; height:75px; width:80px; position:relative; float:left; left: 550px; top: 0px; z-index: 5; }

.ingIconLabel { clear: both; float: left; font-size: 13px; position: relative; width: 80px; }

#lgIcon1 { background-position:-0px -140px; }

#lgIcon2 { background-position:-80px -140px; }

#lgIcon3 { background-position:-160px -140px; }

#lgIcon4 { background-position:-235px -140px; }

#lgIcon5 { background-position:-310px -140px; }

#ingImgIcon1 { background-position:-10px 0px; }

#ingImgIcon2 { background-position:-80px 0px; }

#ingImgIcon3 { background-position:-160px 0px; }

#ingImgIcon4 { background-position:-235px 0px; }

#ingImgIcon5 { background-position:-310px 0px; }

#ingImgIcon1.emptyIcon { background-position:-10px -75px; }

#ingImgIcon2.emptyIcon { background-position:-80px -75px; }

#ingImgIcon3.emptyIcon { background-position:-160px -75px; }

#ingImgIcon4.emptyIcon { background-position:-235px -75px; }

#ingImgIcon5.emptyIcon { background-position:-310px -75px; }

.emptyIcon .ingIconLabel { opacity:.6; }

a.clickIcon { height:60px; width:80px; position:relative; float:left; text-decoration:none; }

.unstableRecipeNFCopyHolder { color: #FFFFFF; float: left; font-size: 13px; left: 30px; position: absolute; top: 150px; width: 350px; float:left; height:110px; }

.unstableRecipeNFCopy { display: inline; float: left; position: relative; width: 220px; margin-left:10px; }

.unstableRecipeNFCopyIcon { position:relative; display:inline; width:110px; height:110px; float:left; background: transparent url('/img/hard-facts/whats-in-meth/copy-icons-sprite.png') no-repeat 0 0; }

#anim2-Copy-Icon { background-position:-0px 0px; }

#anim3-Copy-Icon { background-position:-0px -110px; }

#anim4-Copy-Icon { background-position:-0px -220px; }

#anim5-Copy-Icon { background-position:-0px -330px; }

#anim1-Copy-Icon { background-position:-0px -440px; }

#anim2-Copy-Icon.finishedState { background-position:-110px 0px; }

#anim3-Copy-Icon.finishedState { background-position:-110px -110px; }

#anim4-Copy-Icon.finishedState { background-position:-110px -220px; }

#anim5-Copy-Icon.finishedState { background-position:-110px -330px; }

#anim1-Copy-Icon.finishedState { background-position:-110px -440px; }
.disabledLink{cursor:default !important; color:#666666;}