/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Jobs to complete outside of, as well as throughout the entirety of, this document.
   * DEF: 'asset' = An asset can best be described as any item used in the creation of the site other than
   the HTML.  For example: images, flash, css files, etc.)

** NOTE: The current path for all assets associated with this site is: http://n1assets1.styles1.pepstep.com/254/2133329070/

INSTRUCTIONS:
Make changes to the following:
1. all asset URL paths in the following external documents should be changed to the appropriate client URL:
   * style_254.tpl, home.tpl, non-ie.css, ie.css
   ** NOTE: if no URL path exists in one of the aforementioned external documents, obviously
      no change is necessary
2. all asset URL paths in this document should be changed to the appropriate client URL
3. all color values in non-ie.css & ie.css as well as throughout this document should be altered
   ** NOTE: follow PSD instructions on what color each element will be
-------------------------------------------------------------------------------------------- */

/* -------------------------------------------------
content styling / GLOBAL
-- NOTE: pre-vA
------------------------------------------------- */

body
{
color: #636363;
font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
}

a:active,
a:link,
.title_9,
.title_9Bold,
.title_10,
.title_10Bold,
.title_12,
.title_12Bold,
.title_14,
.title_14Bold,
.title_16,
.title_16Bold
{
color: #F30E84;
}

/* Fix for calendar days of the week color. */
.white_9Bold
{
color: #FFF;
}

a:visited
{
color: #EA699F;
}

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

.contentEdit h1
{
padding: 0 0 0.5em 0;
margin: 0.2em 0;
font-size: 182%;
color: #000;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/h1_bkgd.jpg) no-repeat center bottom;
}

.contentEdit h2
{
padding: 0 0 0.5em 0;
margin: 0.2em 0;
font-size: 182%;
color: #F30E84;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/h2_bkgd.jpg) no-repeat center bottom;
}

.contentEdit h3
{
margin: 0.2em 0;
font-size: 138.5%;
color: #000;
}

.contentEdit h4
{
margin: 0.2em 0;
font-size: 138.5%;
color: #F30E84;
}

.contentEdit h5
{
margin: 0.2em 0;
font-size: 108%;
color: #000;
}

.contentEdit h6
{
margin: 0.2em 0;
font-size: 108%;
color: #F30E84;
}

h1, h2, h3, h4, h5, h6
{
font-weight: normal;
}

.contentEdit img
{
border-color: #F30E84;
}

/* To style images in content. */
.contentEdit img.imageStyle
{
border-width: 10px;
border-style: solid;
}

a[href^="http:"]:active,
a[href^="http:"]:link,
a[href^="http:"]:visited
{
padding: 0 16px 0 0;
text-decoration: underline;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/content_externalLink.gif) no-repeat center right;
}

/* Fix for external link image on linked images in content. */
a[href^="http:"]:active.noIcon,
a[href^="http:"]:link.noIcon,
a[href^="http:"]:visited.noIcon,
a[href^="http:"]:focus.noIcon,
a[href^="http:"]:hover.noIcon
{
padding: 0;
background: none;
}

/* Fix for external link image on company box. */
div#companyBox a[href^="http:"]:active,
div#companyBox a[href^="http:"]:link,
div#companyBox a[href^="http:"]:visited
{
background: none;
padding: 0;
}

/* Fix for external link image on company logo. */
div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited,
div#companyLogo a:focus,
div#companyLogo a:hover
{
padding: 0;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Special link properties within the editable region of the website.

INSTRUCTIONS:
Make changes to the following:
1. replace default URL (254.style.pepstep.com) with client URL
-------------------------------------------------------------------------------------------- */
a[href^="http://www.254.style.pepstep.com"]:active,
a[href^="http://www.254.style.pepstep.com"]:link,
a[href^="http://www.254.style.pepstep.com"]:visited,
a[href^="http://254.style.pepstep.com"]:active,
a[href^="http://254.style.pepstep.com"]:link,
a[href^="http://254.style.pepstep.com"]:visited,
a[href^="http://n1media1.images1.pepstep.com"]:active,
a[href^="http://n1media1.images1.pepstep.com"]:link,
a[href^="http://n1media1.images1.pepstep.com"]:visited
{
padding: 0;
background-image: none;
}
/* END ALTER - Special link */

a[href^="mailto:"]:active,
a[href^="mailto:"]:link,
a[href^="mailto:"]:visited,
a[href^="javascript:location.href='mailto:'"]:active,
a[href^="javascript:location.href='mailto:'"]:link,
a[href^="javascript:location.href='mailto:'"]:visited
{
padding: 0 13px 0 0;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/content_emailLink.gif) no-repeat center right;
}

a[href$=".pdf"]:active,
a[href$=".pdf"]:link,
a[href$=".pdf"]:visited
{
padding: 2px 18px 2px 0;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/content_pdfLink.gif) no-repeat center right;
}

a[href$=".doc"]:active,
a[href$=".doc"]:link,
a[href$=".doc"]:visited
{
padding: 2px 18px 2px 0;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/content_wordLink.gif) no-repeat center right;
}

/* -------------------------------------------------
main structure
------------------------------------------------- */

body
{
background: #000 url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/body_bkgd.gif) repeat-y center top;
}

/* -------------------------------------------------
div#memberBoxWrapper
------------------------------------------------- */

/* ------- div#memberBox --------- */

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default display to block - othewise, change block to none
2. if site does not have a members area also make sure to find the notes for this in the
navigation, there you will change the display block to none as well
-------------------------------------------------------------------------------------------- */
div#memberBoxWrapper
{
display: block;
text-align: center;
background: #000 url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/membersWrapper_bkgd.jpg) repeat-x 0 0;
}
/* END ALTER - Member Box */

div#memberBoxContainer
{
width: 998px;
height: 30px;
padding: 16px 0 14px 0;
margin: 0 auto;
text-align: left;
}

h3#memberBox-title
{
display: none;
}

div.memberBox-login-info
{
float: left;
display: inline;
width: 313px;
}

div.memberBox-label
{
float: left;
display: inline;
width: 102px;
padding: 0 0 0 40px;
line-height: 30px;
font-size: 123.1%;
color: #FFF;
}

input.memberBox-textBox
{
float: left;
display: inline;
width: 130px;
height: 16px;
padding: 5px;
border: 2px solid #ca0b6d;
color: #000;
background: #FFF;
}

input.memberBox-textBox:focus
{
border: 2px solid #FFF;
background: #FFF;
}

div.memberBox-forgot
{
float: left;
display: inline;
width: 27px;
height: 30px;
}

div.memberBox-forgot a
{
display: block;
width: 27px;
height: 30px;
text-decoration: none;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/forgot.gif) no-repeat 0 0;
overflow: hidden;
}

div.memberBox-forgot a:focus,
div.memberBox-forgot a:hover
{
background-position: -27px 0;
}

div#memberBox-buttons-enter
{
float: left;
display: inline;
width: 133px;
height: 29px;
padding: 0 35px 0 50px;
}

button#memberBox-enter
{
display: block;
width: 133px;
height: 29px;
padding: 0;
border: 0;
margin: 0;
text-decoration: none;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/memberBox_buttons.jpg) no-repeat 0 0;
overflow: hidden;
cursor: pointer;
}

button#memberBox-enter:focus,
button#memberBox-enter:hover
{
background-position: -133px 0;
}

div#memberBox-buttons-register
{
float: left;
display: inline;
}

div#memberBox-buttons-register a
{
display: block;
line-height: 30px;
text-decoration: none;
font-size: 123.1%;
color: #FFF;
}

div#memberBox-buttons-register a:focus,
div#memberBox-buttons-register a:hover
{
color: #EA699F;
}

/* -------------------------------------------------
div#navWrapperOne
------------------------------------------------- */

div#navWrapperOne
{
height: 71px;
text-align: center;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperOne_bkgd.jpg) repeat-x 0 0;
}

div#navWrapperTwo
{
height: 71px;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat center 0;	
}

div#navContainer
{
width: 998px;
height: 71px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat -251px 0;
}

/* -------------------------
div#horizontalNav
------------------------- */

div#horizontalNav
{
width: 994px;
height: 71px;
padding: 0 2px;
}

ul#Primary 
{
position: relative;
width: 998px;
height: 52px;
z-index: 500;
}

ul#Primary li
{
/* first level list items are always visible */
float: left;
display: inline;
position: relative;
width: 142px;
height: 71px;
text-align: center;
}

ul#Primary li span
{
display: none;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default display to inline - othewise, change inline to none
-------------------------------------------------------------------------------------------- */
ul#Primary li#navSeven
{
display: inline;
}
/* END ALTER - Member Box */

ul#Primary li a:active,
ul#Primary li a:link,
ul#Primary li a:visited,
ul#Primary li a:focus,
ul#Primary li a:hover
{
display: block;
width: 132px;
height: 44px;
padding: 14px 5px 13px 5px;
line-height: 44px;
text-decoration: none;
font-size: 138.5%;
color: #FFF;
overflow: hidden;
}

ul#Primary li a.doubleLine:active,
ul#Primary li a.doubleLine:link,
ul#Primary li a.doubleLine:visited,
ul#Primary li a.doubleLine:focus,
ul#Primary li a.doubleLine:hover
{
line-height: 22px;
}

ul#Primary li a:focus,
ul#Primary li a:hover
{
color: #EA699F;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/horizontalNav_bkgd.jpg) no-repeat 0 0;
}

/* --------- ul#Primary li ul --------- */

ul#Primary li ul 
{
/* second level unordered lists appear off-page until mouseover */
position: absolute;
width: 142px;
height: auto;
top: auto;
left: -9999px;
padding: 0;
margin: 0;
overflow: hidden;
z-index: 2000;
}

ul#Primary li ul li
{
height: auto;
}

ul#Primary li ul li a:active,
ul#Primary li ul li a:link,
ul#Primary li ul li a:visited,
ul#Primary li ul li a:focus,
ul#Primary li ul li a:hover
{
display: block;
width: 132px;
height: auto;
padding: 5px;
line-height: 19px;
text-decoration: none;
text-align: center;
font-size: 108%;
color: #FFF;
filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;
background: #3A3A3A;
}

ul#Primary li ul li a:focus,
ul#Primary li ul li a:hover
{
color: #EA699F;
filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;
background: #000;
}

ul#Primary li.hover ul 
{
/* on mouseover, move the list to it's normal position */
top: 71px;
left: 0;
}

/* -------------------------------------------------
div#mainPicWrapperOne
------------------------------------------------- */

div#mainPicWrapperOne
{
height: 250px;
text-align: center;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperOne_bkgd.jpg) repeat-x 0 -71px;
}

div#mainPicWrapperTwo
{
height: 250px;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat center -71px;	
}

div#mainPicContainer
{
width: 998px;
height: 250px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat -251px -71px;
}

/* -------------------------
div#Banner
------------------------- */

div#Banner img,
div#Banner object
{
display: block;
}

/* -------------------------------------------------
div#marqueeWrapperOne
------------------------------------------------- */

div#marqueeWrapperOne
{
height: 50px;
text-align: center;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperOne_bkgd.jpg) repeat-x 0 -321px;
}

div#marqueeWrapperTwo
{
height: 50px;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat center -321px;	
}

div#marqueeContainer
{
width: 998px;
height: 50px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat -251px -321px;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Marquee

INSTRUCTIONS:
Make changes to the following:
1. if client does not have component activated, change visible to hidden, & vice versa
2. color value
3. PSD changes - if, by deactivating the marquee, image changes result, 
change and upload image.
-------------------------------------------------------------------------------------------- */

#MarqueeWrapper 
{
width: 753px;
height: 50px;
padding: 0 0 0 5px;
visibility: visible;
}

#Marquee 
{
position: relative;
top: 0;
left: 0;
width: 753px;
height: 50px;
overflow: hidden;
}

#Marquee span 
{
width: 753px;
height: 50px;
line-height: 50px;
font-size: 108%;
color: #F30E84;
}
/* END ALTER - Marquee */

/* -------------------------------------------------
div#mainWrapperOne
------------------------------------------------- */

div#mainWrapperOne
{
text-align: center;
background: #FFF url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperOne_bkgd.jpg) repeat-x 0 -371px;
}

div#mainWrapperTwo
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat center -371px;	
}

div#mainContainer
{
width: 998px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainWrapperTwo_bkgd.jpg) no-repeat -251px -371px;
}

/* -------------------------
div#mainContent
------------------------- */

div#mainContent
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/mainContent_bkgd.jpg) repeat-y 0 0;
}

div#toolBoxOne
{
width: 758px;
padding: 0 240px 50px 0;
background-color: transparent;
background-image: url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/toolBoxOne_bkgd.png);
background-repeat: repeat-y;
background-position: 0 0;
}

* html div#toolBoxOne
{
overflow: hidden;
filter:alpha(opacity=40);
opacity: 0.40;
-moz-opacity:0.40;
background: #FFF;
}

h2#toolBoxOne-title
{
width: 706px;
padding: 15px 0 7px 52px;
line-height: 38px;
font-size: 257%;
color: #000;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/pageTitle_bkgd.jpg) repeat-y 0 0;
}

div#toolBoxOne-content
{
width: 706px;
padding: 30px 0 0 52px;
}

/* -------------------------
div#homeComponentBox
------------------------- */

div#homeComponentBox
{
background-color: transparent;
background-image: url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/homePageComp_bkgd.png);
background-repeat: repeat-y;
background-position: 0 0;
}

* html div#homeComponentBox
{
filter:alpha(opacity=40);
opacity: 0.40;
-moz-opacity:0.40;
background-color: #FFF;
background-image: none;
}

/* ------- div.toolBox --------- */

div.toolBox
{
float: left;
display: inline;
width: 251px;
padding: 28px 40px 50px 40px;
}

div.toolBox:hover
{
background-color: transparent;
background-image: url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/homePageComp_hover.png);
background-repeat: repeat-y;
background-position: 0 0;
}

h3.homeComponentBox-title a:active,
h3.homeComponentBox-title a:link,
h3.homeComponentBox-title a:visited,
h3.homeComponentBox-title a:focus,
h3.homeComponentBox-title a:hover
{
display: block;
width: 251px;
line-height: 30px;
padding: 0 0 20px 0;
text-decoration: none;
font-size: 182%;
font-weight: normal;
color: #F30E84;
text-decoration: none;
overflow: hidden;
}

div.homeComponentBox-content
{
padding: 20px 0;
}

div.homeComponentBox-content td.vB-icontd
{
display: none;
}

div.homeComponentBox-content td.vB-itemtd
{
padding: 0;
}

div.homeComponentBox-content a:active,
div.homeComponentBox-content a:link,
div.homeComponentBox-content a:visited
{
display: block;
line-height: 14px;
padding: 0 0 0 31px;
margin: 0 0 22px 0;
color: #F30E84;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/icon_title.gif) no-repeat 0 0;
overflow: hidden;
}

div.homeComponentBox-content a:focus,
div.homeComponentBox-content a:hover
{
line-height: 14px;
color: #000;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/icon_title_roll.gif) no-repeat 0 0;
}

h4.homeComponentBox-subTitle a:active,
h4.homeComponentBox-subTitle a:link,
h4.homeComponentBox-subTitle a:visited
{
display: block;
line-height: 20px;
text-decoration: none;
text-align: center;
font-size: 123.1%;
color: #F30E84;
text-decoration: none;
overflow: hidden;
}

h4.homeComponentBox-subTitle a:focus,
h4.homeComponentBox-subTitle a:hover
{
color: #000;
}

/* ------- div#toolBoxTwo --------- */



/* ------- div#toolBoxThree --------- */

div#toolBoxThree
{
width: 252px;
padding: 28px 41px 50px 40px;
margin: 0 0 0 2px;
}

/* ------- div#toolBoxFour --------- */

* html div#toolBoxFour
{
margin: 0 -3px 0 0;
}

/* -------------------------------------------------
div#homeCompWrapperOne
------------------------------------------------- */

div#homeCompWrapperOne
{
text-align: center;
background: #96004E url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/homeCompWrapperOne_btm.jpg) repeat-x left bottom;
}

div#homeCompWrapperTwo
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/homeCompWrapperTwo_top.jpg) repeat-x 0 0;	
}

div#homeCompContainerOne
{
width: 998px;
padding: 0 0 29px 0;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/homeCompContainerOne_btm.jpg) no-repeat left bottom;
}

div#homeCompContainerTwo
{
width: 946px;
padding: 32px 0 0 52px;
background: #96004e url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/homeCompContainerTwo_top.jpg) no-repeat 0 0;
}

/* ------- div#toolBoxFive --------- */

div#toolBoxFive
{
float: left;
display: inline;
width: 280px;
padding: 0 50px 0 0;
}

h3#toolBoxFive-title a
{
display: block;
width: 280px;
line-height: 34px;
text-decoration: none;
font-size: 227%;
color: #FFF;
overflow: hidden;
}

div#toolBoxFive-content
{
padding: 20px 0;
}

div#toolBoxFive-content td.vB-icontd
{
display: none;
}

div#toolBoxFive-content td.vB-itemtd
{
padding: 0;
}

div#toolBoxFive-content a:active,
div#toolBoxFive-content a:link,
div#toolBoxFive-content a:visited
{
display: block;
width: 280px;
padding: 0;
margin: 0 0 20px 0;
line-height: 20px;
font-size: 123.1%;
color: #FFF;
text-decoration: none;
background: none;
overflow: hidden;
}

div#toolBoxFive-content a:focus,
div#toolBoxFive-content a:hover
{
line-height: 20px;
color: #000;
}

h4#toolBoxFive-subTitle a:active,
h4#toolBoxFive-subTitle a:link,
h4#toolBoxFive-subTitle a:visited
{
display: block;
width: 280px;
line-height: 20px;
text-decoration: none;
text-align: center;
font-size: 123.1%;
color: #FFF;
text-decoration: none;
overflow: hidden;
}

h4#toolBoxFive-subTitle a:focus,
h4#toolBoxFive-subTitle a:hover
{
color: #000;
}

/* ----- div#companyBox ----- */

div#companyBox
{
float: left;
display: inline;
width: 160px;
height: 106px;
padding: 33px 37px;
margin: 53px 0 0 0;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/companyBox_bkgd.jpg) no-repeat 0 0;
}

div#companyBox a
{
display: block;
width: 160px;
height: 106px;
text-decoration: none;
overflow: hidden;
}

div#companyBox a#clientLogo
{
text-indent: -9999px;
}

/* ------- div#toolBoxSix --------- */

div#toolBoxSix
{
float: left;
display: inline;
width: 234px;
padding: 0 0 0 96px;
}

h3#toolBoxSix-title a
{
display: block;
width: 234px;
line-height: 34px;
text-decoration: none;
font-size: 227%;
color: #FFF;
overflow: hidden;
}

div#toolBoxSix-image
{
width: 180px;
height: 132px;
padding: 20px 27px;
margin: 20px 0;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/toolBoxSix_bkgd.jpg) no-repeat 0 0;
}

h4#toolBoxSix-subTitle a:active,
h4#toolBoxSix-subTitle a:link,
h4#toolBoxSix-subTitle a:visited
{
display: block;
width: 234px;
line-height: 20px;
text-decoration: none;
text-align: center;
font-size: 123.1%;
color: #FFF;
overflow: hidden;
}

h4#toolBoxSix-subTitle a:focus,
h4#toolBoxSix-subTitle a:hover
{
color: #000;
}

/* -------------------------
div#footerWrapper
------------------------- */

div#footerWrapper
{
text-align: center;
}

div#footer
{
width: 925px;
padding: 10px 0 10px 73px;
margin: 0 auto;
text-align: left;
}

/* ----- div#companyLogo ----- */

div#companyLogo
{
float: left;
display: inline;
width: 175px;
height: 64px;
}

div#companyLogo a
{
display: block;
width: 175px;
height: 64px;
padding: 0;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/company_logo.jpg) no-repeat 0 0;
overflow: hidden;
}

div#companyLogo a:focus,
div#companyLogo a:hover
{
background-position: 0 -64px;
}

/* ----- div#footer p ----- */

div#footer p
{
float: left;
display: inline;
width: 439px;
padding: 24px 20px 0 20px;
line-height: 20px;
text-align: center;
color: #8D8D8D;
}

/* ----- div#footerIcons ----- */

div#footerIcons
{
float: left;
display: inline;
width: 220px;
height: 43px;
padding: 11px 0 0 0;
}

div#footerIcons a
{
float: left;
display: inline;
width: 44px;
height: 43px;
padding: 0;
margin: 0;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

a#firefox
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/footerIcons.jpg) no-repeat 0 0;
}

a#firefox:focus,
a#firefox:hover
{
background-position: 0 -43px;
}

a#internetExplorer
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/footerIcons.jpg) no-repeat -44px 0;
}

a#internetExplorer:focus,
a#internetExplorer:hover
{
background-position: -44px -43px;
}

a#safari
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/footerIcons.jpg) no-repeat -88px 0;
}

a#safari:focus,
a#safari:hover
{
background-position: -88px -43px;
}

a#delicious
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/footerIcons.jpg) no-repeat -132px 0;
}

a#delicious:focus,
a#delicious:hover
{
background-position: -132px -43px;
}

a#favorites
{
background: transparent url(http://n1assets1.styles1.pepstep.com/254/2133329070/images/footerIcons.jpg) no-repeat -176px 0;
}

a#favorites:focus,
a#favorites:hover
{
background-position: -176px -43px;
}