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

Content:	
            Main Navigation
			Try/Trial/VIP
*/

/* Main Navigation */

#nav {
    width:567px;
    }
#main-nav li#see a {
    width:169px;
    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:169px;
    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:169px;
    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: 170px;
    }  
#main-nav li#share ul.level-2 {
	position: absolute;
	top: 27px;
	left: 340px;
    }   
/* ---[ VIP ]---------------------------------- */	
#vip #vip-navigation ul li#nav-register-vip {
	width: 117px;
	}
	#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: 91px;
	}
	#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: 173px;
	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: 277px;
	height: 17px;
	}
#vip div.vip-prize-info h1 {
	background-image: url(../images/vip_title_prize_info.gif);
	width: 243px;
	height: 80px;
	}
#vip div.vip-contest-rules h1 {
	background-image: url(../images/vip_title_contest_rules.gif);
	width: 109px;
	height: 15px;
	}

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

/* 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='/SpyderMY09/_Static/fr-CA/images/Promo_Blog.png', sizingMethod='crop');       
	}   
	
/* Picture Viewer */ 

div.photo-info ul li.locate a.locate-btn {
	width:188px;
	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 {
    background: transparent url(../images/RoadTrips_Header.jpg) no-repeat 0 0;
    height: 215px;
    width: 937px;
    margin:0 0 11px 0;
}  

/* 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;
		}
		
/* 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;
	}
	
/* 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='/SpyderMY09/_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='/SpyderMY09/_Static/neutral/Images/Bkg_FAQ_Answer.png', sizingMethod='crop');
    }  	
    
/* Home page */  

#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: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;
        }  
        
           
/* Discover */

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#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;
    }

#topnav {
    width:150px;
    }  


/* Sneak Peak */

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

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

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

h2#sneakPeakTitle3 {width:446px;height:20px;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:522px;margin:30px auto 45px;}
#SneakPeak h2#NotifyTitle {width:522px;height:41px;background: url(../images/title_NotifyMe.gif) no-repeat 0 0;}
#SneakPeak a.btnNotifyMe {width:267px;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:70px;}

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

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


h1#previousmodels {
    width:500px;
    height:76px;
    background: url(../images/Title_PreviousModels.gif) no-repeat 0 0;
    }
h2#showroom2010 {
    width:126px;
    height:36px;
    background: url(../images/Title_2010_Showroom.gif) no-repeat 0 0;
    }
h2#showroom2009 {
    width:126px;
    height:36px;
    background: url(../images/Title_2009_Showroom.gif) no-repeat 0 0;
    }
h2#showroom2008 {
    width:126px;
    height:36px;
    background: url(../images/Title_2008_Showroom.gif) no-repeat 0 0;
    }
h2#showroom2007 {
    width:126px;
    height:36px;
    background: url(../images/Title_2007_Showroom.gif) no-repeat 0 0;
    }
.compare_geo
{
    height:447px; vertical-align:top;
}
.compare_color
{
    height:152px; vertical-align:top;
}