/*  Define any CSS styles you wish to here. Whilst they will applied to the homepage only,
	you *may* need to !important them to so they take precedence. */

/* Home hero area */
#heroContainer
{
  margin: 0 0 10px 0;
  padding: 0;
  height: 348px;

}

#heroImg
{
  float: left;
  width: 632px;
  height: 348px;
  margin: 0;
  padding: 0;
  background: transparent url(hero-sale-50-cont-bg.jpg) no-repeat scroll left top;
  overflow: hidden;
}

#heroLink
{
  display: block;
  text-decoration: none;
  padding: 0;
  margin: 0;
  height: 255px;
}

#heroImgInner
{
  height: 93px;
  padding: 12px 18px 0 18px;
  background: transparent url(hero-trans-bg.png) repeat scroll left top;
  overflow: hidden;
}

#heroImgInner p, #heroImgInner h1
{
  color: white;
}

#heroImgInner h1
{  
  display: block !important;
  margin-bottom: .3em;
  line-height: 1em;
  font-size: 130.5%;
  font-weight: bold;
}

#heroImgInner p
{
  
}

#heroPromoContainer
{
  float: left;
  width: 312px;
  margin: 0;
  padding: 9px 0 0 10px;
  background: transparent url(hero-promo-bg.jpg) no-repeat scroll left top;
}

.heroPromoItem
{
  width: 299px;
  height: 101px;
  padding: 0;
  margin: 0 0 10px 0;
  overflow: hidden;
  border: solid 1px white;
}

.heroPromoInner
{
  margin: 0 0 0 138px;
  height: 101px;
  background: none;
}
.heroPromoInner span
{
  display: block;
  padding-top: 2px;
}

.deckShoeMenInner
{
  background: transparent url(deck-shoe-men-trans-bg.png) repeat scroll left top;
}

.deckShoeWomenInner
{
  background: transparent url(deck-shoe-women-trans-bg.png) repeat scroll left top;
}

.deckShoeMen
{
  background: transparent url(deck-shoe-men-promo-bg.jpg) no-repeat scroll left top;
}

.deckShoeWomen
{
  background: transparent url(deck-shoe-women-promo-bg.jpg) no-repeat scroll left top;
}

.enduro
{
  background: transparent url(enduro-promo-bg.jpg) no-repeat scroll left top;
}

a.heroPromoLink:link, a.heroPromoLink:hover, a.heroPromoLink:active, a.heroPromoLink:visited
{
  margin: 0;
  padding: 36px 0 0 12px;
  display: block;
  color: white;
  text-decoration: none;
  font-size: 114.5%;
  font-weight: bold;
}

a.heroPromoLink span
{
  font-size: 93%;
  font-weight: normal;
}

/* Home feature area */
#featContainer
{
  margin: 0 0 9px 0;
  padding: 0;
}

.featItem
{
  float: left;
  width: 311px;
  height: 130px;
  margin: 0 10px 0 0;
  padding: 0;
  background-color: black;
}

.featFirst
{
  background: transparent url(feat-men-bg.jpg) no-repeat scroll left top;
}

.featMiddle
{
  background: transparent url(feat-women-bg.jpg) no-repeat scroll left top;
}

.featLast
{
  background: transparent url(feat-email-bg.jpg) no-repeat scroll left top;
  width: 312px;
  margin-right: 0;
}

.featInner
{
  margin: 46px 0 0 139px; 
  padding: 0;
  width: 164px;
  height: 75px;
  background: transparent url(feat-trans-bg.png) repeat scroll left top;
  overflow: hidden;
}

.featInner span
{
  display: block;
  padding-top: 2px;
}

a.featLink:link, a.featLink:hover, a.featLink:active, a.featLink:visited
{
  margin: 0;
  padding: 8px 0 0 12px;
  display: block;
  color: white;
  text-decoration: none;
  font-size: 114.5%;
  font-weight: bold;
}

a.featLink span
{
  font-size: 93%;
  font-weight: normal;
}

/* Home product area */
#prodContainer
{
  margin: 0 0 9px 0;
  padding: 0;
}

.homeHeader
{
  display: block;
  padding-left: 12px;
  margin-bottom: 9px;
  font-weight: bold;
  color: white;
  line-height: 1.6em;
}

.prodHeader
{
  background: transparent url(prod-header-bg.jpg) repeat-y scroll left top;
}

.prodItemWrapper
{
  margin: 0;
  padding: 0;
}

.prodItem
{
  float: left;
  width: 149px;
  border: solid 1px #d2d3d3;
  margin-right: 9px;
  background-color: #e8f3fb;
}

.prodItemLast
{
  margin-right: 0;
}

.prodLink
{
  display: block;
  text-decoration: none !important;
}

.prodImg
{
  width: 108px;
  height: 108px;
  padding: 20px 21px 19px 20px;
  overflow: hidden;
  display: block;
  background-color: white;
}

.prodDesc, .prodWasPrice, .prodPrice, .prodView
{
  display: block;
  line-height: 1.2em;
  padding: 0 11px;
}

.prodDesc
{
  padding: 15px 11px 7px 11px;
  color: #1e1e1e;
  font-weight: bold;
}

.prodPrice
{
  color: #004f85;
}

.prodWasPrice
{
  color: #6b6867;
  padding-bottom: 12px;
}

.prodView
{
  color: white;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #a2cfee;
}

/* Home news area */
#newsContainer
{
  margin: 0 0 30px 0;
  padding: 0;
}

.newsHeader
{
  background: transparent url(news-header-bg.jpg) repeat-y scroll left top;
}

.newsItemWrapper
{
  margin: 0;
  padding: 0;
}

.newsItem
{
  float: left;
  width: 309px;
  border: solid 1px #d1d1d1;
  margin-right: 9px;
}

.newsItemLast
{
  margin-right: 0;
}

.newsContentWrapper
{
  height: 155px;
  overflow: hidden;
  margin: 0;
  padding: 20px 17px 20px 20px;
}

a.newsItemHeader
{
  color: #1e1e1e;
  background: none;
  text-decoration: none;
  font-weight: normal;
}

.newsDate
{
  color: #e5c16f;
}

.newsTeaserWrapper
{
  margin: 11px 0 0 0;
  padding: 0;
}

.newsTeaserWrapper p
{
  color: #6b6867;
}

.newsImg
{
  float: left;
  margin: 0 12px 5px 0;  
}

a.newsLink
{
  display: block;
  background-color: #e5c16f;
  color: white;
  padding: 0 20px;
  line-height: 1.6em;
  text-decoration: none;
}