/* Colors
 * Uncomment the color to change the ad colors.
 */

/* 
@import url("splash-ad-green.css");
@import url("splash-ad-orange.css");
*/
@import url("splash-ad-purple.css");
/*
@import url("splash-ad-red.css");
@import url("splash-ad-yellow.css");
*/

/* Temporary Disable TryOn BTN on Live for Catalog and Product pages
   -- Will remove this when these buttons are approved to go live.
 */

#tryon-btn {
  display: none !important;
}

/* SPLASH - CONTENT SIZE --------------------------------------------- */

#ctl00_ContentPlaceHolderProductDisplay_splashAdCatalog {
  display: none;
}
                  
#ctl00_ContentPlaceHolderProductDisplay_splashAdProduct {
  display: block;
}

#ctl00_ContentPlaceHolderTopContent_splashAdLensSelector {
  display: block;
}

.splash-prod-title {
  display: block;
  
}

.splash-ad {
  padding:5px 0 5px 0;
  width:100%;
}

#ctl00_ContentPlaceHolderTopContent_splashAdLensSelector .splash-ad {
  margin-top: 10px;
}

.splash-ad-inner {
  margin:0 0 0 145px;
  padding:0;
}

.sa-leader {
  text-transform:uppercase;
  font-size:15px;
  font-weight:bold;
}

.sa-time {
  font-size:15px;
  font-weight:bold;
}

.sa-code {
  text-transform:uppercase;
  font-size:14px;
  font-weight:bold;
}

a.sa-link:link, a.sa-link:active, a.sa-link:visited {
  text-decoration:underline;
  font-size:12px;
  font-weight:bold;
}

#splash-holder {
    float: left;
}

#splash-title {
  font-weight: bold;
}

#ctl00_ContentPlaceHolderProductDisplay_splashAdProduct #splash-desc {
  margin-left: 10px;
}

#splash-holder #splash-desc{
    display: inline-block;
    padding: 7px;
    font-size: inherit;
}

#splash-details-link {
    font-style: italic;
    display: inline-block;
    padding: 7px;
}

#ctl00_ContentPlaceHolderProductDisplay_splashAdProduct #splash-title,
#ctl00_ContentPlaceHolderProductDisplay_splashAdProduct #splash-desc {
  display: block;
  margin-left: 0;
  text-align: center;
}

#ctl00_ContentPlaceHolderProductDisplay_splashAdProduct #splash-desc {
  font-size: 14px;
}

#ctl00_ContentPlaceHolderProductDisplay_splashAdProduct #splash-title {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*
  background: url('/images/splash-ad/icon-star.png') no-repeat 0 2px;
  padding-left: 22px;
  */
  background: url('/images/splash-ad/icon-highlight.png') no-repeat 0 2px;
  padding-left: 2px;
} 

.splash-prod-title a {
  display: inline-block;
  /*
  background: url('/images/splash-ad/icon-star-sm.png') no-repeat 0 0;
  padding-left: 15px;
  */ 
  background: url('/images/splash-ad/icon-highlight-sm.png') no-repeat 0 1px;
  padding-left: 1px;
  /* color: #c00; */
  color: #333;
  font-weight: bold;
}

#splash-title {
  font-size: inherit;
  display: inline-block;
  padding: 7px;
}

/* SPLASH - SMALL SIZE --------------------------------------------- */

.compact-splash .splash-ad {
  margin: 10px 0 0 0;
  padding:7px 0;
  width:100%;
}

.compact-splash .splash-ad .splash-ad-inner {
  margin:5px auto;
  padding:0;
  text-align: center;
}

#ctl00_ContentPlaceHolderProductDisplay_splashAdProduct .compact-splash .splash-ad {
  background-image:none;
}

.compact-splash .sa-leader {
  text-transform:uppercase;
  font-size:16px;       
  font-weight: bold;
}

.compact-splash .sa-time {
  font-size:13px;   
  font-weight: bold;
}

.compact-splash .sa-code {
  text-transform:uppercase;
  font-size:13px;   
  font-weight: bold;
}

a.sa-link:link, a.sa-link:active, a.sa-link:visited {
  text-decoration:underline;
  font-size:12px;    
  font-weight: bold;
}