/* STLYE SHEET FOR ANCAP
http://www.ancap.com.au

Created by INVOLVED. - involved.com.au (17 May 2010)
jordan@involved.com.au 


ToC
1. Defaults
2. Structure
3. Header
4. Navigation - Main
5. Navigation - Header
6. Side Columns
7. Homepage
	7.1. Crash Test Family
8. Understand Safety Features
9. Crash Testing Explained
10. Star Ratings Explained
11. Vehicle Record
12. Media Centre
13. Our Members
14. FAQs
15. Hybrid 3
16. Unsubscribe
17. Footer
18. FooterBar
19. Social Media Buttons
20. Fonts
21. Links
*/

/* @group Defaults 
-----------------------------------------*/	

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.left { float: left !important; }
.right { float: right !important; }
.bold { font-weight: bold; }
.hidden { display: none; }

.noPaddingTop 	 { padding-top: 0px !important; }
.noPaddingRight  { padding-right: 0px !important; }
.noPaddingBottom { padding-bottom: 0px !important; }
.noPaddingLeft   { padding-left: 0px !important; }

.noMarginTop 	{ margin-top: 0px !important; }
.noMarginRight  { margin-right: 0px !important; }
.noMarginBottom { margin-bottom: 0px !important; }
.noMarginLeft   { margin-left: 0px !important; }

.hide { display: none; }
.horiz-divider { border-top: #ccc 1px solid; width: 100%; display: block; height: 15px; margin-top: 10px; }

ul.bullets { margin-bottom: 15px; }
	ul.bullets li { margin: 0px 0px 10px 20px; padding-left: 20px; list-style-image: url(../images/common/bullet.png); list-style-position: outside; }

ol { margin: 20px 0px 15px 0px; }
	ol li { margin: 0px 0px 10px 20px; padding-left: 20px; list-style-position: outside; list-style-type: decimal; }

.showForPrint,
.videoContainer { display: none; }

/* @end */



/* @group Structure  
-----------------------------------------*/	

html, body { }



#wrapper { background: url(../images/common/bgTile_GradientTop.png) repeat-x 0 250px; min-width: 970px; position: relative; }
#container { background: url(../images/common/bgTile_GradientBtm.png) repeat-x 0 bottom; z-index: -1000; min-width: 970px;  }
	#container .inner {
		width: 970px;
		margin: 0px auto;
		padding: 50px 0px 120px 0px;
		min-height: 300px;
		height: auto !important;
		height: 300px;
		position: relative;
	}
		#container .inner .colMain { width: 540px; float: left;	margin: 0px 0px 0px 30px; display: inline; }
		#container .inner .colWide { width: 930px; float: left;	margin: 0px 0px 0px 20px; display: inline; border: red 1px solid; }

			#container .inner ul#documentFooter { 
				list-style: none; 
				width: 100%; 
				height: 30px;
				display: inline-block; 
				padding: 20px 0px 0px 0px; 
				margin: 20px 0px 10px 0px; 
				border-top: #8e8f8f 1px solid; 
			}			
							
				#container .inner #documentNav { width: 370px; height: 30px; float: right; }
				
				#container .inner ul#documentFooter li { float: right; display: inline-block; margin-left: 25px; }
					#container .inner ul#documentFooter li.datePublished { float: left; margin: 0px; }

/* @end */


/* @group Header 
-----------------------------------------*/	

#header {
	background: #000;
	border-bottom: #ffc20e 5px solid;
	min-width: 970px;
}

#header .inner {
	margin: 0px auto;
	width: 970px;
	height: 245px;
	position: relative;
	padding: 0px;
	background: url(../images/common/bg_Header-8.jpg) no-repeat left top;
}

	#header.image1 .inner { background-image: url(../images/common/bg_Header-1.jpg); }
	#header.image2 .inner { background-image: url(../images/common/bg_Header-2.jpg); }
	#header.image3 .inner { background-image: url(../images/common/bg_Header-3.jpg); }
	#header.image4 .inner { background-image: url(../images/common/bg_Header-4.jpg); }
	#header.image5 .inner { background-image: url(../images/common/bg_Header-5.jpg); }
	#header.image6 .inner { background-image: url(../images/common/bg_Header-6.jpg); }
	#header.image7 .inner { background-image: url(../images/common/bg_Header-7.jpg); }
	#header.image8 .inner { background-image: url(../images/common/bg_Header-8.jpg); }
	#header.image9 .inner { background-image: url(../images/common/bg_Header-9.jpg); }
	#header.image10 .inner { background-image: url(../images/common/bg_Header-10.jpg); }

		#header .inner #ancapLogo {
			position: absolute;
			top: 30px;
			left: 5px;
			z-index: 100;
			cursor: pointer;
		}		

/* @end */


/* @group Navigation - Main 
-----------------------------------------*/	

ul#navMain {
	position: absolute;
	top: 195px; 
	left: 0px;
	height: 50px; 
	list-style: none;
	margin: 0px 20px 0px 10px;
	padding: 0px;
	z-index: 200;
}

	ul#navMain li { 
		float: left;
		display: inline-block;
		padding: 0px;
		margin: 0px; 
		margin-right: 20px;
	}
		ul#navMain li a {
			background: url(../images/common/navMain_Sprite.png) no-repeat 0 top;
			height: 50px; 
			display: block;
			text-indent: -3000px;
			padding: 0px;
			margin: 0px;
		}
		
		.home ul#navMain { top: 445px; }
			.home ul#navMain li { margin-right: 10px; }
			.home ul#navMain li a { background-image: url(../images/home/navMain_Sprite-homepage.png); }
		
		ul#navMain li.btnCrashTestResults a { width: 155px; background-position: 0px 0px; }
		ul#navMain li.btnStarRatings a 		{ width: 180px; background-position: -165px 0px; }
		ul#navMain li.btnCrashTesting a 	{ width: 190px; background-position: -355px 0px; }
		ul#navMain li.btnSafetyFeatures a 	{ width: 230px; background-position: -555px 0px; }
		ul#navMain li.btnFaqs a 			{ width: 70px;  background-position: -795px 0px; }
		
		ul#navMain li.btnCrashTestResults a:hover { background-position: 0px -50px; }
		ul#navMain li.btnStarRatings a:hover 	  { background-position: -165px -50px; }
		ul#navMain li.btnCrashTesting a:hover 	  { background-position: -355px -50px; }
		ul#navMain li.btnSafetyFeatures a:hover   { background-position: -555px -50px; }
		ul#navMain li.btnFaqs a:hover 			  { background-position: -795px -50px; }
		
		ul#navMain li.btnCrashTestResults a.selected { background-position: 0px -100px; }
		ul#navMain li.btnStarRatings a.selected 	 { background-position: -165px -100px; }
		ul#navMain li.btnCrashTesting a.selected 	 { background-position: -355px -100px; }
		ul#navMain li.btnSafetyFeatures a.selected   { background-position: -555px -100px; }
		ul#navMain li.btnFaqs a.selected			 { background-position: -795px -100px; }
			
/* @end */


/* @group Navigation - Header 
-----------------------------------------*/	

ul#navHeader {
	position: absolute;
	top: 35px;
	right: 70px;
	z-index: 11;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	ul#navHeader li { 
		float: left;
		display: inline-block;
		padding: 0px;
		margin: 0px; 
		margin-right: 8px;
	}

		ul#navHeader li a {
			background: url(../images/common/navHeader_Sprite.png) no-repeat 0 top;
			height: 25px; 
			display: block;
			text-indent: -3000px;
			padding: 0px;
			margin: 0px;
			float: left;
			font-size: 0px;
		}
		
		ul#navHeader li.btnHome a 		 { width: 50px; background-position: 0px top; }
		ul#navHeader li.btnAbout a 		 { width: 90px; background-position: -50px top; }
		ul#navHeader li.btnMembers a 	 { width: 90px; background-position: -140px top; }
		ul#navHeader li.btnContact a 	 { width: 80px; background-position: -230px top; }
		ul#navHeader li.btnMediaCentre a { width: 90px; background-position: -310px top;  }
		ul#navHeader li.btnCampaign a 	 { width: 114px; background-position: -400px top;  }
		
		ul#navHeader li.btnHome a:hover	   	    { background-position: 0px bottom; }
		ul#navHeader li.btnAbout a:hover	    { background-position: -50px bottom; }
		ul#navHeader li.btnMembers a:hover 	    { background-position: -140px bottom; }
		ul#navHeader li.btnContact a:hover 	    { background-position: -230px bottom; }
		ul#navHeader li.btnMediaCentre a:hover  { background-position: -310px bottom; }
		ul#navHeader li.btnCampaign a:hover 	{ background-position: -400px bottom; }
		
		ul#navHeader li.btnHome a.selected			{ background-position: 0px bottom; }
		ul#navHeader li.btnAbout a.selected			{ background-position: -50px bottom; }
		ul#navHeader li.btnMembers a.selected		{ background-position: -140px bottom; }
		ul#navHeader li.btnContact a.selected		{ background-position: -230px bottom; }
		ul#navHeader li.btnMediaCentre a.selected	{ background-position: -310px bottom; }
		ul#navHeader li.btnCampaign a.selected 		{ background-position: -400px bottom; }

		
/* @end */


/* @group Side Columns 
-----------------------------------------*/	

#container .inner .colSide { width: 300px; float: right; clear: right; }
	#container .inner .colSide h2 { padding-bottom: 15px; }
	#container .inner .colSide .boxGrey,
	#container .inner .colSide .boxYellow,
	#container .inner .colSide .boxBlack { width: 280px; position: relative; margin: 0px 0px 40px 0px; position: relative; top: 10px; }

		#container .inner .colSide .boxInner {
			width: 240px;
			padding: 20px 20px 10px 20px;
			min-height: 75px;
			height: auto !important;
			height: 75px;	
			position: relative;
			top:-10px;
		}
		
		#container .inner .colSide .boxGrey 	{ background: url(../images/common/sideBar_GreyBox-btm.png) no-repeat left bottom; }
			#container .inner .colSide .boxGrey .boxInner 	{ background: url(../images/common/sideBar_GreyBox-top.png) no-repeat left top; }
		
		#container .inner .colSide .boxBlack 	{ background: url(../images/common/sideBar_BlackBox-btm.png) no-repeat left bottom; }
			#container .inner .colSide .boxBlack .boxInner 	{ background: url(../images/common/sideBar_BlackBox-top.png) no-repeat left top; }		

		#container .inner .colSide .boxYellow 	{ background: url(../images/common/sideBar_YellowBox-btm.png) no-repeat left bottom; }
			#container .inner .colSide .boxYellow .boxInner { background: url(../images/common/sideBar_YellowBox-top.png) no-repeat left top; min-height: 95px; height: auto !important; height: 95px; }		
				#container .inner .colSide .boxYellow h2 { padding-bottom: 15px; }

		#container .inner .colSide .boxInner ul { list-style-type: none; margin: 5px 0px 0px 0px; }
			#container .inner .colSide .boxInner ul.narrow { width: 160px; }
			#container .inner .colSide .boxInner li { padding-bottom: 5px; }

		#container .inner .colSide .boxInner #swingTag 		{ position: absolute; top: -10px; right: -15px; }
		#container .inner .colSide .boxInner #swingTagLarge { position: absolute; top: -120px; right: -110px;  overflow: hidden;  }
		#container .inner .colSide .boxInner #iPhoneApp		{ position: absolute; top: -15px; right: 10px; width: 100px; height: 180px;
	background: url(../images/common/sideBar_iPhone.png) no-repeat left top;
}
		#container .inner .colSide .boxInner #publications 	{ position: absolute; top: -25px; right: -15px; }
		
		#container .inner .colSide #hybrid3-head { margin-top: -10px; display: block; }
		#container .inner .colSide #hybrid3-tall { margin-top: -30px; display: block; }
				
		#container .inner .colSide .boxInner .spacer 		{ height: 10px; display: block; }
		#container .inner .colSide .boxInner .resultsList span	{ white-space: nowrap; }
		
		#container .inner .colSide .boxInner h3 { width: 160px; }

.home #container .inner .colSide .boxInner { padding: 0px 0px 30px 0px; top: 0px; }

/* @end */
		


/* @group Homepage  
-----------------------------------------*/
/* These are mostly CSS overwrites for positioning homepage elements */

body.home #header {	
	height: 440px !important;
	border-top: #ffc20e 2px solid;
	border-bottom: #ffc20e 60px solid;
}	

	.home #header .inner { background-image: none; }
	
	/* For Campaign Jan 2012 */
	.home #header .inner { background-image: url(../images/home/homepage_header_campaign.jpg); }
	/* --------------------- */

		.home #header .inner #flashBox {
			width: 970px;	
			height: 440px;
			z-index: 5;
			position: relative;
			float: left;
		}
		
		.home #header .inner #flashBox h1 { text-indent: -3000px; position: absolute; }
		
.home ul#navHeader li.btnHome a { display: none; }

.home #container { background: url(../images/home/bgTile_Footer-homepage.gif) repeat-x 0 bottom; z-index: -1000; }
	.home #container .inner { padding: 40px 0px 0px 0px; }
	
	#swingTagContainer {
		background:  url(../images/home/sideBar_SwingTag-large-BG.png) no-repeat center 0px;
		height: 300px;
		width: 100%;
		min-width: 970px;
		margin: 0px auto;
		position: absolute;
		top: 435px;
		z-index: 0;
	}	
		
	.home #container .inner .colMain { width: 535px; }
	.home #container .inner .colMiddle { 
		float: left;
		margin-left: 35px;
	}
	.home #container .inner .colSide .boxInner ul.narrow { width: 180px; }
	
	.home #header .inner { height: 440px; }
	.home #header .inner #ancapLogo { top: 160px; left: -5px; }

		.home .inner ul#promoBoxes { list-style: none; height: 165px; margin: 15px 0px 30px 0px; width: 970px; display: inline-block; }		
			.home .inner ul#promoBoxes li {
				float: left;
				padding: 0px 0px 0px 19px;			
				display: inline-block;
			}
				.home .inner ul#promoBoxes li.firstCol { padding-left: 10px; }
				.home .inner ul#promoBoxes li a { display: inline-block; }

	.home #mediaUpdates { width: 270px !important; }

	.home #members {
		min-height: 130px;
		height: auto !important;
		height: 130px;
		margin-top: 55px;
		padding: 30px 0px 50px 10px;
	}
	
		.home #members #memberLogos { margin-top: 20px; display: block; text-align: center; }
			

/* @end */
		


/* @group Crash Test Family */

#crashtestfamily #header .inner{
	background-image: none;
	}
	#crashtestfamily .hero { width:970px; height:470px; }
	#crashtestfamily .hero_speechBubble { padding:68px 0 0 65px;  display:none; } 
	#crashtestfamily .hero_searchFrm {  display:none; background:url(../images/crashtestfamily/family_hero_searchBox-bg.png) top left no-repeat; float:right; width:294px; height:264px; padding:85px 0 0 10px; margin:-78px 5px 0 0; }
	#crashtestfamily .colSide { margin-top:500px }
	#crashtestfamily #searchToolForm { width:278px; }
	#crashtestfamily p.intr { padding:0; font-family:Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal; color:#666; line-height:25px; }
	#crashtestfamily .horzTiles{ padding-bottom:30px; } 
	#crashtestfamily .horzTile { float:left; width:320px; height:215px; }
	#crashtestfamily .horzTile_img { margin-left:-10px; }
	#crashtestfamily .horzTile h2 { margin-left:10px; }
	#crashtestfamily .tileCopy { width:270px; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; line-height:18px; color:#686666; margin-left:10px;  }
	#crashtestfamily .horzTile a { display:block; background:url(../images/crashtestfamily/family_fbShareBtn-bg.png) top left no-repeat; width:270px; height:24px; padding:14px 0 20px 45px; font-size:14px; color:#fff; text-decoration:none; }
	#crashtestfamily div.selector select { width:270px; }
	#crashtestfamily div.selector { width:260px; }
	#crashtestfamily div.selector span { width:235px; }
	#crashtestfamily .hr { background:#e5e5e5; width:970px; height:1px; margin:30px 0 15px 0; }
	#crashtestfamily .padLft10 { padding-left:10px; }
	#crashtestfamily .padTop17 { padding-top:17px; }
	#crashtestfamily .padTop20 { padding-top:20px; }
	#crashtestfamily .padTop40 { padding-top:40px; }
	#crashtestfamily .padTop60 { padding-top:100px; }
	#crashtestfamily h1.pageHdr { padding-bottom:20px; font-size:28px; font-weight:normal; color:#333; }
	#crashtestfamily h2.pageSubHdr { font-size:22px; font-weight:normal; color:#333; }
	#crashtestfamily #container .inner { padding:10px 0 130px 0; }


/* @end */


/* @group Understanding Safety Features  
-----------------------------------------*/	

#safetyFeatures { position: relative; float: left; }
	
	#safetyFeatures #carDiagram {
		width: 355px;
		height: 155px;
		background: url(../images/safetyFeatures/car-diagram.png) no-repeat left top;
		position: absolute;
		right: 20px;
		top: -70px;
		z-index: 1500;
	}

	#safetyFeatures .imageContainer {
		width: 360px;
		position: absolute;
		top: 0px;
		right: -430px;
		display: none;
		margin: 35px 25px 40px 0px;
		min-height: 230px;
		height: auto !important;
		height: 230px;
	}


/* @end */
		

/* @group Crash Testing Explained 
-----------------------------------------*/		

#crashTestingExplained {  }
	#crashTestingExplained .nonFlash { display: block; padding-top: 20px; overflow: auto; }
		#crashTestingExplained .nonFlash .spacer { padding-top: 30px; }
		#crashTestingExplained .nonFlash .nonFlashText { float: left; width: 300px; }
		#crashTestingExplained .nonFlash .crashTestImage { float: right; padding: 15px 45px 30px 0px; }
	
	#CTE-nonflash.showForPrint { display: block; }
	.js #CTE-nonflash.showForPrint { display: none; }
		

/* @end */


/* @group Star Ratings Explained 
-----------------------------------------*/		

#starRatingsExplained { position: relative; }
	#starRatingsExplained .SRE-description { width: 420px; float: left; padding: 0px 30px 20px 0px; }
		#starRatingsExplained .SRE-description .highlight {  padding: 20px 0px 10px 0px; }
	#starRatingsExplained .SRE-diagram { float: left; }
	#starRatingsExplained .SRE-swingTag { position: absolute; right: 10px; top: 20px; }

	#oneStar,
	#twoStar,
	#threeStar,
	#fourStar,
	#fiveStar { width: 910px; float: left; position: relative; }
	
	#SRE-comparisonVideo {
		display: inline-block;
		margin: 20px 0px 40px 15px;
		width: 950px;
		height: 240px;
	}

/* @end */

	
/* @group Vehicle Record 
-----------------------------------------*/	

#container #vehicleResult.inner { }

	#container #vehicleResult.inner #vehicleRecord { 
		float: left;
		width: 540px;
		margin: 20px 20px 30px 30px;
		display: inline;
		position: relative;
		min-height: 260px;
		height: auto !important;
		height: 260px;
		border-top: #8e8f8f 1px solid;
		border-bottom: #8e8f8f 1px solid;
	}
		
		#container #vehicleResult.inner #vehicleRecord dt { width: 540px; float: left; clear: both; margin-top: 20px; }
		#container #vehicleResult.inner #vehicleRecord dd { width: 270px; float: left; height: 25px; margin-bottom: 7px; }
			#container #vehicleResult.inner #vehicleRecord dd img { float: left; padding-right: 10px; vertical-align: middle; }
			#container #vehicleResult.inner #vehicleRecord dd strong { width: 105px; display: inline-block; float: left; font-weight: bold; }
			#container #vehicleResult.inner #vehicleRecord dd.year { width: 540px; clear: both; margin: 15px 0px 20px 0px; }
			#container #vehicleResult.inner #vehicleRecord dd.col1 { clear: left; }
						
			#container #vehicleResult.inner #vehicleImage { 
				width: 370px; 
				float: right;
				margin: 20px 0px 30px 0px;
				height: 260px;
				overflow: hidden;
			}
				#container #vehicleResult.inner #vehicleImage img { width: 364px; background: #fff; border: #ccc 1px solid; margin: 0px; padding: 2px; }


		/* Crash Test Family Campaign - Jan 2012 */
		#vehicleResult #facebook-share{
			position: relative;
			padding: 0px 20px 0px 245px;
			margin: 30px 0px;
			height: 200px;
			}
			#vehicleResult #facebook-share #ctf-polaroid{
				position: absolute;
				left: -10px;
				top: -30px;
				}
			#vehicleResult #facebook-share h2{
				padding-bottom: 10px;
				}
				
			#vehicleResult #facebook-share a:hover img{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				 filter: alpha(opacity=90);
				 -moz-opacity: 0.9;
				 -khtml-opacity: 0.9;
				 opacity: 0.9;
				}
				
				  

/* @end */
		

/* @group Media Centre  
-----------------------------------------*/	

#mediaCentre { position: relative; }
	
	#mediaCentre .module { border-top: #ccc 1px solid; margin: 15px 0px; padding-top: 17px; display: inline-block; width: 100%; }
		#mediaCentre .module .rssFeed { float: right; }
	
		#mediaCentre .module.gallery { margin-top: 35px; }
			#mediaCentre .module.gallery dl { width: 155px;	float: left; padding: 20px 0px 15px 35px; position: relative; }
				#mediaCentre .module.gallery dt { padding-top: 10px; margin-top: 110px; } 
				#mediaCentre .module.gallery dd { padding-top: 6px; }
					#mediaCentre .module.gallery dd.thumb { position: absolute; top: 10px;  }
					#mediaCentre .module.gallery dd.thumb img { border: #ccc 1px solid; padding: 2px; margin-left: -10px; }				
					#mediaCentre .module.gallery .galleryFooter { clear: both; padding: 15px 0px 10px 0px; }
						#mediaCentre .module.gallery .galleryFooter img { padding-bottom: 10px; }
			
	#mediaCentre #mediaReleases.module dl { padding: 30px 0px 25px 0px; } 
	#mediaCentre #mediaReleases #timeline {	margin-bottom: 30px; }
	#mediaCentre #mediaReleases #vehicleImage { 
		width: 370px; 
		float: right;
		margin: 0px 0px 30px 0px;
		height: 260px;
		position: absolute;
		right: 0px;
	}
		#mediaCentre #mediaReleases #vehicleImage img { width: 364px; background: #fff; border: #ccc 1px solid; margin: 0px; padding: 2px; }
		
/* @end */	
	
	
/* @group Our Members  
-----------------------------------------*/

ul#memberList { list-style: none; float: left; margin-top: 10px; }
	ul#memberList li { float: left; display: inline-block;	margin: 40px 0px 0px 30px; padding-top: 15px; border-top: #ccc 1px solid; }	
		ul#memberList li.topRow { border: none; margin-top: 0px; }
		ul#memberList li.firstCol { margin-left: 0px; clear: left; }
		ul#memberList li dl { position: relative; width: 160px; overflow: auto; float: left; }
			ul#memberList li dl dt { margin-top: 110px; width: 100%; float: left; padding-bottom: 7px; }
			ul#memberList li dl dd { float: left; width: 100%; }
				ul#memberList li dl dd.logo { position: absolute; top: 0px; }
							
/* @end */	
	
	
/* @group FAQs  
-----------------------------------------*/

dl#faqs { }
	dl#faqs dt { border-top: #ccc 1px solid; padding: 20px 60px 15px 0px; display: block; cursor: pointer; background: url(../images/common/toggleForms-icons.png) no-repeat 525px 14px; }
		dl#faqs dt.active { background-position: 525px -110px;  }
	dl#faqs dd { padding-bottom: 20px; width: 470px; }
	
/* @end */	
	
	
	
/* @group Hybrid 3  
-----------------------------------------*/		

#scrollWrapper {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}
	
	#scrollWrapper .scrollingHotSpot {
		width: 100%;
		height: 100px;
		position: absolute;
		z-index: 200;
		display: block;
		right: 0px;
	}
		
		#scrollWrapper #Bottom.scrollingHotSpot {
			bottom: 0px;
			cursor: s-resize;
			background: url(../images/hybrid3/hybridOverlay-arrowDown.png) no-repeat right center; 
		}
	
		#scrollWrapper #Top.scrollingHotSpot {
			top: 0px;
			cursor: n-resize;
			background: url(../images/hybrid3/hybridOverlay-arrowUp.png) no-repeat right center;
		}
		
		#scrollWrapper .scrollingHotSpot.defaultCursor {
			cursor: default !important;
		}


		#scrollWrapper #scrollableArea {
			overflow: hidden;
			height: 900px;
			margin: 0px auto;
			position: relative;
		}
			
			#scrollWrapper #scrollableArea .destination { position:relative; float:left; }
			#scrollWrapper #scrollableArea #hybrid { margin: 0px auto;	width: 840px; margin-top: 30px; clear: both; position: relative; }
				#scrollWrapper #scrollableArea h1 { float: left; display: inline-block; clear: both; margin: 0px 0px 20px 30px; width: 450px; }
				
				#scrollWrapper #scrollableArea #hybrid #hybridImage {
					 width: 840px;	
					 height: 2000px;
					 display: block;
					 position: relative;
				}
						#scrollWrapper #scrollableArea #hybrid #hybridImage.loading { background: url(../images/hybrid3/loading.gif) no-repeat center 150px; }
	
				.hotSpot { position: absolute; display: none; }
				
				.targetIcon {
					width: 40px;
					height: 40px;
					background: url(../images/hybrid3/interactiveDot.png) no-repeat center center;
					position: absolute;
					cursor: default;
				}
				
				.toolTip {
					position: relative;
					width: 350px;
					display: none;
					background: url(../images/hybrid3/hybridToolTip-btm.png) no-repeat right bottom;
					padding-bottom: 0px;
				}
				.toolTip.flip { background-position: left bottom; }
				
					.toolTip h4 {
						display: inline-block;
						background: url(../images/hybrid3/hybridToolTip-TopL.png) no-repeat left top;
						margin: 0px 0px 5px 0px;
						padding: 15px 20px 10px 30px;
					}
						.toolTip.flip h4 { background: url(../images/hybrid3/hybridToolTip-TopR.png) no-repeat left top; padding: 15px 30px 10px 20px; }
	
					#head   { width: 200px; height: 270px; top: 20px; left: 320px; }				
					#neck   { width: 150px; height: 60px; top: 295px; left: 345px; background-position: center 0px; }	
					#chest  { width: 300px; height: 170px; top: 500px; left: 270px; }				
					#arms   { width: 150px; height: 280px; top: 450px; left: 55px; }	
					#thighs { width: 500px; height: 170px; top: 880px; left: 170px; background-position: 90px 25px; }	
					#legs   { width: 430px; height: 300px; top: 1210px; left: 205px; background-position: 60px 115px; }	
	
					#head 	.targetIcon { top: 55px; left: 80px; }
					#neck 	.targetIcon { top: 0px; left: 55px; }
					#chest 	.targetIcon { top: 55px; left: 130px; }
					#arms 	.targetIcon { top: 115px; left: 55px; }
					#thighs .targetIcon { top: 25px; left: 85px; }
					#legs 	.targetIcon { top: 95px; left: 60px; }
	
					#head   .toolTip { top: 40px; left: -270px; }
					#neck   .toolTip { top: -10px; left: -295px; }
					#chest  .toolTip { top: 40px; left: 170px; }
					#arms   .toolTip { top: 100px; left: 95px; }
					#thighs .toolTip { top: 10px; left: 125px; }
					#legs   .toolTip { top: 80px; left: 100px; }
				
/* @end */		


/* @group Unsubscribe  
-----------------------------------------*/	
	form#unsubscribe { padding: 10px; }
		form#unsubscribe h2 { padding-bottom: 10px; }
		form#unsubscribe input#email { width: 250px; margin-right: 20px; display: inline-block; }

/* @end */	
	
/* @group Footer  
-----------------------------------------*/	

#footer { background: #000; min-width: 970px; }

#footer .inner {
	width: 930px;
	height: 68px;
	padding: 12px 20px 10px 20px;
	margin: 0px auto;

}	
	#footer .inner ul#siteLinks {	
		float: left;
		list-style: none;
		padding: 0px;
		margin: 0px auto;
	}
		
		#footer .inner ul#siteLinks li { 
			float: left;
			display: inline-block; 	
			padding-right: 13px;
		}

		#footer .inner #siteCredit {
			float: right;
			clear: both;
			margin: 20px 0px 0px 0px;
			display: inline-block;
		}

/* @end */		

	
/* @group FooterBar  
-----------------------------------------*/	

#footerBar { background: #ffc20e url(../images/common/bgTile_FooterBar.gif) repeat-x 0 bottom; }
		
	#footerBar .inner {
		width: 930px;
		margin: 0px auto;
		min-height: 280px;
		height: auto !important;
		height: 280px;
		padding-top: 20px;
	}
		#footerBar .inner #formsToggle {
			width: 240px;
			float: left;
			display: inline;
			margin-right: 40px;
		}
		
		
			#footerBar .inner #formsToggle p { padding-left: 10px; } 
			#footerBar .inner #formsToggle h2 {	display: block;	cursor: pointer; background: url(../images/common/toggleForms-icons.png) no-repeat right 4px; padding-left: 10px; }
				#footerBar .inner #formsToggle h2.finished { background: none; }
				#footerBar .inner #formsToggle h2.divider { border-top: #977713 1px solid; }
				#footerBar .inner #formsToggle h2.ui-state-active  { background-position: right -120px; }

			#footerBar .inner #formsToggle fieldset { padding-bottom:10px; }
				#footerBar .inner #formsToggle fieldset input { border: #bcbcbc 1px solid; padding: 6px 10px 4px 10px; width: 218px; height: 15px; margin-bottom: 7px; }
				#footerBar .inner #formsToggle fieldset label { display: none; }
				#footerBar .inner #formsToggle fieldset textarea { border: #bcbcbc 1px solid; padding: 6px 10px 4px 10px; width: 218px; height: 67px; margin-bottom: 7px; overflow: auto; }
				#footerBar .inner #formsToggle fieldset .formButton {
							background: url(../images/common/form-button_submit.gif) no-repeat left top;
							width: 60px;
							height: 20px;
							text-indent: -3000px;
							border: none;
							display: inline-block;
							cursor: pointer;
							float: right;
							margin: 0px 5px 5px 5px;
						}
					#footerBar .inner #formsToggle #contactFormWrapper fieldset .formButton { background: url(../images/common/form-button_ask.gif) no-repeat left top; }
					#footerBar .inner #formsToggle #subscribeFormWrapper fieldset .formButton { background: url(../images/common/form-button_subscribe.gif) no-repeat left top; }
		
			.ajaxError {
				border: red 1px solid !important;
				color: red !important;
				background: #f4cbc0 !important;
			}

				
		#footerBar .inner ul li { padding-bottom: 6px; }
			
		#footerBar .inner #explore {
			width: 200px;
			float: left;
			display: inline;
			margin: 0px 40px 0px 0px;
		}
		
		#footerBar .inner #latestResults {
			width: 200px;
			float: left;
			display: inline;
			margin: 0px 40px 0px 0px;
			
		}
		#footerBar .inner #latestResults .resultsList span { white-space: nowrap; }
		
		#footerBar .inner #twitterFeed { width: 170px; float: left;	}
			#footerBar .inner #twitterFeed .tweet_list { overflow: auto; }
				#footerBar .inner #twitterFeed span { float: left; }
				

			
/* @end */		


		
	
/* @group Social Media buttons 
-----------------------------------------*/	
		
ul.socialMedia {	
	float: right;
	list-style: none;
	padding: 0px;
	margin: 0px auto;
}

	 ul.socialMedia li { 
		float: left;
		display: inline-block; 	
		padding-left: 8px;
	}
	
		ul.socialMedia li a {
			background: url(../images/common/icon_SocialMedia.png) no-repeat 0px 0px;
			height: 25px;
			width: 25px; 
			display: block;
			text-indent: -3000px;
			padding: 0px;
			margin: 0px;
			float: left;
			font-size: 0px;
		}
		
		ul.socialMedia li.mobile a {
			text-indent: 0px;
			background: none;
			width: auto;
			padding-right: 5px;
		}
		
	/* List for 'Contact Us' page */	
	ul.socialMedia.list { float: left; display: inline-block; width: 100%; padding-top: 25px; }
		ul.socialMedia.list li {
			clear: left;
			padding: 0px 0px 15px 0px;
			display: block;
		}

		ul.socialMedia.list li a { 
			background: url(../images/common/icon_SocialMedia.png) no-repeat 0px 0px;
			height: 25px;
			display: block;
			padding-left: 35px;
			float: left;
			text-indent: 0px;
			font-size: 15px;
			line-height: 25px;
			width: 100%;
			text-decoration: none;
		}
			ul.socialMedia.list li a span { text-decoration: underline; }
		
		ul.socialMedia li.btnFacebook a	{ background-position: 0px 0px; }
		ul.socialMedia li.btnTwitter a 	{ background-position: 0px -50px; }
		ul.socialMedia li.btnYoutube a 	{ background-position: 0px -100px; }
		ul.socialMedia li.btnFlickr a 	{ background-position: 0px -150px; }
		ul.socialMedia li.btnRss a 		{ background-position: 0px -200px; }
			
			ul.socialMedia li.btnFacebook a:hover { background-position: 0px -25px; }
			ul.socialMedia li.btnTwitter a:hover  { background-position: 0px -75px; }
			ul.socialMedia li.btnYoutube a:hover  { background-position: 0px -125px; }
			ul.socialMedia li.btnFlickr a:hover   { background-position: 0px -175px; }
			ul.socialMedia li.btnRss a:hover	  { background-position: -0px -225px; }

/* @end */		

	
/* @group Fonts 
-----------------------------------------*/	


body { font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; color: #333; font-size: 100%; }

@font-face {
	font-family: 'ANCAP-regular';
	src: url('fonts/tradegothic-webfont.eot');
	src: local('☺'), url('fonts/tradegothic-webfont.woff') format('woff'), url('fonts/tradegothic-webfont.ttf') format('truetype'), url('fonts/tradegothic-webfont.svg#webfont5WfCQGAM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ANCAP-bold';
	src: url('fonts/tradegothic-bold-webfont.eot');
	src: local('☺'), url('fonts/tradegothic-bold-webfont.woff') format('woff'), url('fonts/tradegothic-bold-webfont.ttf') format('truetype'), url('fonts/tradegothic-bold-webfont.svg#webfontJt3FFfA1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ANCAP-boldTwo';
	src: url('fonts/tradegothic-boldtwo-webfont.eot');
	src: local('☺'), url('fonts/tradegothic-boldtwo-webfont.woff') format('woff'), url('fonts/tradegothic-boldtwo-webfont.ttf') format('truetype'), url('fonts/tradegothic-boldtwo-webfont.svg#webfontxlRuHTJf') format('svg');
	font-weight: normal;
	font-style: normal;
}


p  { font-size: 15px; color: #666; font-weight: normal; line-height: 21px; padding: 0px 0px 12px 0px; }
h1 { font-family: "ANCAP-boldTwo", sans-serif; font-size: 24px; font-weight: normal; line-height: 30px; display: inline-block; }
h2 { font-family: "ANCAP-boldTwo", sans-serif; font-size: 18px; font-weight: normal; line-height: 18px; display: inline-block; }
h3 { font-family: "ANCAP-boldTwo", sans-serif; font-size: 14px; font-weight: normal; line-height: 17px; }
h4 { color: #333; font-size: 15px; font-weight: bold; line-height: 30px; padding: 40px 0px 5px 0px; }

h1 strong,
h2 strong,
h3 strong { font-family: "ANCAP-boldTwo", sans-serif; font-weight: normal; }

/* Common */
h1.pageTitle { padding-bottom: 25px; }

/* Main Column */
.colMain { font-size: 15px; line-height: 21px; }
	 .colMain p.intro { font-weight: bold; color: #333; }
	 .colMain li { color: #666; }

/* Side Column */
#container .inner .colSide h2 span { font-size: 14px; display: inline-block; padding-bottom: 4px; }
#container .inner .colSide .boxBlack h2 { color: #ffC20E; }
#container .inner .colSide .boxInner { font-size: 12px; color: #333; font-weight: normal; line-height: 15px; }
	#container .inner .colSide .boxBlack .boxInner { color: #999; }

/* Homepage */
.home h1 { font-family: "ANCAP-regular", sans-serif; font-size: 22px; font-weight: normal; }
.home #mediaUpdates h3 { color: #666; padding-bottom: 10px; }
.home #mediaUpdates p { color: #333; font-size: 14px; line-height: 17px; }
	.home #members h3 { padding-left: 20px; }
	
/* Contact Us */
#contactUs p { padding-bottom: 25px; }

/* Star Ratings Explained */
.js #starRatingsExplained .SRE-description h2 { font-family: "ANCAP-regular", sans-serif; font-size: 17px; color: #fff; line-height: 24px; font-weight: normal; }
#starRatingsExplained .SRE-description h2 {  font-family: "ANCAP-regular", sans-serif; font-size: 17px; color: #333; line-height: 24px; font-weight: normal; }
	#starRatingsExplained .SRE-description h2.highlight { color: #ffcc03; font-weight: bold; }
	
/* Understanding Safety Features */
#safetyFeatures p { font-size: 14px; }
	#safetyFeatures p.intro { font-family: "ANCAP-boldTwo", sans-serif; font-size: 14px; font-weight: normal; }
#safetyFeatures h2 { font-size: 22px; color: #f4ba1c; padding-bottom: 20px; }
#safetyFeatures h3 { font-size: 18px; color: #f4ba1c; padding-bottom: 30px; line-height: 23px; }
#safetyFeatures .ui-tabs-panel p { font-family: "ANCAP-regular", sans-serif; font-size: 14px; line-height: 21px; font-weight: norm }

/* Crash Testing Explained */
#crashTestingExplained p { font-size: 14px; }
#crashTestingExplained h2 { color: #fff; }

/*Search Results */	
#searchResults #resultsTable { font-size: 12px; line-height: 15px; }

/* Media Centre */	
#mediaCentre p strong.dark { color: #333; }

#mediaCentre #mediaReleases dl { color: #666; font-size: 15px; line-height: 16px; }
	#mediaCentre #mediaReleases dt { font-size: 13px; color: #949494; margin-top: 30px; line-height: 20px; }
	#mediaCentre #mediaReleases dd { line-height: 21px; }
		#mediaCentre #mediaReleases.module dt { margin-top: 0px; }
		
#mediaCentre #mediaReleases p { color: #666; }
	#mediaCentre #mediaReleases p.date { font-size: 13px; }
	h4.articleTitle { font-size: 24px; color: #000; font-weight: bold; line-height: 30px; padding: 0px 0px 25px 0px; }
	
#mediaCentre .module.gallery dl { font-size: 11px; color: #666; font-weight: normal; line-height: 13px; }
	#mediaCentre .module.gallery dt { font-weight: bold; }
	#mediaCentre .module.gallery h2 { padding: 0px 0px 15px 0px; }

/* FAQs */	
	dl#faqs { color: #333; font-size: 15px; line-height: 21px; }
	dl#faqs dt { font-weight: bold; }
	dl#faqs dd { color: #666; }
	
/* Vehicle Record */	
#container #vehicleResult.inner #vehicleRecord dt { font-size: 36px; color: #000; font-weight: bold; line-height: 36px; }
#container #vehicleResult.inner #vehicleRecord dd { font-size: 14px; color: #000; font-weight: bold; line-height: 25px; }
	#container #vehicleResult.inner #vehicleRecord dd.year { font-size: 18px; color: #646464; font-weight: normal; line-height: 20px; }
	#container #vehicleResult.inner #vehicleRecord dd span { font-size: 10px; color: #666; font-weight: bold; line-height: 25px; }

/* Our Members */
ul#memberList li dl { font-size: 12px; color: #333; line-height: 15px; }
	ul#memberList li dl dt { font-weight: bold; }

/* Hybrid 3 */
#scrollWrapper #scrollableArea h1 { font-family: "ANCAP-regular", sans-serif; color: #fff; font-size: 24px; line-height: 28px; margin: 0px; padding: 25px 0px 0px 30px; }
.toolTip h4 { font-family: "ANCAP-boldTwo", sans-serif; color: #000; font-size: 15px; line-height: 19px; font-weight: normal; }
/* Document Nav */
#container .inner #documentNav { font-size: 12px; color: #333; font-weight: bold; line-height: 30px; }
	#container #mediaCentre.inner #documentNav { text-align: right; margin-top: 2px; }

/* Document Footer */
#container .inner ul#documentFooter li { font-size: 14px; color: #666; font-weight: normal; line-height: 18px; }

/* Footers */
#footerBar { font-size: 14px; color: #000; font-weight: normal; line-height: 18px; }
	#footerBar h2 {	padding: 10px 0px 25px 0px; }
	#footerBar #formsToggle h2 { padding-bottom: 10px; }
	#footerBar .inner #formsToggle p { color: #000; font-size: 12px; line-height: 14px; }
	
	#footerBar .inner #formsToggle fieldset label { color: #999; }	
	#footerBar .inner #formsToggle fieldset input,
	#footerBar .inner #formsToggle fieldset textarea { 
		font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; 
		color: #999; 
		font-size: 12px; 
		line-height: 15px;
		resize: none;
	}	
	
		#footerBar .inner #formsToggle fieldset input.active,
		#footerBar .inner #formsToggle fieldset input.focused,
		#footerBar .inner #formsToggle fieldset textarea.active,
		#footerBar .inner #formsToggle fieldset textarea.focused {
			color: #333;
		}
	
#footer { font-size:10px; color:#666; font-weight:bold; line-height:25px; }	
	
/* @end */		

	
/* @group Links  
-----------------------------------------*/		
/* make sure of correct order: link, visited, hover and active*/

a img { border: none; }
a { color: #666; }
a:visited { }
a:hover { color: #999; }
a:active { }

h3 a { font-weight: bold !important; }

/* Defaults */
a.pdf,
a[href $='.pdf'],
a[href $='.PDF'],
a[href $='.Pdf'] { line-height: 16px !important; display: inline-block; padding-right: 20px; background: transparent url(../images/common/icon_Pdf.png) no-repeat right center; }
a.externalLink,
.externalLinks a { padding-right: 20px; background: transparent url(../images/common/icon_externalLink.gif) no-repeat right center; font-weight: normal; }

/* Side Column */
#container .inner .colSide a:hover { color: #555 !important; }
	#container .inner .colSide .boxInner a { color: #333; font-weight: normal; line-height: 17px; }
	#container .inner .colSide .boxInner h3 a { color: #333; font-weight: normal !important; text-decoration: none; }
		#container .inner .colSide .boxInner ul a { font-weight: bold; line-height: 15px; }
		#container .inner .colSide .boxBlack .boxInner a { color: #fff; }

/* Homepage */
.home #mediaUpdates a { color: #333; font-weight: bold; display: block; padding-bottom: 5px; line-height: 21px !important; }

/* Safety Features */
#safetyFeatures p a { color: #fff; }
	#safetyFeatures p a:hover { color: #cacaca; }

/* Media Centre */
#mediaCentre a { color: #666; line-height: 18px; }
	#mediaCentre #mediaReleases dd a { font-weight: bold; padding: 0px 0px 10px 0px; display: block; line-height: 20px; }
	#mediaCentre #mediaReleases p a { font-weight: normal; }
	#mediaCentre #mediaReleases.module { font-size: 13px; }
		#mediaCentre .module.gallery dd a { color: #666; display: inline-block; margin-top: 2px; }
		#mediaCentre .module.gallery dd.thumb a { margin-top: 0px; }
		#mediaCentre .module.gallery .galleryFooter a { color: #333; font-size: 12px; }

/* Document Nav */			
#container .inner #documentNav a { color: #333; padding-right: 50px; }
	#container #mediaCentre.inner #documentNav a { padding-right: 0px; }
	#container .inner #documentNav a:hover { color: #666; }

/* Document Footer */
 ul#documentFooter li a { font-size: 11px; color: #666; display: block; text-decoration: none; }
	ul#documentFooter li a:hover { text-decoration: underline; }
	ul#documentFooter li a.pdf,
	ul#documentFooter li a[href $='.pdf'],
	ul#documentFooter li a[href $='.Pdf'], 
	ul#documentFooter li a[href $='.PDF'] { padding: 0px 0px 0px 20px; background: transparent url(../images/common/icon_Pdf.png) no-repeat left center; }
	ul#documentFooter li a.mediaDisc { line-height: 16px !important; display: inline-block; padding: 0px 0px 0px 20px; background: transparent url(../images/common/icon_CD.png) no-repeat left center; }

/* Our Members */
ul#memberList li dl a { color: #333; font-weight: bold; display: inline-block; padding-top: 7px; }
	
/* Footer bar */	
#footerBar a { color: #000; }
	#footerBar #formsToggle h2 a { text-decoration: none; }
	#footerBar .inner #twitterFeed .tweet_time a { text-decoration: none; font-size: 10px; padding-top: 10px; display: inline-block; }
#footer a { color: #666; }
	#footer a:hover { color: #999; }
	
#footer li.mobile a { font-size: 10px; color: #999; }
#footer li.mobile a:hover { color: #666; }
	
/* @end */