/*
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 */
.navigations #nav {
    width:517px;
    }
    
#main-nav li#see a {
    width:134px;
    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:134px;
    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:134px;
    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: 134px;
    }  
#main-nav li#share ul.level-2 {
	position: absolute;
	top: 27px;
	left: 268px;
    }    
    
#find-dealer a.getaquote {
    background:url("../images/New_box_header_long.gif") no-repeat scroll 0 0 transparent;
    height:24px;
    width:200px;
}
#find-dealer a.getaquote span {
    padding:5px 0 0 38px;
    } 
#find-dealer a.dealers {
    width:200px;
    height:24px;
    background: url(../images/New_box_header_long.gif) no-repeat 0 0;
    } 
#find-dealer a.dealers span {
    padding:5px 0 0 25px;
    } 
    
/* 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;
		}  	  

/*Picture viewer */ 

div.photo-info ul li.locate a.locate-btn {
	width:148px;
	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;  
    }
    
/* 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;
    }

/* 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;
    }
    
/* Showroom */    
      
.introduction-content a.letsgo {
    width:76px;
    height:22px;
    background: url(../images/Btn_Letsgo.gif) no-repeat 0 0;
    }
.introduction-content a.shop {
    width:73px;
    height:22px;
    background: url(../images/Btn_Shop.gif) no-repeat 0 0;
    }
            
/* GMap Info window */

div.box ul li.moreInfo {
    background: url(../images/Btn_GMap_InfoWindow.gif) no-repeat 0 0;
    height:18px;
    }    	
 #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:126px;
	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;
		}  	
		
#customInfoWindow ul li.bookTest a {
	width:110px;
	height:18px;
	background: url('../images/Btn_BookTest.gif') no-repeat 0 0;
    }  
    #customInfoWindow ul li.bookTest a:hover {
		background: url('../images/Btn_BookTest.gif') no-repeat 0 -18px;
		}  	  
    #customInfoWindow ul li.bookTest a {
        display:block;
        float:right;
        }  
	#customInfoWindow ul li.bookTest a span {
        display:none;
        } 			
       
 /* Footer */   
 
#logo {
    width:164px;
    height:41px;
    background:url(../images/Logo_CanAm.png) no-repeat 0 0;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SpyderMY10/_Static/en-US/images/Logo_CanAm.png', sizingMethod='crop');       
    }

/* Showroom */

.yui-panel .container-close {
    width:55px;
    background: url(../images/Btn_ClosePanel.gif) no-repeat 0 0;
	}
#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;
		}
#customInfoWindow ul li.btn-register {
	width:102px;
	}	

/* FAQ */
dl#faq dd  {
    background:transparent url(../images/Bkg_FAQ_Answer.png) no-repeat scroll 0 0
   }

#login ul.intl {
    padding:0 26px 0 0;
    }
        
div#search input.txtsearch {
    width:230px;
    }
div#search .wrapper {
    width:272px;
    }
#tabview div.sortBy {
    width:130px;
    }

/* Community : Home */
#community {
    background: url(../images/community/bkg_home_community.jpg) no-repeat 0 0;
    }
.es-MX #community #sections div.events
{
    background:url(../images/community/HomeCommunity_Events.png) no-repeat 0 0;
}
.es-MX #community #sections div.spyder-clubs
{
    background:url(../images/community/HomeCommunity_SpyderClubs.png) no-repeat 0 0;
}
.es-MX #community #sections div.road-trips
{
    background:url(../images/community/HomeCommunity_RoadTrips.png) no-repeat 0 0;
}
.es-MX #community #sections div.rider-map
{
    background:url(../images/community/HomeCommunity_RiderMap.png) no-repeat 0 0;
}
.es-MX #community #sections div.riders-photos
{
    background:url(../images/community/HomeCommunity_RidersPhotos.png) no-repeat 0 0;
}
.es-MX #community #sections,
.es-MX #community #sections div.banners 
{
    width:277px;
}
.es-MX #community #sections div.banners div.desc
{
    width:160px;
}
.es-MX #community #sign-in 
{
    width:649px;
}

.es-MX #community #sign-in div.register 
{
        padding:380px 0 0 40px;
        }
.es-MX #community #sign-in div.info     
{
        padding:25px 0 0 40px;
    } 
    
/* Discover */
h1#rideableCarLicence {
    width:433px;
    height:31px;
    background: url(../images/Title_Rideable.gif) no-repeat 0 0;
    }
h1#whyDiscover {
    width:723px;
    height:38px;
    background: url(../images/Title_WhyDiscover.gif) no-repeat 0 0;
    }
h1#whichRoadster {
    width:423px;
    height:38px;
    background: url(../images/Title_WhichAreYou.gif) no-repeat 0 0;
    }
h2#titleExperience {
    width:455px;
    height:56px;
    background: url(../images/Title_RideableExperience.gif) no-repeat 0 0;
    }
h2#title1 {
    width:483px;
    height:56px;
    background: url(../images/Title_RidingReinvented.gif) no-repeat 0 0;
    }
h2#title2 {
    width:330px;
    height:56px;
    background: url(../images/Title_Unique.gif) no-repeat 0 0;
    }
h2#title3 {
    width:506px;
    height:43px;
    background: url(../images/Title_NameTrust.gif) no-repeat 0 0;
    }
h2#title4 {
    width:458px;
    height:64px;
    background: url(../images/Title_Comfort.gif) no-repeat 0 0;
    }
h2#title5 {
    width:494px;
    height:61px;
    background: url(../images/Title_FullPerformance.gif) no-repeat 0 0;
    }
    
/* Sneak Peak */

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

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

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

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

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

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

a.btnDownloadPdf {width:250px;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:512px;margin:30px auto 45px;}
#SneakPeak h2#NotifyTitle {width:512px;height:44px;background: url(../images/title_NotifyMe.gif) no-repeat 0 0;}
#SneakPeak a.btnNotifyMe {width:385px;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;}