﻿body 
{font-family:Arial;}

.Page
{width:880px;margin:1em auto;}

.clearfloat
{clear:both;}

a img
{border:none;}

a
{text-decoration:none;color:#444;font-size:.9em;font-weight:bold;}

.AccentLink
{color:#990000;font-size:1em;}

.AccentLink span
{color:#666666;font-size:1.2em;}

/* ----- Footer ----- */
.Footer
{}

.Footer_CallUs
{text-align:center;font-size:1.4em;margin:2em 0;}

.Footer_PoweredBy
{width:350px;margin:1em auto;}

.Footer_BBInfo
{float:left;text-align:center;}

.Footer_FDNInfo
{float:left;text-align:center;}

.ScollOuterContainer
{width:871px;height:438px;border:solid 1px #666666;overflow:hidden;position:relative;}
/*
.ScollOuterContainer
{width:871px;height:438px;border:solid 1px #666666;overflow:hidden;}
*/

.ScollInnerContainer
{width:3500px;}

.ScollContentContainer
{float:left;width:871px;height:438px;}

#HowItWorks
{float:left;width:871px;}


 
.FooterNav
{background-color:#888888;color:#fff;width:873px;margin:1.2em 0;text-align:center;padding:5px 0;}

.ScrollTriggers
{width:800px;margin:0 auto;}

.ScrollTriggers div
{cursor:pointer;float:left;width:160px;}

.ScrollTriggers div.ActiveScrollTrigger
{font-weight:bold;}

.ScrollTriggers div.clearfloat
{float:none;width:1px}

.Trigger_0_0, .Trigger_1_0, .Trigger_2_0, .Trigger_1_1, .Trigger_1_2, .Trigger_1_3, .Trigger_1_4, .Trigger_3_0
{cursor:pointer;}

.ClientSignIn a
{color:#fff;font-weight:normal;font-size:1em;}

/* ----- Home ----- */
#cell_0_0
{background:url(../img/scrolltemp/home_ehooplaWoman.jpg);background-repeat:no-repeat;background-position:right;}

.Home_Container
{margin:30px 0 0 30px;width:455px;}

.Home_Text
{margin:20px 0 0 0;color:#999999;font-size:1.05em;letter-spacing:.1em;line-height:1.8em;}

.Home_Text span
{font-size:1.1em;color:#010003;}

.Home_ThisChangesEverything
{margin:10px 0 0 0;text-align:right;}

.Home_HeresHowItWorks
{width:230px;margin:10px auto 0;}



/* ----- How it works steps ----- */

.HowItWorks_Steps
{color:#990000;line-height:22px;margin:10px 0 0 0;}

.HowItWorks_Steps img
{vertical-align:middle;}

.HowItWorks_Step_LeftPanel
{float:left;width:300px;height:382px;border-right:solid 2px #666;padding:0 20px 0 0;margin:30px 0 0 30px;display:inline;}


.HowItWorks_Step_RightPanel
{float:left;width:480px;padding-left:20px;margin:30px 0 0 0px;display:inline;}

/* step 1 */

.HowItWorks_Step1_LeftPanel
{color:#666;font-size:1.05em;letter-spacing:.1em;line-height:1.4em;}

.HowItWorks_Step1_RightPanel
{padding-top:30px;}

.HowItWorks_Step1_Thumbnails
{height:180px;}

.HowItWorks_Step1_Thumbnails div
{float:left;width:105px;margin:0 15px 0 0;}

.HowItWorks_Step1_RightPanel .AccentLink
{text-align:center;margin:10px 0 0 0;}

.HowItWorks_Step1_RightPanel .HowItWorks_Step_Number
{margin:20px;}

/* step 2 */
.HowItWorks_Step2_RightPanel #screenshotHomepage
{margin-top:-10px;width:490px}


.HowItWorks_Step2_RightPane3
{margin-top:10px;}


/* step 3 */
.itempageScreenshot_container
{text-align:center;}

.HowItWorks_Step3_RightPanel #screenshotHomepage2
{margin-top:-10px;width:490px;}

.HowItWorks_Step_LeftPanel_Title
{text-align:center;margin:0 0 7px 0;}

/* step 4 */

.HowItWorks_Step4_Container
{position:relative;}

.HowItWorks_Step4_Container .HowItWorks_Step_Number
{position:absolute;}

.HowItWorks_Step4_Container .HowItWorks_Steps
{position:absolute;top:390px;right:200px;}

.HowItWorks_Step4_Container .AccentLink
{position:absolute;top:390px;right:30px;}

/* step 5 */

.HowItWorks_Step5_Container
{position:relative;}

.HowItWorks_Step5_Container .HowItWorks_Step_Number
{position:absolute;}

.HowItWorks_Step5_Container .HowItWorks_Steps
{position:absolute;top:390px;left:30px;}

.HowItWorks_Step5_Container .AccentLink
{position:absolute;top:390px;left:210px;}

/* ----- What's included ------ */


.FeaturesPanel
{margin:1em 3em;}

.FeaturesPanel_Header
{background-color:#939598;color:#fff;font-size:1.3em;padding:.25em;margin:0 0 .5em 0;}

.FeaturesPanel_Footer
{background-color:#939598;color:#fff;font-size:1.3em;padding:.25em;margin:.5em 0 0 0;text-align:right;}

.FeaturesPanel_Column
{width:47%;float:left;margin:0 .5em;}

.FeaturesPanel_SubTitle
{font-weight:bold;}

.FeaturesPanel ul
{font-size:.75em;margin:0 1em 0 0;padding:0 0 0 1em;}


/* ----- Contact us ----- */

#ContactUs
{margin:30px;}

.ContactUs_LeftPanel
{width:400px;float:left;}

.ContactUs_RightPanel
{padding:50px 0 0 30px;width:240px;float:left;}

/* ----- Div Forms ----- */

.form
{}

.form_title
{font-size:1.2em;margin:0 0 1em 0;}

.form_section
{}

.form_section_title
{clear:both;font-size:1.2em;}

.form_section_content
{margin:1em 0;}

.form_statusMessage
{text-align:center;font-size:1.5em;margin:1em 0;}

.form_row
{clear:both;padding:.5em 0;}

.form_label
{float:left;width:150px;font-size:.8em;text-align:right;margin-right:1em;}

.form_element
{float:left;width:210px;}

.form_buttons input[type="submit"]
{background-color:#eee;border:solid 1px #777;color:#333;padding:4px 20px;font-size:1.2em;}

.form_buttons input[type="submit"]:hover
{background-color:#f5f5f5;border:solid 1px #222;}

.form_buttons
{text-align:center;margin:2em 0 0 0;}

.form_buttons input
{background-color:}


.form textarea
{width:220px;font-size:.8em;}



