

/* General Styling */

.fh-banner { margin: 0 10px; /* border:10px solid #e5e5e5; */ position:relative; width:auto; height:auto; /* max-width:800px; */ overflow:hidden; border-bottom: 1px dashed #CCC; padding: 10px 0 10px 0;}
.fh-banner .fh-info-wrap > h2 { font-size: 33px; font-weight:400 color:#000; text-align:center; text-transform:uppercase; z-index:1; font-family: "Open Sans", Arial, sans-serif!important; display: block; margin:0; padding: 10px 0;   line-height: 100%;}
.fh-banner .fh-info-wrap a { text-decoration:none; }
.fh-banner .fh-info-wrap > a { font-family:Arial, sans-serif; padding: 10px 0 0 0; font-size:12px; color:#000; text-align:center; display: block; text-align:center;  z-index:1;  }
.fh-banner .fh-info-wrap > p { font-size:12px; font-family:Arial,  sans-serif;  display:block;line-height:140%; text-align:center;  z-index:1; margin: 0 25px 0 25px;  }
.fh-banner .fh-info-wrap > ul {  z-index:1; text-align:center; list-style:none; display:block; margin:0;   padding: 10px 0;  }
.fh-banner .fh-info-wrap > ul li{ display:inline; margin: 0 20px;  }
.fh-banner .fh-info-wrap > ul a { color:#000; font-weight:400 font-family: "Open Sans", Arial, sans-serif!important;  font-size: 15px;  line-height: 175%; text-transform: uppercase; padding: 0 5px; white-space: nowrap;}
.fh-banner .fh-info-wrap > ul a:hover { color:#FFF; background:#f15a27;}

.fh-banner > div.bg {   }
.fh-banner > div.bg img { width:100%; display:block;  }


/* Banners with no image */

.category-banner-no-link .fh-info-wrap ul { display:none; }
.category-banner-one-link > div.bg, 
.category-banner-two-links > div.bg, 
.category-banner-three-links  > div.bg,
.category-banner-four-links  > div.bg,
.category-banner-five-links  > div.bg,
.category-banner-six-links  > div.bg,
.category-banner-seven-links  > div.bg,
.category-banner-eight-links  > div.bg,
.category-banner-nine-links  > div.bg,
.category-banner-ten-links  > div.bg { display:none; }


.category-banner-two-links > div.bg { display:none!important; }
.category-banner-two-links > div.bg { display:none!important; }

.category-banner-one-link { }

/* Banners with a title */

.live-brand-banner-left-no-link { overflow:hidden;}
.live-brand-banner-left-no-link .fh-info-wrap { float:left; top:0; left:0; right:50%; width:50%; z-index:2; }
.live-brand-banner-left-no-link  div.bg { position:absolute!important; z-index:1; left:0; right:0; top:0; }
.live-brand-banner-left-no-link .fh-info-wrap > h2 { text-align:left; padding:20px 25px 15px;  }
.live-brand-banner-left-no-link .fh-info-wrap > p {   text-align:left; margin:0 0 0 30px; padding:0 25px} 
.live-brand-banner-left-no-link .fh-info-wrap > ul { display:none;  padding:10px 25px;  }

.live-brand-banner-left-one-link { overflow:hidden;}
.live-brand-banner-left-one-link .fh-info-wrap {float:left; top:0; left:0; right:50%; width:50%;  z-index:2;}
.live-brand-banner-left-one-link  div.bg { position:absolute!important; z-index:1; left:0; right:0; top:0;}
.live-brand-banner-left-one-link .fh-info-wrap > h2 { text-align:left;  padding:20px 25px 15px;   }
.live-brand-banner-left-one-link .fh-info-wrap > p {   text-align:left; margin:0 0 0 30px; padding:0 25px} 
.live-brand-banner-left-one-link .fh-info-wrap > ul { display:block;text-align:left;  padding:10px 25px;  }

.live-brand-banner-left-two-links { overflow:hidden; }
.live-brand-banner-left-two-links .fh-info-wrap { float:left; top:0; left:0; right:50%; width:50%;  z-index:2;}
.live-brand-banner-left-two-links  div.bg { position:absolute!important; z-index:1;left:0; right:0; top:0; }
.live-brand-banner-left-two-links .fh-info-wrap > h2 { text-align:left;  padding:20px 25px 15px;   }
.live-brand-banner-left-two-links .fh-info-wrap > p {   text-align:left; margin:0 0 0 30px; padding:0 25px} 
.live-brand-banner-left-two-links .fh-info-wrap > ul { display:block; text-align:left;  padding:10px 25px; }

.live-brand-banner-left-three-links { overflow:hidden; }
.live-brand-banner-left-three-links .fh-info-wrap { float:left; top:0; left:0; right:50%; width:50%;  z-index:2;}
.live-brand-banner-left-three-links  div.bg { position:absolute!important; z-index:1;left:0; right:0; top:0; }
.live-brand-banner-left-three-links .fh-info-wrap > h2 { text-align:left;  padding:20px 25px 15px;   }
.live-brand-banner-left-three-links .fh-info-wrap > p {   text-align:left; margin:0 0 0 30px; padding:0 25px} 
.live-brand-banner-left-three-links .fh-info-wrap > ul { display:block; text-align:left; padding:10px 25px; }

.live-brand-banner-left-four-links { overflow:hidden;}
.live-brand-banner-left-four-links .fh-info-wrap { float:left;  top:0; left:0; right:50%; width:50%; z-index:2; }
.live-brand-banner-left-four-links  div.bg { position:absolute!important; z-index:1;left:0; right:0; top:0; }
.live-brand-banner-left-four-links .fh-info-wrap > h2 { text-align:left;  padding: 20px 25px 20px;  }
.live-brand-banner-left-four-links .fh-info-wrap > p {   text-align:left; margin:0; padding:0 25px} 
.live-brand-banner-left-four-links .fh-info-wrap > ul { display:block; text-align:left;  padding:10px 25px;  }

.live-brand-banner-left-no-link .fh-info-wrap > a, 
.live-brand-banner-left-one-link .fh-info-wrap > a, 
.live-brand-banner-left-two-links .fh-info-wrap > a, 
.live-brand-banner-left-three-links .fh-info-wrap > a, 
.live-brand-banner-left-four-links .fh-info-wrap > a { display: none!important; } 

.live-brand-banner-left-no-link .fh-info-wrap  li, 
.live-brand-banner-left-one-link .fh-info-wrap  li, 
.live-brand-banner-left-two-links .fh-info-wrap  li,
.live-brand-banner-left-three-links .fh-info-wrap  li, 
.live-brand-banner-left-four-links .fh-info-wrap  li { display:list-item!important; margin:0!important; } 


/* Banners with NO title (either h2 element or in image) */

.live-brand-banner-nt-left-no-link h2, 
.live-brand-banner-nt-left-one-link h2, 
.live-brand-banner-nt-left-two-links h2, 
.live-brand-banner-nt-left-three-links h2, 
.live-brand-banner-nt-left-four-links h2 { display: none; } 


/* Accessories banners */

.accessories-banner-women { }
.accessories-banner-women div.bg { display:none; }
.accessories-banner-women .fh-info-wrap > h2 { }
.accessories-banner-women .fh-info-wrap > ul { padding:0 25px 20px 25px; }
.accessories-banner-women .fh-info-wrap > ul li{ display:inline-block; margin:0 10px;  }

.accessories-banner-men { }
.accessories-banner-men div.bg { display:none; }
.accessories-banner-men .fh-info-wrap > h2 { }
.accessories-banner-men .fh-info-wrap > ul { padding:0 25px 20px 25px; }
.accessories-banner-men .fh-info-wrap > ul li{ display:inline-block; margin:0 10px;  }


/* Dresses banner */

.dresses-banner {}
.dresses-banner div.bg { display:none;}
.dresses-banner h2 {}
.dresses-banner p {}
.dresses-banner a {}


