/*
	Heli Forklift Canada - Screen styles for content pages
	Tested with: firefox 1, safari 1.2, ie 6 win, opera 8, Netscape 7.2
*/


/*------------------ hiding stuff ------------------*/
.hide, hr, #title h1 span, #menu h2, #index_col2 h2, #footer p { 
	position: absolute;
	top: 0; left: -9999px;
	}


/*------------------ font settings ------------------*/
p, td, ul, ol, ul, li, dl, dt, dd, input, textarea, div {
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	text-transform: none;
	line-height: 160%;
	color: #fff;
	
	}
.comingsoon {
	width: 424px;
	padding: 0 20px 50px 20px;
	}
#content p { margin: 15px 0 0 0; }


#content p a:link {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold; background: none; }
#content p a:visited {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold; background: none; }
#content p a:hover {color: #fff; background: #E0003A; border: none; }
#content p a:active {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold; }

#content dd a:link {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold; }
#content dd a:visited {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold; }
#content dd a:hover {color: #fff; background: #E0003A; border: none; }
#content dd a:active {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; font-weight: bold; }


/*------------------ global layout stuff ------------------*/
body {
	margin: 0 auto; padding: 0;
	text-align: center;
	background: #101618 url("../images/index.html") repeat-x center top;
	}
#container {
	margin: 0 auto; margin-top: 10px;
	width: 820px;
	text-align: center;
	background: transparent url("../images/background.gif") repeat-y center top;
	}
#sub_container {
	margin: 0 auto; padding: 36px 0 0 0;
	width: 803px;
	text-align: left;
	background: transparent url("../images/pagetop.gif") no-repeat center top;
	}
#extradiv {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 820px;
	height: 40px;
	z-index: 5;
	margin: 0 0 0 -410px;
	padding: 0;
	background-color: transparent;
	background-image: url(../images/pagetop_b.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#quote {
	position: absolute;
	left: 50%;
	top: 50px;
	margin: 0 0 0 -50px;
	z-index: 101;
	}
#language {
	position: absolute;
	left: 50%;
	top: 5px;
	margin: 0 0 0 288px;
	z-index: 101;
	}
#language img {
	border: none;
	}
#rotated_quote img {
	border: none;
	}

/*------------------ page title ------------------*/
#title {
	margin: 0 auto; padding: 0; margin-bottom: 7px;
	display: block;
	width: 803px; height: 41px;
}
#title a {
	margin: 0 auto; padding: 0;
	display: block;
	width: 803px; height: 41px;
	background: #2E383D url("../images/logo.gif") no-repeat;
}
#title h1 {
	margin: 0; padding: 0;
	display: block;
	width: 803px; height: 41px;
}
div.clearer {clear: left; line-height: 0; height: 0; margin: 0; padding: 0; } /* collapsing float hack by Complex Spiral */

/*------------------ navigation ------------------*/
#menu {
	display: block;
	margin: 0; padding: 0; width: 803px; height: 37px;
	text-align: left;
	background: #E0003A url("../images/menubar.gif") no-repeat center top;
	position: relative;
	}
#menu ul {
	display: block; 
	margin: 0; padding: 10px 0 0 10px;
	text-align: left;
	}
#menu li {
	display: inline;
	padding: 0; margin: 0;
	}
#menu span {
	padding: 15px 0 0 10px;
}
#menu a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 9px; line-height: 0; font-weight: bold; letter-spacing: 0; }
#menu a:link, #menu a:visited { color: #fff; text-decoration: none; }
#menu a:hover { color: #111; text-decoration: none; }
#menu a:active { color: #fff; text-decoration: none; }

.menuselected {
	color: #111;
	}
	
	
/*------------------ sub-navigation ------------------*/
#sub_menu {
	display: block;
	margin: 2px 0 0 0; padding: 0; width: 333px;
	text-align: left;
	/*background: #424B50;*/
	border-bottom: 1px solid #555;
	}
#sub_menu ul {
	display: block; 
	margin: 0; padding: 0;
	text-align: left;
	
	}
#sub_menu li {
	padding: 0; margin: 0;
	border-top: 1px solid  #555;
	border-left: 1px solid  #555;
	border-right: 1px solid  #555;
	width: 331px;
	list-style: none;
	}
#sub_menu span {
	padding: 0 0 0 16px;
}
#sub_menu a { 
	color: #fff; 
	text-decoration: none; 
	text-transform: uppercase; 
	font-size: 10px; 
	line-height: 300%; 
	font-weight: normal; 
	letter-spacing: -0.05em;
	width: 100%;
	}
#sub_menu a:link, #sub_menu a:visited { color: #fff; text-decoration: none; }
#sub_menu a:hover { color: #E00050; text-decoration: none; }
#sub_menu a:active { color: #fff; text-decoration: none; }

.submenuselected {
	color: #E0003A;
	}


/*------------------ content ------------------*/
#content { position: inherit; margin: 6px 0 0 0; overflow: visible; }


	/*-------- columns ---------*/
	#index_col1 {
		display: block; float: left;
		width: 464px; height: 250px;
		margin: 0; padding: 0;
		}
	#index_col2 {
	display: block;
	float: left;
	width: 333px;
	height: 250px;
	margin: 0 0 0 6px;
	padding: 0;
	background-color: transparent;
	background-image: url(../images/intro.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
		}
	#products_col1 {
		display: block; float: right;
		width: 333px; height: 250px;
		
		}
	#products_col2 {
		display: block; float: left;
		margin: 0; padding: 0; height: auto;
		margin: 0 6px 0 0; padding: 0;
		background: transparent url("../images/diag_pattern.gif") repeat left top;
		}
	#products_col2_l3 {
		display: block; float: left;
		margin: 0; padding: 0; height: auto;
		margin: 0 6px 0 0; padding: 0;
		}
	#col1 {
		display: block; float: left;
		margin: 0; padding: 0; height: auto;
		background: transparent url("../images/diag_pattern.gif") repeat left top;
		}
	#corner {
		display: block;
		width: 464px; height: auto;
		margin: 0; padding: 0 0 30px 0;
		/*background: transparent url("../images/corner.gif") no-repeat right bottom;*/
		}
	#col2 {
		display: block; float: left;
		width: 333px; height: 370px;
		margin: 0 0 0 6px; padding: 0;
		background: transparent;
		}


#index_textblock {
	width: 80%; display: block;
	margin: 0 auto; padding: 0; padding-top: 55px;
	}
#index_textblock p {
	font-size: 9px;
	line-height: 115%;
	}
#textblock {
	width: 72%; height: 100%; display: block;
	margin: 0 auto; padding: 0; padding-top: 10px; padding-bottom: 50px;
	}
#textblock_admin {
	width: 90%; height: 100%; display: block;
	margin: 0 auto; padding: 0; padding-top: 10px; padding-bottom: 50px;
	}

#content2 { 
	clear: left;
	margin: 0; padding: 7px 0 0 0;
	}
#content2 img, #content img { 
	border: none;
	}
#testdrive {
	float: left;
	margin: 0; padding: 0;
	}
#dealer { 
	float: left; 
	margin: 0 7px 0 7px; padding: 0;
	}
#20000 { 
	float: left;
	margin: 0;
	width: 180px;
	}
#over20000 {
	margin: 0; padding: 0;
	}
#20000 a {
	margin: 0; padding: 0;
	}
#certification {
	margin: 5px 0 0 0; padding: 0;
	}
#content .inline_pic {
	margin: 15px 5px 5px 15px;
	float: right;
	border: 2px solid #E0003A;
	}
#standard_list {
	margin: 0 0 0 15px;
	list-style-type:disc;
	list-style-position: outside;
	}

#dealer_display { float: left; margin: 0 20px 0 0; }
#dealer_display_dd { margin-top: -5px; padding-right: 100px; }
#dealer_admin dt { display: block; float: left; width: 120px; border }
#dealer_admin dd { display: block; margin: 0 0 5px 0; }
#dealer_admin select { margin: 0; float: none; }
#dealer_admin dt { }
dl { margin-bottom: 20px; }


/*------------------ headers ------------------*/
.header_about, .header_products, .header_support, .header_accounts, .header_financing, .header_locator, .header_locator_admin, .header_contact {
	margin: 34px 0 0 0; padding: 0;
	width: 100%; height: 40px;
	}
.header_products_1_1, .header_products_2_1, .header_products_2_2, .header_products_2_3, .header_products_3_1, .header_products_3_2, .header_products_4_1, .header_products_5_1 {
	margin: 0 0 5px 0; padding: 0;
	width: 100%; height: 181px;
	}
.header_about span, .header_products span, .header_contact span, .header_support span, .header_accounts span, .header_financing span, .header_locator span, .header_locator_admin span, .header_contact span {
	display: none;
	}
.header_products_1_1 span, .header_products_2_1 span, .header_products_2_2 span, .header_products_2_3 span, .header_products_3_1 span, .header_products_3_2 span, .header_products_4_1 span, .header_products_5_1 span {
	display: none;
	}

.header_about {
	background-color: transparent;
	background-image: url(../images/header_about.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products {
	background-color: transparent;
	background-image: url(../images/header_products.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_support { background: transparent url("../images/header_soutien.gif") no-repeat left top; }
.header_accounts { background: transparent url("../images/header_comptes.gif") no-repeat left top; }
.header_financing {
	background-color: transparent;
	background-image: url(../images/header_financing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_locator { background: transparent url("../images/header_localiser.gif") no-repeat left top; }
.header_locator_admin { background: transparent url("../images/header_locator_admin.gif") no-repeat left top; }
.header_contact { background: transparent url("../images/header_contacter.gif") no-repeat left top; }

.header_products_1_1 {
	background-color: transparent;
	background-image: url(../images/products/header_products_1_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products_2_1 {
	background-color: transparent;
	background-image: url(../images/products/header_products_2_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products_2_2 {
	background-color: transparent;
	background-image: url(../images/products/header_products_2_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products_2_3 {
	background-color: transparent;
	background-image: url(../images/products/header_products_2_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products_3_1 {
	background-color: transparent;
	background-image: url(../images/products/header_products_3_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products_3_2 {
	background-color: transparent;
	background-image: url(../images/products/header_products_3_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products_4_1 {
	background-color: transparent;
	background-image: url(../images/products/header_products_4_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header_products_5_1 {
	background-color: transparent;
	background-image: url(../images/products/header_products_5_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*------------------ products sub pages (l3) ------------------*/
.products_select { margin: 1px 0 2px 0; }
#l3_menu {
	margin: 0 0 14px 0; padding: 0;
	}
.middlebutton {
	margin: 0 4px 0 4px; padding: 0;
	}
#tabular_data {
	clear: both;
	}
#tabular_data td {
	padding: 1px 0 1px 10px;
	width: 20%; height: 25px;
	border: 0;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	font-size: 10px;
	}
#tabular_data tr { text-align: center; }
.maintable {
	margin: 0 0 10px 0; padding: 0;
	border: 0;
	border-left: 1px solid #555;
	width: 100%;
	background: #353F44;
	}
.tb_header {
	background: #E0003A;
	color: #000;
	}
.chart_caption {
	width: 100%;
	text-align: center;
	font-size: 10px;
	padding-bottom: 10px;
}
.flushleft { text-align: left; }


/*------------------ l3 navigation ------------------*/
#l3_menu img {
	margin-bottom: -2px;
	}
#l3_menu a:link { }
#l3_menu a:visited { }
#l3_menu a:hover { border-bottom: 2px solid #E0003A; }
#l3_menu a:active { }

.l3_selected {
	border-bottom: 2px solid #E0003A;
	}
.middlebutton_selected {
	margin: 0 4px 0 4px; padding: 0;
	border-bottom: 2px solid #E0003A;
	}


/*------------------ contact form ------------------*/
fieldset {
	margin: 20px 0 10px 0; padding: 0;
	border: none;
	}
input, textarea, select {
	color: #555;
	font-size: 10px;
	padding: 3px;
	margin: 3px 0 3px 0;
	border: 1px solid #555;
	}
input:focus, textarea:focus {
	background-color: #E0003A;
	color: #111;
	border: 1px solid #555;
	}


/*------------------ footer ------------------*/

#footer {
	margin: 0 auto;
	width: 100%;
	height: 43px;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	clear: both;
	background-color: #101618;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#createdby {
	margin: 0 auto; width: 100%; height: 43px;
	display: block; margin: 0 0 0 0; padding: 0 0 30px 0;
	clear: both;
	background: #101618;
	}
#createdby img {
	border: none;
	}