#outer-wrapper {
    background: url(/safeTstep/images/payless-curl.gif) no-repeat right top;
    width: 995px;
    min-height: 600px;
    z-index: 1;
    margin: auto;
    position: relative;
}

#wrapper {
    width: 950px;
    position: relative;
}

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

#header {
    overflow:hidden;
    height: 69px;
    padding-bottom: 8px;
    zoom: 1;
    position: relative;
}

a.payless-link-out {
    position: absolute;
    right: 0;
    top: 0;
    height: 75px;
    width: 150px;
    text-indent: -999em;
    z-index: 1000;
}

    #header ul#topUtil {
        margin-left: 483px;
        margin-top: 11px;
    }
    
        #header ul#topUtil li, #header ul#account-links li, #header #bag a {
            float:left;
            display:inline;
        }

        #header ul#topUtil li {
            margin-right: 10px;
            line-height: 16px;
        }

        #header #shopping {
            display: block;
        }
        
    #header ul#account-links {
        margin: 20px 0 0 443px;
        float: left;
    }

    #header ul#account-links li {
        margin-right: 5px;
        font-size: 11px;
        color: #a1a1a1;
    }

        #header ul#account-links li a, #header #bag, #header #bag a {
            color: #a1a1a1;
        }

    #header ul#account-links li.welcome {
        margin-left: 50px;
        font-weight: bold;
        font-size: 12px;
        padding-right: 7px;
        color: #f78f1e;
    }

    #header #shopping {
        margin:0;
        padding: 0;
    }

    #header #bag {
        background: url(/safeTstep/images/fpo/items-bg.gif) no-repeat left top;
        padding: 0 8px 0 37px;
        line-height: 32px;
        float: left;
        width: 125px;
        height: 40px;
        margin: 6px 0 0 2px;
    }

        #header #bag, #header #bag a {
            font-size: 11px;
            font-weight: bold;
        }

        #header #bag a.items {
            padding-right: 8px;
            line-height: 12px;
            margin-top: 16px;
        }

        #header #bag a.checkout {
            background: url(/safeTstep/images/checkout-btn.gif) no-repeat left top;
            width: 58px;
            height: 18px;
            text-indent: -999em;
            margin: 13px 0 0 5px;
            cursor: pointer;
        }

        #header ul#topUtil li.active a { text-decoration: underline}

            #header ul#topUtil li.last, #header ul#topUtil li.last a {
                margin-right: 0px;
            }

h1#logo a {
   background: url(/safeTstep/images/safetstep-logo.gif) no-repeat left top;
   position: absolute;
   left: 0;
   top: 15px;
   text-indent: -999em;
   width: 385px;
   height: 64px;
}

#searchBox {
    background: #fff url(/safeTstep/images/search-bg.gif) no-repeat left top;
    width: 251px;
    height: 31px;
    float: right;
    margin: 7px 5px 0 0;
    position: relative;
}

    #searchBox input, #emailInput input, .storeLocate input {
        background: none;
        border: none;
        margin-left: 11px;
    }

    #searchBox input { margin-top: 4px; }

    .storeLocate input  { margin-top: 3px; }

    #searchBox button {
        background: #fff url(/safeTstep/images/mag-glass.gif) no-repeat left top;
        border: none;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 5px;
    }


    /*  =NAVIGATION
-------------------------------------------------------------- */

#nav {
    height:44px;
}

    #nav ul {
        padding: 0 0 0 15px;
        float: left;
        height: 85%;
    }

        #nav ul li {
            display:inline;
            float: left;
            padding: 7px 0 0 0;

        }

            #nav ul li a {
                background: transparent url(/safeTstep/images/nav-divide.gif) no-repeat right center;
                padding: 0 15px;
                text-decoration: none;
                line-height: 12px;
                cursor: pointer;
            }

            #nav ul li.first a { padding-left: 0px; }

            #nav ul li.last a { background: none; }

        #nav ul li span {
            display: inline-block;
            line-height: 30px;
        }

        #nav ul li.active span {
            background: transparent url(/safeTstep/images/nav-active-left.gif) repeat-x left top;
            padding: 0 0 5px 15px;
        }

        #nav ul li.active a {
            display: inline-block;
            margin-right: 0;
            background: transparent url(/safeTstep/images/nav-active-right.gif) repeat-x right top;
            padding: 0 15px 5px 0;
            border-right: none;
        }

                #nav ul li.active span.divide { display: none; }

       /* Start Page Active States */
       body.mens #nav ul li.womens a, body.tech #nav ul li.mens a,
       body.business #nav ul li.technology a
       {
           background: none;
       }

/*  =CONTENT
-------------------------------------------------------------- */
#pageContent{
    border: 1px solid #e1e1e1;
    background: #fff url(/safeTstep/images/nav-bg.gif) repeat-x left top;
    overflow:hidden;
    min-height: 500px;
}

span.left-corner {
    background: transparent url(/safeTstep/images/left-pane-corner.gif) no-repeat left top;
    height: 8px;
    width: 9px;
    position: absolute;
    top:-93px;
    left:0;
}

.section, .col { float: left; }

#content {
    background: transparent url(/safeTstep/images/left-pane-bg.gif) repeat-y left top;
    overflow: hidden;
    padding: 0 9px 10px 9px;
    position: relative;
}

    #content h1, h1.page-title { padding: 10px 0 20px 20px; }

    #content h1 { padding: 0px 0 10px 0; }

    #content p.head { /*margin-left: 20px;*/  }

    #content p.listHead { margin-bottom: 20px; }

    #content ul li { margin-bottom: 5px; }

    #content span.hr, #content .divide {
        border-top: 1px solid #e5e5e5;
        margin-top: 20px;
        padding-top: 20px;
    }

    /* #content div.indent {
        margin-left: 25px;
    } */

    .listHead { margin-top: 20px; }

    #content img.inlineImageR {
        float: right;
        padding: 0 20px 20px 20px;
    }
    
#rightPane {
    width: 705px;
    min-height: 500px;
}

    #rightPane p { margin-bottom: 10px; }

    #rightPane ul { margin: 10px 0; }

#page-head {
    margin: 20px 0 25px 6px;
    border-bottom: 2px solid #e1812b;
    position: relative;
    width: 685px;
}

    #page-head h1 { 
        padding: 0 0 10px 11px;
        font-size: 36px;
        text-transform: uppercase;
    }

    #question-box {
        position: absolute;
        right: 0;
        bottom: 15px;
        height: 20px;
    }

        #question-box h2, #question-box a { display: inline;}

.indent {
    padding: 0 20px;
}

.marketingSlot {
     width: 700px;
     height: 136px;
}

/*  Start Product Lists */
ul.productList li {
    float: left;
    width: 124px;
    display: inline;
    border-right: 1px solid #fafafa;
    padding: 25px 11px 0 13px;
    margin-bottom: 25px;
}

        ul.productList li p { margin-bottom: 10px; }

            ul.productList p.price { margin-bottom: 5px !important; }

                ul.productList p.price span {
                    color:#D90F18;
                    font-weight:bold;
                    margin-bottom: 10px;
                    margin-right: 18px;
                }

.container { padding: 20px 20px 20px 20px; }

/*  =Multiple Layouts
-------------------------------------------------------------- */

.fifty-fifty { }
    .fifty-fifty #aside {
        float: left;
        width: 475px;
        }
    .fifty-fifty #article {
        float: right;
        width: 425px;
        }

.catPromos{ 
    overflow: hidden;
    margin: 10px 0 20px 0;
}
    .catPromos .catPromo {
        width: 285px;
        background: #fff;
    }
        .catPromos .catPromo.first { margin-right: 10px; }

#no-results {
    padding: 10px;
    background: #e1e1e1;
    overflow: hidden;
}
    #no-results .inner {
        width: 575px;
        padding: 10px;
        margin-top: 10px;
        background: #fdfdfd;
    }

#reviews {}
    #reviews #left {
        float: left;
        width: 337px;
    }
    #reviews #right {
        float: right;
        width: 337px;
    }

#generic.fifty-fifty { }
    #generic.fifty-fifty #aside {
        float: left;
        width: 426px;
        padding: 0 42px 0 30px;
        margin-bottom: 10px;
        }
    #generic.fifty-fifty #article {
        float: left;
        width: 400px;
        margin-right: 7px;
        margin-bottom: 10px;
        padding-left: 20px;
        }

#left-width{}
    #left-width #left-col { width: 600px; margin-left: 27px; }
        #left-width #left-col h1 { padding-left: 0; }
        #left-width #left-col p { margin-bottom: 10px; }

    #left-width #left-col #two-col{}
        #left-width #left-col #two-col div { width: 253px; zoom: 1; height: 100px;  }
            #left-width #left-col #two-col div.first { margin-right: 10px; }

.sub-section { margin-bottom: 25px; }
    #generic .sub-section p { margin: 0 0 10px 0; }
        #generic .sub-section p span, #generic .sub-section a, #generic .sub-section ul { display:inline; float: left; }
        #generic .sub-section p span { width: 75px;}
    .sub-section h3 { margin-bottom: 15px; }
    .sub-section ul { list-style-position: outside; }

#form-full-width {margin: 0 28px;}

#rightPane #two-col {}
    #rightPane #two-col #left-col {
        float: left;
        width: 430px;
    }
    #rightPane #two-col #gutter {
        float: right;
        width: 200px;
        min-height: 250px;
        margin-left: 10px;
        padding-left: 20px;
        border-left: 1px solid #e5e5e5;
    }


/*  =SIDEBAR
-------------------------------------------------------------- */

#leftPane, #rightPane {
    float: left;
    display: inline;
}

#leftPane {
    width: 229px;
    border-right: 1px solid #e5e5e5;
    background: #5f5f5f;
    margin-right: 7px;
}

    #leftPane h1 { padding: 0 0 20px 0; }

    #leftPane h2 {
        margin-bottom: 10px;
        padding-left: 18px;
        line-height: 18px;
        cursor: pointer;
        width: 150px;
    }

    #leftPane div { 
        padding: 20px 0;
        background: transparent url(/safeTstep/images/left-pane-section-bg.gif) repeat-x left bottom;

    }
    #leftPane .size { overflow: hidden;}
    
    #leftPane .size ul {
        width: 40%;
        float: left;

    }
    #leftPane div.last { background: none; }

        #leftPane ul li  {
            background: transparent url(/safeTstep/images/icons/small_arrow.gif) no-repeat 5px 7px;
            line-height: 21px;
            padding-left: 18px;
            vertical-align: top;
            margin-bottom: 0;
        }
       
        #leftPane ul li a {
            color: #c3c3c3;
            font-size: 13px;
        }

        #leftPane ul li.active  {
            background: transparent url(/safeTstep/images/nav-active-state-bg.gif) no-repeat left top;
            padding-left: 0;
            margin: 6px 0 3px 6px;
            width: 218px;
            height: 20px;
            line-height: 18px;
        }

            #leftPane ul li.active a  {
                padding-left: 12px;
                line-height: 18px;
                vertical-align: top;
                color: #fff;
                font-weight: bold;
            }

/*  =FOOTER
-------------------------------------------------------------- */
#signUpBox {
    background: #fff;
    clear:both;
    margin-top: 20px;
    border: 1px solid #e1e1e1;
    padding: 0 12px 0 19px;
    overflow: hidden;
}

    #signUpBox div h2 {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    #signUpBox div#emailInput {
        background: transparent url(/safeTstep/images/sign-up-bg.gif) no-repeat 0 0;
        width: 300px;
        height: 40px;
        margin-top: 15px;
    }

        #signUpBox div#emailInput input {
            margin-top: 7px;
            width: 175px;
        }

#browseBox {
    margin: 20px 0 0 0;
    display: none;
}

    #browseBox div {
    background: #fff;
    display: inline;
    float: left;
    width: 309px;
    height: 99px;
    margin-right: 8px;
    }
    
    #browseBox div#browse-womens { background: #fff url(/safeTstep/images/fpo/browse-womens-bg.gif) no-repeat 182px 0; }

    #browseBox div#browse-mens { background: #fff url(/safeTstep/images/fpo/browse-mens-bg.gif) no-repeat 169px 0; }

        #browseBox div#browse-womens h3, #browseBox div#browse-mens h3 { margin-top: 5px; }

    #browseBox div#browse-business { background: #fff url(/safeTstep/images/fpo/browse-business-bg.gif) no-repeat 135px 0; }

        #browseBox div#browse-business h3 { width: 115px; }

    #browseBox .inner {
        padding: 15px 0 0 20px;
        background: none;
        width: auto;
        height: auto;
    }

    #browseBox .inner p { margin: 0 0 3px 0; }

        #browseBox div.last { margin-right: 0; }


#footer {
    padding: 25px 10px 0 10px;
    position: relative;
	display: block;
}

    #footer div {
        float:left;
        display:inline;
        margin: 0 55px 0 0;
    }

    #footer h2 {
        margin-bottom: 3px;
        text-transform: none;
    }

    #footer ul { margin-bottom: 30px;  }

        #footer ul li  {
            line-height: 18px;
            padding-left: 1px;
        }

    #email input {
        width: 160px;
        float: left;
        margin-top: 7px;
    }


a.facebookLink, a.twitterLink {
	position:relative;
	padding-right:20px;
	}

a.facebookLink span {
	display:block;
	position:absolute;
	top:-2px;
	right:0;
	height:16px;
	width:16px;
	margin-left:5px;
	background:transparent url("/safeTstep/images/icons/facebook_16.gif") no-repeat scroll right center;
	cursor:pointer;
	}

a.twitterLink span {
	display:block;
	position:absolute;
	top:-2px;
	right:0;
	height:16px;
	width:16px;
	margin-left:5px;
	background:transparent url("/safeTstep/images/icons/twitter_16.gif") no-repeat scroll right center;
	cursor:pointer;
	}




body.home span.left-corner { display: none; }