﻿.off{display:none}
strong{font-weight:bold}
.ninja{height:0px;width:0px;overflow:hidden;font-size:0px;line-height:0px;visibility:hidden;}

/***** general interactive home *****/
.interactiveHome{font-family:Arial,Helvetica,sans-serif;font-size:1.5em;color:#5d5d5d;background-color:#FFF;width:994px;letter-spacing:.3px;position:relative; display:block; height:486px;}
.interactiveHome p {margin:0px;}
.interactiveHome .current{cursor:default !important}
.interactiveHome .toHome{position:absolute;top:20px;left:25px;display:block;width:415px;height:80px;cursor:pointer;font-size:0px;text-indent:-9999999px;overflow:hidden;z-index:2}
.interactiveHome .bg.home, .interactiveHome .bg.face, .interactiveHome .bg.volume, .interactiveHome .bg.lips, .interactiveHome .bg.skin{width:994px;height:376px; position:relative;}
.interactiveHome .canvas{height:376px;width:768px;position:absolute;z-index:1; top:0px; left:0px;}
.interactiveHome .canvas .content{width:738px;height:213px;float:left;padding-left:30px;font-size:14.5px}
.interactiveHome .canvas .content sup{font-size:11px}
.interactiveHome .canvas .content h2 sup{font-size:13px; margin-bottom:-2px}
.interactiveHome .canvas .image1,.interactiveHome .canvas .image2{position:absolute;top:0px;left:0px;z-index:12}
.interactiveHome .canvas .greyOut{background-color:#FFF;opacity:.5;filter:alpha(opacity=50);width:412px;height:210px;top:110px;position:absolute;left:30px;z-index:11}
.interactiveHome .canvas .closeFlyout { width:34px; height:26px; padding-top:9px; text-align:center; position:absolute; top:117px;  left:370px; z-index:100; cursor:pointer; /*background: url(../../images/home-redux/closeBtn.png);*/ color:#c493ce; }
.interactiveHome .nextSection{width:525px;height:33px;position:absolute;top:320px;left:30px}
.interactiveHome .nextSection .toFace,.interactiveHome .nextSection .toVolume,.interactiveHome .nextSection .toLips,.interactiveHome .nextSection .toSkin{float:left;width:126px;height:28px;cursor:pointer;display:block;font-size:15px;padding-top:10px;padding-left:10px;text-align:left}
.interactiveHome .nextSection .current{color:#7c007c;letter-spacing:1px;text-transform:uppercase;text-align:center;padding:8px 3px 0px 7px}
.interactiveHome .canvas .rollover {cursor:pointer; z-index:0}
.interactiveHome sup.reg{vertical-align:top} 
.interactiveHome .radio, .interactiveHome .fixme{width:13px;height:14px;background:url(../../images/home-redux/hp_radio.png) no-repeat;display:block;float:left;margin:0px;cursor:pointer}
.interactiveHome .checked{background-position:0px -13px}
.btnSprite{background:url(../../images/home-redux/sprites_Button.png) no-repeat 0px 0px;width:7px;height:7px}
.sprite_Facial-img{background:url(../../images/home-redux/spirtes_Facial-Images.jpg) no-repeat 0px 0px}
.sprite_Volume-img{background:url(../../images/home-redux/spirtes_Volume-Images.jpg) no-repeat 0px 0px}
.sprite_Lips-img{background:url(../../images/home-redux/spirtes_Lips-Images.jpg) no-repeat 0px 0px}
.sprite_Skin-img{background:url(../../images/home-redux/spirtes_Skin-Images.jpg) no-repeat 0px 0px}/*MIKE*/
.preload{width:0px !important;height:0px !important;overflow:hidden !important}

/***** BUTTONS general *****/
.interactiveHome .btn{width:149px;color:#FFF;text-align:center;clear:both;position:relative;height:21px;display:block;text-decoration:none;font-size:0px;overflow:hidden;cursor:pointer;text-transform:uppercase}
.interactiveHome .btn_Text{position:absolute;top:0;left:0;background:url(../../images/home-redux/btn_Arrow.gif) no-repeat right center;padding-right:15px;padding-top:4px;padding-bottom:3px;height:14px;width:127px;font-size:10px}
.interactiveHome .btn_Text em{font-style:italic;font-weight:bold}
.interactiveHome .btn_Top{background:url(../../images/home-redux/btn_Bg.gif) repeat-x 0px 0px #9e2eb5;width:135px;height:21px;position:absolute;top:0px;left:7px}
.interactiveHome .btn_Middle{width:100%;height:7px;position:absolute;top:7px;left:0;background-color:#9e2eb5}
.interactiveHome .btn_topLeft{background-position:0px 0px;position:absolute;left:0px;top:0px}
.interactiveHome .btn_topRight{background-position:-7px 0px;position:absolute;top:0px;right:0px}
.interactiveHome .btn_btmLeft{background-position:0px -7px;position:absolute;left:0px;top:14px}
.interactiveHome .btn_btmRight{background-position:-7px -7px;position:absolute;right:0px;top:14px}

/***** BUTTONS Specific *****/
/* Adjust the position first ( top, left ) then width of btn */
/* Adjust .btn_Top width (14 less than btn width) */
/* Adjust .btn_Text width (4 less than .btn_Top width) */
.interactiveHome .btn.beginSearch{top:15px;left:115px;width:72px;}
.interactiveHome .btn.beginSearch .btn_Text{width:54px;}
.interactiveHome .btn.beginSearch .btn_Top{width:58px;}

.interactiveHome .btn.seeYourself{top:64px;left:156px;position:absolute;width:224px}
.interactiveHome .btn.seeYourself .btn_Text{width:206px}
.interactiveHome .btn.seeYourself .btn_Top{width:210px}

.interactiveHome .btn.startConversation{top:64px;left:257px;position:absolute;width:184px}
.interactiveHome .btn.startConversation .btn_Text{width:166px}
.interactiveHome .btn.startConversation .btn_Top{width:170px}

.interactiveHome .btn.faceBtn{top:8px;left:16px;position:relative;width:284px}
.interactiveHome .btn.faceBtn .btn_Text{width:266px}
.interactiveHome .btn.faceBtn .btn_Top{width:270px}

.interactiveHome .btn.volumeBtn{top:8px;left:16px;position:relative;width:164px}
.interactiveHome .btn.volumeBtn .btn_Text{width:146px}
.interactiveHome .btn.volumeBtn .btn_Top{width:150px}

.interactiveHome .btn.lipsBtn{top:8px;left:16px;position:relative;width:204px}
.interactiveHome .btn.lipsBtn .btn_Text{width:186px}
.interactiveHome .btn.lipsBtn .btn_Top{width:190px}

.interactiveHome .btn.skinBtn{top:12px;left:16px;position:relative;width:222px}
.interactiveHome .btn.skinBtn .btn_Text{width:200px}
.interactiveHome .btn.skinBtn .btn_Top{width:208px}


/***** sidebar *****/
.interactiveHome .sidebar{width:182px;height:376px;float:left;font-size:12px;color:#535353;padding-left:22px;padding-right:22px;position:absolute;left:768px;top:0px; z-index:0;}
.interactiveHome .sidebar .firstLine{margin-top:87px;line-height:16px}
.interactiveHome .sidebar .instructions{margin-top:17px}
.interactiveHome .sidebar .postalCode{float:left;clear:both;width:100%;margin-top:5px}
.interactiveHome .sidebar .postalCode .fixme, .interactiveHome .sidebar .postalCode div{margin:0px;float:left;width:13px;height:13px}
.interactiveHome .sidebar .postalCode p{margin-left:8px;padding:0px;float:left}
.interactiveHome .sidebar .city{float:left;clear:both;margin-top:5px;width:100%}
.interactiveHome .sidebar .city .fixme, .interactiveHome .sidebar .city div{float:left;margin:0px;width:13px;height:13px}
.interactiveHome .sidebar .city p{float:left;margin-left:8px}
.interactiveHome .sidebar .radius{float:left;clear:none;width:100%;margin-top:10px}
.interactiveHome .sidebar .radius p{float:left;padding-left:8px;}
.interactiveHome .sidebar .radius select{float:right;width:130px;font-size:10px}
.interactiveHome .sidebar .country{float:left;clear:none;width:100%;margin-top:10px}
.interactiveHome .sidebar .country p{float:left;padding-left:3px;}
.interactiveHome .sidebar .country select{float:right;width:130px;font-size:10px}
.interactiveHome .sidebar .location{float:left;clear:both;margin-top:8px;width:100%}
.interactiveHome .sidebar .location p{float:left}
.interactiveHome .sidebar .location input{float:left;padding-top:3px;padding-left:5px;padding-right:7px;width:150px;background:transparent url(../../images/home-redux/hp_textField.png) no-repeat;border-color:transparent;border-style:none;font-size:11px;color:#602e70;height:15px}

/***** footer *****/
.interactiveHome .footer{height:110px;width:994px;background:url(../../images/home-redux/bg_hp_footer.jpg) no-repeat 0px 0px;clear:both;color:#535353;font-size:12px; position:absolute; z-index:0}
.interactiveHome .footer .leftSection{width:200px;height:110px;padding-left:186px;padding-right:40px;float:left; position:relative}
.interactiveHome .footer .leftSection p{margin-top:20px}
.interactiveHome .footer .rightSection{width:210px;padding-left:244px;padding-right:114px;height:110px;float:left; position:relative}
.interactiveHome .footer .rightSection p{margin-top:15px}

/***** home section *****/
.interactiveHome .bg.home {background:url(../../images/home-redux/bg_hp_Top_Home.jpg) no-repeat 0px 0px; }
.interactiveHome .canvas.home{}
.interactiveHome .canvas.home .content p{margin-right:300px}
.interactiveHome .canvas.home .content .firstLine{margin-top:110px}
.interactiveHome .canvas.home .content .instructions{position:absolute;top:205px;left:30px;font-size:12px}
.interactiveHome .canvas.home .rollovers{left:35px;top:234px;position:absolute;}
.interactiveHome .canvas.home .rollover{width:119px;height:23px;float:left;padding-top:92px;text-align:center;cursor:pointer;color:#4a4a4a;font-size:14px}
.interactiveHome .canvas.home .rollover.smallerText{letter-spacing:-.6px}

/***** face section *****/
.interactiveHome .bg.face {background:url(../../images/home-redux/bg_hp_Top_Face.jpg) no-repeat 0px 0px;width:994px;height:376px; position:relative;}
.interactiveHome .canvas.face{}
.interactiveHome .canvas.face .content{width:677px;height:213px;margin-top:113px;padding-top:30px;font-size:14px}
.interactiveHome .canvas.face .nextSection .toFace{}
.interactiveHome .canvas.face .nextSection .toVolume{width:102px}
.interactiveHome .canvas.face .nextSection .toLips{width:39px;}
.interactiveHome .canvas.face .nextSection .toSkin{width:145px;}
.interactiveHome .canvas.face .content h2{margin-left:18px;font-size:16px}
.interactiveHome .canvas.face .content p{margin-left:18px;padding-right:250px}
.interactiveHome .canvas.face .content .firstLine{margin-top:10px}
.interactiveHome .canvas.face .content .instructions{position:absolute;top:247px;left:30px;font-size:12px}
.interactiveHome .canvas.face .rollovers{position:absolute;top:265px;left:41px;z-index:11}
.interactiveHome .canvas.face .rollover img{position:absolute}
.interactiveHome .canvas.face .rollover{width:82px;height:42px;float:left;position:relative}
.interactiveHome .canvas.face .rollovers .roll01{background-position: 0px 0px}
.interactiveHome .canvas.face .rollovers .roll02{background-position: -82px 0px}
.interactiveHome .canvas.face .rollovers .roll03{background-position:-164px 0px}

/***** volume section *****/
.interactiveHome .bg.volume {background:url(../../images/home-redux/bg_hp_Top_Volume.jpg) no-repeat 0px 0px;}
.interactiveHome .canvas.volume{}
.interactiveHome .canvas.volume .content{width:677px;height:213px;margin-top:113px;padding-top:30px;font-size:14px}
.interactiveHome .canvas.volume .nextSection .toFace{width:98px}
.interactiveHome .canvas.volume .nextSection .toVolume{width:138px}
.interactiveHome .canvas.volume .nextSection .toLips{padding-left:15px;width:39px;}
.interactiveHome .canvas.volume .nextSection .toSkin{width:145px;}
.interactiveHome .canvas.volume .content h2{margin-left:18px;font-size:16px}
.interactiveHome .canvas.volume .content p{margin-left:18px;margin-right:250px}
.interactiveHome .canvas.volume .content .firstLine{margin-top:10px}
.interactiveHome .canvas.volume .content .instructions{position:absolute;top:247px;left:30px;font-size:12px}
.interactiveHome .canvas.volume .rollovers{position:absolute;top:265px;left:41px;z-index:11}
.interactiveHome .canvas.volume .rollover img{position:absolute}
.interactiveHome .canvas.volume .rollover{width:82px;height:42px;float:left;position:relative}
.interactiveHome .canvas.volume .rollovers .roll01{background-position: 0px 0px}
.interactiveHome .canvas.volume .rollovers .roll02{background-position: -82px 0px}
.interactiveHome .canvas.volume .rollovers .roll03{background-position:-164px 0px}

/***** lips section *****/
.interactiveHome .bg.lips {background:url(../../images/home-redux/bg_hp_Top_Lips.jpg) no-repeat 0px 0px;}
.interactiveHome .canvas.lips{}
.interactiveHome .canvas.lips .content{width:677px;height:213px;margin-top:113px;padding-top:30px;font-size:14px}
.interactiveHome .canvas.lips .nextSection .toFace{width:110px}
.interactiveHome .canvas.lips .nextSection .toVolume{width:110px}
.interactiveHome .canvas.lips .nextSection .toLips{width:110px}
.interactiveHome .canvas.lips .nextSection .toSkin{width:150px}
.interactiveHome .canvas.lips .content h2{margin-left:18px;font-size:16px}
.interactiveHome .canvas.lips .content p{margin-left:18px;margin-right:260px}
.interactiveHome .canvas.lips .content .firstLine{margin-top:10px}
.interactiveHome .canvas.lips .content .instructions{position:absolute;top:247px;left:30px;font-size:12px}
.interactiveHome .canvas.lips .rollovers{position:absolute;top:265px;left:41px;z-index:11}
.interactiveHome .canvas.lips .rollover img{position:absolute}
.interactiveHome .canvas.lips .rollover{width:82px;height:42px;float:left;position:relative}
.interactiveHome .canvas.lips .rollovers .roll01{background-position: 0px 0px}
.interactiveHome .canvas.lips .rollovers .roll02{background-position: -82px 0px}
.interactiveHome .canvas.lips .rollovers .roll03{background-position:-164px 0px}

/***** skin section *****/
.interactiveHome .bg.skin {background:url(../../images/home-redux/bg_hp_Top_Skin.jpg) no-repeat 0px 0px;}
.interactiveHome .canvas.skin{}
.interactiveHome .canvas.skin .content{width:677px;height:213px;margin-top:113px;padding-top:30px;font-size:14px}
.interactiveHome .canvas.skin .nextSection .toFace{width:110px}
.interactiveHome .canvas.skin .nextSection .toVolume{width:110px}
.interactiveHome .canvas.skin .nextSection .toLips{width:68px;padding-left:22px}
.interactiveHome .canvas.skin .nextSection .toSkin{width:185px}
.interactiveHome .canvas.skin .content h2{margin-left:18px;font-size:16px}
.interactiveHome .canvas.skin .content p{margin-left:18px;margin-right:260px}
.interactiveHome .canvas.skin .content .firstLine{margin-top:14px}
.interactiveHome .canvas.skin .content .instructions{position:absolute;top:247px;left:30px;font-size:12px}
.interactiveHome .canvas.skin .rollovers{position:absolute;top:265px;left:41px;z-index:11}
.interactiveHome .canvas.skin .rollover img{position:absolute}
.interactiveHome .canvas.skin .rollover{width:82px;height:42px;float:left;position:relative}
.interactiveHome .canvas.skin .rollovers .roll01{background-position: 0px 0px}
.interactiveHome .canvas.skin .rollovers .roll02{background-position: -82px 0px}
.interactiveHome .canvas.skin .rollovers .roll03{background-position:-164px 0px}