/*
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 */

#nav {
    width:518px;
    }
#main-nav li#see a {
    width:153px;
    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:153px;
    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:153px;
    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: 153px;
    }  
#main-nav li#share ul.level-2 {
	position: absolute;
	top: 27px;
	left: 306px;
    }   
#find-dealer  {
    margin:0;   
    }   
#logo-spyder {
    width:210px;
    }     
#login ul.intl {    
    padding:0;
    }  
 #find-dealer input {
     margin:0 1px 0 1px;
     }     
            
/* 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:64px;
	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:183px;
	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;
    }
#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='/SpyderWorldMY10/_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='/SpyderWorldMY10/_Static/neutral/Images/Bkg_FAQ_Answer.png', sizingMethod='crop');
    }  	
    
/* Home page */  

#home-promos .promo-lrg 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:85px;
    height:22px;
    background: url(../images/Btn_Letsgo.gif) no-repeat 0 0;
    }
.introduction-content a.shop {
    width:83px;
    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 18px;
        } 
#find-dealer a.getaquote {
   width:131px;
    height:24px;
    background: url(../images/New_box_header_small.gif) no-repeat 0 0;
    }
    #find-dealer a.getaquote span {
        padding:5px 0 0 17px;
        }  

/* Community : Home */
#community {
    background: url(../images/community/bkg_home_community.jpg) no-repeat 0 0;
    }
    
#community #sign-in div.register 
{
        padding:350px 0 0 40px !important;
        }

#community #sign-in div.info     
{
        padding:30px 0 0 40px !important;
    }
    
#topnav {
    width:150px;
    } 
    
/* Discover */
h1#rideableCarLicence {
    width:440px;
    height:25px;
    background: url(../images/Title_Rideable.gif) no-repeat 0 0;
    }
h1#whyDiscover {
    width:740px;
    height:27px;
    background: url(../images/Title_WhyDiscover.gif) no-repeat 0 0;
    }
h1#whichRoadster {
    width:595px;
    height:34px;
    background: url(../images/Title_WhichAreYou.gif) no-repeat 0 0;
    }
h2#titleExperience {
    width:428px;
    height:56px;
    background: url(../images/Title_RideableExperience.gif) no-repeat 0 0;
    }
h2#title1 {
    width:330px;
    height:51px;
    background: url(../images/Title_RidingReinvented.gif) no-repeat 0 0;
    }
h2#title2 {
    width:452px;
    height:60px;
    background: url(../images/Title_Unique.gif) no-repeat 0 0;
    }
h2#title3 {
    width:418px;
    height:25px;
    background: url(../images/Title_NameTrust.gif) no-repeat 0 0;
    }
h2#title4 {
    width:448px;
    height:84px;
    background: url(../images/Title_Comfort.gif) no-repeat 0 0;
    }
h2#title5 {
    width:504px;
    height:90px;
    background: url(../images/Title_FullPerformance.gif) no-repeat 0 0;
    }
    
/* Sneak Peak */

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

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

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

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

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

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

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

a.btnGear {width:275px;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:464px;margin:30px auto 45px;}
#SneakPeak h2#NotifyTitle {width:464px;height:42px;background: url(../images/title_NotifyMe.gif) no-repeat 0 0;}
#SneakPeak a.btnNotifyMe {width:341px;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 {margin-left:40px;}

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

#SneakPeak span.spyderName {left:140px;}