/**
 * =================================================================
 * 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.
 *
 **/
 #cagney-slides div.slide a.brandVI  {
 	background-image: none;
	top: 268px !important;
 	left: 602px !important;
	font-size:11px !important;
	background-image:none !important;
 }
 
 #cagney-slides div.slide a.cpo11_vs  {
 	background-image: none;
	top: 58px !important;
 	left: 823px !important;
	font-size:11px !important;
	background-image:none !important;
 }
 
  #cagney-slides div.slide a.ase11_pi  {
 	background-image: none;
	top: 266px !important;
 	left: 714px !important;
	font-size:14px !important;
 }
 
 #cagney-slides div.slide a.cagney_accolades  {
 	background-image: none;
	top: 267px !important;
 	left: 528px !important;
 }
 
#cagney-slides div.slide a.engAmazing {
	background-image: none;
	top: 270px !important;
 	left: 668px !important;
}

#cagney-slides div.slide a.gsReveal {
	background-image: none;
	top: 257px !important;
 	left: 575px !important;
}


#cagney-slides div.slide a.ctaCrashLink {
	top: 125px !important;
}

#cagney-slides div.slide a.ctaCrashContact {
	top: 145px !important;
}
