#signsOfUseHeader a {
	color: #fff;
	text-decoration: none;
}
#signsOfUseHeader a.signsOfUseCTA{
	background: url("/img/hard-facts/signs-of-use/arrow-cta-white.png") no-repeat scroll right 2px transparent;
    display: block;
    margin-top: 10px;
    padding-right: 5px;
    text-transform: uppercase;
    width: 280px;
}
@media screen and (max-device-width: 1024px) { 
	#signsOfUseHeader a.signsOfUseCTA{ width: 288px  }
}
#signsOfUseHeader a.signsOfUseCTA:hover{
	color:#888888;
	background-position:right -14px;
}
.faceTM{
	  clear: both;
    color: #6A6F70;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    left: 0;
    position: relative;
    top: -40px;
}
#signsOfUseContainer {
	position:relative;
	width:733px;
	height:413px;
	margin:auto;
}

#signsOfUseHeader {
	display: none;
	position:absolute;
	left: 29px;
	top: 25px;
	width: 325px;
	font-size:14px;
	letter-spacing: -0.05px;
}

#signsOfUseHeader h2 {
	text-indent: -999em;
	background: url('/img/hard-facts/signs-of-use/headline-how-to-spot-use.png') no-repeat 0 0;
	width: 400px;
	height: 40px;
	overflow: hidden;
	margin: 0;
}

#signsOfUseStart {
	display: none;
	position:absolute;
	left: 29px;
	top: 260px;
	color: #999;
	text-transform:uppercase;
	font-size:13px;
	background: url('/img/hard-facts/signs-of-use/rollover-arrows.png') no-repeat right center;
	padding-right: 23px;
}

.signsOfUseCopy {
	position:absolute;
	left: 85px;
	top: 200px;
	display: none;
	width: 146px;
	height: 111px;
	padding: 0px 20px;
	background-image:url('/img/hard-facts/signs-of-use/text_box_ovly.png');
	background-repeat:no-repeat;
	color: #fff;
	font-size: 14px;
}

.signsOfUseHotSpot:hover { cursor:pointer; }

span.ROCopy {
	position:relative;
	padding:0px;
	float:left;
}

.signsOfUseCopyHolder { /*position:relative;
	float:left;*/ }

.clear { clear:both; }

#hotSpot-1 {
	position:absolute;
	left:331px;
	top:317px;
}

#hotSpot-2 {
	position:absolute;
	left:431px;
	top:273px;
}

#hotSpot-3 {
	position:absolute;
	left:340px;
	top:255px;
}

#hotSpot-4 {
	position:absolute;
	left:405px;
	top:205px;
}

#hotSpot-5 {
	position:absolute;
	left:337px;
	top:176px;
}

#hotSpot-6 {
	position:absolute;
	left:418px;
	top:125px;
}

#hotSpot-7 {
	position:absolute;
	left:440px;
	top:53px;
}

#hotSpot-8 {
	position:absolute;
	left:465px;
	top:15px;
}

#hotSpot-9 {
	position:absolute;
	left:580px;
	top:15px;
}

#hotSpot-10 {
	position:absolute;
	left:673px;
	top:15px;
}

#hotSpot-11 {
	position:absolute;
	left:628px;
	top:83px;
}

#hotSpot-12 {
	position:absolute;
	left:618px;
	top:145px;
}

#hotSpot-13 {
	position:absolute;
	left:680px;
	top:202px;
}

#hotSpot-14 {
	position:absolute;
	left:599px;
	top:239px;
}

#hotSpot-15 {
	position:absolute;
	left:608px;
	top:273px;
}

#hotSpot-16 {
	position:absolute;
	left:588px;
	top:320px;
}

#hotSpot-17 {
	position:absolute;
	left:678px;
	top:296px;
}

#facesByMethContainer {
	position:relative;
	width:740px;
	height:415px;
	margin:auto;
	float:left;
}

#facesByMethHeader {
	position:relative;
	left: 29px;
	top: 25px;
	width: 700px;
	font-size:14px;
	letter-spacing: -0.05px;
	clear:both;
}

#facesByMethHeader h2 {
	text-indent: -999em;
	background: url('/img/hard-facts/signs-of-use/headline-faces-by-meth.png') no-repeat 0 0;
	width: 400px;
	height: 40px;
	overflow: hidden;
	margin: 0;
}

#scrollerContainer {
	clear: both;
	display: block;
	float: left;
	font-size: 14px;
	height: 320px;
	margin: 60px 0 0;
	position: relative;
	width: 700px;
}

#scrollerArea {
	display: block;
	float: left;
	height: 415px;
	left: 40px;
	margin: 0 20px;
	overflow: hidden;
	position: absolute;
	width: 510px;
	padding:0px 0px 0px 50px;
}

#previousItem {
	display: block;
	float: left;
	left: 0px;
	position: absolute;
	top: 110px;
}

#nextItem {
	display: block;
	float: left;
	position: absolute;
	right: 10px;
	top: 0;
	top: 110px;
}

#sliderController {
	position:relative;
	clear:both;
}

#sliderController #itemSlideTrack {
	position:absolute;
	top:0px;
	left:-120px;
}

#sliderController #itemSlider {
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer !important;
}

.imageCompareSlider {
	float:left;
	position:relative;
	margin-top:10px;
	visibility:visible;
	margin-left:12px;
	top:240px;
	top:-5px;
}

.ui-slider-horizontal {
	background:url('/img/hard-facts/signs-of-use/slideTrack.png') no-repeat;
	height:22px;
	width:228px;
	display:block;
	border:0;
	margin:5px 0px;
	z-index:10;
}

.ui-slider .ui-slider-handle {
	background:transparent url('/img/hard-facts/signs-of-use/slideButton.png') no-repeat !important;
	cursor: default;
	height: 1.4em;
	position: absolute;
	width: 1.8em;
	z-index: 2;
	border:0 !important;
	cursor:pointer !important;
	top:0px;
	margin-left:-11px !important;
}

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

.beforeImage {
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	float:left;
}

.compareWindow {
	z-index:10;
	overflow:hidden;
	border-right:2px #999999 solid;
	visibility:visible;
	float:left;
	width:228px;
	margin-top:0px;
}

.scrollerArea {
	position:relative;
	overflow:visible;
	height:400px;
	width:800px;
	float:left;
	clear:both;
}

#itemDisplaySet {
	position:absolute;
	width:20000em;
}

.beforeAfterItem {
	float:left;
	position:relative;
	z-index:5;
}

#itemDisplaySet {
	float:left;
	position:absolute;
	left:0;
	top:0;
}

#itemDisplaySet .itemviewer {
	float:left;
	position:absolute;
	margin:0px 24px 0px 24px;
	left:9900px;
}

.imageBoof {
	background: url("/img/hard-facts/signs-of-use/boof.png") no-repeat scroll 0 0 transparent !important;
	float: left;
	height: 300px;
	left: -38px;
	position: absolute;
	top: -31px;
	width: 300px;
	z-index: 0;
}

.smaller .imageBoof { display:none; }

#previousItem a {
	background: url("/img/hard-facts/signs-of-use/page_control_left_on.png") no-repeat scroll 0 0 transparent !important;
	float:left;
	width:40px;
	height:40px;
	cursor:pointer;
}

#nextItem a {
	background: url("/img/hard-facts/signs-of-use/page_control_right_on.png") no-repeat scroll 0 0 transparent !important;
	float:left;
	width:40px;
	height:40px;
	cursor:pointer;
}

/*#previousItem a:hover { background: url("/img/hard-facts/signs-of-use/page_control_left_ro.png") no-repeat scroll 0 0 transparent !important; }

#nextItem a:hover { background: url("/img/hard-facts/signs-of-use/page_control_right_ro.png") no-repeat scroll 0 0 transparent !important; }*/

#previousItem a.disabled {
	opacity:.5;
	cursor:default;
	background: url("/img/hard-facts/signs-of-use/page_control_left_off.png") no-repeat scroll 0 0 transparent !important;
}

#nextItem a.disabled {
	opacity:.5;
	cursor:default;
	background: url("/img/hard-facts/signs-of-use/page_control_right_off.png") no-repeat scroll 0 0 transparent !important;
}

#previousItem .disabled, #nextItem .disabled { float:left; }

.smaller .imageCompareSlider { visibility:hidden; }

.smaller .compareWindow { border:0; }
.smaller .afterImage { visibility:hidden; }

.smaller .beforeImage img {
	height: 200px;
	width: 190px;
}

.smaller .beforeImage {
	float:left;
	position:relative;
	width: 190px !important;
}

#itemDisplaySet .smaller {
	margin:24px 24px 24px 24px;
	width: 190px !important;
	float:left;
	position:relative;
}

#itemDisplaySet .imageShader { display:none; }

#itemDisplaySet .smaller .imageShader {
	display:block;
	background-color: #000000;
	float: left;
	height: 200px;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 190px;
	z-index: 50;
}

#introScreen {
	float:left;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
#scrollerArea{
	display:none;
}
#introScreen .blocker {
	background-color: #000000;
	cursor: pointer;
	float: left;
	height: 239px;
	/*left: 252px;*/
    margin-top: 0;
	opacity: 0.5;
	position: relative;
	width: 228px;
	z-index: 900;
}

#introScreen .blockerText {
	float:left;
	display:block;
	position:absolute;
	left:77px;
	bottom:50px;
	text-align:center;
	z-index:1000;
}

.imageTitle {
	float:left;
	text-align:center;
	position:relative;
	width:228px;
	display:block;
}

.smaller .imageTitle { display:none; }

#signsOfUse_bg {
	background: url(/img/hard-facts/signs-of-use/backgroundImg_on.jpg) no-repeat;
	height: 413px;
	width: 733px;
	position: absolute;
	float: left;
	left: 0px;
	top: 0px;
}

#signsOfUseHotSpotContainer { display: none; }