/*  =Home
-------------------------------------------------------------- */
#promoBox {
    height: 60px;
    background: #fff url(/safeTstep/images/promoBg.gif) repeat-x left top;
}

    #promoBox div {
        overflow: hidden;
        height: 42px;
        padding-top: 18px;
    }

        #promoBox h1, #promoBox p, #promoBox div {
            float: left;
            display: inline;
        }

        #promo1 h1,  #promo2 h1, #promo3 h1{
            text-indent: -999em;
            margin-top: 2px;
        }


    #promo1 {
        border-right: 1px solid #e1e1e1;
        padding-left: 81px;
        width: 390px;
        background: transparent url(/safeTstep/images/box-graphic.gif) no-repeat 14px 9px;
    }

        #promo1 h1 {
            background: transparent url(/safeTstep/images/free-shipping-title.gif) no-repeat 0 0;
            height: 19px;
            width: 133px;
        }



	/**********************/
	/* USED FOR BOGO ONLY */
	/**********************/
    #promo3 {
        border-right: 1px solid #e1e1e1;
        padding-left: 81px;
		width: 390px;
        background: transparent url(/safeTstep/images/bogo-bg.gif) no-repeat 14px 6px;		
    }

        #promo3 h1 {
            height: 29px;
            width: 140px;		
        }	

	/*
    #promo3 {
        border-right: 1px solid #e1e1e1;
        padding-left: 81px;
        width: 390px;
        background: transparent url(/safeTstep/images/promo3-bg.gif) no-repeat 14px 6px;
    }
    
        #promo3 h1 {
            background: transparent url(/safeTstep/images/bogo-title.gif) no-repeat 0 0;
            height: 19px;
            width: 140px;
        }		
	*/

	/**********************/
	/* USED FOR BOGO ONLY */
	/**********************/


s
    #promo2 {
        padding-left: 82px;
        background: transparent url(/safeTstep/images/promo2-bg.gif) no-repeat 14px 6px;
    }
    
        #promo2 h1 {
            background: transparent url(/safeTstep/images/try-on-in-store-title.gif) no-repeat 0 0;
            height: 19px;
            width: 142px;
        }




#mainPromoBox {
    background: #000 url(/safeTstep/images/main-promo.gif) no-repeat left top;
    height: 291px;
    margin-bottom: 10px;
    position: relative;
}

/*  =Start Promo Controls */
#mainPromoBox .controls {
    position: absolute;
    top:29px;
    left: 49px;
    height: 40px;
}

    #mainPromoBox .controls ul {
        height: 40px;
        width: 284px;
    }

    #mainPromoBox .controls ul li {
        background: transparent url(/safeTstep/images/promo-toggle-sprite.gif) no-repeat left top;
        float: left;
        display: inline;
        text-indent: -9999em;
        height: 100%;
        cursor: pointer;
    }

        #mainPromoBox .controls ul li#style {
            background-position: 0 -49px;
            width: 143px;
        }

            #mainPromoBox .controls ul li#style.active { background-position: 0 0; }

        #mainPromoBox .controls ul li#tech {
            background-position: -143px 0;
            width: 141px;
        }

            #mainPromoBox .controls ul li#tech.active { background-position: -143px -49px; }

/*  =End Promo Controls */

#mainPromoBox p {
    width: 350px;
    margin: 10px 0 15px 0;
    line-height: 16px;
}

#mainPromoBox ul li {
    display: inline;
    float: left;
}

    #mainPromoBox ul li a { margin-right: 10px; }

#mainPromoBox img.hero { position: absolute; }

    #mainPromoBox .content { padding: 102px 0 0 49px; }


/* used for Womens Airwalk Grind home page message */
		
        #mainPromoBox .promo1 h1 {
            background: transparent url(/safeTstep/images/fpo/step-w-confidence.gif) no-repeat left top;
            position: absolute;
            height: 38px;
            /*width: 457px;*/
			width: 500px;
            z-index: 2;
            text-indent: -999em;
        }

        #mainPromoBox .promo1 p { padding-top: 40px; }

        #mainPromoBox .promo1 img.hero {
                right: 0;
                top: 0px;
                width: 486px;
                height: 291px;
                z-index: 1;
        }
		
		
/* used for Womens Champion Pace home page message */		
		
        #mainPromoBox .promo2 h1 {
            background: transparent url(/safeTstep/images/fpo/championfitness.gif) no-repeat left top;
            position: absolute;
            height: 48px;
            /*width: 457px;*/
			width: 386px;
            z-index: 2;
            text-indent: -999em;
        }

        #mainPromoBox .promo2 p { padding-top: 40px; }

        #mainPromoBox .promo2 img.hero {
                right: 0;
                top: 0px;
                width: 486px;
                height: 291px;
                z-index: 1;
        }
		

/* used for 24/7 technology home page message */


        #mainPromoBox .promo3 h1 {
            background: transparent url(/safeTstep/images/fpo/247comfort.gif) no-repeat left top;
            position: absolute;
            height: 38px;
            width: 457px;
            z-index: 2;
            text-indent: -999em;
        }

        #mainPromoBox .promo3 p { padding-top: 40px; }

        #mainPromoBox .promo3 img.hero {
                right: 0;
                top: 0px;
                width: 486px;
                height: 291px;
                z-index: 1;
        }		
		
		
		/***********************/
		/* end wesley inserted */
		/***********************/		
		
		

.storeLocate {
    background: transparent url(/safeTstep/images/perfect-fit-bg.gif) no-repeat left top;
    position: absolute;
    bottom: 15px;
    left: 25px;
    width: 450px;
    height: 29px;
    overflow: hidden;
}

    .storeLocate button, .storeLocate input, .storeLocate .copy {
        float: left;
        display: inline;
    }

    .storeLocate input {
        margin-top: 7px;
        width: 75px;
        font-size: 12px;
    }

    .storeLocate button { margin-left: 49px; }

    .storeLocate .copy { margin-left: 15px; }

#homeSectionBox {
    margin-bottom: 11px;
    overflow: hidden;
}

#homeSectionBox .left-col {
    width: 623px;
    margin-left: 9px;
}

#homeSectionBox .right-col {
    width: 298px;
    margin: 0 9px 0 6px;
    background: #e28833 url(/safeTstep/images/orange-col-bg.gif) repeat-x left top;
    border: 1px solid #e1e1e1;
    height: 456px;
}

    #homeSectionBox .right-col .section {
        background: url(/safeTstep/images/orange-col-bottom.gif) no-repeat left bottom;
        padding: 15px 0 0 7%;
        width: 93.2%;
    }

        #homeSectionBox .right-col #forBusiness.section  {
            background: url(/safeTstep/images/orange-business-hero.jpg) no-repeat 0 0 !important;
            height: 145px;
            padding-top: 20px !important;
        }

            #forBusiness.section p, #forBusiness.section h1 { width: 162px; }

    .right-col .section ul { margin: 10px 0 20px 0; }

    .right-col .section ul li a { line-height: 16px; }

        #homeSectionBox .right-col #help.section { background: none; }

.coupon {
    margin: 1px 0 10px 0;
    cursor: pointer;
}

/*  Start Featured Styles */
.featured {
    border: 1px solid #e1e1e1;
    height: 310px;
    float:left;
}

    .featured-title { margin: 13px 0 0 20px; }

        .featured-title h1, .featured-title h1.cufon {
            margin:0;
            padding:0;
        }

        .featured-title h1.cufonLight { height: auto;}

        .featured-title h1.cufonLight { text-transform: none; }

    .mensStyles {
        width: 298px;
        margin-right: 9px;
        background: #fff url(/safeTstep/images/fpo/mens-feat-styles.gif) no-repeat left top;
    }

    .womensStyles {
        width: 308px;
        background: #fff url(/safeTstep/images/fpo/womens-feat-styles.gif) no-repeat 0 -1px;
    }

        .womensStyles ul.productList li { padding:25px 15px 0 14px; }

    .styleBox {
        padding: 12px 0 23px 0;

        height: 180px;
        background: transparent url(/safeTstep/images/feat-style-bg.gif) repeat-x 0 122px;
        overflow: hidden;
    }

        .styleBox ul { height: 225px; }

            .styleBox ul.productList li img {
                margin-bottom: 12px;
                height: 66px;
            }

    .viewAll {
        border-top: 1px solid #e1e1e1;
        background: #fff url(/safeTstep/images/view-all-bg.gif) repeat-x left top;
        height: 33px;
        clear: both;
        -moz-border-radius-bottomright: 5px 5px;
        -moz-border-radius-bottomleft:  5px 5px;
        -webkit-border-radius-bottomright: 6px 2px;
        -webkit-border-radius-bottomleft:  3px 4px;
    }

        .viewAll a {
            display:block;
            padding:10px 0 0 14px;
        }
/*  End Featured Styles */

/*  Start Callouts */
.callOutBox {
    height: 111px;
    clear: both;
    margin: 0 9px 11px 9px;
    padding: 0 0 0 14px;
    border: 1px solid #e1e1e1;
    position: relative;
}

    .callOutBox div {
        position: absolute;
        height: 102px;
        width: 167px;
        z-index: 10;
    }

    .callOutBox a { font-size: 12px; }

    .callOutBox div h2 { margin-bottom: 5px; }

    .callOutBox div#customers, .callOutBox div#employers { top:25px; }

    .callOutBox div#customers { left: 30px; }

    .callOutBox div#employers { left: 340px; }
        /*#callOutBox div#employers p, #callOutBox div#employers h2 {
            width: 132px;
        }*/

    .callOutBox div#tradeShows {
        background: transparent url(/safeTstep/images/tradeshow-hero.gif) no-repeat 160px 38px;
        margin: 15px 0 0 636px;
        width: 262px;
    }

        .callOutBox div#tradeShows h2, .callOutBox div#tradeShows p { width: 175px; }

        .callOutBox div#tradeShows h2 {
            margin-top: 10px;
            margin-bottom: 15px;
        }

span.customersSay, span.employersSay {
    position: absolute;
    z-index: 1;
    height: 126px;
}

    span.customersSay {
        background: transparent url(/safeTstep/images/customer-hero.jpg) no-repeat 0 6px;
        width: 132px;
        left: 202px;
        bottom: 0px;
    }

    span.employersSay {
        background: transparent url(/safeTstep/images/employer-hero.jpg) no-repeat 0 6px;
        width: 126px;
        left: 515px;
        bottom: 0px;
    }

/* .callOutBox.clients {
        height: 122px;
        padding-top: 10px;
        margin-bottom: 10px;
        margin-top: 0;
        overflow: hidden;
}*/

.clients ul {
height:65px;
margin:5px 0 5px 16px;
}

.callOutBox.clients {
height:180px;
margin-bottom:10px;
margin-top:0;
padding-top:10px;
}


   /* .clients ul { margin: 5px 0 10px 16px; } */

        .clients ul li { margin-right: 48px; }

        .clients h2 { margin-left: 16px; }

/*  End Callouts */