/** 
 * Homepage Styles
 * 
 * @section   section-css
 * @lastmod   2011-04-11
----------------------------------------------------------------------*/
html, body.start {
  background: rgb(0,0,0) url(http://d26hhearhq0yio.cloudfront.net/content/misterspex-uk/wallpapers/homepage.jpg) no-repeat top center;
  /* bitte via FTP-Anpassen - sonst Klassenkeile */
}
/** =BILLBOARD
----------------------------------------------------------------------*/

.billboard {
  background: url(../img/ms-box-shadow.png) no-repeat -972px 100%;
  float:left;
  height:412px;
  overflow: hidden;
  padding: 0 0 36px 0;
  width:972px;
}

#Billboard .standalone {
  background: none;
  padding: 0 0 18px 0;
}

#Promos {
  position: relative;
  z-index: 21;
  zoom:1;
}

#PromoTriggers {
  position: absolute;
  z-index: 22;
  left:0;
  top: 360px;
}

.standalone #PromoTriggers {
  top: 358px;
}

#PromoTriggers ul {
  margin: 0;
  padding: 0;
  border: 1px solid rgb(204,204,204);
  border-width: 0 0 0 1px;
}

#PromoTriggers li {
  list-style: none;
  float: left;
}

#PromoTriggers li a {
  color: rgb(68,68,68);
  border: 1px solid rgb(204,204,204);
  border-width: 1px 1px 1px 0;
  display: block;
  font-weight: 700;
	outline:none;
  padding: 3px 9px 4px 9px;
  text-decoration: none !important;
  background: rgb(255,255,255);
}

#PromoTriggers li a:hover {
  color: rgb(133,30,35);
}

#PromoTriggers a.activeSlide,
#PromoTriggers a.activeSlide:hover {
  border-color: rgb(153,153,153);
  background: rgb(133,30,35) url(../img/overview-dropdown.png) no-repeat 0 0;
  color: rgb(255,255,255);
}

#PromoSlides {
  width: 972px;
  height: 412px;
  overflow: hidden;
  float: left;
}

.standalone #PromoSlides {
   width: 972px;
  height: 412px;
  float: none;
}
#PromoSlides .slide {
  background:#fff;
}
#PromoSlides .wide {
  width:972px;
}

#PromoSlides a {
  display:block;
  float:left;
}
#PromoSlides a.small {
  display:block;
  float:right;
  margin:0 0 3px 2px;
}

#Teaser {
  width: 320px;
  height: 394px;
  float: right;
}

#Teaser .figure {
  margin: 0 0 2px 0;
}

#Teaser .last {
  margin: 0;
}

/**
 * NEW HOMEPAGE
 */

/** 
 * Themes
 * billboard.chtml
----------------------------------------------------------------------*/
div.anythingSlider { float:right; }
ul#anythingSlider
{
  float:left;
  height:300px;
  list-style:none;
  margin:0;
  overflow:hidden;
  padding:0;
  position:relative;
  width:715px;
}
ul#Themes 
{
  float:left;
  list-style:none;
  margin:0 7px 0 0;
  padding:0;
  width:250px;
}
  ul#Themes li 
  {
    float:left;
    margin:0 4px 5px 0;
    padding:0;
    width:250px;
  }
    ul#Themes li img { width:250px;  }
    
/** 
 * ServicesThemes
 * billboard.chtml
----------------------------------------------------------------------*/
ul#ServicesThemes 
{
  /* 
  rgb(207,207,207)
  rgb(239,239,239) 
  */
  background:-moz-linear-gradient(top, rgb(207,207,207) 2%, rgb(239,239,239) 23%);
  background:-webkit-gradient(linear, left top, left bottom,color-stop(2%, rgb(207,207,207)), color-stop(23%, rgb(239,239,239) ));
  background:filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cfcfcf, EndColorStr=#efefef);
  background:-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#cfcfcf, EndColorStr=#efefef)";
  background-color:rgb(239,239,239);
  border-bottom:2px solid rgb(147,147,147);
  border-top:4px solid rgb(147,147,147);
  clear:both;
  list-style:none;
  margin:0 0 10px 0;
  overflow:hidden;
  padding:10px 0;
}
ul#ServicesThemes li.col 
{
  border-left:1px solid rgb(252,252,252);
  border-right:1px solid rgb(202,202,202);
  float:left;
  min-height:208px;
  padding:0 14px;
  position:relative;
  width:152px;
}
  ul#ServicesThemes li.col.col190{ width:190px; }
  ul#ServicesThemes li.col.col170{ width:170px; }
  ul#ServicesThemes li.col#facebook { width:155px; }
  ul#ServicesThemes li.col.first { border-left:0; }
  ul#ServicesThemes li.col.last { border-right:0; }
  ul#ServicesThemes li.col h2 
  {
    background:url(../img/home/home-sprite.png) no-repeat 0 -20px;
    font-size:15px;
    padding-left:30px;
  }
  ul#ServicesThemes li.col h2#sTBestService { background-position:0 -46px; }
  ul#ServicesThemes li.col h2#sTTryOn { background-position:0 4px; }
  ul#ServicesThemes li.col h2#prescriptionGlasses { background-position:0 -70px; }
  ul#ServicesThemes li.col h2#sTTrustedShops { background-position:0 -295px; }
  ul#ServicesThemes li.col h2#sTSecurity { background-position:0 -96px; }
  ul#ServicesThemes li.col h2#sTFacebook { background-position:0 -120px; }
  ul#ServicesThemes li.col a.getMore 
  {
    background:rgb(62,62,62);
    bottom:0;
    border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    color:rgb(255,255,255);
    font-size:11px;
    left:14px;
    position:absolute;
    text-decoration:none;
  }
    ul#ServicesThemes li.col a.getMore span 
    {
      background:url(/img/home/rightArrowServiceThemes.png) no-repeat right;
      display:block;
      margin:0 10px 0 0;
      padding:4px 15px 4px 12px;
      text-transform:uppercase;
    }
  ul#ServicesThemes li.col#facebook p { margin:0; }
    ul#ServicesThemes li.col ul { padding:0; }
      ul#ServicesThemes li.col ul li 
      {
        background:url(../img/home/home-sprite.png) no-repeat 0 -221px;
        list-style:none;
        margin:0 0 6px 0;
        padding:0 0 0 14px;
       }
    ul#ServicesThemes li #NewsletterForm input#NewsletterEmail { width:140px;  }
    ul#ServicesThemes #newsletter-subscribe 
    {
      background:rgb(255,255,255);
      border-bottom:5px solid rgb(66,66,66);
      border-top:5px solid rgb(66,66,66);
      height:112px;
    }
      ul#ServicesThemes #newsletter-subscribe h2,
      ul#ServicesThemes #newsletter-subscribe p { margin:0 0 4px 0; }
      ul#ServicesThemes #newsletter-subscribe li 
      {
        float:right;
        height:38px;
        margin:0;
        width:150px;
      }
      #NewsletterSubscribeSubmit span { margin:0 10px 0 0; }
    ul#ServicesThemes li.last {  margin-right:0; }
      ul#ServicesThemes li.col#facebook .fan_box .profileimage { display: none !important; }
      
      ul#ServicesThemes li.col#facebook a{
         color:#666;
         display:block;
         float:left;
         line-height:30px;
         margin:5px 0;
         text-decoration:none;
         width:100px;
       }
        ul#ServicesThemes li.col#facebook a:hover{
          text-decoration:underline;
        }
        ul#ServicesThemes li.col#facebook a img{
          float:left;
          margin-right:5px;
        }
       ul#ServicesThemes li.col.securite img{
         float:left;
         margin-left:36px;
       }

/** =LINKBAR
----------------------------------------------------------------------*/

#Linkbar {
  margin: 0 0 9px 0;
}

#Linkbar p{
  color: #AAA;
  font-size: 10px;
  line-height: 13px;
  width:710px;
}


/** =FEATURED-BRANDS
  ----------------------------------------------------------------------*/

#FeaturedBrands {
  position: relative;
  margin: 0 0 18px 0;
}

#FeaturedBrands h2 {
  font-size: 15px;
  color: rgb(255,255,255);
  background: rgb(33,33,33) url(../img/home-brands-bg.png) repeat-x 0 0;
  padding:0 12px;
  line-height: 36px;
  margin: 0;
}
#FeaturedBrands ul {
  border: 0 solid rgb(230,230,230);
  border-width: 0 2px 2px 2px;
  background-color: rgb(241,239,239);
  margin: 0;
  padding: 0 19px;
}

#FeaturedBrands ul li { 
  list-style: none; 
  float: left;
  width: 93px;
  height: 83px;
}

#FeaturedBrands ul li a {
  background:url(../../img/home/brands.jpg) no-repeat 0 0;
  color: rgb(68,68,68);
  display:block;
  height:83px;
  overflow:hidden;
  text-indent:200px;
  white-space:nowrap;
  width:93px;
}

#FeaturedBrands ul li.ray-ban a {
  background-position:0 0;
}
#FeaturedBrands ul li.ray-ban a:hover {
  background-position:0 -83px;
}

#FeaturedBrands ul li.oakley a {
  background-position:-93px 0;
}
#FeaturedBrands ul li.oakley a:hover {
  background-position:-93px -83px;
}

#FeaturedBrands ul li.dolcegabbana a {
  background-position:-186px 0;
}
#FeaturedBrands ul li.dolcegabbana a:hover {
  background-position:-186px -83px;
}

#FeaturedBrands ul li.prada a {
  background-position:-279px 0;
}
#FeaturedBrands ul li.prada a:hover {
  background-position:-279px -83px;
}

#FeaturedBrands ul li.dg a {
  background-position:-372px 0;
}
#FeaturedBrands ul li.dg a:hover {
  background-position:-372px -83px;
}

#FeaturedBrands ul li.esprit a {
  background-position:-465px 0;
}
#FeaturedBrands ul li.esprit a:hover {
  background-position:-465px -83px;
}

#FeaturedBrands ul li.carrera a {
  background-position:-558px 0;
}
#FeaturedBrands ul li.carrera a:hover {
  background-position:-558px -83px;
}

#FeaturedBrands ul li.cavalli a,
#FeaturedBrands ul li.fossil a {
  background-position:-651px 0;
}
#FeaturedBrands ul li.cavalli a:hover,
#FeaturedBrands ul li.fossil a:hover {
  background-position:-651px -83px;
}

#FeaturedBrands ul li.police a,
#FeaturedBrands ul li.uvex a {
  background-position:-744px 0;
}
#FeaturedBrands ul li.police a:hover,
#FeaturedBrands ul li.uvex a:hover {
  background-position:-744px -83px;
}

#FeaturedBrands ul li.tomford a {
  background-position:-837px 0;
}
#FeaturedBrands ul li.tomford a:hover {
  background-position:-837px -83px;
}

#FeaturedBrands p {
  position: absolute;
  right: 12px;
  top: 0;
  line-height: 34px;
}

#FeaturedBrands p a { 
  color: rgb(255,255,255);
}
/** =WHY-MISTER-SPEX
----------------------------------------------------------------------*/

#WhyMisterSpex {
  margin: 0 0 18px 0;
}

#WhyMisterSpex .col9 {
  float: right;
  width: 220px;
  background-color: rgb(239,239,239);
}

#Benefits {
  width: 205px;
  padding: 9px 15px 9px 15px;
  float: left;
}

#Benefits li {
  padding: 0 0 0 17px;
  line-height: 21px;
  background: rgb(239,239,239) url(../img/home-benefits-check.png) no-repeat 0 0;
}

#TrustedShops {
  border-left: 2px solid rgb(255,255,255);
  width: 145px;
  float: left;
  padding: 0 6px 5px 6px;
}

#ShopCertificates {
  width: 292px;
  padding: 9px 15px;
  position:relative;
  clear: both;
  border-top: 2px solid rgb(255,255,255);
}
#ShopCertificates a {
  bottom:0;
  display:block;
  height:67px;
  overflow:hidden;
  position:absolute;
  right:0;
  text-indent:122px;
  white-space:nowrap;
  width:122px;
}
/** =FEATURED-PRODUCTS
----------------------------------------------------------------------*/

#FeaturedProducts {
  border-top: 2px solid rgb(230,230,230);
  padding: 16px 0 9px 0;
}

#FeaturedProducts ul {
  margin: 0 0 9px 0;
  padding: 0;
}

#FeaturedProducts p {
  margin: 0;
}

#FeaturedProducts p a {
  font-weight: 700;
}

#FeaturedProducts ul li {
  list-style: none outside none
}

#FeaturedProducts a {
  color: rgb(68,68,68); 
  border-bottom: 1px solid rgb(255,255,255);
}

#FeaturedProducts a:hover {
  color: rgb(133,30,35);
  border-bottom: 1px solid rgb(133,30,35);
}