/**
 * =================================================================
 * Cagney Hero Link
 * =================================================================
 * -----------------------------------------------------------------
 * Use in conjunction with:
 * 
 *   - P4 //Java/Websites/br_wbst_0300/implementation/src/websitesEar/websitesWebApp/js/lexus/jquery-lexusSlideCycler.js
 *   - P4 //Java/Websites/br_wbst_0300/implementation/src/websitesEar/websitesWebApp/css/lexus/lexus_cagney_slide_container_widget.css
 *
 * -----------------------------------------------------------------
 *
 * Stylesheet prepared by Timothy Christensen
 * Version: 6-30-10
 *
 **/

/**
 * =================================================================
 * Default Styling
 * =================================================================
 * -----------------------------------------------------------------
 *
 * The default styling and positioning for the CTA links in 
 * lexus_cagney_slide_container_widget.css is as follows:
 *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * 
 *  84   #cagney-slides div.slide a {
 *  85     background-position: -145px 1px;
 *  86     background-repeat: no-repeat;
 *  87     color: #FFF;
 *  88     display: block;
 *  89     font: 11px/1 Arial, sans-serif;
 *  90     letter-spacing: 0.025em;
 *  91     padding-left: 15px;
 *  92     position: absolute;
 *  93     text-decoration: none;
 *  94     text-transform: uppercase;
 *  95   }
 *  96   #cagney-slides div.slide a:hover { text-decoration: underline; }
 *  97
 *  98   #cagney-slides div.slide a.first,
 *  99   #cagney-slides div.slide a.second { left: 32px; }
 * 100   #cagney-slides div.slide a.first { top: 66px; }
 * 101   #cagney-slides div.slide a.second { top: 88px; }
 *
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *
 * The "background-position" corresponds with the coordinates of the
 * orange arrow in the "hero_controls_sprite". If the custom link
 * styling requires a new background image it is recommended that
 * those assets go in the [public/HomePage_Cagney/css/images/]
 * directory on MLM. Then add a background-image property to your CSS
 * selector with the value:
 *
 * background-image: url(./HomePage_Cagney/css/images/<my-background-image>.png);
 *
 * At this point you will need to override the "background-position"
 * and "background-repeat" properties.
 *
 * Example:
 *
 *    #cagney-slides div.slide a.august_2010_sales_event-learnMoreCTAlink {
 *      background-image: url(./HomePage_Cagney/css/images/bkg_august_sales_event_cta1.png);
 *      background-position: left top;
 *      left: 32px;
 *      top: 120px;
 *    }
 *
 * NOTE: You're going to have to start your CSS selector with
 * "div#cagney-slides div.slide a" in order to overwrite the selector
 * used in the CSS file for the widget because of cascading rules.
 *
 **/

/**
 * =================================================================
 * Custom Styling
 * =================================================================
 * -----------------------------------------------------------------
 *
 * Provide custom class for CTA links below.
 *
 **/

div#cagney-slides div.slide a.my-custom-cta-link {
  left: 20px;
  top: 120px;
}