html {
		overflow-y:	scroll;
		font-size:	62.5%; /* Set: font-size = 10px */
		font-family:	Helvetica, Arial, sans-serif;
		line-height:	1.5;
		color:		#2b3850;
	}
	.col { float: left; }
	.col-2 .col { width: 375px; } /* 50% */
	.col-3 .col { width: 250px; } /* 33.33% */
	.col-4 .col { width: 187px; } /* 25% */

	label {
		color:		#2b3850;
		font-size:	1.1em;
		font-weight:	normal;
	}

	#tr input {
		width:261px;
	}

	.bold {
		font-weight:900;
	}

	input,
	textarea {
		color:		#848484;
		font-size:	1.1em;
		border:		1px solid #B2B2B2;
	}

	input.submit {
		width:		auto;
		padding:	1px 5px 2px;
		color:		#848484;
		font-size:	1em;
		border:		1px solid #B2B2B2;
		background:	#F3F3F3;
		}
		input.submit:focus,
		input.submit:hover  { color:#fff; border-color:#17469E; background:#429BDB; }
		input.submit:active { color:#fff; border-color:#429BDB; background:#17469E; }

	/* Page ****************************************/

	#wrapper {
		overflow:	hidden;
		margin:		1.5em auto 0;
		width:		922px;
	}

	/* Utilities ***********************************/

	#utilities {
		clear:		both;
		height:		3em;
		width:		100%;
		text-align:	right;
		line-height:	3em;
		}
		#utilities a {
			padding-right:	12px;
			margin-right:	20px;
			background:	url(../images/navigation.jpg) no-repeat right 2px;
		}

	/* Sidebar *************************************/

	#sidebar {
		float:		left;
		width:		176px;
		padding:	0 0 40px 10px;
		}
		a#logo_en {
			display:	block;
			height:		80px;
			width:		172px;
			margin-bottom:	60px;
			text-indent:	-999em;
			background:	url(../images/logo.png) no-repeat 50% 50%;
		}
		
		a#logo_fr {
			display:	block;
			height:		80px;
			width:		172px;
			margin-bottom:	60px;
			text-indent:	-999em;
			background:	url(../images/logo_fr.png) no-repeat 50% 50%;
		}
		#sidebar ul,
		.col.section ul {
			list-style:	none;
			padding:	0;
			}
			#sidebar ul li,
			.col.section ul li {
				margin:		5px 0;
			}
			#sidebar ul li a,
			.col.section ul li a {
				padding-left:	16px;
				background-image:	url(../images/navigation.jpg);
				background-repeat:	no-repeat;
				background-position:	0 2px;
				}
				.col.section ul li a {
					padding-left:	10px;
					background-position:	-570px 2px;
				}
				#sidebar ul li a.current {
					background-position:	-190px 2px;
				}

			ul#subnavigation li {
				padding-left:	16px;
			}
			ul#subnavigation li a {
				padding-left:	12px;
				background-position:	-570px 2px;
				}
				ul#subnavigation li a.current {
					background-position:	-380px 3px;
				}


	/* Page ****************************************/

	#container {
		float:		right;
		width:		716px;
		padding:	0 10px;
		margin:		0;
		background:	url(../images/page-shadow.jpg) no-repeat 0 0;
		}
		body#home #container { background-position:0 100px; }

	/* Premise */
	#header {
		width:		705px;
		background:	url(../images/page-header.png) no-repeat right 0;
		height: 255px;
		}
	#header_home {
		width:		716px;
		background:	url(../images/page-header.png) no-repeat right 0;
	}

		form.quick {
			float:		right;
			width:		200px;
			padding:	8px 10px;
			}
			form.quick label {
				line-height:	16px;
			}
			form.quick input.text {
				line-height:	16px;
				height:		16px;
				width:		173px;
				margin:		0;
			}
			form.quick input.submit {
				height:		14px;
				width:		18px;
				padding:	0;
				text-indent:	-999em;
				border:		0;
				background:	url(../images/buttons.png) no-repeat 0 0;
				}
				form.quick input.submit:focus,
				form.quick input.submit:hover { background-position:0 -15px; }
				form.quick input.submit:active { background-position:0 -29px; }

		#promo-feature {
			float:		left;
			height:		347px;
			width:		495px;
			margin-top:	30px;
			border-radius:		5px;
			-moz-border-radius:	5px;
			-webkit-border-radius:	5px;
			/*background:	url(../images/promo-splash.png) no-repeat 0 0;*/
			background:#fff;
			}
			#promo-feature ul#promos {
				padding:0;
				margin:0;
			}
			#promo-feature ul#promos li{
				list-style-type:none;
			}

		.promo {
			float:	right;
			width:	220px;
			margin:	0 0 1px;
		}

		.slider {
			width:700px;
		}
		
		.cool-cash-CTA {
			background:none repeat scroll 0 0 #273A87;
			color:#FFFFFF;
			display:block;
			margin:10px auto;
			padding:10px;
			text-align:center;
			width:90%;
		}

		/* Promoboxes */
		#promo-dealer_fr,
		#promo-dealer_en {
			height:		118px; /* 158px */
			width:		196px; /* 220px */
			padding:	25px 11px 15px 13px;
			}
			
			/*styles from original contact us images*/
			/*#promo-dealer_fr {
				background:	#fff url(../images/promo_contact_fr.gif) no-repeat 0 0;
			}
			
			#promo-dealer_en {
				background:	#fff url(../images/promo_contact_en.gif) no-repeat 0 0;
			}*/
			
			#promo-dealer_fr {
				background:	#fff url(../images/greenspeed_fr.jpg) no-repeat 0 0;
			}
			
			#promo-dealer_en {
				background:	#fff url(../images/greenspeed_en.jpg) no-repeat 0 0;
			}
			
			#promo-dealer h3 {
				width:	130px;
				margin:	0 0 13px;
			}
			#promo-dealer form {
				padding:	1px;
				width:		117px;
				text-align:	left;
				background:	#fff;
			}
			#promo-dealer input.text {
				float:		left;
				height:		16px;
				width:		88px;
				margin:		0 1px 0 0;
			}
			#promo-dealer input.submit {
				height:		20px;
				width:		24px;
			}

		#promo-athens {
			height:		166px;
			background:	#17469E url(../images/promo-athens.jpg) no-repeat 0 0;
			}
			#promo-athens h3 {
				margin: 13px 0 6px 13px;
			}
			#promo-athens h4 {
				margin: 0 0 10px 13px;
			}
			#promo-athens p {
				margin: 0 10px 0 92px;
			}

	/* Home Principle Sections */
	.col-3 dl.col {
		width:		238px;
		padding:	0 0 20px 0;
	}
	.col-3 dl.col.col-mid {
		margin:	0 1px;
		}
		dt {
			padding:	0;
			margin-bottom:	20px;
		}
		dd {
			padding: 0.2em 0 0.2em 20px;
		}

	/* Common Page */
	#content {
		margin:10px 15px;
		}
		#breadcrumbs {
			padding:0 0 10px;
		}

		#content #dynamic_content ul li, #content #dynamic_content ol li {
			font-size:12px;
		}
		
	.no_header {
		margin:		-200px 10px 15px 10px !important;
		padding:	60px 0 0 0;
		background:	url("../images/bckg_promo_greenspeed.png") top right no-repeat;
		min-height:	473px;
	}
	
	

	/* Page: Default */
	#header-splash {
		clear:		both;
		position:	relative;
		height:		189px;
		width:		676px;
		margin:		0 auto 12px;
		}
		#header-splash img {
			display:	block;
			margin:		0 auto;
			border-radius:		8px;
			-moz-border-radius:	8px;
			-webkit-border-radius:	8px;
		}
		#header-overlay {
			position:	absolute;
			top:		0;
			left:		0;
			width:		676px;
			height:		189px;
			background:	url(../images/img_header_overlay.png);
		}

		.img_header_overlay {
			position:relative;
			top:-193px
		}

	.col.section {
		width:		193px;
		margin:		17px 17px 0 17px;
		position:	relative;
		height:165px;
		padding:0 0 10px 0;
		}
		
		.col.section h2,
		.col.section h3 {
			text-align:right;
		}
		.col.section img {
			display:block;
		}
		.section-overlay {
			position:	relative;
			margin-top:	-123px;
			width:		193px;
			height:		123px;
			background:	url(../images/col-section-overlay.png);
			display:block;
		}

	/* Page: Products */
	#list-products {
		clear:		both;
		position:	relative;
		height:		198px;
		width:		100%;
		margin:		0 auto;
	}
	#list-products .clip {
		z-index:	2; /* jCarousel */
		position:	relative;
		overflow:	hidden;
		height:		198px;
		width:		648px;
		margin:		0 auto;
		background:	url(../images/list-products-bg.png) no-repeat left top;
	}
	#list-products ul {
		z-index:	1; /* jCarousel */
		position:	relative; /* jCarousel */
		overflow:	hidden;
		list-style:	none;
		height:		198px;
		width:		9999px;
		padding:	0;
		margin:		0;
		}
		#list-products ul li {
			float:		left;
			height:		198px;
			width:		162px;
		}
		#list-products ul li div {
			height:		136px;
			text-align:	center;
		}
		#list-products ul li a.overlay {
			position:	relative;
			display:	block;
			height:		194px;
			width:		124px;
			padding:	4px 5px 0;
		}
		#list-products ul li a img {
			cursor:pointer;
		}

	#preview {
		float:left;
		width:320px;
		text-align:center;
	}
	#description {
		float:right;
		width:360px;
	}

	/* Meta Information Panels */
	#meta {

	}

	/* Page: Promotions no-header */
	
	.no_header h2 {
		color:			#fff !important;
		font-size:		24px;
		width:			320px;
		line-height:	1.2em;
	}
	
	.no_header p {
		width:		290px;
		color:		#cccccc;
		font-size:	14px !important;
		padding:	0;
		margin:		10px 0 0 0;
	}
	
	.no_header .input {
		float:	left;
		margin:	10px 15px 15px 0;
	}
	
	.no_header .input label {
		font-size:	14px;
		color:		#ccc;
	}
	
	.no_header .input input {
		width:	177px;
		height:	15px;
	}


	/* Footer **************************************/

	/*
		Hope Flash doesn't prevent link bubbling
	 */
	#footer-splash {
		z-index:	2;
		position:	relative;
		height:		95px;
		background:	url(../images/footer-splash.png) no-repeat 80% 0;
	}

	#footer {
		clear:		both;
		overflow:	hidden;
		position:	relative;
		top:		5px;
		width:		898px;
		padding:	0.3em 12px;
		margin:		0 auto;

		background:		#17469E;
		border-radius:		5px;
		-moz-border-radius:	5px;
		-webkit-border-radius:	5px;
		}
		#col-copyright { float:right; }

		#footer #col-prime {
			position:relative;
			z-index:9999;
		}

	a,
	a:link,
	a:active,
	h3 a:visited {
		color:#2B3850;
	}
	
	a:hover,
	h3 a:visited,
	strong {
		color:	#17469E;
	}
	
	h2,
	.search_pagination span {
		font-size:	12px;
		/*font-weight:	normal;*/ 
	}
	
	#content div h2 {
		color:#17469E;
	}
	
	#search_results h2 div {
		color:#2B3850;
	}
	
	#search_results h3 a {
		color:#17469E;
	}
	
	.search_pagination span {
		margin:0 0 10px 0;
		display:inline-block;
	}
	
	h2 a,
	h2 a:link, 
	h2 a:visited,
	h2 a:focus,
	h2 a:active {
		color:#17469E;
	}
	
	#search_results h2 div {
		font-size:12px;
		font-weight:normal;
	}
	
	h3 {
		font-size:1.2em;
		font-weight:normal;
		margin:0 0 10px 0;
	}
	
	h3 a,
	h3 a:link,
	h3 a:focus,
	h3 a:visited {
		text-decoration:underline;
	}
	
	.cool-cash-CTA a,
	.cool-cash-CTA a:link,
	.cool-cash-CTA a:visited,
	.cool-cash-CTA a:active {
		color:#fff;
	}
	
	.legal {
		font-size:0.9em;
		margin:10px 0;
	}
	
	.legal a,
	.legal a:link,
	.legal a:visited {
		color: black;
	}

	#utilities a,
	#utilities a:link,
	#utilities a:visited {
		color:		#2b3850;
		font-size:	1.1em;
		font-weight:	900;
		}
		#utilities a.current,
		#utilities a:focus,
		#utilities a:hover,
		#utilities a:active {
			color:	#17469E;
		}
	#dynamic_contact a,
	#dynamic_content a:link {
		font-weight:normal;
		color:		#2b3850;
	}

	#dynamic_content a:visited {
		color:	#17469E;
		font-weight:normal;
	}

	/* Sidebar *************************************/
	#sidebar ul li a,
	#sidebar ul li a:link,
	#sidebar ul li a:visited
		 {
		color:		#2b3850;
		font-size:	1.1em;
		font-weight:	900;
		}

	.col.section h2 a,
	.col.section h2 a:link,
	.col.section h2 a:visited {
		font-size:	1.1em;
		font-weight:	normal;
		}

	.col.section a,
	.col.section a:link,
	.col.section a:visited {
		color:		#2b3850;
		font-size:	1.1em;
		font-weight:	normal;
		display:block;
		}
		a:hover,
		#sidebar ul li a.current,
		#sidebar ul li a:focus,
		#sidebar ul li a:hover,
		#sidebar ul li a:active,
		.col.section a:focus,
		.col.section a:hover,
		.col.section a:active,
		#dynamic_content a:focus,
		#dynamic_content a:hover,
		#dynamic_content a:active{
			color:	#17469E;
		}

	#sidebar ul#subnavigation li a {
		font-weight:	normal;
		display:block;

	}

	/* Footer **************************************/

	#footer,
	#footer a:link,
	#footer a:visited {
		color:		#fff;
	}
	#footer a:focus,
	#footer a:hover,
	#footer a:active {
		color:		#fff;
		border-bottom:	1px #fff solid;
	}

	#flash_footer {
		top:28px;
		position:relative;
		z-index:8888;
		width:915px;
		margin:0 auto;
	}

	#flash_footer #alternate {
		left:260px;
		position:relative;
		width:650px;
		height:94px;
	}

	.camion_en {
		background:url(../images/anim_camion_footer_en.png) top left no-repeat;
		width:650px;
		height:90px;
		display:block;
	}
	.camion_fr {
		background:url(../images/anim_camion_footer_en.png) top left no-repeat;
		width:650px;
		height:90px;
		display:block;
	}


	/* Page ****************************************/

	/* Home Principle Sections */
	#promo-dealer h3,
	#promo-athens h3 {
		padding:	0;
		color:		#fff;
		font-size:	2.2em;
		font-weight:	400;
		font-family:	'DIN Medium', 'Myriad Pro', Helvetica, Arial, sans-serif;
		line-height:	1;
	}
	#promo-athens h4 {
		padding:	0;
		color:		#27ABD8;
		font-size:	1.5em;
		font-weight:	400;
		font-family:	'DIN Medium', 'Myriad Pro', Helvetica, Arial, sans-serif;
		line-height:	1;
	}
	#promo-athens p {
		padding:	0 0 0.4em;
		color:		#fff;
		line-height:	1.3;
	}
	#promo-athens a,
	#promo-athens a:link,
	#promo-athens a:visited {
		color:		#fff;
		font-weight:	900;
		border-bottom:	1px solid #fff;
		}
		#promo-athens a:focus,
		#promo-athens a:hover,
		#promo-athens a:active {
			color:		#27ABD8;
			border-bottom:	1px solid #27ABD8;
		}

	dt {
		font-size:	2.2em;
		font-weight:	400;
		font-family:	'DIN Medium', 'Myriad Pro', Helvetica, Arial, sans-serif;
		background:	#27ABD8;
		color:#fff;
		}
		dt span {
			margin-left:20px;
			color:#fff;
		}
		dt a:link,
		dt a:visited {
			color: #fff;
		}
		dt a:focus,
		dt a:hover,
		dt a:active {
			color: #2b3850;
		}
	dd a {
		padding-right:	12px;
		font-size:	1.1em;
		background:	url(../images/navigation.jpg) no-repeat right center;
		}
		dd a:link,
		dd a:visited {
			color: #2b3850;
		}
		dd a:focus,
		dd a:hover,
		dd a:active {
			color: #17469E;
		}

	/* Common Page */
	#breadcrumbs {
		color:		#000;
		font-size:	1.1em;
		font-weight:	900;
	}

	.col.section h2 {
		font-size:	1.2em;
		font-weight:	100;
		font-family:	'DIN Medium', 'Myriad Pro', Helvetica, Arial, sans-serif;
		text-align:	right;
		/*height:		27px;
		line-height:0.5em;*/
	}

	a.button,
	input.button {
		display:	inline-block;
		/*padding-right:	12px;*/
		padding:	3px 10px 2px;
		font-size:	1.3em;
		line-height:	1.6;
		font-family:	'DIN Regular', 'Myriad Pro', Helvetica, Arial, sans-serif;

		border-radius:		3px;
		-moz-border-radius:	3px;
		-webkit-border-radius:	3px;
		}
		a.button:link,
		a.button:visited,
		input.button{
			color:		#fff;
			border:		2px outset #17469E;
			background:	#17469E /*url(../images/buttons.png) no-repeat right center*/;
		}
		a.button:focus,
		a.button:hover {
			color:		#fff;
			border-style:	outset;
			border-color:	#429BDB;
			background:	#17469E;
		}
		a.button:active {
			color:		#fff;
			border-style:	inset;
			border-color:	#429BDB;
			background:	#17469E;
		}

	/* List Products */
	#list-products ul li a:hover {
		background:	#17469E;
		}
		#list-products ul li a:hover strong,
		#list-products ul li a:hover p {
			color:	#fff;
		}

	#list-products ul li p {
		color:		#2b3850;
		padding:	0;
		line-height:	1.2;
		font-size:	10px;
		font-family:	Verdana;
		margin:0 0 0 14px;
	}
	#list-products ul li strong {
		display:	block;
		color:		#17469E;
		font-size:	1.2em;
		font-weight:	400;
		font-family:	'DIN Regular', 'Myriad Pro', Helvetica, Arial, sans-serif;
		line-height:	1;
		margin:0 0 5px 0;
		text-align:center;
		}
		#list-products a.arrow {
			position:	absolute;
			top:		53px;
			display:	block;
			font-size:	2.2em;
			font-weight:	400;
			font-family:	'DIN Regular', 'Myriad Pro', Helvetica, Arial, sans-serif;
		}
		#list-products a.arr-prev { left: 6px; }
		#list-products a.arr-next { right: 6px; }

		#list-products a:link,
		#list-products a:visited {
			color: #848484;
		}
		#list-products a:focus,
		#list-products a:hover,
		#list-products a:active {
			color: #27ABD8;
		}
	
	#pagination {
		float:left;
		margin:20px 0 0 0;
	}
 
	#pagination .prev,
	#pagination .next,
	#pagination a.prev:link,
	#pagination a.next:link  {
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		color:#17469E;
		height:20px;
		width:auto;
		line-height:2em;
		border-right:1px #666 solid;
		display:block;
		float:left; 

	}
	
	#pagination .prev,
	#pagination .prev:hover,
	#pagination .prev:visited,
	#pagination .prev:active {
			padding:0 15px 0 0;
	}
	
	#pagination .next,
	#pagination .next:hover,
	#pagination .next:visited,
	#pagination .next:active {
		padding:0 0 0 15px;
	}
	
	#pagination span.next,
	#pagination span.prev {
		color:#ccc;
	}
	
	#content p,
	#meta {
		font-size:1.2em;
	}

	h1 {
		padding-left:	20px;
		color:		#17469E;
		font-size:	2.4em;
		font-weight:	400;
		font-family:	'DIN Regular', 'Myriad Pro', Helvetica, Arial, sans-serif;
		background:	url(../images/h1.jpg) no-repeat left 0.4em;
	}
	

	h4, h5, h6 {
		font-weight:900;
		}
		h4 { font-size:1.4em; }
		h5 { font-size:1.2em; }
		h6 { font-size:1em; }

.required {
	color:red;
	font-size:1.2em;
/* 	font-weight:bold; */
}

/* ###############################################
   3. jCarousel
   ############################################### */

.jcarousel-container {
	position: relative;
	}
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
		}
		.jcarousel-list {
			z-index: 1;
			overflow: hidden;
			position: relative;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
		}
		.jcarousel-list li,
		.jcarousel-item {
			float: left;
			list-style: none;
			/* We set the width/height explicitly. No width/height causes infinite loops. */
			width: 75px;
			height: 75px;
		}
		.jcarousel-next {
			z-index: 3;
			display: none;
		}
		.jcarousel-prev {
			z-index: 3;
			display: none;
		}


/* ###############################################
   4. Thickbox
   ############################################### */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;overflow-x:hidden;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{overflow-x:hidden;}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; padding:1px; overflow-x:hidden;}
        #cboxLoadingGraphic{background:url(colorbox/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(colorbox/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}