/* Flower Resource Guide */
.flowerResource {
width: 940px;
padding: 0 0 20px 0;
margin: 0 auto;
}

.flowerResource ul.facts li {
 height: 30px;
 }

.flowerResource p a {
 font-weight: bold;
}
 
/* Home */
.hero {
 position: relative;
 width: 960px;
 height: 300px;
 background: #fff url("../jpg/herofa21.jpg") no-repeat 0 0;
 margin: -20px 0 -20px -10px;
 }

.heroMobile {
 display: none;
} 

.hero ul.heroNav {
 position: absolute;
 top: 4px;
 width: 200px;
 height: 270px;
 border-bottom: none;
 margin-left: -23px;
}

.hero ul.heroNav li {
 margin: 0;
 list-style-type: none;
 }

.hero ul.heroNav li a {
  display: block;
  width: 200px;
  height: 45px;
  background: #fff url("../png/hero-navfa21.png") no-repeat 0 0;
  text-indent: -9999px;
}

.hero ul.heroNav li.promo1 a {
  height: 43px;
}

.hero ul.heroNav li.promo1 a:hover, .hero ul.heroNav li.promo1 a:active {
  background-position: -200px 0;
}

.hero ul.heroNav li.promo2 a {
  height: 47px;
  background-position: 0 -43px;
}

.hero ul.heroNav li.promo2 a:hover, .hero ul.heroNav li.promo2 a:active {
  background-position: -200px -43px;
}

.hero ul.heroNav li.promo3 a {
  height: 46px;
  background-position: 0 -90px;
}

.hero ul.heroNav li.promo3 a:hover, .hero ul.heroNav li.promo3 a:active {
  background-position: -200px -90px;
}

.hero ul.heroNav li.promo4 a {
  background-position: 0 -136px;
}

.hero ul.heroNav li.promo4 a:hover, .hero ul.heroNav li.promo4 a:active {
  background-position: -200px -136px;
}

.hero ul.heroNav li.promo5 a {
  background-position: 0 -181px;
}

.hero ul.heroNav li.promo5 a:hover, .hero ul.heroNav li.promo5 a:active {
  background-position: -200px -181px;
}

.hero ul.heroNav li.promo6 a {
  height: 44px;
  background-position: 0 -226px;
}

.hero ul.heroNav li.promo6 a:hover, .hero ul.heroNav li.promo6 a:active {
  background-position: -200px -226px;
}

.categories {
 clear: right;
 margin-left: -40px;
 height: 290px;
 }
 
.categories ul li {
 display: block;
 position: relative;
 float: left;
 margin: 0 10px 0 0;
 width: 180px;
 height: 40px;
 }
 
.categories ul li p {
 font: 14px 'Museo100Regular', 'Arial', sans-serif;
 text-align: center;
 text-transform: uppercase;
 margin-bottom: 5px;
 }
 
.categories ul li p a {
 display: block;
 height: 20px;
 font: 14px 'Museo500Regular', 'Arial', sans-serif;
 padding: 15px 10px 10px 10px;
 color: #fff;
 background-color: #635da8;
 }

.categories ul li p a:hover {
 text-decoration: none;
 background-color: #75ae37;
 } 
 
.categories ul li img {
 margin-left: 35px;
 } 
  
.categories ul li.last {
 margin-right: -20px;
 } 
 
.categories ul li span {
 display: block;
 border-bottom: 1px dotted #ececec;
 width: 175px;
 padding: 10px 0 10px 5px;
 height: 12px;
 }
  
.categories ul li span a {
 color: #666;
 background-color: #fff;
 display: block;
 }

.categories ul li span a:focus {
 outline-style: solid;
}
 
/* Left Nav on Inside Pages */
.resourceLogo a {
 color: #666;
 display: block;
 margin-left: -10px;
 }
 
.resourceLogo a:hover {
 text-decoration: none;
 }

.resourceLogo a p.headerFlowerResource {
 padding-left: 10px;
 text-transform: uppercase;
 margin: 0 0 -10px 0;
 color: #2f2775;
 }

.resourceLogo a p.headerFlowerResource#flower {
 font: 55px 'Museo500Regular', 'Arial', sans-serif;
 }
 
.resourceLogo a p.headerFlowerResource#resource {
 font: 43px 'Museo300Regular', 'Arial', sans-serif;
 }
 
.resourceLogo a p.headerFlowerResource#guide {
 font: 73px 'Museo100Regular', 'Arial', sans-serif;
 margin-bottom: -20px;
 }

.resourceLogo a:hover p.headerFlowerResource {
 font-weight: bold;
 color: #666;
 } 

ul.leftNav { 
 margin-left: -40px;
 font: 14px 'Museo300Regular', 'Arial', sans-serif;
 padding-bottom: 50px;
}

ul.leftNav li {
 border-bottom: 1px dotted #ececec;
 }

ul.leftNav li a {
 color: #666;
 background-color: #fff;
 display: block;
 height: auto;
 padding: 10px 0 10px 10px;
 font-family: 'Museo700Regular', 'Arial', sans-serif;
 }

ul.leftNav li a:hover {
 background: #ececec;
 text-decoration: none;
 }
 
ul.leftNav li.sub a {
 padding-left: 30px;
 font: 12px 'Museo300Regular', 'Arial', sans-serif;
 letter-spacing: 1px; 
 }  
 
ul.leftNav li a.selected {
 color: #fff;
 background: #46c7ca;
  font-family: 'Museo700Regular', 'Arial', sans-serif;

 }

ul.leftNav li a.selected:hover {
 text-decoration: none;
 font-family: 'Museo700Regular', 'Arial', sans-serif;
 } 

/* Pages */
.flowerResource h1 {
 width: auto;
 }
 
.flowerResource p.intro {
 font-size: 15px;
 line-height: 1.5em;
 font-style: italic;
 text-align: justify;
 }
 
 .flowerResource p.introNoImage {
 font-size: 15px;
 line-height: 1.5em;
 font-style: italic;
 text-align: justify;
 margin-top: 5px;
 } 

.flowerResource p {
 line-height: 1.75em;
 background-color: #fff;
 } 
 
.flowerResource p a {
 font-weight: bold;
 }

.flowerResource p.flowerHeader,
.flowerResource h1.flowerHeader {
 font: 21px 'Museo100Regular', 'Arial', sans-serif;
 border-bottom: 1px dotted #ececec;
 padding-bottom: 5px;
 margin-bottom: 10px;
 } 

.flowerResource h1.flowerHeader {
 width: 100%;
 font: 21px 'Museo300Regular', 'Arial', sans-serif;
 } 

.flowerResource img.left {
 float: left;
 margin: 0 10px 10px 0;
 }

.flowerResource img.right {
 float: right;
 margin: 0 0 10px 10px;
 }  
 
/* Best Sellers in Footer */
.bestSellingFlowerResource {
 float: left;
 margin: 0 0 10px 0;
 }

.bestSellingFlowerResource h2,
.bestSellingFlowerResource b {
 background-color: #fff;
}

.bestSellingFlowerResource span.price {
  background-color: #fff;
}

/* Specific Internal Page Style */
.state-flowers ul.flowers li,
.flower-names-for-girls-boys ul.flowers li {
 padding: 10px 0 ;
 } 

.flower-names-for-girls-boys ul.flowers {
 padding-left: 0;
 }
 
.flower-names-for-girls-boys ul.flowers li img,
.state-flowers img.flag,
.resource img.facts {
 margin: 10px 0 10px 10px;
 float: right;
 } 

.north-carolina-state-flower h2 {
 width: auto !important;
 } 
 
.thanksgiving-flowers-crafts .flowerResource .grid_12 ul,
.thanksgiving-history .flowerResource .grid_12 ul {
 margin: 0;
 padding: 0;
 }
 
.thanksgiving-flowers-crafts .flowerResource .grid_12 ul li,
.thanksgiving-history .flowerResource .grid_12 ul li {
 line-height: 1.25em;
 margin-bottom: 10px;
 }