/*
Title:      BRP Inter layout styles for Ski-Doo Engine Tech page
Author:     Martin Cayouette, martin.cayouette@nurun.com
Updated:    January 30 2008
Content: 	body
				Common Element
				Form
				Table
			Link
			Engine Tech Form
			Invite Friends Form		
			Fix Float
*/

/* ---[  BODY ]---------------------------*/
html {
    overflow: -moz-scrollbars-vertical;
	}
body#engine-tech {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 77%; /*10px*/
	color: #fff;
	background: #000;
	padding: 0;
	margin: 0;	
	width: 100%;
	text-align: left;
	}
	body#engine-tech #container {
		width: 676px;
		height: 330px;
		padding: 0 0 0 30px;
		overflow: hidden;
		}
		body#engine-tech #container #content {
			position: absolute;
			}
		body#engine-tech #container #scroll-bar {
			position: absolute;
			right: 0;
			background: #000;
			width: 14px;
			height: 328px;			
			border: 1px solid #1f1f1f;		
			}
/* ---[ COMMON ELEMENT ]---------------------------*/
body#engine-tech div {
	position: relative;
	margin: 0;
	padding: 0;	
	}
body#engine-tech span {
	position: relative;
	margin: 0;
	padding: 0;	
	}
body#engine-tech p {
	margin: 0;
	padding: 3px 0 3px 0;
	}
body#engine-tech ul {
	position: relative;
	font-size: 90%;	
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
body#engine-tech li {
	position: relative;
	margin: 0 0 .5em 0;
	list-style-type: none;
	}

/* ---[ FORM ]---------------------------*/
body#engine-tech #content textarea {
	background: #1f1f1f;
	border: 1px solid #343434;
	color: #fff;	
	font-size:11px;
	font-family:arial;
	scrollbar-face-color: #A0A0A3;
	scrollbar-shadow-color: #434343;
	scrollbar-highlight-color: #BDBDBD;
	scrollbar-3dlight-color: #949299;
	scrollbar-darkshadow-color: #212121;
	scrollbar-track-color: #212121;
	scrollbar-arrow-color: #2F2F32;
	}

/* ---[ TABLE ]---------------------------------------- */			
body#engine-tech #content table {
	/*font-size: 90%;*/
	}
body#engine-tech #content table p { 
	/*font-size: 100%;*/
	}
body#engine-tech #content table td { 
	padding: 0;	
	vertical-align: top;
	}
	
/* ---[ LINKS ]---------------------------*/
body#engine-tech #content A,
body#engine-tech #content A:link,
body#engine-tech #content A:visited,
body#engine-tech #content A:active,
body#engine-tech #content A:hover {		
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
		}


/* ---[ Newsletter FORM ]---------------------------*/
#enginetech-newsletter {
	float: left;
	width: 670px;
	}
	#enginetech-newsletter div.news-title span,
	#enginetech-newsletter-confirm div.news-title span {
		width: 670px;
		margin: 0 0 10px 0;			
		}
		#enginetech-newsletter-confirm div.news-title #formConfirm {
			margin: 0;			
			}
		span.newsletter-title,
		span.tell-friend-title,
		p.tell-friend-title {
			font-size: 108%; /*14px*/
			font-weight: bold;
			color: #ffd711;
			}
	#enginetech-newsletter #info-personnel div span {
		float: left;
		width: 300px;	
		margin: 0 0 3px 0;
		}
	#info-personnel {
		float: left;
		clear: both;
		width: 670px;		
		}
		#info-name{
			float: left;
			width: 300px;
			}
		#info-mail {
			float: left;
			width: 370px;
			}	
	#enginetech-newsletter select {			
		font-size: 85%; /*10px*/
		}	
	#enginetech-newsletter input.form-box,
	#enginetech-newsletter select.form-box,
	#enginetech-newsletter input.form-box-court,
	#enginetech-newsletter select.form-box-court {		
		float: left;
		clear: left;				
		margin: 0 0 3px 0;
		padding: 0;		
		width: 220px;
		height: 20px;
		background: #1f1f1f;
		color: #fff;
		border: 1px solid #343434;
		}
		#enginetech-newsletter input.form-box-court,
		#enginetech-newsletter select.form-box-court {
			width: 175px;
			}	
	#enginetech-newsletter div.errors {	
		float: left;
		color: Red;
		width: 670px;
		}
		#enginetech-newsletter .errors span {
			display: none;
			}
		#enginetech-newsletter .errors ul li {	
			float: left;
			width: 300px;
			list-style-type: none;
			}			
		#enginetech-newsletter div.civility {
			padding: 0 0 5px 0;		
			}
		span.hide-box{
			display: none;
			}
	#enginetech-newsletter div.data-protection {
		float: left;
		width: 300px;
		padding: 5px 0 15px 0;
		}
		#enginetech-newsletter #DataProtection {
			float: left;
			width: 21px;
			margin: 0 5px 0 0;			
			}
		#enginetech-newsletter div.data-protection textarea {			
			float: left;
			width: 193px;
			}
	#enginetech-newsletter .section-submit {
			float: left;
			padding-bottom: 10px;
			margin-bottom: 10px;
			width: 370px;	
			}
			#enginetech-newsletter .section-submit span {
				float: left;
				width: 370px;
				}
				#enginetech-newsletter span.required-fields {	
					padding: 8px 0 0 35px;
					width: 105px;
					color: red;
					font-size: 85%;
					font-weight: bold;
					}
			#enginetech-newsletter .section-submit input {
				float: left;
				padding-top: 8px;
				}
/* ---[ Invite Friends Form ]----------------------------------- */
body#engine-tech table#invite-friends .txtIntro {
	color: #fff;
	text-transform: none;
	font-size: 11px;
	}
body#engine-tech table#invite-friends input {
	width: 180px;
	background: #1f1f1f;
	color: #fff;
	border: 1px solid #343434;
	} 
body#engine-tech table#invite-friends input#SendEmailToFriend {
		float:right;
		clear:right;
	}
body#engine-tech table#invite-friends .images {
	width: auto;
	border: none;
	}
body#engine-tech table#invite-friends .message {
	background: #1f1f1f;
	border: 1px solid #343434;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	scrollbar-face-color: #1A1A1A; 
	scrollbar-arrow-color: #7F7F7F;
	scrollbar-DarkShadow-Color: #1A1A1A;
	scrollbar-track-color: #1A1A1A;
	scrollbar-highlight-color: #1A1A1A;
	scrollbar-3dlight-color: #878787;
	scrollbar-shadow-color: #B6B6B6; 
	}
	body#engine-tech #invite-friends td.Summary {
		display:none;
	}
	body#engine-tech #invite-friends td.Summary ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
body#engine-tech #phConfirmationMessage A,
body#engine-tech #phConfirmationMessage A:link,
body#engine-tech #phConfirmationMessage A:visited,
body#engine-tech #phConfirmationMessage A:active,
body#engine-tech #phConfirmationMessage A:hover {		
		font-weight: normal;
		}
body#engine-tech #invite-friends span.disclaimer{
	color: Red;
	font-size: 85%;
	float:left;
	}
body#engine-tech #email-message {
	float: left;
	clear: left;
	}
/* ---[ FIX FLOAT ]------------------------------- */	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from IE-mac */