/*
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:157px;
    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;
    }    
    
#logo-spyder {
     width:250px;
     }      
#login ul.intl {     
     padding:0 15px 0 0;
     }
     
#main-nav ul#main-nav-container 
{
    margin:0;
}
     
/* 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:78px;
	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:135px;
	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:73px;
    height:22px;
    background: url(../images/Btn_Letsgo.gif) no-repeat 0 0;
    }
.introduction-content a.shop {
    width:72px;
    height:22px;
    background: url(../images/Btn_Shop.gif) no-repeat 0 0;
    }
    

    
#find-dealer a.dealers {
    /*width:227px;*/
    height:24px;
    background: url(../images/New_box_header_long.gif) no-repeat 0 0;
    } 
    #find-dealer a.dealers span {
        padding:5px 0 0 25px;
        } 
#find-dealer a.getaquote {
   width:161px;
    height:24px;
    background: url(../images/New_box_header_small.gif) no-repeat 0 0;
    }
    #find-dealer a.getaquote span {
        padding:5px 0 0 23px;
    }
            
/* 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:128px;
	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:78px;
	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/de-DE/images/Logo_CanAm.png', sizingMethod='crop');       
    }  
	
/* Showroom */
 	
.yui-panel .container-close {
    width:60px;
    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;
		}
		
/* FAQ */ 
dl#faq dt {
    width:650px;
    font-weight:bold;
    text-transform:uppercase;
    margin:15px 0 10px 0;
    padding:0 0 0 25px;
    background: url(../images/Bkg_FAQ_Question.png) no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/SpyderMY10/_Static/de-DE/Images/Bkg_FAQ_Question.png', sizingMethod='crop');
    } 
    
div#search input.txtsearch {
    width:196px;
    }    
div#search .wrapper {
	width:245px;
	}
#dropdown-maptype ul.first-of-type {
	color:#fff;
	width:80px;
	}
#maptype span.view {
    padding:6px 2px 0 2px;
    }
    
#find-dealer {
    margin:0;
    }

/* Community : Home */
#community {
    background: url(../images/community/bkg_home_community_5.jpg) no-repeat 0 0;
}
    
.de-DE #community #sign-in div.register 
{
    padding:395px 0 0 40px;
}

.de-DE #community #sign-in div.info     
{
        padding:20px 0 0 40px !important;
    }
    
    
    /* Discover */
h1#rideableCarLicence {
    width:441px;
    height:31px;
    background: url(../images/Title_Rideable.gif) no-repeat 0 0;
    }
h1#whyDiscover {
    width:800px;
    height:27px;
    background: url(../images/Title_WhyDiscover.gif) no-repeat 0 0;
    }
h1#whichRoadster {
    width:602px;
    height:27px;
    background: url(../images/Title_WhichAreYou.gif) no-repeat 0 0;
    }
h2#titleExperience {
    width:483px;
    height:51px;
    background: url(../images/Title_RideableExperience.gif) no-repeat 0 0;
    }
h2#title1 {
    width:530px;
    height:50px;
    background: url(../images/Title_RidingReinvented.gif) no-repeat 0 0;
    }
h2#title2 {
    width:400px;
    height:54px;
    background: url(../images/Title_Unique.gif) no-repeat 0 0;
    }
h2#title3 {
    width:490px;
    height:40px;
    background: url(../images/Title_NameTrust.gif) no-repeat 0 0;
    }
h2#title4 {
    width:510px;
    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:150px;background: url(../images/title_sneakPeak.gif) no-repeat 0 0;}

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

h2#sneakPeakTitle2 {width:332px;height:108px;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:114px;height:20px;background: url(../images/news.gif) no-repeat 0 0;margin:15px 0 0;}

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

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