div#opBreadcrumb,
div#search
{
margin-bottom: 3em;
}

div#opBreadcrumb
{
height: 126px;
}

div#opColumnOne
{
margin-right: 62px;
}

div#exampleStyles div#opColumnOne
{
margin-right: 32px;
}

div#opColumnTwo
{
width: 268px;
}

div#opBreadcrumb ul li
{
margin-right: 0;
}

div#opBreadcrumb li a:active,
div#opBreadcrumb li a:link,
div#opBreadcrumb li a:visited
{
display: block;
width: 186px;
height: 100px;
margin: 26px 0 0 0;
text-indent: -9999px;
overflow: hidden;
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opNav.jpg) no-repeat 0 0;
}

div#exampleStyles li#selectStyle a:active,
div#exampleStyles li#selectStyle a:link,
div#exampleStyles li#selectStyle a:visited,
div#chooseComponents li#opChooseComponents a:active,
div#chooseComponents li#opChooseComponents a:link,
div#chooseComponents li#opChooseComponents a:visited,
div#enterProfile li#opCreateProfile a:active,
div#enterProfile li#opCreateProfile a:link,
div#enterProfile li#opCreateProfile a:visited,
div#enterCCInfo li#opBillingInfo a:active,
div#enterCCInfo li#opBillingInfo a:link,
div#enterCCInfo li#opBillingInfo a:visited
{
width: 372px;
height: 126px;
margin: 0;
}

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

/* - - - - - - - SELECT STYLE - - - - - - - */

div#opBreadcrumb li#selectStyle a:focus,
div#opBreadcrumb li#selectStyle a:hover
{
background-position: 0 -100px;
}

div#exampleStyles li#selectStyle a:active,
div#exampleStyles li#selectStyle a:link,
div#exampleStyles li#selectStyle a:visited,
div#exampleStyles li#selectStyle a:focus,
div#exampleStyles li#selectStyle a:hover
{
background-position: 0 -200px;
}


/* - - - - - - - CHOOSE COMPS - - - - - - - */


div#opBreadcrumb li#opChooseComponents a:active,
div#opBreadcrumb li#opChooseComponents a:link,
div#opBreadcrumb li#opChooseComponents a:visited,
div#opBreadcrumb li#opChooseComponents.optionNA a:focus,
div#opBreadcrumb li#opChooseComponents.optionNA a:hover
{
background-position: -186px 0;
}

div#opBreadcrumb li#opChooseComponents a:focus,
div#opBreadcrumb li#opChooseComponents a:hover
{
background-position: -186px -100px;
}

div#chooseComponents li#opChooseComponents a:active,
div#chooseComponents li#opChooseComponents a:link,
div#chooseComponents li#opChooseComponents a:visited,
div#chooseComponents li#opChooseComponents a:focus,
div#chooseComponents li#opChooseComponents a:hover
{
background-position: -372px -200px;
}


/* - - - - - - - CREATE PROFILE - - - - - - - */


div#opBreadcrumb li#opCreateProfile a:active,
div#opBreadcrumb li#opCreateProfile a:link,
div#opBreadcrumb li#opCreateProfile a:visited,
div#opBreadcrumb li#opCreateProfile.optionNA a:focus,
div#opBreadcrumb li#opCreateProfile.optionNA a:hover
{
background-position: -372px 0;
}

div#opBreadcrumb li#opCreateProfile a:focus,
div#opBreadcrumb li#opCreateProfile a:hover
{
background-position: -372px -100px;
}

div#enterProfile li#opCreateProfile a:active,
div#enterProfile li#opCreateProfile a:link,
div#enterProfile li#opCreateProfile a:visited,
div#enterProfile li#opCreateProfile a:focus,
div#enterProfile li#opCreateProfile a:hover
{
background-position: -744px -200px;
}


/* - - - - - - - BILLING INFO - - - - - - - */


div#opBreadcrumb li#opBillingInfo a:active,
div#opBreadcrumb li#opBillingInfo a:link,
div#opBreadcrumb li#opBillingInfo a:visited,
div#opBreadcrumb li#opBillingInfo.optionNA a:focus,
div#opBreadcrumb li#opBillingInfo.optionNA a:hover
{
background-position: -558px 0;
}

div#opBreadcrumb li#opBillingInfo a:focus,
div#opBreadcrumb li#opBillingInfo a:hover
{
background-position: -558px -100px;
}

div#enterCCInfo li#opBillingInfo a:active,
div#enterCCInfo li#opBillingInfo a:link,
div#enterCCInfo li#opBillingInfo a:visited,
div#enterCCInfo li#opBillingInfo a:focus,
div#enterCCInfo li#opBillingInfo a:hover
{
background-position: -1116px -200px;
}

/* ------------------------------------------------
HELP SIDEBAR
------------------------------------------------ */
div#helpSidebar
{
color: #5B4391;
}

div#helpSidebar h4
{
color: #4B357A;
}

div#helpPaymentOptions ul
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opCreditCards.jpg) no-repeat 0 0;
}

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

/* ------------------------------------------------
SELECT STYLE
------------------------------------------------ */
div.styleInfo
{
background-color: #8DB6C1;
}

li.viewLiveExample a:active,
li.viewLiveExample a:link,
li.viewLiveExample a:visited
{
width: 160px;
height: 30px;
margin-top: 0.5em;
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opStyleNav.jpg) no-repeat 0 0;
}

li.viewLiveExample a:focus,
li.viewLiveExample a:hover
{
width: 160px;
height: 30px;
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opStyleNav.jpg) no-repeat 0 -30px;
}

li.selectStyle a:active,
li.selectStyle a:link,
li.selectStyle a:visited
{
width: 160px;
height: 30px;
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opStyleNav.jpg) no-repeat -160px 0;
}

li.selectStyle a:focus,
li.selectStyle a:hover
{
width: 160px;
height: 30px;
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opStyleNav.jpg) no-repeat -160px -30px;
}

/* ------------------------------------------------
MODIFY COMPONENTS
------------------------------------------------ */
div#pageTitle
{
display: none;
}

div#compBreadcrumb ul li.iAmHere,
div#compAreaShortDescrip,
div#modCompsColOne
{
color: #FFF;
}

div#compBreadcrumb ul li.iAmHere
{
padding: 10px 16px;
border: 1px solid #444;
border-bottom: 1px solid #548B9B;
margin-bottom: -1px;
background-color: #548B9B;
}

div#compBreadcrumb ul li.NA a:active,
div#compBreadcrumb ul li.NA a:link,
div#compBreadcrumb ul li.NA a:visited
{
display: block;
padding: 10px 16px;
background-color: transparent;
color: #444;
text-decoration: none;
}

div#compBreadcrumb ul li.NA a:focus,
div#compBreadcrumb ul li.NA a:hover
{
background-color: #548B9B;
color: #FFF;
text-decoration: none;
}

div#compBreadcrumb ul li.NA span.tinyText
{
color: #444;
}

div#compAreaShortDescrip
{
padding: 0.5em 1em;
border: 1px solid #444;
border-bottom: none;
text-align: right;
background-color: #548B9B;
}

div#compAreaShortDescrip p span.tinyText
{
font-size: 11px !important;
font-style: normal;
}

div#modCompsWrapper
{
padding: 2em 0;
border: 1px solid #444;
border-top: 0;
margin-top: 0;
background-color: #548B9B;
}

div#modCompsColOne
{
width: 268px;
padding-left: 10px;
margin-right: 40px;
}

div#modCompsColTwo
{
padding-right: 10px;
}

div#modCompsColTwo h4
{
color: #153A55;
}

div#modCompsColOne form label,
div.addCompsMsg p,
div#addComps label
{
color: #00536E;
}

div#modCompsColOne form,
div.addCompsMsg p,
div#addComps
{
background-color: #8DB6C1;
}

div#addToGetFreeComp p#oneLeftForFree
{
background-color: #A488C2;
}

div#addToGetFreeComp p#addFreeComp
{
background-color: #EE3E91;
}

div#belowDefaultComps h4
{
color: #7E275B;
}

div#belowDefaultComps p
{
background-color: #7E275B;
}

a.editComp:active,
a.editComp:link,
a.editComp:visited,
a.removeComp:active,
a.removeComp:link,
a.removeComp:visited,
a.questionComp:active,
a.questionComp:link,
a.questionComp:visited
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opEditTrash.jpg) no-repeat 0 0;
}

a.editComp:focus,
a.editComp:hover
{
background-position: 0 -24px;
}

a.removeComp:active,
a.removeComp:link,
a.removeComp:visited
{
background-position: -24px 0;
}

a.removeComp:focus,
a.removeComp:hover
{
background-position: -24px -24px;
}

a.questionComp:active,
a.questionComp:link,
a.questionComp:visited
{
background-position: -42px 0;
}

a.questionComp:focus,
a.questionComp:hover
{
background-position: -42px -24px;
}

div.opMiniNav
{
background-color: #000;
}

a#chooseCompNext:active,
a#chooseCompNext:link,
a#chooseCompNext:visited
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -80px 0;
}

a#chooseCompNext:focus,
a#chooseCompNext:hover
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -80px -36px;
}

a#chooseCompPrev:active,
a#chooseCompPrev:link,
a#chooseCompPrev:visited
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat 0 0;
}

a#chooseCompPrev:focus,
a#chooseCompPrev:hover
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat 0 -36px;
}

a#skipToProfile:active,
a#skipToProfile:link,
a#skipToProfile:visited
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -160px 0;
}

a#skipToProfile:focus,
a#skipToProfile:hover
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -160px -36px;
}

a#continueOrderLink:active,
a#continueOrderLink:link,
a#continueOrderLink:visited
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -250px 0;
}

a#continueOrderLink:focus,
a#continueOrderLink:hover
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -250px -36px;
}

div#alsoGet
{
border-top: 0;
margin-top: 0;
}

div#alsoGet h2
{
border-bottom: 1px dotted;
}

li#totalCostToday
{
padding-top: 0.5em;
border-top: 1px dashed #5B4391;
margin-top: 0.5em;
}

/* ------------------------------------------------
CREATE PROFILE
------------------------------------------------ */
input.opContinueOrderButton,
input.opProcessOrderButton
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -250px 0;
}

input.opContinueOrderButton:focus,
input.opContinueOrderButton:hover
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -250px -36px;
}

input.opProcessOrderButton
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -410px 0;
}

input.opProcessOrderButton:focus,
input.opProcessOrderButton:hover
{
background: transparent url(https://www.onlineprocessingservices.com/includes/industry/pepstep.com/images/opMiniNav.jpg) no-repeat -410px -36px;
}

div.formItem p.formrow
{
background-color: transparent;
}

div.formItem p.formrowhot
{
background-color: #8DB6C1;
color: #FFF;
}

/* ------------------------------------------------
ENTER BILLING INFO
------------------------------------------------ */

p#sameAsOwnerInfo
{
border: 1px solid #548B9B;
background-color: #8DB6C1;
}