/*
Title:      CSS Culture
Author:     Martin Cayouette, martin.cayouette@nurun.com
Updated:    September 24 2008

Content:	
			Main Navigation
            VIP
            GMap Info window
            Road Trip Contest
            Road Trip Promos
            Picture viewer
            Road Trip
            Contest
            Showroom
            Community : Home
*/


/* Main Navigation */

#main-nav li#see a {
    width:137px;
    background: url(../images/Sprite_MainNav.gif) no-repeat 0 0;
    }
    #main-nav li#see a:hover {
        background: url(../images/Sprite_MainNav.gif) no-repeat 0 -28px;
        }
#main-nav li#try a {
    width:137px;
    background: url(../images/Sprite_MainNav.gif) no-repeat 0 -56px;
    }
    #main-nav li#try a:hover {
        background: url(../images/Sprite_MainNav.gif) no-repeat 0 -84px;
        }
#main-nav li#share a {
    width:137px;
    background: url(../images/Sprite_MainNav.gif) no-repeat 0 -112px;
    }
    #main-nav li#share a:hover {
        background: url(../images/Sprite_MainNav.gif) no-repeat 0 -140px;
        }   
#nav #main-nav ul li#see a.selected {
    height:27px;
    background: url(../images/Sprite_MainNav.gif) no-repeat 0 -28px;
    }
#nav #main-nav ul li#try a.selected {
    height:27px;
    background: url(../images/Sprite_MainNav.gif) no-repeat 0 -84px;
    }
#nav #main-nav ul li#share a.selected {
    height:27px;
    background: url(../images/Sprite_MainNav.gif) no-repeat 0 -140px;
    }
#main-nav li#see ul.level-2 {
	position: absolute;
	top: 27px;
	left: 0px;
    }        
#main-nav li#try ul.level-2 {
	position: absolute;
	top: 27px;
	left: 137px;
    }  
#main-nav li#share ul.level-2 {
	position: absolute;
	top: 27px;
	left: 274px;
    }    
       
/* ---[ VIP ]---------------------------------- */	
#vip #vip-navigation ul li#nav-register-vip {
	width: 75px;
	}
	#vip #vip-navigation ul li#nav-register-vip a,
	#vip #vip-navigation ul li#nav-register-vip a.off {
		background-image: url(../images/Btn_Vip_Nav_Register.gif);
		}
#vip #vip-navigation ul li#nav-prize-vip{
	width: 77px;
	}
	#vip #vip-navigation ul li#nav-prize-vip a,
	#vip #vip-navigation ul li#nav-prize-vip a.off {
		background-image: url(../images/Btn_Vip_Nav_PrizeInfo.gif);
		}
#vip #vip-navigation ul li#nav-rules-vip {
	width: 107px;
	}
	#vip #vip-navigation ul li#nav-rules-vip a,
	#vip #vip-navigation ul li#nav-rules-vip a.off {
		background-image: url(../images/Btn_Vip_Nav_ContestRules.gif);
		}
#vip #vip-navigation ul li#nav-lang-vip {
	width: 135px;
	}
	#vip #vip-navigation ul li#nav-lang-vip a,
	#vip #vip-navigation ul li#nav-lang-vip a.off {
		background-image: url(../images/Btn_Vip_Nav_Lang.gif);
		}
#vip div.register-vip-step1 h1 {
	background-image: url(../images/vip_title_register.gif);
	width: 277px;
	height: 72px;
	}
#vip div.register-vip-step2 h1.selectedDates {
	background-image: url(../images/vip_title_register_event_date.gif);
	width: 102px;
	height: 13px;
	}
#vip div.register-vip-step2 h2.spyder-event-register {
	background-image: url(../images/vip_title_register2.gif);
	width: 217px;
	height: 55px;
	}
#vip div.register-vip-step2 h2.spyder-event {
	background-image: url(../images/vip_title_register_event.gif);
	width: 215px;
	height: 14px;
	}
#vip div.vip-prize-info h1 {
	background-image: url(../images/vip_title_prize_info.gif);
	width: 235px;
	height: 80px;
	}
#vip div.vip-contest-rules h1 {
	background-image: url(../images/vip_title_contest_rules.gif);
	width: 134px;
	height: 12px;
    } 
            
/* GMap Info window */

div.box ul li.moreInfo {
    background: url(../images/Btn_GMap_InfoWindow.gif) no-repeat 0 0;
    }  
#customInfoWindow ul li.viewpic a {
	width:84px;
	height:18px;
    background: url(../images/Btn_GMap_Pics.gif) no-repeat 0 0;
    }   
    #customInfoWindow ul li.viewpic a:hover {
		background: url(../images/Btn_GMap_Pics.gif) no-repeat 0 -18px;
		}  
#customInfoWindow ul li.moreInfo a {
	width:71px;
	height:18px;
    background: url(../images/Btn_GMap_InfoWindow.gif) no-repeat 0 0;
    }   
    #customInfoWindow ul li.moreInfo a:hover {
		background: url(../images/Btn_GMap_InfoWindow.gif) no-repeat 0 -18px;
		}  
#customInfoWindow ul li.clickToZoom a {
	width:54px;
	height:18px;
	background: url('../images/Btn_Zoom.gif') no-repeat 0 0;
    }  
    #customInfoWindow ul li.clickToZoom a:hover {
		background: url('../images/Btn_Zoom.gif') no-repeat 0 -18px;
		}  	  
    
/* Road Trip Contest */      

#road-trips-subnav #details{
	float: left;
	width: 124px;
	}
#road-trips-subnav #details a {
	background-image: url(../images/Btn_Nav_RoadTripsDetails.gif);
	}
#road-trips-subnav #rules{
	float: left;
	width: 124px;
	}
#road-trips-subnav #rules a {
	background-image: url(../images/Btn_Nav_RoadTripsRules.gif);
	}
	
/* Road Trip Promos */ 

#gallery-content .side-b .promo-blog {
	width:312px;
	height:239px;
	background-image: url(../images/Promo_Blog.png);
	_background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SpyderMY10/_Static/en-US/images/Promo_Blog.png', sizingMethod='crop');       
	}
	
/*Picture viewer */ 

div.photo-info ul li.locate a.locate-btn {
	width:119px;
	height:18px;
	display:block;
	background: url(../images/Btn_LocateRyder.gif) no-repeat 0 0;
    }  	
    div.photo-info ul li.locate a.locate-btn:hover {
	    background:url(../images/Btn_LocateRyder.gif) no-repeat 0 -18px;
	    } 
 
/* Road Trip  */  

#road-trip-description {
    height: 234px;
    width: 936px;
    margin:0;
	background: url(../images/RoadTrips_Header.jpg) no-repeat 0 0;  
}  

/* Contest */  

#contest .btn-enter {
	width:149px;
	height:64px;
	display:block;
	background: url(../images/WinASpyder_Btn_Enter.png) no-repeat 0 0; 
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SpyderMY10/_Static/en-US/images/WinASpyder_Btn_Enter.png', sizingMethod='crop');    
	}
	
#contest .btn-visit,
#contest-form .btn-visit  {
	width:149px;
	height:64px;
	display:block;
	background: url(../images/WinASpyder_Btn_Visit.png) no-repeat 0 0; 
	_background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SpyderMY10/_Static/en-US/images/WinASpyder_Btn_Visit.png', sizingMethod='crop');    
	}
 
 /* Showroom */
  	
#customInfoWindow ul li.btn-register a {
    height:18px;
    display:block;
    background: url(../images/Btn_RegisterNow.gif) no-repeat 0 0;
    }
    #customInfoWindow ul li.btn-register a:hover {
		height:18px;
		display:block;
		background: url(../images/Btn_RegisterNow.gif) no-repeat 0 -18px;
		}
    
 /* KFM */  
 
li#nav-home a {
	width:83px;
	height:27px;
	background:url(../images/KFM/Nav_Home.gif) no-repeat 0 0;
	} 
	li#nav-home a:hover {
		width:83px;
		height:27px;
		background:url(../images/KFM/Nav_Home.gif) no-repeat 0 -27px;
		} 
li#nav-dealers a {
	width:83px;
	height:27px;
	background:url(../images/KFM/Nav_Dealers.gif) no-repeat 0 0;
	} 
	li#nav-dealers a:hover {
		width:83px;
		height:27px;
		background:url(../images/KFM/Nav_Dealers.gif) no-repeat 0 -27px;
		} 
li#nav-seetry a {
	width:83px;
	height:27px;
	background:url(../images/KFM/Nav_SeeAndTry.gif) no-repeat 0 0;
	}  
	li#nav-seetry a:hover {
		width:83px;
		height:27px;
		background:url(../images/KFM/Nav_SeeAndTry.gif) no-repeat 0 -27px;
		} 
li#nav-blog a {
	width:90px;
	height:27px;
	background:url(../images/KFM/Nav_Blog.gif) no-repeat 0 0;
	} 	
	li#nav-blog a:hover {
		width:90px;
		height:27px;
		background:url(../images/KFM/Nav_Blog.gif) no-repeat 0 -27px;
		} 
h2#find-dealer {
	height:23px;
	background:url(../images/KFM/Title_FindADealer.gif) no-repeat 0 7px;
	}
h2#sighting {
	height:23px;
	background:url(../images/KFM/Title_TrySpyder.gif) no-repeat 0 7px;
	}
h2#blogspotlight {
	height:23px;
	background:url(../images/KFM/Title_BlogSpotlight.gif) no-repeat 0 7px;
	}
h2#spyderblog {
	height:23px;
	background:url(../images/KFM/Title_SpyderBlog.gif) no-repeat 0 7px;
	}
h2#learn {
	height:50px;
	width:187px;
	margin:0 0 9px 105px;
	background:url(../images/KFM/Title_LearnMore.gif) no-repeat 30px 12px;
	}
h2#bring-a-buddy { 
	height:13px;
	background:url(../images/KFM/Title_BringABuddy.gif) no-repeat 0 0;
	}
h2#official-blog { 
	height:28px;
	background:url(../images/KFM/Title_SeeOfficialBlog.gif) no-repeat 0 13px;
	}
a.btn-go {
	height:14px;
	background:url(../images/KFM/Btn_Go.gif) no-repeat 0 0;
	}
	a.btn-go:hover {
		height:14px;
		background:url(../images/KFM/Btn_Go.gif) no-repeat 0 -14px;
		}
#customInfoWindow ul li.btn-register a {
    height:18px;
    display:block;
    background: url(../images/Btn_RegisterNow.gif) no-repeat 0 0;
    }
    #customInfoWindow ul li.btn-register a:hover {
		height:18px;
		display:block;
		background: url(../images/Btn_RegisterNow.gif) no-repeat 0 -18px;
		}
.form-content .title-form {
	height:110px;
	background: url(../images/KFM/Banner_Register.gif) no-repeat 0 0;
	} 
	   
/* Red Carpet Contest */
.redcarpet-welcome form {
	background: url(../images/contest-bgw.jpg) no-repeat center top;
}
.redcarpet-registration form
{
	background: url(../images/contest-form-bg.jpg) no-repeat center top;
}

.redcarpet-schedule form 
{
	background: url(../images/contest-sched-bg.jpg) no-repeat center top;
}

.redcarpet-registration .register-for {
	background: url(../images/register-for-the-event.gif) no-repeat top left;
	height: 27px;
	text-indent: -3000px;
}

.redcarpet-schedule #schedule 
{
	background: url(../images/schedule.gif) no-repeat top left;
}
.thankyou form {
	background: url(../images/contest-thanks-bg.jpg) no-repeat top center;
}
.thankyou #lnkHotelDiscount {
	background: url(../images/thanks-hotel.gif) no-repeat top center;
}

/* Blog */ 

#blog-description {
	background: url(../images/Header_Blog.jpg) no-repeat 0 0;
	}
#blog-content-list #blog-list-title {
	background: url(../images/Blog_List_Title.gif) no-repeat 0 0;
	}
	
/* Close btn */ 	

.yui-panel .container-close {
    height:12px;
    width:50px;
    background: url(../images/Btn_ClosePanel.gif) no-repeat 0 0;
    }
#yui-bigmodal-jacket  .container-close {
    height:12px;
    width:50px;
    background: url(../images/Btn_ClosePanel_Jacket.gif) no-repeat 0 0;
    }
    
/* Picture Gallery */     

#gallery {
	background: url(../images/Bkg_PictureViewer.jpg) no-repeat 1px 0;
	}
	
/* FAQ */  
  
dl#faq dt {
    background: url(../images/Bkg_FAQ_Question.png) no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SpyderMY10/_Static/neutral/Images/Bkg_FAQ_Question.png', sizingMethod='crop');
    } 
dl#faq dd {
    background: url(../images/Bkg_FAQ_Answer.png) no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SpyderMY10/_Static/neutral/Images/Bkg_FAQ_Answer.png', sizingMethod='crop');
    }  	

/* Home page */  

#home-promos #home-see h1 {
    background: url(../images/Title_Homepage_See.gif) no-repeat 0 0;
    }
#home-promos #home-try h1 {
    background: url(../images/Title_Homepage_Try.gif) no-repeat 0 0;
    }
#home-promos #home-share h1 {
    background: url(../images/Title_Homepage_Share.gif) no-repeat 0 0;
    }
    
/* Get a Quote */  

.getquote-model a {
    width:161px;
    height:18px;
    background: url(../images/Btn_DownloadSpecs.gif) no-repeat 0 0;
    }
    .getquote-model a:hover {
        background: url(../images/Btn_DownloadSpecs.gif) no-repeat 0 -18px;
        }
        
/* Showroom */    
      
.introduction-content a.letsgo {
    width:61px;
    height:22px;
    background: url(../images/Btn_Letsgo.gif) no-repeat 0 0;
    }
.introduction-content a.shop {
    width:47px;
    height:22px;
    background: url(../images/Btn_Shop.gif) no-repeat 0 0;
    }

/* Community : Home */
#community {
    background: url(../images/community/bkg_home_community.jpg) no-repeat 0 0;
    }
    
    /* Discover */
h1#rideableCarLicence {
    width:362px;
    height:25px;
    background: url(../images/Title_Rideable.gif) no-repeat 0 0;
    }
h1#whyDiscover {
    width:614px;
    height:27px;
    background: url(../images/Title_WhyDiscover.gif) no-repeat 0 0;
    }
h1#whichRoadster {
    width:470px;
    height:27px;
    background: url(../images/Title_WhichAreYou.gif) no-repeat 0 0;
    }
h2#titleExperience {
    width:445px;
    height:49px;
    background: url(../images/Title_RideableExperience.gif) no-repeat 0 0;
    }
h2#title1 {
    width:330px;
    height:50px;
    background: url(../images/Title_RidingReinvented.gif) no-repeat 0 0;
    }
h2#title2 {
    width:360px;
    height:54px;
    background: url(../images/Title_Unique.gif) no-repeat 0 0;
    }
h2#title3 {
    width:346px;
    height:25px;
    background: url(../images/Title_NameTrust.gif) no-repeat 0 0;
    }
h2#title4 {
    width:448px;
    height:53px;
    background: url(../images/Title_Comfort.gif) no-repeat 0 0;
    }
h2#title5 {
    width:504px;
    height:54px;
    background: url(../images/Title_FullPerformance.gif) no-repeat 0 0;
    }
    
/* Sneak Peak */

h1#sneakPeak {width:811px;height:121px;background: url(../images/title_sneakPeak.gif) no-repeat 0 0;}

h2#sneakPeakTitle1 {width:384px;height:77px;background: url(../images/title_RT-LTD.gif) no-repeat 0 0;}

h2#sneakPeakTitle2 {width:361px;height:106px;background: url(../images/title_RS-S.gif) no-repeat 0 0;}

h2#sneakPeakTitle3 {width:334px;height:16px;background: url(../images/title_Gear.gif) no-repeat 0 0;}

h2#sneakPeakNews1 {width:118px;height:16px;background: url(../images/news.gif) no-repeat 0 0;margin:15px 0 0;}

h2#sneakPeakNews2 {width:118px;height:16px;background: url(../images/news.gif) no-repeat 0 0;margin:15px 0 0;}

a.btnDownloadPdf {width:208px;height:16px;background: url(../images/Btn_DownloadPDF.png) no-repeat 0 0;display:block;text-indent:-3000em;float:right;}

a.btnGear {width:207px;height:16px;background: url(../images/Btn_Gear.png) no-repeat 0 0;display:block;text-indent:-3000em;float:right;margin-top:10px;}

#SneakPeak .notifyMe {width:404px;margin:30px auto 45px;}
#SneakPeak h2#NotifyTitle {width:404px;height:38px;background: url(../images/title_NotifyMe.gif) no-repeat 0 0;}
#SneakPeak a.btnNotifyMe {width:269px;height:16px;background: url(../images/Btn_NotifyMe.png) no-repeat 0 0;display:block;text-indent:-3000em;margin:30px auto 0;}

#SneakPeak div.product div.caroussel span.gearText {margin-left:53px;}