body * {line-height:1.5em;}

body
{
font: 13px lucida sans,lucida grande,verdana,arial,helvetica,clean,sans-serif;
color: #00394C;
background-color: #000;
}

/* COLORS:
teal: 00536E
orange: 915C1A
purple: 4B357A
rasberry: 7E275B
yellow: 826900
blue: 203A7C
*/

a:active,
a:link,
a:visited
{
color: #9B004C;
}

a:focus,
a:hover
{
color: #090194;
}

div.bodyWidth
{
width: 998px;
margin: 0 auto;
text-align: left;
}

.floatLeft
{
float: left;
}

.floatRight
{
float: right;
}

.mBtmOneEm
{
margin-bottom: 1em;
}

.mBtmTwoEm
{
margin-bottom: 2em;
}

h1.pageTitle
{
min-height: 40px;
padding: 0 0 0 50px;
margin-bottom: 1em;
font-size: 189%;
background: transparent url(/ops/includes/industry/pepstep.com/images/iconQuestions.jpg) no-repeat 0 0;
}

* html h1.pageTitle
{
height: 40px;
}

img.border
{
padding: 1px;
border: 4px solid #8B9AAF;
}

/* ------------------------------------------------
NAV
------------------------------------------------ */

div#navWrapper
{
height: 209px;
background: #7C8789 url(/ops/includes/industry/pepstep.com/images/navBg.jpg) no-repeat bottom center;
}

* html div#navWrapper
{
background: #CAD1EB;
}

div#navWrapper div.bodyWidth
{
padding: 1em 0;
background: #7C8789 url(/ops/includes/industry/pepstep.com/images/navBg.jpg) bottom center;
}

* html div#navWrapper div.bodyWidth
{
background: #CAD1EB;
}

div#navAd
{
width: 242px;
margin-right: 37px;
}

div#navAd p
{
width: 242px;
height: 183px;
background: #7C8789 url(/ops/includes/industry/pepstep.com/images/navAd.jpg) 0 0;
}

* html div#navAd p
{
display: none;
}

div.navCol
{
width: 215px;
margin-right: 37px;
}

* html div.navCol
{
border-bottom: 0;
}

div.navCol.last
{
margin-right: 0;
}

a.navLink:active,
a.navLink:link,
a.navLink:visited
{
display: block;
padding: 5px;
text-decoration: none;
}

span.navTitle
{
display: block;
padding: 0 0 2px 40px;
border-bottom: 1px dotted;
line-height: 33px;
font-size: 123.1%;
}

* html span.navTitle
{
padding: 0;
font-weight: bold;
}

span.navDescrip
{
display: block;
padding: 0.25em 0;
font-size: 85%;
line-height: 1.22em;
}

a#navHome:active,
a#navHome:link,
a#navHome:visited
{
color: #00536E;
}

a#navHome:focus,
a#navHome:hover
{
color: #CCF2FF;
background-color: #00536E;
}

a#navHome span.navTitle
{
background: transparent url(/ops/includes/industry/pepstep.com/images/navHome.gif) no-repeat 0 0;
}

a#navFeatures:active,
a#navFeatures:link,
a#navFeatures:visited
{
color: #915C1A;
}

a#navFeatures:focus,
a#navFeatures:hover
{
color: #FFE8CC;
background-color: #915C1A;
}

a#navFeatures span.navTitle
{
background: transparent url(/ops/includes/industry/pepstep.com/images/navFeatures.gif) no-repeat 0 0;
}

a#navQuestions:active,
a#navQuestions:link,
a#navQuestions:visited
{
color: #4B357A;
}

a#navQuestions:focus,
a#navQuestions:hover
{
color: #DCCCFF;
background-color: #4B357A;
}

a#navQuestions span.navTitle
{
background: transparent url(/ops/includes/industry/pepstep.com/images/navQuestions.gif) no-repeat 0 0;
}

a#navTestim:active,
a#navTestim:link,
a#navTestim:visited
{
color: #7E275B;
}

a#navTestim:focus,
a#navTestim:hover
{
color: #FFCCEB;
background-color: #7E275B;
}

a#navTestim span.navTitle
{
background: transparent url(/ops/includes/industry/pepstep.com/images/navTestimonials.gif) no-repeat 0 0;
}

a#navGoToOP:active,
a#navGoToOP:link,
a#navGoToOP:visited
{
color: #826900;
}

a#navGoToOP:focus,
a#navGoToOP:hover
{
color: #FFF5CC;
background-color: #826900;
}

a#navGoToOP span.navTitle
{
background: transparent url(/ops/includes/industry/pepstep.com/images/navOrder.gif) no-repeat 0 0;
}

a#navClientLogin:active,
a#navClientLogin:link,
a#navClientLogin:visited
{
color: #203A7C;
}

a#navClientLogin:focus,
a#navClientLogin:hover
{
color: #CCDAFF;
background-color: #203A7C;
}

a#navClientLogin span.navTitle
{
background: transparent url(/ops/includes/industry/pepstep.com/images/navLogin.gif) no-repeat 0 0;
}

a#navHome:focus span.navTitle,
a#navHome:hover span.navTitle,
a#navFeatures:focus span.navTitle,
a#navFeatures:hover span.navTitle,
a#navQuestions:focus span.navTitle,
a#navQuestions:hover span.navTitle,
a#navTestim:focus span.navTitle,
a#navTestim:hover span.navTitle,
a#navGoToOP:focus span.navTitle,
a#navGoToOP:hover span.navTitle,
a#navClientLogin:focus span.navTitle,
a#navClientLogin:hover span.navTitle
{
background-position: -245px 0;
}

* html a#navHome span.navTitle,
* html a#navFeatures span.navTitle,
* html a#navQuestions span.navTitle,
* html a#navTestim span.navTitle,
* html a#navGoToOP span.navTitle,
* html a#navClientLogin span.navTitle
{
background: transparent;
}

/* ------------------------------------------------
PAGE
------------------------------------------------ */
div#pageWrapper
{
background: transparent url(/ops/includes/industry/pepstep.com/images/bodyBg.jpg) repeat-x 0 0;
}

div#pageContainer
{
background: transparent url(/ops/includes/industry/pepstep.com/images/wrapperBg.jpg) no-repeat top center;
}

div#page
{
padding-top: 14px;
background: transparent url(/ops/includes/industry/pepstep.com/images/wrapperBg.jpg) no-repeat -218px 0;
}

/* ------------------------------------------------
HEADER
------------------------------------------------ */

div#header
{
height: 237px;
}

div#header div.colOne
{
width: 390px;
}

a#logoHeader:active,
a#logoHeader:link,
a#logoHeader:visited
{
width: 390px;
height: 119px;
margin-top: 27px;
}

div#header div.colTwo
{
width: 608px;
}

a#showNav:active,
a#showNav:link,
a#showNav:visited
{
display: block;
float: right;
width: 140px;
margin-top: -2px;
text-align: center;
text-decoration: none;
font-size: 108%;
font-weight: bold;
color: #5A3666;
letter-spacing: -0.05em;
}

a#showNav:focus,
a#showNav:hover
{
color: #E44192;
}

p#phoneNumber
{
display: none;
}

/* ------------------------------------------------
MIDDLE
------------------------------------------------ */
div#middleWrapper
{
background: transparent url(/ops/includes/industry/pepstep.com/images/contentGrow.jpg) repeat-y 0 0;
}

div#middleContainer
{
background: transparent url(/ops/includes/industry/pepstep.com/images/wrapperBg.jpg) no-repeat -218px -251px;
}

div#middle
{
min-height: 483px;
width: 930px;
margin: 0 auto;
}

/* ------------------------------------------------
FOOTER
------------------------------------------------ */
div#footer
{
padding-top: 103px;
margin-bottom: 30px;
color: #7BE5FF;
text-align: center;
font-size: 85%;
background: transparent url(/ops/includes/industry/pepstep.com/images/contentBottom.jpg) no-repeat 0 0;
}

div#siteMap a:active,
div#siteMap a:link,
div#siteMap a:visited
{
margin-right: 1em;
color: #7BE5FF;
}

div#siteMap a:focus,
div#siteMap a:hover
{
color: #E44192;
}

div#siteMap a.last:active,
div#siteMap a.last:link,
div#siteMap a.last:visited
{
margin-right: 0;
}

p.copyrightInfo
{
margin: 1.5em 0;
}

a#logoFooter:active,
a#logoFooter:link,
a#logoFooter:visited
{
width: 125px;
height: 31px;
margin: 0 auto;
background: transparent url(/ops/includes/industry/pepstep.com/images/footerLogo.jpg) no-repeat 0 0;
}

a#logoFooter:focus,
a#logoFooter:hover
{
background-position: 0 -31px;
}

/* ------------------------------------------------
HOME
------------------------------------------------ */
div#homeColOne
{
width: 558px;
margin-right: 30px;
}

div#homeColTwo
{
width: 334px;
}

div#homeColTwo
{
border: 4px solid #57A0C9;
}

h1#homeTitle
{
height: 57px;
background: transparent url(/ops/includes/industry/pepstep.com/images/homeTitle.jpg) no-repeat 0 0;
}

div#homeStartNow
{
height: 214px;
margin-bottom: 20px;
}

h2#homeChoreographYours,
h2#homeHowItWorks
{
width: 279px;
height: 214px;
}

h2#homeChoreographYours a:active,
h2#homeChoreographYours a:link,
h2#homeChoreographYours a:visited
{
width: 279px;
height: 214px;
background: transparent url(/ops/includes/industry/pepstep.com/images/orderFeaturesButton.jpg) no-repeat 0 0;
}

h2#homeChoreographYours a:focus,
h2#homeChoreographYours a:hover
{
width: 279px;
height: 214px;
background-position: 0 -214px;
}

h2#homeHowItWorks a:active,
h2#homeHowItWorks a:link,
h2#homeHowItWorks a:visited
{
width: 279px;
height: 214px;
background: transparent url(/ops/includes/industry/pepstep.com/images/orderFeaturesButton.jpg) no-repeat -279px 0;
}

h2#homeHowItWorks a:focus,
h2#homeHowItWorks a:hover
{
width: 279px;
height: 214px;
background-position: -279px -214px;
}

div#siteDescription h3,
div#siteDescription p
{
padding: 0 0 5px 0;
}

div#theAccordion h2
{
height: 45px;
padding: 5px 15px;
line-height: 45px;
color: #FFF;
cursor: pointer;
}

div#theAccordion h2:focus,
div#theAccordion h2:hover
{
cursor: pointer;
}

div#theAccordion div.toggleContent
{
padding: 15px;
}

div#psToolBoxThree-middle a:active,
div#psToolBoxThree-middle a:link,
div#psToolBoxThree-middle a:visited
{
color: #FF7FD4;
}

div#psToolBoxThree-middle a:focus,
div#psToolBoxThree-middle a:hover
{
color: #FFF;
}

/* ------------------------ TOOLBOX 1 ------------------------ */
div#psToolBoxOne
{
background: #00465C url(/ops/includes/industry/pepstep.com/images/hmBoxTeal.jpg) no-repeat 0 0;
}

div#psToolBoxOne h2:focus,
div#psToolBoxOne h2:hover
{
background: #00465C url(/ops/includes/industry/pepstep.com/images/hmBoxTeal.jpg) no-repeat -334px 0;
}

div#psToolBoxOne div.toggleContent,
div#psToolBoxOne a:active,
div#psToolBoxOne a:link,
div#psToolBoxOne a:visited
{
color: #CCF2FF;
}

div#psToolBoxOne a:focus,
div#psToolBoxOne a:hover
{
color: #FFF;
}

div#psStyleExamples
{
padding-bottom: 2em;
}

/* ------------------------ TOOLBOX 2 ------------------------ */
div#psToolBoxTwo
{
background: #281C40 url(/ops/includes/industry/pepstep.com/images/hmBoxPurple.jpg) no-repeat 0 0;
}

div#psToolBoxTwo h2:focus,
div#psToolBoxTwo h2:hover
{
background: #281C40 url(/ops/includes/industry/pepstep.com/images/hmBoxPurple.jpg) no-repeat -334px 0;
}

div#psToolBoxTwo div.toggleContent
{
color: #DCCCFF;
}

div#theAccordion form
{
margin-top: 1.5em;
}

div#theAccordion form div.entrySet
{
padding: 0 0 1.25em 0;
}

input.promoInput,
textarea.promoInput,
input.contactInput,
textarea.contactInput
{
width: 290px;
padding: 5px;
border: 0;
font-size: 116%;
background-color: #DCCCFF;
color: #222;
}

/* ------------------------ TOOLBOX 3 ------------------------ */
div#psToolBoxThree
{
background: #401C32 url(/ops/includes/industry/pepstep.com/images/hmBoxPink.jpg) no-repeat 0 0;
}

div#psToolBoxThree h2:focus,
div#psToolBoxThree h2:hover
{
background: #401C32 url(/ops/includes/industry/pepstep.com/images/hmBoxPink.jpg) no-repeat -334px 0;
}

div#psToolBoxThree div.toggleContent
{
color: #FFCCEB;
}


/* ------------------------ TOOLBOX 4 ------------------------ */
div#psToolBoxFour
{
background: #40391C url(/ops/includes/industry/pepstep.com/images/hmBoxGold.jpg) no-repeat 0 0;
}

div#psToolBoxFour h2:focus,
div#psToolBoxFour h2:hover
{
background: #40391C url(/ops/includes/industry/pepstep.com/images/hmBoxGold.jpg) no-repeat -334px 0;
}

div#psToolBoxFour div.toggleContent
{
color: #FFF5CC;
}

form#contactUsForm label
{
color: #FFF;
}

input.contactInput,
textarea.contactInput
{
background-color: #FFF5CC;
color: #000;
}

/* ------------------------------------------------
FEATURES
------------------------------------------------ */
h1#internalFeatures
{
color: #915C1A;
background: transparent url(/ops/includes/industry/pepstep.com/images/iconFeatures.jpg) no-repeat 0 0;
}

div.psFeaturesSet
{
padding: 0 0 5em 0;
}

div.psFeaturesSet p
{
padding-bottom: 1em;
}

/* ------------------------------------------------
QUESTIONS
------------------------------------------------ */
h1#internalQuestions
{
color: #4B357A;
}

div.questionSet
{
padding-bottom: 2em;
}

div.questionSet h2
{
padding-bottom: 0.25em;
}

/* ------------------------------------------------
TESTIMONIALS
------------------------------------------------ */
h1#internalTestimonials
{
color: #7E275B;
background: transparent url(/ops/includes/industry/pepstep.com/images/iconTestimonials.jpg) no-repeat 0 0;
}

div.testimonialSet
{
padding-bottom: 2em;
border-bottom: 1px solid #000;
margin-bottom: 2.5em;
}

div.testimonialSet.last
{
padding-bottom: 0;
border-bottom: 0 none;
margin-bottom: 0;
}

div.testimonialSet p
{
width: 520px;
}

/* ------------------------------------------------
COMPANY
------------------------------------------------ */
h1#internalCompany
{
color: #00536E;
background: transparent url(/ops/includes/industry/pepstep.com/images/iconCompanyInfo.jpg) no-repeat 0 0;
}

/* ------------------------------------------------
TERMS
------------------------------------------------ */
h1#internalTerms
{
color: #203A7C;
background: transparent url(/ops/includes/industry/pepstep.com/images/iconTerms.jpg) no-repeat 0 0;
}

/* ------------------------------------------------
VIDEO
------------------------------------------------ */
h1#internalVideo
{
color: #00536E;
background: transparent url(/ops/includes/industry/pepstep.com/images/iconVideo.jpg) no-repeat 0 0;
}

div#howItWorksVideo
{
width: 922px;
border: 4px solid #57A0C9;
background: #0B2436;
}

div#howItWorksVideo object
{
display: block;
}