/*
******************************************************************************
Original: 960_main.css  ***********************************************
******************************************************************************
*/

/*
***************************************
960: global page styles and page wrapper
***************************************
*/

#accountNavContainer {
  color:#FFFFFF;
  background-color:#925e9e;
  border-top:#5a3560 1px solid;
  border-bottom:#5a3560 1px solid;
  line-height:24px;
  }

body {
    background-color: #d5d5dd;
    /*background-image: url("/sfc3/images/notext/960/fs_bg_tile.jpg");*/
    background-position: center top;
    background-repeat: repeat;
    border: 0 none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#globalPageWrapper {
    border: 0 none;
    overflow: visible;
    padding: 0 5px;
    /*w\idth:940px;*/
    margin:20px auto;
    background-color:#FFFFFF;
    width: 940px;
}

  * html #globalPageWrapper {
    \width: 930px; /* for IE5 and IE6 in quirks mode */
    w\idth: 940px; /* for IE6 in standards mode */
  }

a:focus {
    outline: none;
}


/*
*************
*/

  .clearit {
  clear: both;
  height: 0;
  overflow: hidden;
  }

  a.plainlink {
  color: #0000FF;
  text-decoration:underline;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  }

  a.arrowlink {
  padding-right:6px;
  background-image:url(/sfc3/images/notext/nd2010/arrow_3x5.png);
  background-position: center right;
  background-repeat:no-repeat;
  }


  .cfdebug {
    text-align:left;
  }


/*
*********************************
All modern browsers stand up and display rounded corners.  Sit down IE.....
*********************************
*/

  div#mastheadBar form input.formTextfield,
  div#searchNav form input.formTextfield,
  div#home2010 form input.formTextfield,
  div#shoeBar form#shoefinderForm select,
  div#home2010 form input.formTextfield,
  div#shoeBar form#shoefinderForm select {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  }

  div#primnavBar {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
  }

  div#primaryNav {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius:4px;
    -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius:4px;
  }

  a#shoppingcartLink {
    -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius:4px;
  }

  div#searchNav {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius:4px;
  }



/*
******************************************************************************
Original: 960_header.css  ***********************************************
******************************************************************************
*/
/*
**********************************
Global Header: Image Sprites
**********************************
*/
  /* Sprite image for global horizontal navBars and form headers */
  div#primaryNav,
  div#searchNav {
  background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);
  }

  /* Sprite image for global notext elements */
  div#mastheadBar h1 a,
  div#mastheadBar h2 a,
  a#shoppingcartLink,
  div#headerLinks li#region a {
  background-image:url(/sfc3/images/noText/nd2010/sprite_global.png);
  }

  /* Sprite image for global ENGLISH elements */
  div#mastheadBar form input.formImagebutton,
  div#searchNav form input.formImagebutton,
  a#freexchangesLink {
  background-image:url(/sfc3/images/en/nd2010/sprite_global_btns.png);
  }
  /* Sprite image for global SPANISH elements */
  body.uses div#mastheadBar form input.formImagebutton,
  body.uses div#searchNav form input.formImagebutton,
  body.uses a#freexchangesLink {
  background-image:url(/sfc3/images/es/nd2010/sprite_global_btns.png);
  }

/*
**********************************
Global Header Styles
**********************************
*/

  div#header2010 {
  clear:both;
  float:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  /*width:755px;*/
  padding:0;
  border:0;
  /*overflow: hidden;*/ /* clears floated div */
  /* center div in non-IE browsers */
/*    margin-left: auto;
    margin-right: auto;*/
    text-align: left; /* override global align-center */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 19px;
  margin-left: 0;
  }

  div#mastheadBar {
  overflow:hidden; /*overflow:auto;*/
  zoom: 1;
  }

  /* Header logo and tagline */
  div#mastheadBar h1,
  div#mastheadBar h2 {
  float: left;
  padding:0; margin:0; borger:0;
  }

  /* Header logo */
  div#mastheadBar h1 a,
  div#mastheadBar h2 a {
  margin:0; padding:0; border:0;
  display:block;
  outline:none;
  height:76px;
  text-indent:-9009px;
  }

  div#mastheadBar h1 a {
  width:120px;
  background-repeat:no-repeat;
  background-position: 0 0;
  }
  div#mastheadBar h1 a:hover {
  background-position: -120px 0;
  }

  /* Header tagline */
  div#mastheadBar h2 a {
  width:182px;
  background-repeat:no-repeat;
  background-position: 0 -99px;
  }
  div#mastheadBar h2 a:hover {
  background-position: 0 -175px;
  }

/* Header emailform */
  div#mastheadBar form {
  margin: 8px 0;
  padding:0; border: 0;
  width: 440px;
  float:right;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  display:block;
  }

  div#mastheadBar form label {
  padding: 0; margin:0; border:0;
  font-weight:bold;
  color: #6a187c;
  line-height:19px;
  display:inline;
  vertical-align:middle;
  }

  div#mastheadBar form label.error {
  color: #f00;
  }

div#mastheadBar form input.formTextfield {
    background-color: #F0EAF2;
    border: 2px solid #A27BAF;
    color: #712084;
    font-size: 10px;
    height: 16px;
    margin: 0;
    padding: 0 0 0 2px;
    vertical-align: middle;
    width: 220px;
  line-height:16px;
}
  * html div#mastheadBar form input.formTextfield {
    height:20px;
    heigh\t: 16px;
    line-heigh\t:16px;
    line-height:16px;
  }


  div#mastheadBar form input.formImagebutton {
  background-repeat:no-repeat;
  background-position: 0 -688px;

    display:inline;
  border: 0;
  line-height: 0;
    cursor: pointer;
    height: 19px;
    width: 30px;
  text-indent: -9999px;
  vertical-align:middle;
  }

  div#mastheadBar form input.formImagebutton:hover {
  background-position: 0 -720px;
  }


/* Header link container */
  div#mastheadBar div#headerLinks {
  padding: 0; margin:0; border: 0;
  text-align:right;
  /*width: 340px;*/
  width:440px;
  float:right;
    overflow:hidden; /*overflow:auto;*/
    zoom: 1;
  }

  div#mastheadBar div#headerLinks ul {
  margin: 0 0 2px 0;
  padding:0; border: 0;
  list-style-type: none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  }
  div#mastheadBar div#headerLinks ul a {
  text-decoration:none;
  color:#003371;
  }
  div#mastheadBar div#headerLinks ul a:hover {
  text-decoration:underline;
  color:#003371;
  }

  div#mastheadBar div#headerLinks li {
  padding: 0; margin:0; border: 0;
  line-height:12px;
  display:inline;
  padding: 0 8px 0 6px;
  background-image:url(/sfc3/images/noText/nd2010/global_header_linkbar_pipe.png);
  background-repeat:no-repeat;
  background-position: center right;
  }
  div#mastheadBar div#headerLinks li.last {
  padding-right:0;
  border-right:0;
  background-image: none;
  }

  div#headerLinks li#region a {
  padding-right:18px;
  background-position: right center;
  background-repeat:no-repeat;
  }
  /* us flag */
  div#headerLinks li#region a {
  background-position: right -248px;
  }
  /* ca flag */
  body.caen div#headerLinks li#region a {
  background-position: right -267px;
  }


/* Primary Navigation Container */
  div#primnavBar {
  border: 2px solid #6a187c;
    /*overflow:hidden; overflow:auto;*/
    zoom: 1;
  }

  div#primaryNav {
  padding: 0; margin:0; border: 0;
  height: 33px;
  background-color:#CCCCCC;
  background-repeat: repeat-x;
  background-position: 0 0;

    /*overflow:hidden; overflow:auto;*/
    zoom: 1;
  }

  a#shoppingcartLink {
  margin:0; padding:0; border:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  float:right;
  display:block;
  outline:none;
  line-height:33px;
  width:220px;
  color:#000;
  text-decoration:none;
  font-weight: normal;
  text-align:left;
  background-color:#fff200;
  background-repeat: no-repeat;
  background-position: 0 -300px;
  }

  a#shoppingcartLink:hover {
  background-repeat: no-repeat;
  background-position: 0 -353px;
  }

  a#shoppingcartLink strong {
  font-weight:bold;
  text-decoration:underline;
  color: #6a187c;
  padding-left:40px;
  }

/* searchNav container bar */
  div#searchNav {
  padding: 4px 0 4px 20px;
  margin:0; border: 0;
  background-color:#9d38b4;
  background-repeat: repeat-x;
  background-position: 0 -106px;
    overflow:hidden; /*overflow:auto;*/
    zoom: 1;
  }

/* searchNav product search form */
  div#searchNav form {
  margin:0; border: 0; padding:0;
  float: left;
  text-align:left;
  line-height:22px;
  width: 454px;
  height:22px;

  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  display:block;
  }

  div#searchNav form label {
  padding: 0; margin:0; border:0;
  font-weight:bold;
  color: #ffffff;
  line-height:22px;
  /*background-color:#CCCCCC;*/
  display:inline;
  vertical-align:middle;
  }

  div#searchNav form input.formTextfield {
  margin:0;
  padding: 0 0 0 2px;
  width:255px;
  border: 2px solid #a27baf;
  font-size:10px;
  line-height:18px;
  height:18px;
  vertical-align:middle;
  }
  * html div#searchNav form input.formTextfield {
    height:22px;
    heigh\t: 18px;
  }


  div#searchNav form input.formImagebutton {
  background-repeat:no-repeat;
  background-position: -50px -688px;
    display:inline;
  border: 0;
  line-height: 0;
    cursor: pointer;
    height: 22px;
    width: 30px;
  text-indent: -9999px;
  vertical-align:middle;
  }
  div#searchNav form input.formImagebutton:hover {
  background-position: -50px -720px;
  }

/* searchnav free exchanges link */
  a#freexchangesLink {
  vertical-align:middle;
  margin:0; padding:0; border:0;
  float:right;
  display:inline;
  outline:none;
  width:275px;
  line-height:22px;
  text-indent:-9009px;
  background-repeat:no-repeat;
  background-position: 0 -10px;
  }

  a#freexchangesLink:hover {
  background-position: 0 -42px;
  }




/*
**********************************
Global Header: Top Navigation Bar
**********************************
*/

ul#topnav {
  margin: 0 0 0 8px; padding: 0;
  float:left;
  width: auto;
  list-style: none;
  font-size: 1.1em;
  background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);
  height: 33px;
  z-index: 3000;
}
ul#topnav li {
  float: left;
  margin: 0; padding: 0;
  position: relative;
}
ul#topnav li.topitem {
  background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);
}

ul#topnav li a.toplink {
  float: left;
  font-size: 15px;
  height: 27px;
  font-weight: bold;
  text-decoration:none;
  padding: 7px 14px 0 10px;
  color: #6a187c;
  background-image: url(/sfc3/images/noText/nd2010/primnav_downarrow_default.png);
  background-repeat: no-repeat;
  background-position: right 50%;
}
ul#topnav li:hover a.toplink, ul#topnav li a.toplink:hover {
  background-image: url(/sfc3/images/noText/nd2010/primnav_downarrow_hover.png);
  background-repeat: no-repeat;
  background-position: right 50%;
  color: #fff;
}

ul#topnav li .sub {
  position: absolute;
  top: 33px; left: 0;left: -9999px;
  background: #fcfcfc;
  border: solid 2px #6a187c;
  padding: 5px 20px;
  float: left;
  z-index: 3000;
  -moz-border-radius-topright: 5px;
  -khtml-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
ul#topnav li:hover .sub { left: 0; }

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
  list-style: none;
  margin: 0; padding: 0;
  width: 130px;
  float: left;
  padding-bottom: 4px;
  z-index: 3001;
}
ul#topnav .sub ul li {
  width: 100%;
}
ul#topnav .sub ul li h2 {
  padding: 0;  margin: 0;
  font-weight: normal;
}
ul#topnav .sub ul li h2 a {
  padding: 5px 0 3px;
  background-image: none;
  color: #6a187c;
  font-size: 13px;
  font-weight:bold;
}
ul#topnav .sub ul li a {
  float: none;
  text-indent: 0; /*--Reset text indent--*/
  height: auto;
  padding: 3px 5px 1px 8px;
  display: block;
  text-decoration: none;
  color: #222;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
}
ul#topnav .sub ul li a:hover {
  color: #555;
}
ul#topnav .sub ul li a.clearance {color: #B40202; }
ul#topnav .sub ul li a.clearance:hover {color: #F73535; }
ul#topnav .sub ul li h2 a:hover {color: #9d4baf; }


#localeNotice {
  float:left;
  display:inline;
  width:740px;
  margin-bottom: 6px;
  margin-top: 3px;
  padding: 5px;
  border: 2px solid #6a187c;
  background-color: #ddd;
  font-size: 15px;
  font-weight: bold;
  -moz-border-radius-topleft: 5px;
  -khtml-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -khtml-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

#localeNotice #changeRegion {
  display: inline;
  float: right;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  padding-top: 5px;
  padding-right: 4px;
}

#mobileSiteButton {
  padding-top: 40px;
  margin: 20px;
  font-size: 40px;
  color: #fff;
  display: block;
}

/*Account Nav */

a.accountNavLinks {
  color: #573c6d;
  text-decoration: none;
  background-color: transparent;
}

a.accountNavLinks:hover {
  color: #573c6d;
  text-decoration: none;
  background-color: transparent;
}

a.accountNavLinks:visited {
  color: #573c6d;
  text-decoration: none;
}

#accountNav {
  /*background: url(/sfc3/images/noText/960/fs_accountNavBG.jpg) repeat-x;*/
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  height: 25px;
  border-top: 3px solid #ea742c;
  padding: 0;
}

#accountNavContent {
  color: ffffff;
  text-decoration: none;
  text-align: left;
  position: relative;
  max-width: 970px;
  min-width: 800px;
  height: 45px;
  margin: 0 auto;
  padding: 0;
  z-index: 1;
}

#accountNavLeft{
  float: left;
  position: relative;
  height: 100%;
  /*width: 450px;*/
}

#accountNavRight{
  float: right;
  position: relative;
}

#accountNavTab {
  float: right;
  position: relative;
  margin-left: 15px;
}

#accountNavForm {
  position: relative;
  float: right;
  display: inline;
  bottom: 2px;
}

ul.accountNavList {
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  display: inline;
  margin: 0;
  padding: 0;
  position: relative;
  margin-left: 0;
}

ul.accountNavList li {
  font-size: 12px;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  display: inline;
  margin: 0;
  padding: 5px 5px 0;
  line-height: 25px;
}

ul.accountNavListRight {
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  display: inline;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  /*background: url("/sfc3/images/noText/960/fs_accountNavBG.jpg") repeat-x scroll 0 0 transparent;*/
}

ul.accountNavListRight li {
  font-size: 12px;
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  display: inline;
  margin: 0;
  padding: 5px;
  line-height: 25px;
  clear: both;
}

a.cart {
  text-decoration: underline;
  color: #ffffff;
}

/* View Car Button */

a.viewCartBtn {
  text-decoration: none;
    zoom: 1;
  line-height: 44px;
  padding: 0 20px !important;
  float: right;
  height: 44px;
  line-height: 44px !important;
  margin-top: -5px;
  color: #ffffff;
}

/* End View Cart Button */


/* Form Fields */

/*input {
  background: #ffffff;
  border: 1px solid #333333;
  outline: none;
  resize: none;
  padding: 0;
  margin: 0;
}
*/
input#accountNav {
  text-align: left;
  background: #ffffff;
  color: #8b8b8b;
  border: 3px solid #83548e;
  -moz-box-shadow:inset 0 0 4px #d5d6d6;
  -webkit-box-shadow:inset 0 0 4px #d5d6d6;
  box-shadow:inset 0 0 4px #d5d6d6;
  height: 20px;
  width: 150px;
  margin: 5px;
  padding-left: 5px;
}

input#accountNavPass {
  text-align: left;
  background: #ffffff;
  color: #8b8b8b;
  border: 3px solid #83548e;
  -moz-box-shadow:inset 0 0 4px #d5d6d6;
  -webkit-box-shadow:inset 0 0 4px #d5d6d6;
  box-shadow:inset 0 0 4px #d5d6d6;
  height: 20px;
  width: 150px;
  margin: 5px;
  padding-left: 5px;
}

/* End Account Nav */

/* START TOOL MENU */
.toolMenu {
  background-color: #eeeeee;
  display: block;
  list-style:none;
  margin:0 auto;
  line-height: 27px;
  padding:0;
  width: 970px;
  height: 33px;
  border-bottom: 1px solid #cccccc;
  }
.toolMenu li {
  float: left;
  text-align: center;
  position: relative;
  padding: 2px 0 0 10px;
  margin: 0;
  z-index: 2;
}
.toolMenu ul li:hover {
  background: none;
}

/* Notification Widget */
.toolMenu li a, .toolMenu li div#notifications {
  cursor: pointer;
  outline:0;
  padding: 5px 10px 2px 10px;
  display:block;
    color: #666666;
    font: bold 12px Arial, Helvetica;
  line-height: 15px;
    text-decoration: none;
}
.toolMenu li a {
  cursor: pointer;
  outline:0;
  padding: 5px 10px 2px 10px;
  display:block;
    color: #666666;
    font: bold 12px Arial, Helvetica;
  line-height: 15px;
    text-decoration: none;
}
.toolMenu ul li:hover a {
  background: none;
}
#header960 div.error {
/*  color: #B40202;
  display: block;
  font-weight: bold;
  margin-left: 65%;
  padding: 5px;
  text-align: center;
*/
  margin: 0;
  padding: 3px 0;
  float: left;
  font-weight: bold;
  color: #fff;
  background-color: #B40202;
  text-align: center;
  width: 969px;
}
#header960 div.errorPleasing {
  margin: 0;
  padding: 3px 0;
  float: left;
  font-weight: bold;
  background-color: #ffffff;
  color: #B40202;
  text-align: center;
  width: 969px;
}
#footer2011 div.errorPleasing {
  margin: 0;
  padding: 3px 0;
  float: left;
  font-weight: bold;
  background-color: #ffffff;
  color: #B40202;
  text-align: center;
  width: 969px;
}
/*.header960BG { background: url("/sfc3/images/noText/960/header960_bg.gif");}*/



/*
******************************************************************************
Original: 960_home.css  ***********************************************
******************************************************************************
*/

/*
**********************************
Global Homer: Image Sprites
**********************************
*/

  /* Sprite image for global horizontal navBars and form headers */
    /*background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);*/

  /* Sprite image for global notext elements */
  div#home2010 form h3 {
  background-image:url(/sfc3/images/noText/nd2010/sprite_global.png);
  }

  /* Sprite image for global ENGLISH elements */
  div#heroBar form#accountloginForm input.formImagebutton,
  div#shoeBar form#shoefinderForm input.formImagebutton,
  div#heroBar a#quickorder {
  background-image:url(/sfc3/images/en/nd2010/sprite_global_btns.png);
  }

  /* Sprite image for global SPANISH elements */
  body.uses div#heroBar form#accountloginForm input.formImagebutton,
  body.uses div#shoeBar form#shoefinderForm input.formImagebutton,
  body.uses div#heroBar a#quickorder {
  background-image:url(/sfc3/images/es/nd2010/sprite_global_btns.png);
  }

/*
**********************************
heroBar: hero image, account login, quickorder

Wrapped in div#bodyContent2010

**********************************
*/

  div#home2010 div#heroBar {
  padding:0; border:0;
  margin: 0 0 10px 0;
  overflow:hidden;
  zoom: 1; /* for ie6 */
  }

/* global homepage forms */
  div#home2010 form {
  font-size:11px;
  width: 200px;
  padding:0; border:0;
  margin:0 0 20px 0;
  /*background-color:#e0d4e5;  temp */
  float:right;
  background-image:url(/sfc3/images/noText/nd2010/global_home_formbody_bg.png);
  background-repeat: repeat-y;
  background-position: top right;
  border-bottom: 5px solid #a27baf;

  overflow:visible;
  zoom:1;
  }

  div#home2010 form fieldset {
  margin:0; border:0; padding:0;
  }

  /*div#home2010 form legend -> replaced LEGEND with H3*/
  div#home2010 form h3 {
  margin:0; padding:0; border:0;
  display: block;
  width:200px;
  padding-bottom: 6px;
  margin-bottom: 4px;

  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color: #6a187c;
  background-repeat: no-repeat;
  background-position: bottom left;
  }

  /* form text field labels */
  div#home2010 form label.formTextfield {
  float: left;
  clear: left;
  margin:0; padding:0; border:0;
  color:#7d7d7d;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:21px;
  display: block;
  text-align: left;
  height:21px;

  margin-bottom: 4px;

  width:71px;

  }

  div#home2010 form input.formTextfield {
  margin:0; padding:0; border:0;
  background-color:#ffffff;
  color:#000;
  font-size:11px;
  line-height:21px;
  border: 1px solid #7d7d7d;
  border-left: 2px solid #a27baf;
  margin-bottom: 4px;
  width: 116px;
  height:19px;
  }

  * html div#home2010 form input.formTextfield
  {
  width: 116px;
    w\idth: 113px;
  height: 21px;
  heig\ht: 19px;
  }

  div#home2010 form input.formImagebutton label.formCheckbox {
  margin:0; padding:0; border:0;
  line-height:14px;
  }

   div#home2010 form input.formImagebutton {
  background-repeat:no-repeat;
  background-position: top left;

    display:inline;
  border: 0;
  line-height: 0;
    cursor: pointer;
  text-indent: -9999px;
  vertical-align:middle;
  }

  div#home2010 form input.formImagebutton:hover {
  background-position: bottom left;
  }


/* Hero image container */
  div#heroBox {
  text-align:left;
  width: 533px;
  height:258px;
  /*background-color:#FFCC66;*/
  float:left;
  }

/* form: account login */
  div#heroBar form#accountloginForm {
  /*height: 180px;  temp */
  padding-bottom:10px;
  }

  /* login form default: english */
  div#heroBar form#accountloginForm input.formImagebutton {
  height: 22px;
    width: 48px;
  margin-top:4px;
  margin-right: 4px;
  background-repeat:no-repeat;
  background-position: -100px -688px;
  }
  /* login form btn: wider for Spanish */
  body.uses div#heroBar form#accountloginForm input.formImagebutton {
  width: 72px;
  }
  body.uses div#home2010 form label.formTextfield {
  line-height:10px;
  }
  div#heroBar form#accountloginForm input.formImagebutton:hover {
  background-position: -100px -720px;
  }


  div#heroBar form#accountloginForm ul {
  list-style-type: none;
  padding:0; border:0;
  margin: 0 0 5px;
  }

  div#heroBar form#accountloginForm li {
  }

/*  quickorder */
  div#heroBar a#quickorder {
  margin:0; padding:0; border:0;
  text-align:left;
  display:block;
  outline:none;
  width:200px;
  height:40px;
  text-indent:-9009px;
  background-repeat:no-repeat;
  background-position: 0 -84px;
  float:right;
  clear:right;
  }

  div#heroBar a#quickorder:hover {
  background-position: 0 -134px;
  }

/*
**********************************
shoeBar: shoe collections (4) and shoe finder form
**********************************
*/
  div#shoeBar { /* default shoebar image: US */
  padding:0; margin:0; border:0;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-image:url(/sfc3/images/noText/nd2010/global_home_shoebox_us.png);
  overflow:auto;
  zoom: 1; /* for ie6 */
  }
  /* CA shoebar */
  body.caen div#shoeBar {
  background-image:url(/sfc3/images/noText/nd2010/global_home_shoebox_ca.png);
  }

  /*
  **********************************
  shoe collection
  **********************************
  */

  div#shoeCollection {
  text-align:left;
  width: 533px;
  float:left;
  zoom:1;
  }
  /* reset */
  div#shoeCollection div,
  div#shoeCollection ul,
  div#shoeCollection li {
  padding:0; margin:0; border:0;
  }

  div#shoeCollection h3 {
  display: none;
  }

  div#shoeCollection div.shoebox {
  width: 133px;
  float:left;
  }

  div#shoeCollection h4 {
  margin:0; padding:0; border:0;
  }

  div#shoeCollection h4 a {
  margin:0; padding:0; border:0;
  display: block;
  margin-bottom: 6px;

  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color: #6a187c;

  border-bottom:2px solid #acbd35;
  background-color:#FFFFFF;
  text-decoration:none;
  padding-left: 2px;
  width:127px;
  }
  * html div#shoeCollection h4 a
  {
  width: 127px;
    w\idth: 125px;
  }


  div#shoeCollection h4.athletic a {
  color:#acbd35;
  border-bottom:2px solid #acbd35;
  }
  div#shoeCollection h4.dress a {
  color:#a27baf;
  border-bottom:2px solid #a27baf;
  }
  div#shoeCollection h4.casual a {
  color:#f07935;
  border-bottom:2px solid #f07935;
  }
  div#shoeCollection h4.work a {
  color:#dac208;
  border-bottom:2px solid #dac208;
  }

  div#shoeCollection h4.athletic a:hover {
  color:#ffffff;
  background-color:#acbd35;
  border-bottom:2px solid #acbd35;
  }
  div#shoeCollection h4.dress a:hover {
  color:#ffffff;
  background-color:#a27baf;
  border-bottom:2px solid #a27baf;
  }
  div#shoeCollection h4.casual a:hover {
  color:#ffffff;
  background-color:#f07935;
  border-bottom:2px solid #f07935;
  }
  div#shoeCollection h4.work a:hover {
  color:#ffffff;
  background-color:#dac208;
  border-bottom:2px solid #dac208;
  }

  /* */
  div#shoeCollection ul {
  list-style-type:none;
  padding-right:12px;
  }

  div#shoeCollection li {
  text-align:right;
  }

  div#shoeCollection li.womensLink a {}

  div#shoeCollection li.mensLink a {}

  div#shoeCollection li.shoeLink a {
  margin:0; padding:0; border:0;
  text-align:left;
  display:block;
  outline:none;
  width:auto;
  height:114px;
  text-indent:-9009px;
  background-color:transparent;
  }




  /*
  **********************************
  shoe finder form
  **********************************
  */

  div#shoeBar form#shoefinderForm {
  padding:0; margin:0;
  }
  div#shoeBar form#shoefinderForm label {
  display:none;
  }

  div#shoeBar form#shoefinderForm ul {
  list-style-type: none;
  padding:0; border:0;
  margin: 0;
  }

  div#shoeBar form#shoefinderForm li {
  padding:0; border:0;
  margin: 4px 0;
  }

  div#shoeBar form#shoefinderForm select {
  text-align:left;
  width: 198px;
  font-size:11px;
  border: 1px solid #7d7d7d;
  border-left: 2px solid #a27baf;
  color:#000;
  width: 190px;
  }
  * html div#shoeBar form#shoefinderForm select {
  width: 190px;
    w\idth: 187px;
  }

  /* Shoe Finder 'show results' button */
  div#shoeBar form#shoefinderForm input.formImagebutton {
  display:block;
  height: 22px;
    width: 87px;
  background-color:#666666;
  background-position: -192px -688px;
  }
  div#shoeBar form#shoefinderForm input.formImagebutton:hover {
  background-position: -192px -720px;
  }


/*
**********************************
carousel link bar
**********************************
*/


  div#carouselBar {
  border:0;
  margin: 20px 0 0 0;
  padding: 0 0 0 22px; /* left padding to center buttons */
  overflow:auto;
  zoom: 1; /* for ie6 */
  }

  div#carouselBar ul {
  padding:0; margin:0; border:0;
  list-style-type: none;
  position:relative;
  zoom: 1; /* for ie6 */
  }

  div#carouselBar li {
  padding:0; margin:0; border:0;
  float:left;
  text-align:center;
  }

  div#carouselBar li#sliptest,
  div#carouselBar li#shoeprogram {
  padding-top:20px;
  }

  /* sprite carousel image. default: English.  US_EN, CA_EN */
  div#carouselBar li#sliptest a,
  div#carouselBar li#shoeprogram a,
  div#carouselBar li#review span {
  background-image:url(/sfc3/images/en/nd2010/sprite_carousel.png);
  }

  /* sprite carousel image.  US_ES (Spanish) */
  body.uses div#carouselBar li#sliptest a,
  body.uses div#carouselBar li#shoeprogram a,
  body.uses div#carouselBar li#review span {
  background-image:url(/sfc3/images/es/nd2010/sprite_carousel.png);
  }

  div#carouselBar li#sliptest a {
  margin:0; padding:0; border:0;
  text-align:left;
  display:block;
  outline:none;
  width:184px;
  height:125px;
  text-indent:-9009px;
  background-repeat:no-repeat;
  background-position: 0 -386px;
  }
  div#carouselBar li#sliptest a:hover {
  background-position: 0 -521px;
  }

  div#carouselBar li#review span {
  display:block;
  height:175px;
  width:339px;
  text-indent:-9009px;
  background-position: 50px 0;
  background-repeat:no-repeat;
  }

  div#carouselBar li#shoeprogram a {
  margin:0; padding:0; border:0;
  text-align:left;
  display:block;
  outline:none;
  width:184px;
  height:125px;
  text-indent:-9009px;
  background-repeat:no-repeat;
  background-position: 0 -662px;
  background-color:#CCCCCC;
  }
  div#carouselBar li#shoeprogram a:hover {
  background-position: 0 -797px;
  }



/*
******************************************************************************
Original: 960_body_updated.css  ***********************************************
******************************************************************************
*/

/*
**********************************
Global Body Wrapper: Image Sprites
**********************************
*/

  /* Sprite image for global horizontal navBars and form headers */
  div#styleSelector {
/*  background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);*/
  }

  /* Sprite image for global notext elements */
  div.vertNav h3 {
  background-image:url(/sfc3/images/noText/nd2010/sprite_global.png);
  }

  /* Sprite image for global ENGLISH elements */
  div#styleSelector form input.formImagebutton,
  div#leftNav2010 a#quickorder,
  div#leftNav2010 #shoefinderForm input.formImagebutton,
  form#OccupationSelector input.formImagebutton{
  background-image:url(/sfc3/images/en/nd2010/sprite_global_btns.png);
  }
  /* Sprite image for global SPANISH elements */
  body.uses div#styleSelector form input.formImagebutton,
  body.uses div#leftNav2010 a#quickorder,
  body.uses div#leftNav2010 #shoefinderForm input.formImagebutton,
  body.uses div#OccupationSelector form input.formImagebutton {
  background-image:url(/sfc3/images/es/nd2010/sprite_global_btns.png);
  }

  /* Sprite image for global ENGLISH leftnav valprop btns */
  div#leftNav2010 li#valprops,
  div#leftNav2010 a#slipchart {
  background-image:url(/sfc3/images/en/nd2010/sprite_valprops_sidebar.png);
  }

  /* Sprite image for global SPANISH leftnav valprop btns */
  body.uses div#leftNav2010 li#valprops,
  body.uses div#leftNav2010 a#slipchart {
  background-image:url(/sfc3/images/es/nd2010/sprite_valprops_sidebar.png);
  }

/*
********************************************************************
Global Body Wrapper: leftNav, bodyContent, rightNav
********************************************************************
*/

  div#body2010 {
  font-family:Arial, sans-serif;
  font-size:12px;
  /*width:755px;*/
  padding:0;
  margin:0 auto;
  border:0;
  /* center div in non-IE browsers */
  /*    margin-left: auto;
    margin-right: auto;*/
    text-align: left; /* override global align-center */
  background-color:#ffffff;
  z-index: 0;
  float: left;
}

  .three-column {width:760px;} /* leftnav + content + rightnav (prod. browse) */

  .two-column {width:760px;} /* body + rightnav (prod. detail) */

  .one-column {width:100%;} /* body 100% (cart nav, off-grid) */




/*
**********************************
Body content div
**********************************
*/

div#bodyContent2010 {
  border:0; padding:0; margin:0 0 20px 0;
  /*background-color: #FFFFFF;*/
  text-align:left;

  overflow:visible;
  zoom:1;

  min-height:500px; /* Note: add hack for IE6 later */
  }

.noSidebar {
/* body content for home page.  100% width */
  float:none;
  width:100%;
  }

.leftSidebar {
  /* body content floats right of the left nav */
  width:550px;
  float:right;
  }

.leftSidebarWide {
  /* body content floats right of the left nav */
  width:740px;
  float:right;
  }

.rightSidebar {
/* body content floats left of right nav */
  }

/*
**********************************
Leftnav container.  180 pixels wide
**********************************
*/

div#leftNav2010 {
  border:0;
  padding:0;
  width:180px;
  /*background-color:#dfd1e3;*/
  float:left;
  margin-right: 0px;
  margin-bottom:20px;
  display: inline;
  margin-top: 0;
  margin-left: 0;
  }

/*  leftnav btn container UL */
  div#leftNav2010 ul.valpropcontainer {
  border:0; padding:0; margin:0;
  list-style:none;
  float:none;
  margin-bottom:20px;
  }
    /*  leftnav btn container links */
    div#leftNav2010 ul.valpropcontainer a,
    div#leftNav2010 li#valprops {
    margin:0; padding:0; border:0;
    text-align:left;
    display:block;
    outline:none;
    width:180px;
    background-repeat:no-repeat;
    background-color: #ffffff;
    }
    /*  leftnav btn container LI */
    div#leftNav2010 ul.valpropcontainer li {
    border:0; padding:0; margin:0;
    list-style:none;
/*    padding-bottom:10px;*/
    }

/*  quickorder btn in leftnav */
  div#leftNav2010 a#quickorder {
  height:38px;
  text-indent:-9009px;
  background-position: 0 -194px;
  }
  div#leftNav2010 a#quickorder:hover {
  background-position: 0 -242px;
  }

/*  valprops btn in leftnav */
  /*div#leftNav2010 a#valprops*/
  div#leftNav2010 li#valprops{
  height: 71px;
  text-indent:-9009px;
  background-position: 0 0;
  }
/*  div#leftNav2010 a#valprops:hover {
  background-position: 0 -94px;
  }*/
  /*  custom heigh for Spanish */
  .uses div#leftNav2010 li#valprops {
  height:81px;
  }

/*  slipchart btn in leftnav */
  div#leftNav2010 a#slipchart {
  height: 142px;
  text-indent:-9009px;
  background-position: 0 -188px;
  }
  div#leftNav2010 a#slipchart:hover {
  background-position: 0 -324px;
  }

/* left vertnav product select form */

  div#styleSelector {
  margin:0; border: 0;
  padding: 3px;
  background-color:#9d38b4;
  /*background-image:url(/sfc3/images/noText/nd2010/sprite_hbars.png);*/
  background-repeat: repeat-x;
  background-position: 0 -106px;
  border-bottom: 2px solid #6a187c;
  padding-left:6px;
  margin-top:6px;
  position:relative;
  zoom:1;
  float:none;
  clear:both;
  }

  div#styleSelector form {
  margin:0; border: 0; padding:0;
  text-align:left;
  line-height:30px;
  /*background-color: #CCCCCC; */
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  }

  div#styleSelector form label {
  display:none;
  }

  div#styleSelector form select {
  text-align:left;
  font-size:12px;
  border: 1px solid #e3c9ec;
  color:#666666;
  /*width: 190px;*/
  vertical-align:middle;
  height: 20px;
  }
  div#styleSelector form select .even {
  background-color:#f2ecf4;
  text-align: left;
  }
  div#styleSelector form select .odd {
  background-color:#FFFFFF;
  text-align: left;
  }

  div#styleSelector form input.formImagebutton{
  background-repeat:no-repeat;
  background-position: -50px -688px;
    display:inline;
  border: 0;
  line-height: 0;
    cursor: pointer;
    height: 22px;
    width: 30px;
  text-indent: -9999px;
  vertical-align:middle;
  }

  div#styleSelector form input.formImagebutton:hover {
  background-position: -50px -720px;
  }

div.vertNav, div.vertNavFinder {
/* same bg and bottom as: div#home2010 form */
  background-image:url("/sfc3/images/noText/nd2010/global_home_formbody_bg.png");
  background-repeat: repeat-y;
  background-position: top right;
  margin-bottom: 0;
  padding-bottom:10px;
  background: #eeeeee;
}


div.vertNav h3 {
/* same as: div#home2010 form h3 */
  margin:0; padding:0; border:0;
  display: block;
  width:175px;
  padding: 0 0 3px 5px;
  margin-bottom: 6px; /*margin-bottom: 10px;*/
  background: #86849d;

  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  color: #ffffff;

  /*background-image:url(/sfc3/images/noText/nd2010/global_home_formheader_bg.png);*/
  background-repeat: no-repeat;
  background-position: bottom left;

  margin-bottom:12px;
  }

div.vertNav #shoefinderForm select,
div.vertNav #OccupationSelector select,
div.vertNav #OccupationSelector input {
  width: 165px;
    border-color: #e2d8e2;
  margin-left: 7px;
  margin-right: auto;
  margin-bottom: 5px;
  padding-left: 5px;
  font-size: 11px;
}


/*
**********************************
Sidebar Val-props: Image Sprites
**********************************
*/

  #sideNavValprops {
  padding: 0; border:0; margin:0;
  width:180px;
  }

  #sideNavValprops li {
  padding: 0; border:0; margin:0;
  display: block;
  list-style-type: none;
  }

  /* Sprite image for ENGLISH val-prop */
  #sideNavValprops a {
  background-image:url(/sfc3/images/en/nd2010/valprops_sidebar.png);
  }
  /* Sprite image for SPANISH val-prop */
  body.uses #sideNavValprops a {
  background-image:url(/sfc3/images/es/nd2010/valprops_sidebar.png);
  }

  /* Val-prop bg images */
  #sideNavValprops a {
  margin:0; padding:0; border:0;
  text-align:left;
  display:block;
  outline:none;
  width:180px;
  text-indent:-9009px;
  background-repeat:no-repeat;
  }

  /* Val-prop bg image: outsole */
  #sideNavValpropsOutsole a {
  height:184px;
  background-position: 0 0;
  }
  /* Val-prop bg image: exchanges */
  #sideNavValpropsExchange a {
  height:158px;
  background-position: 0 -184px;
  }
  /* Val-prop bg image: price */
  #sideNavValpropsPrice a {
  height:176px;
  background-position: 0 -342px;
  }
  /* Val-prop bg image: hover outsole */
  #sideNavValpropsOutsole a:hover {
  background-position: -180px 0;
  }
  /* Val-prop bg image: hover exchanges */
  #sideNavValpropsExchange a:hover {
  background-position: -180px -184px;
  }
  /* Val-prop bg image: hover price */
  #sideNavValpropsPrice a:hover {
  background-position: -180px -342px;
  }

/*
**********************************
Rightnav container.  180 pixels wide
**********************************
*/
div#rightNav2010 {
  border:0; padding:0; margin:0;
  width:180px;
  /*background-color:#dfd1e3;*/
  float:right;
  margin-left: 15px;
  margin-bottom:20px;
  }

/*
******************************************************************************
Original: rightsidebar2011.css  ***********************************************
******************************************************************************
*/

#RightSidebar2011 {
  font-family: Arial, Helvetica, sans-serif;
  float:right;
  width:148px;
  height:auto;
  border: 1px solid #86849d;
  background: #eeeeee;
  position: relative;
  margin: 0 auto;
  display: inline;
  z-index: 0;
}

p.RightSidebar2011 {
  padding: 0;
  margin: 0;
}

#RSCartContents {
  border-top: 1px solid #813587;
  border-bottom: 1px solid #813587;
}


#RSCart {
}

.RSFold {
  cursor: pointer;
}

#RSRecentlyViewed {
}

#RSRecentlyViewedContents {
  border-top: 1px solid #813587;
}

#RSRecommended {
}

#RSRecommendedContents {
  border-top: 1px solid #813587;
}

.RSHeader {
  font-size: 12px;
  background-color: #86849d;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 0px;
  zoom: 1;
  border-top: 1px solid #69177B;
}

.RSHeaderTop {
  font-size: 12px;
  background-color: #86849d;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 0px;
  zoom: 1;
}

.RSItems{
  padding-top: 10px;
  cursor:pointer;
  top: 10px;
  p: 10px;
  padding: 3px;
}

.RSContentItem {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style: none;
  text-align: center;
  position: relative;
}

#RSContentItem li {
  margin: 8px;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style: none;
}

#RSsubtotal {
  margin: 0 auto;
  padding: 0;
}

.RSProductName {
  font-size: 12px;
  font-weight: bold;
  color: #573c6d;
  padding-top: 5px;
  margin: 0 auto;
}

.RSProductPrice {
  font-size: 10px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 5px;
  margin: 0 8px 8px;
}

.RSViewAll {
  font-size: 12px;
  font-weight: bold;
  color: #813587;
  text-align: center;
  padding-bottom: 10px;
  margin: 0 auto;
  text-decoration: none;
}

.RSsmallBlackText {
  font-size: 12px;
  color: #333333;
  font-weight: normal;
  text-align: center;
  padding: 0;
  margin: 0;
}

.RSsubtotal {
  font-size: 16px;
  font-weight: bold;
  color: #813587;
  text-align: center;
  display: inline;
  padding: 0;
  margin: 0;
}

.RSCartStatus {
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.shoe {
  border: 1px solid #813587;
}

/* View Cart Button */

.RSviewCart-btn {
  font: 14px "Arial", sans-serif;
  font-weight: bold;
  line-height: 20px;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  height: 20px;
  width: 100px;
  margin: 10px auto;
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 0;
}

.cafr .RSviewCart-btn {
  font: 13px "Arial", sans-serif;
  line-height: 20px;
  width: 120px;
  font-weight: bold;
}

a.RSviewCart-btn:visited {
  color: #ffffff;
}

a.RSviewCart-btn:active {
  color: #ffffff;
}

a.RSviewCart-btn:link {
  color: #ffffff;
  text-decoration: none;
}

/* Quick View Button */

.RSLargePurpleText, .RSLargePurpleText a:link, .RSLargePurpleText a:hover, .RSLargePurpleText a:active, .RSLargePurpleText a:visited {
                font-size: 15px;
                font-weight: bold;
                color: #813587;
                text-align: center;
                letter-spacing: -1px;
                padding-left: 2px;
                padding-right: 2px;
}

.RSArrowHandle{
  float:right;
}



/*
******************************************************************************
Original: homepage.css  ***********************************************
******************************************************************************
*/
#wrapper {
  margin: 0 auto;
  width: 970px;
  background: #ffffff;
}

/*
#bodyContent2011 {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background: #FFFFFF;
  width: 940px;
  padding: 0;
  margin: 0 auto;
}
*/

/* Start Home Page */

#hero2011 {
  width: 940px;
  margin: 0 auto;
  margin-top: 0px;
  height: 330px;
  background: #ffffff;
}

#shoeFinder2011 {
    background: none repeat scroll 0 0 #eeeeee;
  position: relative;
  float: left;
  width: 218px;
  height: 329px;
  padding: 0;
  margin: 0;
}

#shoeFinderForm {
  padding: 5px;
}

#heroSlider2011 {
  background: #333333;
  position: relative;
  width: 700px;
  float: right;
  border: none;
  height: 330px;
  padding: 0;
  margin: 0;
  z-index: 0;
}

/* Start Slider Dots */

#sliderDots {
  background: #ffffff;
    filter: alpha(opacity=40); /* internet explorer */
    -khtml-opacity: 0.4;      /* khtml, old safari */
    -moz-opacity: 0.4;       /* mozilla, netscape */
    opacity: 0.4;           /* fx, safari, opera */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  text-align: left;
  margin-top: 0px;
  padding-left: 10px;
  float: left;
  height: 20px;
  width: auto;
  margin-left: 6px;
  z-index: 999;
  bottom: 25px;
}

#sliderDots:hover {
  background: #ffffff;
    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8;      /* khtml, old safari */
    -moz-opacity: 0.8;       /* mozilla, netscape */
    opacity: 0.8;           /* fx, safari, opera */
}

.sliderDotOff {
  background: url(/sfc3/images/noText/960/dot_off.png) no-repeat;
  position: relative;
  display: inline;
  text-indent: -9999px;
  padding: 5px;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
  z-index: 3;
  cursor: pointer;
}

.sliderDotOn {
  background: url(/sfc3/images/noText/960/dot_on.png) no-repeat;
  position: relative;
  display: inline;
  text-indent: -9999px;
  padding: 5px;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
  z-index: 3;
  cursor: pointer;
}

/* End Slider Dots */

/* Start Slider Controls */

#sliderControls {
  background: #ffffff;
    filter: alpha(opacity=40); /* internet explorer */
    -khtml-opacity: 0.4;      /* khtml, old safari */
    -moz-opacity: 0.4;       /* mozilla, netscape */
    opacity: 0.4;           /* fx, safari, opera */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  text-align: left;
  margin-top: 0px;
  float: right;
  height: 20px;
  width: 100px;
  margin-right: 6px;
  z-index: 999;
  bottom: 25px;
}

#sliderControls:hover {
  background: #ffffff;
    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8;      /* khtml, old safari */
    -moz-opacity: 0.8;       /* mozilla, netscape */
    opacity: 0.8;           /* fx, safari, opera */
}

.sliderPrev {
  background: url(/sfc3/images/noText/960/prev.png) no-repeat;
  position: relative;
  display: block;
  text-indent: -9999px;
  float: left;
  margin-top: 4px;
  margin-right: 13px;
  margin-left: 10px;
  width: 22px;
  z-index: 3;
  cursor: pointer;
}

.sliderPlay {
  background: url(/sfc3/images/noText/960/play.png) no-repeat;
  position: relative;
  display: block;
  text-indent: -9999px;
  width: 12px;
  float: left;
  margin-top: 4px;
  margin-right: 10px;
  z-index: 3;
  cursor: pointer;
}

.sliderPause {
  background: url(/sfc3/images/noText/960/pause.png) no-repeat;
  position: relative;
  display: block;
  text-indent: -9999px;
  width: 12px;
  float: left;
  margin-top: 4px;
  margin-right: 10px;
  z-index: 3;
  cursor: pointer;
}

.sliderNext {
  background: url(/sfc3/images/noText/960/next.png) no-repeat;
  position: relative;
  display: block;
  text-indent: -9999px;
  width: 22px;
  float: left;
  margin-top: 4px;
  z-index: 3;
  cursor: pointer;
}


/* End Slider Controls */

#brandBar {
  width: 930px;
  max-width: 930px;
  padding-left: 10px;
  margin-top: 20px;
  padding-bottom: 10px;
}

.brandBarLogo {
  margin-left: 35px;
  margin-top: 0;
  display: inline-block;
  *display: inline;
  text-align: center;
  vertical-align: text-top;
  zoom: 1;
}
.cafr .brandBarLogo {
  margin-left: 30px;
}

.brandBarText {
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
}

.brandBarLogo a {
  text-decoration: none;
  color: #000000;
}

.brandBarLogo a:hover {
  text-decoration: underline;
}
#shoeBar2011 {
  width: 930px;
  max-width: 930px;
  height: 210px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: 20px;
}

.shoeBarStyles{
  width: 150px;
  position: relative;
  float: left;
  padding-right: 5px;
  padding-top: 10px;;
}

.shoeBarStyles a {
  color: #333333;
  text-decoration: none;
}

.shoeBarStyles a:hover {
  color: #333333;
  text-decoration: underline;
}

#categoryBar2011 {
  width: 930px;
  background: #eeeeee;
  position: relative;
  float: left;
  padding: 0 0 10px 10px;
  margin-top: 20px;
  border-top: 1px solid #dddfdc;
  border-bottom: 1px solid #dddfdc;
}

#leftHomeSidebar2011{
  margin-top: 20px;
  margin-left: -15px;
  width: 220px;
  position: relative;
  float: left;
}

.topSellersTab {
  width: 700px;
  height: 700px;
  margin-top: 20px;
  position: relative;
  float: right;
}

.topSellersTabOctoLayout {
  width: 930px;
  margin-top: 20px;
  position: relative;
  float: right;
}

.topSellersTabOctoLayout  #collectionRightColumn, .topSellersTabOctoLayout  #collectionLeftColumn {
  width: 47%;
}

.topSellersTabOctoLayout  #collectionRightColumn {
  padding-left: 29px;
}

.topSellersTabOctoLayout  .productBox {
  width: 205px;
}

.topSellersTabOctoLayout  .productBox .innerbox, .topSellersTabOctoLayout  .productBox .browseProductButtons {
  padding-left: 25px;
}

.womenstopsellers {
  width: 700px;
  height: 320px;
  position: relative;
  float: right;
  padding: 0;
  margin: 0;
  text-align: center;
}

.menstopsellers {
  width: 700px;
  height: 320px;
  position: relative;
  float: right;
  padding: 0;
  margin: 0;
  text-align: center;
}

.cafr .menstopsellers {
  height: auto;
}

.topSeller-LeftArrow {
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
  top: 140px;
  left: 40px;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor:pointer;
}

.topSeller-LeftArrow:hover {
  margin: 0;
  padding: 0;
  position: absolute;
  float: left;
  top: 140px;
  left: 40px;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}


.topSeller-RightArrow {
  margin: 0;
  padding: 0;
  position: absolute;
  float: right;
  top: 140px;
  right: 40px;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor:pointer;
}

.topSeller-RightArrow:hover {
  margin: 0;
  padding: 0;
  position: absolute;
  float: right;
  top: 140px;
  right: 40px;
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

#shoeFinderHeading {
  position: relative;
  float: left;
  height: 30px;
  width: 100%;
  text-align: left;
  background: #6f8b94;
  color: #ffffff;
  border: 0;
  margin-bottom: 10px;
}

#leftTestimonial {
  margin-top: 20px;
  width: 220px;
  position: relative;
  float: left;
  clear: left;
}

#SFCstory {
  width: 650px;
  height: 235px;
  text-align: left;
  position: relative;
  background: #eeeeee;
  float: right;
  padding: 0 0 10px 10px;
  margin: 40px 0 20px;
}

#SFCstory.fullwidth {
  width: auto;
  height: auto;
  text-align: left;
  position: relative;
  background: #eeeeee;
  padding: 0 0 0 10px;
  margin: 0 0 20px;
}

@media only screen and (max-device-width:768px) {
  .womenstopsellers, .menstopsellers {
    margin-bottom: 35px;
  }
  #SFCstory {
    margin-top: 90px;
  }
}

.leftTextColumn {
  text-align: justify;
  width: 375px;
  position: relative;
  float: left;
  padding-top: 10px;
}

.leftTextColumn .fullwidth {
  width: 650px;
}

.rightImageColumn {
  text-align: right;
  width: 250px;
  height: 245px;
  position: relative;
  float: right;
}

/* Start Type */

p.bodyCopy {
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  margin-top: 10px;
  line-height: 20px;
  text-align: left;
}

#SFCstory p.bodyCopy.fullwidth {
  font-size: 16px;
  line-height: 24px;
}

.xlargeBlackHeading {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  line-height: 46px;
  margin: 0;
  padding: 0;
}

.topSellerHeading {
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  float: left;
  left: 75px;
}

.largeBlackHeading {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  float: left;
}

.mediumtextBold-blk {
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  color: #333333;
  display: inline;
  margin: 0;
  padding: 0;
}

.mediumtextBold-wht {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  color: #ffffff;
  margin: 0;
  padding: 0 0 0 10px;
}

.cafr .mediumtextBold-wht {
  font-size: 13px;
}

.smalltextNormal-blk {
  font-size: 9px;
  font-weight: normal;
  line-height: 14px;
  color: #333333;
  display: inline;
  margin: 0;
  padding: 0;
}

.largeWhiteText {
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -1px;
}

.mediumOrangeText {
  font-size: 14px;
  color: #ed8907;
  font-weight: bold;
  display: inline;
}

/* End Type */

/* Form Fields */

.selectDropdown {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 3px solid #E7EAE1;
  color: #333333;
  outline: none;
  resize: none;
  padding: 5px;
  margin-bottom: 5px;
  width: 100%;
  /*line-height: 23px;*/
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.uses .selectDropdown {
  font-size: 11px;
}

/* End Form Fields */

/* Buttons */

.showResults {
    cursor: pointer;
    display: inline-block;
  padding: 10px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    /*color: #333;*/
    font-size: 14px;
    line-height: normal;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
    background-color: #cd6000;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#db8804), to(#cd6000));
    background-image: -moz-linear-gradient(top, #db8804, #cd6000);
    background-image: -ms-linear-gradient(top, #db8804, #cd6000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db8804), color-stop(100%, #cd6000));
    background-image: -webkit-linear-gradient(top, #db8804, #cd6000);
    background-image: -o-linear-gradient(top, #db8804, #cd6000);
    background-image: linear-gradient(top, #db8804, #cd6000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db8804', endColorstr='#cd6000', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #ccc;
    border-color: #cd6000 #cd6000 #924502;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  width: 100%;
  color: #ffffff;
}

.showResults:hover {
    background-position: 0 -15px;
    /*color: #333;*/
    text-decoration: none;
}

/*.showResults {
  background-image: url(/sfc3/images/noText/960/bg-button-lg.png);
}8?

/* End Buttons */

/* List Items */

ul.byIndustry {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  display: inline;
  margin: 0;
  padding: 5px;
  position: relative;
  top: 5px;
  line-height: 14px;;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
}

ul.byIndustry li {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  display: inline;
  line-height: 0;
  margin: 0;
  padding: 5px;
  list-style: none;
  list-style-image: none;
  list-style-type: none;
}

ul.byIndustry li a {
  text-decoration: none;
  color: #333333;
  padding: 3px;
}

ul.byIndustry li a:hover {
  text-decoration: underline;
  color: #333333;
}

ul.byIndustry li a.active {
    font-size: 14px;
    color: #333333;
    background-color: #ffffff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  padding: 3px 3px 5px 3px;
}

ul.byIndustry li a:visited {
  text-decoration: none;
  color: #333333;
}

.hide{
  display:none;
}

.storyNav {
  float: right;
  position: absolute;
  right: 0;
  z-index: 8;
  opacity: .7;
}

.storyArrows {
  background-color: #333333;
  display: inline;
  padding: 5px;
  width: 6px;
  height: 9px;
}

.storyArrows:hover {
    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8;      /* khtml, old safari */
    -moz-opacity: 0.8;       /* mozilla, netscape */
    opacity: 0.8;           /* fx, safari, opera */
}

/* Account Login */

#accountLogin {
  margin-top: 20px;
/*  background: url(/sfc3/images/noText/960/lock-icon.jpg), #eeeeee;
*/  background-color: #eeeeee;
  background-position: left;
  background-repeat: no-repeat, repeat;
  border-top: 1px solid #DDDFDC;
  border-bottom: 1px solid #DDDFDC;
  padding: 10px;
  position: relative;
  width: auto;
  height: 55px;
}

#loginText {
  position: relative;
  float: left;
  margin-right: 0;
}

#loginForm {
  position: relative;
  float:right;
}

#loginForm.fields {
}

#loginForm.options {
  float: left;
}

.formOptions {
  display: inline-block;
  width: 215px;
}

.ie8 .formOptions {
  line-height: 10px;
  vertical-align: top;
}

#loginForm #username,
#loginForm #password {
  text-align: left;
  /*background: #ffffff;
  color: #8b8b8b;*/
  padding-left: 10px;
  border: 1px solid #afafaf;
  -moz-box-shadow:inset 0 0 1px #d5d6d6;
  -webkit-box-shadow:inset 0 0 1px #d5d6d6;
  box-shadow:inset 0 0 1px #d5d6d6;
  height: 24px;
  width: 200px;
  position: relative;
}

#loginForm #usernameLabel {
    color: #8B8B8B;
    left: 15px;
    position: absolute;
    top: 9px;
    z-index: 1;
}

#loginForm #passwordLabel {
    color: #8B8B8B;
    left: 235px;
    position: absolute;
    top: 9px;
    z-index: 1;
}

.ie8 .homepageLoginLabel {
  top: 7px !important;
}

.ie8 .forgotUsernameIE6 {
  float: right;
}

#loginForm #username.placeHolder{
  /*background:#ffffff url(/sfc3/images/noText/960/username.jpg) no-repeat;*/
  background-position: center;
}

#loginForm #password.placeHolder{
  /*background:#ffffff url(/sfc3/images/noText/960/password.jpg) no-repeat;*/
  background-position: center;
}

/* End Account Login */



/*
******************************************************************************
Original: footer.css  ***********************************************
******************************************************************************
*/

/* SS - Extole footer */

#extole-static-footer .prodDetail {
    background-color: #eeeeee;
    border: 2px dashed #999999;
    height: 80px;
    margin: 0;
    width: 140px;
}

#extole-static-footer .prodDetail img {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 20px 10px;
}

#extole-static-footer .prodDetail .refer p {
    margin: 0;
}

#extole-static-footer .prodDetail .refer {
    color: #2364c8;
    float: left;
    font-size: 15px;
    margin: 0;
    padding-top: 12px;
    text-align: center;
    text-decoration: none;
}

/*
**********************************
Global Footer: Image Sprites
**********************************
*/

  /* Sprite image for global notext elements */
  .linkbox ul#social a,
  div#catalog,
  div#membershipBar li.payments a {
  background-image:url(/sfc3/images/noText/nd2010/sprite_global.png);
  }

  /* Sprite image for global ENGLISH elements */
  div#secureshoppingBar h3,
  div#secureshoppingBar li.guarantee a,
  div#secureshoppingBar li.exchange a,
  div#membershipBar li.pdp a,
  div#copyrightBar a.techlink {
  background-image:url(/sfc3/images/en/nd2010/sprite_global_btns.png);
  }
  /* Sprite image for global SPANISH elements */
  body.uses div#secureshoppingBar h3,
  body.uses div#secureshoppingBar li.guarantee a,
  body.uses div#secureshoppingBar li.exchange a,
  body.uses div#membershipBar li.pdp a,
  body.uses div#copyrightBar a.techlink {
  background-image:url(/sfc3/images/es/nd2010/sprite_global_btns.png);
  }
  /* Sprite image for global FRENCH elements */
  body.cafr div#membershipBar li.pdp a {
  background-image:url(/sfc3/images/fr/nocashneeded.jpg);
  }
.footerContainer {
  background-color: #eeeeee;
  float: left;
  width: 970px;
  padding-bottom: 20px;
  border-top: 5px solid #573C6D;
}

#footer2011 {
  border: 0 none;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  width: 970px;
  position: relative;
  clear: both;
  margin: 0 auto;
  background-repeat: repeat;
  /*padding-top: 20px;*/
}

.footerChallenge {
  background-image:url(/sfc3/images/noText/fs_60dayflag2.png);
  background-repeat: no-repeat;
  padding: 12px 0 0 15px;
  text-align: left;
  width: 447px;
  height: 170px;
  position: relative;
  float: left;
  margin-top: 20px;
}

.footerSocial {
  padding: 10px;
  text-align: left;
  width: auto;
  height: 115px;
  position: relative;
  float: right;
}

#footerNav2011 {
  position: relative;
  margin-top: 0;
  float: left;
  display: inline;
  width: 950px;
  padding: 0 10px 0;
}

#copyrightBar {
  background-color: #573c6d;
  position: relative;
  margin: 0 auto;
  width: 970px;
  padding: 0;
  float: left;
}

.linkbox2011 {
  width: 140px;
  padding: 0;
  position: relative;
  float: left;
  margin-right: 18px;
}

.leftCopyrightFooter {
  display: inline;
    position: absolute;
  left: 20px;
  text-align: left;
  top: 5px;
}

/* memberships and payments Bar */

#membershipBar {
  height: 100px;
  background-color: #ffffff;
  border-top: 1px solid #999999;
  float: left;
  width: 959px;
  /*margin: 0 0 10px 0;*/
  padding: 0 0 0 10px;
}

div#membershipBar h3 {
  display: none;
}

div#membershipBar ul {
  padding: 0; border:0; margin:0;
  margin-top: 10px;
  text-align:center;
  height:75px;
  float: left;
}

div#membershipBar li {
  padding:0 15px 0 0; border:0; margin:0;
  display: block;
  float: left;
  list-style-type: none;
}

div#membershipBar li.payments a {
  margin:26px 0 0 0;
  padding:0; border:0;
  text-align:left;
  display:block;
  outline:none;
  height:20px;
  text-indent:-9009px;
  background-repeat:no-repeat;
}

/* US credit card image */
body.usen div#membershipBar li.payments a,
body.uses div#membershipBar li.payments a {
  width:287px;
  background-position: 0 -406px;
}

body.usen div#membershipBar li.payments a:hover,
body.uses div#membershipBar li.payments a:hover {
  background-position: 0 -436px;
}

/* Canada credit card image */
body.caen div#membershipBar li.payments a {
  width:142px;
  background-position: 0 -466px;
}

body.caen div#membershipBar li.payments a:hover {
  background-position: 0 -496px;
}

div#membershipBar li.pdp {
  padding-right:0;
}

/* PDP button */
div#membershipBar li.pdp a {
  margin:17px 0 0 0;
  padding:0; border:0;
  text-align:left;
  display:block;
  outline:none;
  width:145px;
  height:40px;
  text-indent:-9009px;
  background-repeat:no-repeat;
  background-position: 0 -629px;
}

div#membershipBar li.pdp a:hover {
  background-position: -155px -629px;
}
div#membershipBar li.verisign {
  padding-top: 16px;
}


/* Start Type */

.footerCopyright {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
  float: right;
  padding-right: 10px;
  line-height: 35px;
  display: inline;
  padding: 0pt;
  position: inherit;
  right: 20px;
  top: 0;
  margin: 0;
  text-decoration: none;
}

.footerCopyright a:link {
  color: #ffffff;
}

p.bodyCopy {
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  margin-top: 10px;
  line-height: 18px;
  text-align: left;
}

.footerLinkBoxHeading {
  font-size: 13px;
  font-weight: bold;
  display: block;
  color: #ffffff !important;
  text-decoration: none !important;
  width: 130px;
  background: #86849d;
  margin: 5px;
  padding: 5px;
}

.ie7 .footerLinkBoxHeading {
  line-height: 14px;
}

.uses .footerLinkBoxHeading {
  font-size: 12px;
}

.cafr .footerLinkBoxHeading {
  font-size: 12px;
  height: 30px;
}

.footerLargeBlackHeading {
  font-size: 36px;
  line-height: 31px;
  font-weight: regular;
  margin: 5px 0 0 0;
  color: #333333;
  letter-spacing: -1px;
  padding: 0;
  padding-bottom: 5px;
}
.uses .footerLargeBlackHeading {
  font-size: 30px;
  line-height: 30px;
}
.cafr .footerLargeBlackHeading {
  font-size: 32px;
  line-height: 25px;
}

.largeBlackHeading {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  float: left;
}

.cafr .largeBlackHeading {
  font-size:  17px;
}

#SFCstory .largeBlackHeading {
  line-height: 20px;
}

.mediumtextBold-blk {
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  color: #333333;
  display: inline;
  margin: 0;
  padding: 0;
}

/*.mediumtextBold-wht {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  color: #ffffff;
  display: inline;
  margin: 0;
  padding: 10px;
}
*/

.smalltextNormal-blk {
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  color: #333333;
  display: inline;
  margin: 0;
  padding: 0;
}

.largeWhiteText {
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: -1px;
}

.mediumOrangeText {
  font-size: 14px;
  color: #ed8907;
  font-weight: bold;
  display: inline;
}

/* End Type */



/* List Items */

ul#linkbox2011, ul#linkbox2011 a, ul#linkbox2011 a:visited {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding-left: 5px;
  text-align: left;
  text-decoration: none;
  color: #333333;
}

ul#linkbox2011 li {
  font-size: 11px;
  line-height: 18px;
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* Email Bar */
#emailBar2011 {
  background-color: #86849d;
  background: url(/sfc3/images/noText/960/fs_emailbar.jpg), #86849d;
  background-repeat: no-repeat;
  height: 95px;
  margin-top: 20px;
  margin: 0 auto;
  position: relative;
}

.uses #emailBar2011 {
  background: url(/sfc3/images/es/emailbar.jpg), #86849d;
}
.cafr #emailBar2011 {
  background: url(/sfc3/images/fr/emailBar.jpg), #86849d;
}

#emailBarText {
  position: absolute;
  float: left;
  bottom: 15px;
}

/* #emailBarText #errorMessage {
  width: 250px;
  float: right;
  text-align: right;
  padding-top: 15px;
  color: #B40202;
  font-size: 14px;
  font-weight: bold;
  margin-left: 15px;
  display: none;
} */

#footer2011 div.error {
  padding: 3px;
  font-weight: bold;
  color: #fff;
  background-color: #B40202;
  text-align: center;
}

#emailBarForm {
  height: 28px;
  position: absolute;
  float: right;
  right: 15px;
  bottom: 7px;
}

.emailBarLargeText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 20px;
  line-height: 36px;
  display: inline;
  margin: 0;
}

.emailBarMediumText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 20px;
  line-height: 15px;
  margin: 0;
}

.cafr .emailBarMediumText {
  font-size: 13px;
}



/*
******************************************************************************
Original: 960_top.css  ***********************************************
******************************************************************************
*/

div#leftHeader .logo, div#leftHeader .tagline {
  float: left;
  padding: 0;
  margin: 0;
}

div#leftHeader .logo a {
  background-image: url(/sfc3/Images/noText/960/sfcLogo.jpg);
  background-repeat: no-repeat;
/*  width: 108px;  */
  width: 180px; /* SS */
  height: 72px;
}

div#leftHeader .tagline a {
  background-image: url(/sfc3/Images/noText/960/originalslipresistantshoe.jpg);
  background-repeat: no-repeat;
  width: 182px;
  height: 66px;
}

.cafr div#leftHeader .tagline a {
  background-image: url(/sfc3/Images/fr/originalslipresistantshoe.jpg);
  background-repeat: no-repeat;
  width: 182px;
  height: 66px;
}

.uses div#leftHeader .tagline a {
  background-image: url(/sfc3/Images/es/originalslipresistantshoe.jpg);
  background-repeat: no-repeat;
  width: 182px;
  height: 66px;
}

div#leftHeader .logo a, div#leftHeader .tagline a {
  text-indent: -9009px;
  border: 0 none;
  display: block;
  height: 76px;
  margin: 0;
  padding: 0;
  outline: medium none;
}

#header960 {
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  position: relative;
  margin: 15px auto 0;
  padding: 0;
  width: 970px;
  background-color: #ffffff;
}

#leftHeader {
  position: relative;
  float: left;
  width: 750px;
  padding: 0 0 5px;
}

#rightHeader {
  float: right;
  position: relative;
}

.sfcLogo {
  background-image: url(/sfc3/images/notext/960/sfcLogo.jpg);
  width: 108px;
  height: 72px;
}

.valueProps {
  display: inline-block;
  padding: 0;
  margin-left: 20px;
  margin-top: 10px;
}

.valuePropText {
    background-color: #FFFFFF;
    color: #F09218;
    font-size: 10px;
    padding: 2px;
    position: absolute;
    top: -9px;
  z-index: 1;
}

.valuePropImg {
  cursor: pointer;
  background-image: url(/sfc3/images/en/fs_freeExchanges.jpg);
  width: 205px;
  height: 45px;
}

.cafr .valuePropImg {
  background-image: url(/sfc3/images/fr/fs_freeExchanges.jpg);
}

.uses .valuePropImg {
  background-image: url(/sfc3/images/es/fs_freeExchanges.jpg);
}

/* Start Header Links */
.headerLinks {
  display: inline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  float: right;
  color: #69177b;
  /*margin: 5px 0 5px 0;*/
  padding: 0;
  line-height: 12px;
  list-style: none;
  margin: 0;
}

.headerLinks li {
  list-style: none;
  /*border-left: 1px solid #69177b;*/
  padding-right: 0;
  color: #69177b;
  float: left;
  padding-left: 10px;
  z-index: 5;
  line-height:30px;
  vertical-align:middle;
}

.headerLinks li a {
  display: block;
  text-decoration: none;

}

.headerLinks img.ecrew {
  cursor: pointer;
  top: 0px;
  left: 0px;
  padding:2px;
}

.headerLinks #ecrewHolder {
  position: absolute;
  float: left;
  z-index: 20;
  top: 2px;
  left: 163px;
  /*margin-left: -7px;*/
  display: none;
}

.headerLinks #ecrewHolder #ecrewTab {
  position: relative;
  width: 60px;
  background-color: #f4eff5;
  border: 1px solid #813587;
  border-bottom: 0;
  text-align: left;
  /*padding: 6px 0 7px 6px; */
  z-index: 19;
}

.headerLinks #ecrewHolder #ecrewBox {
  position: relative;
  width: 200px;
  height: 120px;
  background-color: #f4eff5;
  border: 1px solid #813587;
  top: -1px;
  padding: 8px;
  z-index: 18;
}

.headerLinks #ecrewHolder #ecrewBox #emailLabel label {
  font-size: 11px;
  color: #B40202;
}

.smalltextNormal-purple {
  font-size: 11px;
  color: #772a8c;
}

/* End Header Links */

.purpleLink {
  color: #69177b;
  text-decoration: none;
}

.headerLinksBox{
  margin-top: 5px;
  position: relative;
  text-align: right;
}

.searchBoxOLD {
    background-color: #F4EFF5;
    float: right;
    position: relative;
  padding: 10px;
}

.searchBox {
    /* background-color: #F4EFF5;*/
    float: left;
    display: block;
    position: relative;
    margin: 5px 0 0;
  /* padding: 10px; */
}


.searchField {
  background: #ffffff;
  border: 1px solid #666666;
  border-right: none;
  border-radius: 3px 0 0 3px;
  color: #666666;
  outline: none;
  resize: none;
  padding-left: 5px;
  padding-bottom: 0;
  padding-top: 0;
  width: 250px;
  height: 35px;
}

/* Buttons */
.searchBtn {
    zoom: 1;
  width: 100px;
  height: 37px;
  padding: 0 20px 2px 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cafr .searchBtn {
  width: auto;
  padding: 0 30px 2px 10px;
}
/* End Buttons */

/* 960 Header End */

.homeBtn {
  background-image: url(/sfc3/images/notext/960/home.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 4px 25px 0 !important;
  vertical-align: middle;
}

.homeBtn:hover {
  background-image: url(/sfc3/images/notext/960/home_hover.png);
}

.reOrderPadding {margin-top:6px;}

#extole-static-header a {
  font-weight: bold;
  border-bottom: 1px dashed #2264c7;
  padding: 0;
  color: #2264c7 !important;
  text-decoration: none;
}

#extole-static-header a:hover {
  color: #1a51a3 !important;
  border-bottom: 1px solid #1a51a3;
}

#menu_blog #blogLogoMenu {
  padding-left: 5px;
}
#menu_blog #blogLogoMenu img:hover {
  filter:alpha(opacity=80); /* ie */
  -moz-opacity:0.8; /* mozilla */
  opacity:0.8; /* new firefox */
}

.ie #menu_blog #blogLogoMenu img:hover {
  filter:none; /* ie */
}



/*
******************************************************************************
Original: css3buttons.css  ***********************************************
******************************************************************************
*/

a.button { color:#3c3c3d; text-decoration: none;}
.button, button { padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #e3e3e3 url('/sfc3/css/images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #a9a9a9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline; *vertical-align: middle; }
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
.button { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
button::-moz-focus-inner { border: 0; padding:0px; }
.button.primary, button.primary { font-weight: bold }
.button:hover { color: #3C3C3D; border-color: #848484; text-decoration: none; text-shadow: 1px 1px 0 #ffffff; background-position: 0 -40px; background-color: #b6b6b6; }
.button:active, button:active,
.button.active, button.active { background-position: 0 -81px; border-color: #848484; background-color: #d9d9d9; color: #FFFFFF; text-shadow: none; }
.button:active, button:active { top: 1px }
.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #be4c45; border-color: #911D1B; }
.button.negative:active, button.negative:active,
.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #de756d; border-color: #911D1B; }
.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #45bf55; border-color: #45BF55; }
.button.positive:active, button.positive:active,
.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #96ed89; }
.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 10px 20px 10px 20px; *padding: 4px 10px; }
.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; border-left: none; }
.button.left:active, button.left:active,
.button.middle:active, button.middle:active,
.button.right:active, button.right:active { top: 0px }
.button.big, button.big { font-size: 16px; padding-left: 20px; padding-right: 23px; }
button.big { *padding: 8px 34px 4px 34px; }
.button .icon, button .icon { display: inline-block; width: 14px; height: 12px; margin: auto auto auto auto; position: relative; top: 0; *top: 0px; background-image: url('/sfc3/css/images/css3buttons_icons2.png'); _background-image: url('/sfc3/css/images/css3buttons_icons2.gif'); background-repeat: no-repeat; }
.small.button .icon2, button.small .icon2 { top: 0px }
.big.button .icon, button.big .icon { top: 0px }
.button .icon.book, button .icon.book { background-position: 0 0 }
.button:hover .icon.book, button:hover .icon.book { background-position: 0 -15px }
.button .icon.calendar, button .icon.calendar { background-position: 0 -30px }
.button:hover .icon.calendar, button:hover .icon.calendar { background-position: 0 -45px }
.button .icon.chat, button .icon.chat { background-position: 0 -60px }
.button:hover .icon.chat, button:hover .icon.chat { background-position: 0 -75px }
.button .icon.check, button .icon.check { background-position: 0 -90px }
.button:hover .icon.check, button:hover .icon.check { background-position: 0 -103px }
.button .icon.clock, button .icon.clock { background-position: 0 -116px }
.button:hover .icon.clock, button:hover .icon.clock { background-position: 0 -131px }
.button .icon.cog, button .icon.cog { background-position: 0 -146px }
.button:hover .icon.cog, button:hover .icon.cog { background-position: 0 -161px }
.button .icon.comment, button .icon.comment { background-position: 0 -176px }
.button:hover .icon.comment, button:hover .icon.comment { background-position: 0 -190px }
.button .icon.cross, button .icon.cross { background-position: 0 -204px }
.button:hover .icon.cross, button:hover .icon.cross { background-position: 0 -219px }
.button .icon.downarrow, button .icon.downarrow { background-position: 0 -234px }
.button:hover .icon.downarrow, button:hover .icon.downarrow { background-position: 0 -249px }
.button .icon.fork, button .icon.fork { background-position: 0 -264px }
.button:hover .icon.fork, button:hover .icon.fork { background-position: 0 -279px }
.button .icon.heart, button .icon.heart { background-position: 0 -294px }
.button:hover .icon.heart, button:hover .icon.heart { background-position: 0 -308px }
.button .icon.home, button .icon.home { background-position: 0 -322px }
.button:hover .icon.home, button:hover .icon.home { background-position: 0 -337px }
.button .icon.key, button .icon.key { background-position: 0 -352px }
.button:hover .icon.key, button:hover .icon.key { background-position: 0 -367px }
.button .icon.leftarrow, button .icon.leftarrow { background-position: 0 -381px }
.button:hover .icon.leftarrow, button:hover .icon.leftarrow { background-position: 0 -381px }
.button .icon.lock, button .icon.lock { background-position: 0 -412px }
.button:hover .icon.lock, button:hover .icon.lock { background-position: 0 -427px }
.button .icon.loop, button .icon.loop { background-position: 0 -442px }
.button:hover .icon.loop, button:hover .icon.loop { background-position: 0 -457px }
.button .icon.magnifier, button .icon.magnifier { background-position: 0 -472px }
.button:hover .icon.magnifier, button:hover .icon.magnifier { background-position: 0 -487px }
.button .icon.mail, button .icon.mail { background-position: 0 -502px }
.button:hover .icon.mail, button:hover .icon.mail { background-position: 0 -514px }
.button .icon.move, button .icon.move { background-position: 0 -526px }
.button:hover .icon.move, button:hover .icon.move { background-position: 0 -541px }
.button .icon.pen, button .icon.pen { background-position: 0 -556px }
.button:hover .icon.pen, button:hover .icon.pen { background-position: 0 -571px }
.button .icon.pin, button .icon.pin { background-position: 0 -586px }
.button:hover .icon.pin, button:hover .icon.pin { background-position: 0 -601px }
.button .icon.plus, button .icon.plus { background-position: 0 -616px }
.button:hover .icon.plus, button:hover .icon.plus { background-position: 0 -631px }
.button .icon.reload, button .icon.reload { background-position: 0 -646px }
.button:hover .icon.reload, button:hover .icon.reload { background-position: 0 -660px }
.button .icon.rightarrow, button .icon.rightarrow { background-position: 0 -672px }
.button:hover .icon.rightarrow, button:hover .icon.rightarrow { background-position: 0 -672px }
.button .icon.rss, button .icon.rss { background-position: 0 -704px }
.button:hover .icon.rss, button:hover .icon.rss { background-position: 0 -719px }
.button .icon.tag, button .icon.tag { background-position: 0 -734px }
.button:hover .icon.tag, button:hover .icon.tag { background-position: 0 -749px }
.button .icon.trash, button .icon.trash { background-position: 0 -764px }
.button:hover .icon.trash, button:hover .icon.trash { background-position: 0 -779px }
.button .icon.unlock, button .icon.unlock { background-position: 0 -794px }
.button:hover .icon.unlock, button:hover .icon.unlock { background-position: 0 -809px }
.button .icon.uparrow, button .icon.uparrow { background-position: 0 -824px }
.button:hover .icon.uparrow, button:hover .icon.uparrow { background-position: 0 -839px }
.button .icon.user, button .icon.user { background-position: 0 -854px }
.button:hover .icon.user, button:hover .icon.user { background-position: 0 -869px }


/*
******************************************************************************
Original: checkoutProcess.css  ***********************************************
******************************************************************************
*/

/* Forms */

.checkoutForms .formfield2, .dropdown2, .checkoutForms .formfieldQ, .inputStyle {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
    box-shadow: 0 2px 6px #ECECEC inset;
    height: 36px !important;
    line-height: 36px !important;
  font-size: 16px;
    margin: 0;
    padding: 0 5px;
  background-image: none;
}

.checkoutForms select.formfield, .dropdown2, .checkoutForms .formfieldQ {
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;}

.checkoutForms select.formfield2, .inputStyle {
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.checkoutForms .formfield2:focus, .inputStyle:focus, .formfieldQ:focus {
  border: 1px solid #000000;
  background-color: #efefef;
}

.checkoutForms .checkoutQty, .inputStyle {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
    box-shadow: 0 2px 6px #ECECEC inset;
    height: 26px !important;
    line-height: 26px !important;
    margin: 0;
    padding: 0 5px;
}

textarea.inputStyle {
  height: 100px !important;
}
/* Forms End */

.grayBox {
  background-color: #eeeeee;
  border: 1px solid #333333;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 5px;
}

.checkoutForms .smalltext-gry {
  font-size: 12px;
}

.checkoutLargeTitle {
  font-size: 20px;
  color: #333333;
}

hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.checkoutForms .textlarge-boldblk {
  font-size: 20px;
}

.checkoutForms .medtext-blk-regs,
.checkoutForms .medtext-blk-regs td,
.checkoutForms .quickViewLink,
.checkoutForms .smalltext-bold {
  padding: 5px 0 8px 0;
  font-size: 13px;
}

.checkoutForms .medtext-blk-bold {
  font-size: 14px;
  font-weight: bold;
}

.checkoutForms .smalltext-blk {
  font-size: 11px;
}

.AddressForm .textlarge-boldblk {
  font-size: 20px;
}
.checkoutForms .shipMethodTotals {
  margin: 10px 10px 0 0;
}

/*
******************************************************************************
Original: foodservice.css  ***********************************************
******************************************************************************
*/

/* Background Images */
body.usen, body.uses, body.caen, body.cafr { /* background-image: url("/sfc3/images/notext/960/fs_bg_tile.jpg");*/ background-color: #d5d5dd; }

.header960BG { /*background: url("/sfc3/images/noText/960/header960_bg.gif");*/ background-color: #ffffff;}

/*#accountNav { background: url("/sfc3/images/noText/960/fs_accountNavBG.jpg") repeat-x scroll 0 0 transparent; border-color: #ea742c; }*/

.menu li#menu_home, .menu li, .menu li.righ, .menu li#menu_about { border-color: #412855; }

/*ul.accountNavListRight { background: url("/sfc3/images/noText/960/fs_accountNavBG.jpg") repeat-x scroll 0 0 transparent; }*/

.valuePropImg { background-image: url(/sfc3/images/en/fs_freeExchanges.jpg); }

.uses .valuePropImg {
  background-image: url(/sfc3/images/es/fs_freeExchanges.jpg);
}

.buyWithConfidenceBanner { background-image:url(/sfc3/images/en/fs_buywithconfidence.png); }

#emailBar2011 { background-color: #86849d; background: url(/sfc3/images/noText/960/fs_emailbar.jpg); }

.footerChallenge { background-image:url(/sfc3/images/noText/fs_60dayflag2.png); }

/* Dark Text Color */
.menu_dark_theme ul h2, .menu_dark_theme ul h3, a.accountNavLinks, .RSProductName, div.vertNav ol li a, div.vertNav ol li strong, div#filterBar strong, .menu_dark_theme .menu_purple li:hover div li:hover a, hr, .largepurple-textbld, .productPrice, .mediumPurple, .RSsubtotal { color: #573c6d !important; }

/* Dark Background Color */
.menu_purple, #copyrightBar, #filterBar div#sizeFilterBox div.checked { background-color: #573c6d; }

/* Light Background Color */
#shoeFinderHeading, div.vertNav h3, .footerLinkBoxHeading, .productDetailsTabBar, .RSHeaderTop, .RSHeader, .confidenceBar, div#styleSelector, .tdBGcolor { background: #86849d; }

/* Light Border Color */
#RightSidebar2011, .RSHeaderTop, .RSHeader, .shoe, #RSRecommendedContents, #RSRecentlyViewedContents, .accountType, .emailPrintBar li:hover, #confidenceBox2011, .formfield2, .accountType { border-color: #86849d; }

/* Dark Border Color */
#filterBar div#sizeFilterBox div.checked, .footerContainer, div#styleSelector, div#styleSelector form select, hr { border-color: #573C6D; }

/* Product Detail Design Test */
.ProductDetailDesignNew .productDetailsTabBar {
  background: #fff;
  border-bottom: 3px solid #ccc;
}

/*
******************************************************************************
Original: end of file  ***********************************************
******************************************************************************
*/

/*Notification Widget*/
.notificationContainer {
  text-align: left;
  background-color: #eeeeee;
  clear: both; padding: 10px 5px 5px;
  min-width: 180px;
  display: none;
  width:425px;
  border: 1px solid #cccccc;
  border-top: none;
  position: absolute;
  top: 33px;
}
.notificationBox {
  background: #ffffff;
  color: #333333;
  margin: 10px 5px;
  padding: 10px;
  border: 1px solid #bcbdbf;
  max-height: 400px;
  overflow: auto;
}

.notificationItem {
  border-bottom: 1px solid #bcbdbf;
  width: 100%;
  height: 85px;
  display: inline-block;
  position: relative;
  background-color: #ffffff;
}

.notificationItem:hover {
  background-color: #eeeeee;
}

.notificationDate {
  font-size: 10px;
  color: #999999;
  display: block;
  line-height: 14px;
  font-weight: normal;
  position: absolute;
  bottom: 3px;
}

.toolMenu li div#notifications .notificationBtn {
  font-size: 10px;
  font-weight: bold;
  color: #666666;
  border: 1px solid #666666;
  background: #ffffff;
  padding: 5px 20px;
  margin: 7px 0 5px;
  display: block;
  text-align: center;
}

.toolMenu li div#notifications .notificationBtn.download {
  background: #ffffff;
}

.toolMenu li div#notifications .notificationBtn:hover {
  color: #58356e;
  border: 1px solid #58356e;
  background-color: #ded3e4;
}

.invoiceLink {
  text-decoration: none;
  cursor: pointer;
}
.invoiceLink:hover {
  border-bottom:1px dotted #333333;
}