/* clear fix */
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

/* End hide from IE-mac */
.mac-clearfix{
    clear: both;
    height: 0;
    overflow: hidden;
}
/* end clear fix */

body {
  margin: 20px 0 0 0; padding: 0; background-color: #ffffff; 
  font-family: Futura Lt B T, Futura, AvantGarde, verdana, arial, sans-serif;
  font-size:10px; color:#999;

  scrollbar-3dlight-color:#666;
  scrollbar-arrow-color:#333;
  scrollbar-base-color:#ccc;
  scrollbar-darkshadow-color:#ddd;
  scrollbar-face-color:$333;
  scrollbar-highlight-color:#eee;
  scrollbar-shadow-color:#ddd;
}

img, a img {border:none;}

.designershoetext {
  margin-top:40px;padding-top:10px; border-top: 3px solid #ccc;
  margin-bottom:10px;padding-bottom:10px; border-bottom: 3px solid #ccc;
}

#designershoes {
  width:770px; position: relative;
  margin: 0 auto 0 auto;
}

#fashionheader {
  postion:absolute; top:0;
  border-bottom: 3px solid #ccc;
  text-align:right;
  padding-right:5px;
  padding-top:30px; 
}
#fashionheader h1 { margin:0; padding:0 0;text-align:right;vertical-align:top;
  float:right;}
#fashionheader h1 a {color:#000; text-decoration:none; font-size: 18px;margin:0; padding:0;}

#designernav {position: absolute; right:10px; top:-10px; margin:0; padding: 0 0 10px 0; height:30px; overflow:hidden;}
#designernav span { float:right; padding-top:10px;} 

#shoeslogo {
  position:absolute;
  top:0px;
}

#shoedisplay {
  margin-top:10px;
}

#featuredshoe {
  float:left; width: 340px; height:715px;
  color: #333;
  font-size: 11px; padding: 0 10px 0 0;
  line-height: 20px; margin-right:10px;
}
#featuredshoe h2 {margin:0; padding:0;}
#featuredshoe h2.name {height: 50px; color:#666; font-size:20px;font-family:edwardian script, fantasy;text-align:left;}
#featuredshoe h2.brand {height: 30px; color:#666; font-size:20px;font-family:optima, verdana, sans-serif;padding-top:-10px;}
#featuredshoe .blurb { color: #999; }
#featuredshoe h2 a {text-decoration:none; color:#333;}

.shoe {
  float: right; width:180px; height: 200px;
  border:1px solid #fff;
  text-align:center;
  padding: 0 5px 5px 5px;
}
.shoe:hover { border: 1px solid #999 !important; }
.shoe h2, .shoe h2 a { margin:0; padding:0; font-size:14px; font-family: arial, sans-serif; color:#111; text-decoration: none;}
.shoe h2 a:hover { color:#999; }
.shoe a img {border: 1px solid #fff;}
.shoe span {font-size:11px;font-weight:bold;color:#888;}
.shoe a { color:#888; text-decoration:none;}
.shoe a:hover {color:#666; text-decoration:none; }

.shoenav { color:#999;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  width: 400px; float:right;
}
.shoenav span { padding:0; width:34%; float: left;}
.shoenav span.right {text-align:right;width:65%;}
.shoenav a { font-weight: bold;color: #666; text-decoration:none; }
.shoenav a:hover {color: #333; border-bottom:2px solid #333;}
.crumbs { border-bottom: 1px solid #ccc; margin-bottom: 6px; padding-bottom:6px; }
.shoenav .pageon { color: #ccc; }

#Layer1 {
  position:absolute; right:0px; top:25px; z-index:10; visibility: hidden;
  background-color:#ddd; width:180px; height: 480px; overflow-y:scroll;
}
#Layer1 { margin:0; padding:0; list-style: none;text-align:right;border-left:8px solid #666;}
#Layer1 li { border-bottom: 1px solid #fff; padding: 2px 0; width:100%; }
#Layer1 li:hover { color: #333; }
#Layer1 li a {color: #333; display:block; text-decoration:underline; padding: 2px 20px 2px 12px;text-decoration:none;}
#Layer1 li a:hover {color:#666;background-color: #fff;}

/* for javascript mouseover descriptions */
.desclayer {
  margin: -15px 0 20px 0; padding:4px; position:absolute; visibility:hidden; z-index:10; 
  background-color:#fff; border:1px solid #555;font-size:10px;color:#777; text-align:left;
}

#menu {margin: 10px 0 0 0; padding:0; height:22px;overflow:hidden; list-style:none;}
#menu li {height:22px; overflow:hiddden; float: right;}
#menu li a { display: block;padding-top: 22px; height:0px !important; height/**/:22px; overflow:hiddden !important; }

#menu_women { background:url('http://5thavenueshoes.com/5thave/images/menu_women.gif') 0px 0px no-repeat; }
#menu_women a {  width:80px; background:url('http://5thavenueshoes.com/5thave/images/menu_women.gif') 0px 0px no-repeat; }
#menu_women a:hover { background-position: 0 -44px; }
#menu_women a.active, #menu_women a.active:hover {  width:80px; background:url('http://5thavenueshoes.com/5thave/images/menu_women.gif') 0px -44px no-repeat; }
#menu_women a.inactive, #menu_women a.inactive:hover {  width:80px; background:url('http://5thavenueshoes.com/5thave/images/menu_women.gif') 0px -22px no-repeat; }

#menu_men { background:url('http://5thavenueshoes.com/5thave/images/menu_men.gif') 0px 0px no-repeat; }
#menu_men a {  width:56px; background:url('http://5thavenueshoes.com/5thave/images/menu_men.gif') 0px 0px no-repeat; }
#menu_men a:hover { background-position: 0 -44px; }
#menu_men a.active, #menu_men a.active:hover {  width:56px; background:url('http://5thavenueshoes.com/5thave/images/menu_men.gif') 0px -44px no-repeat; }
#menu_men a.inactive, #menu_men a.inactive:hover {  width:56px; background:url('http://5thavenueshoes.com/5thave/images/menu_men.gif') 0px -22px no-repeat; }

#menu_bags { background:url('http://5thavenueshoes.com/5thave/images/menu_bags.gif') 0px 0px no-repeat; }
#menu_bags a {  width:97px; background:url('http://5thavenueshoes.com/5thave/images/menu_bags.gif') 0px 0px no-repeat; }
#menu_bags a:hover { background-position: 0 -44px; }
#menu_bags a.active, #menu_bags a.active:hover {  width:97px; background:url('http://5thavenueshoes.com/5thave/images/menu_bags.gif') 0px -44px no-repeat; }
#menu_bags a.inactive, #menu_bags a.inactive:hover {  width:97px; background:url('http://5thavenueshoes.com/5thave/images/menu_bags.gif') 0px -22px no-repeat; }

#menu_designers { background:url('http://5thavenueshoes.com/5thave/images/menu_designers.gif') 0px 0px no-repeat; }
#menu_designers a {  width:95px; background:url('http://5thavenueshoes.com/5thave/images/menu_designers.gif') 0px 0px no-repeat; }
#menu_designers a:hover { background-position: 0 -44px; }
#menu_designers a.active, #menu_about a.active:hover {  width:95px; background:url('http://5thavenueshoes.com/5thave/images/menu_designers.gif') 0px -44px no-repeat; }
#menu_designers a.inactive, #menu_about a.inactive:hover {  width:95px; background:url('http://5thavenueshoes.com/5thave/images/menu_designerst.gif') 0px -22px no-repeat; }

#menu_about { background:url('http://5thavenueshoes.com/5thave/images/menu_about.gif') 0px 0px no-repeat; }
#menu_about a {  width:67px; background:url('http://5thavenueshoes.com/5thave/images/menu_about.gif') 0px 0px no-repeat; }
#menu_about a:hover { background-position: 0 -44px; }
#menu_about a.active, #menu_about a.active:hover {  width:67px; background:url('http://5thavenueshoes.com/5thave/images/menu_about.gif') 0px -44px no-repeat; }
#menu_about a.inactive, #menu_about a.inactive:hover {  width:67px; background:url('http://5thavenueshoes.com/5thave/images/menu_about.gif') 0px -22px no-repeat; }

#menu_home { background:url('http://5thavenueshoes.com/5thave/images/menu_home.gif') 0px 0px no-repeat; }
#menu_home a {  width:67px; background:url('http://5thavenueshoes.com/5thave/images/menu_home.gif') 0px 0px no-repeat; }
#menu_home a:hover { background-position: 0 -44px; }
#menu_home a.active, #menu_about a.active:hover {  width:67px; background:url('http://5thavenueshoes.com/5thave/images/menu_home.gif') 0px -44px no-repeat; }
#menu_home a.inactive, #menu_about a.inactive:hover {  width:67px; background:url('http://5thavenueshoes.com/5thave/images/menu_home.gif') 0px -22px no-repeat; }


#listdesigners ul { list-style:none; margin: 20px auto 20px auto;width:510px;}
#listdesigners ul li {display:block;float:left; width:170px; }
#listdesigners a { text-decoration: none; color:#999;font-weight:bold;}
#listdesigners li a {font-family:arial,sans-serif;font-size:14px;}
#listdesigners a:hover {color:#666;}
#listdesigners h2 { width:400px; float:left; }


#footer {
  width:770px;
  margin: 10px auto 0 auto; 
  border-top: 3px solid #ccc; text-align:center;
}
#footer p { padding-top: 10px;}
#footer a {color: #666;text-decoration:none; }
#footer a:hover {color:#999;}

.noshoe { font-size:11px; padding:30px 0; color:#666; }
.noshoe a {color:#999;} 
.noshoe a:hover {color:#333;}