@charset "UTF-8";
/* CSS Document */

/*  ------ body attributes ------- */	

body {
	padding: 0 0 0 0; margin: 0;
	background-color: #acb7c5;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 14px;
	background-image:url(images/body-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;}
	



/*  ------ global link colors ------- */	
	
a:link {color: #ed0013; text-decoration: none;}
a:visited {color: #ed0013; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}

img {border: 0px;}

img {margin:0;padding:0;}

img a {margin:0;padding:0;}

/*  ------ h tags, clear margin and padding ------- */

h1 {margin: 0px; padding: 0px;}
h2 {margin: 0px; padding: 0px;}
h3 {margin: 0px; padding: 0px;}
h4 {margin: 0px; padding: 0px;}



/*  ------ used so .png files are transparent in ie ------- */

img {behavior:url(/_includes/iepngfix.htc); }



/*  ------ center site and set the width ------- */

.header-wrapper {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;}
	
.menu-wrapper {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;}
	
.menu-bg {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/body-bg-menu.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:36px;}
	
.body-wrapper {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	}
	
.int-body-wrapper {
	width:900px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	}
	
	
	
.body-wrapper-bg {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/body-bg-shadow.jpg);
	background-position:top;
	background-repeat: repeat-y;
	}	
	
.body-wrapper-top-bg {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/body-bg-shadow-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	min-height:425px;}	
	
.home-banner-flash-wrapper {
	width:900px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	height:285px;}	
	
.home-headline-wrapper {
	width:900px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;}
	
.home-headline-top {
	width:900px;
	height:14px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;}
	
.home-headline-middle {
	width:900px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/home-bottom-banners-middle.jpg);
	background-position:top;
	background-repeat: repeat;
	overflow:hidden; height: 1%;
	position: relative;}
	
.home-headline-gradient {
	width:900px;
	height:84px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image: url(/images/home-bottom-banners-gradient.jpg);
	background-position: bottom;
	background-repeat: no-repeat;}
	
.home-headline-bottom {
	width:918px;
	height:29px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/home-bottom-banners-bottom.jpg);
	background-position:bottom;
	background-repeat: no-repeat;}
	
.footer-wrapper {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;}
	
.footer-top {
	width:918px;
	height:9px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;}
	
.footer-middle {
	width:918px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/footer-middle.jpg);
	background-position: top;
	background-repeat: repeat-y;
	 }
	
.footer-bottom {
	width:918px;
	height:9px;
	margin: 0px 0px 15px 0px;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/footer-bottom.jpg);
	background-position: top;
	background-repeat: no-repeat;}
	
	
	
/*  ------ home body 2 column ------- */


.home-columns {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height: 1.5em;
		color:#2b3e65;
		width:900px;
		margin: 0 auto;
		padding:0;
		text-align:left;
		clear:both;
		position:relative;}
		
	.home-columns  a:link {color: #2b3e65; text-decoration: none; font-size:12px; line-height: 1.8em;}
	.home-columns  a:visited {color: #2b3e65; text-decoration: none;}
	.home-columns  a:hover {color:  #000000; text-decoration: underline;}
	.home-columns  a:active {color: #333333; text-decoration: none;}
		
		
		.home-columns  .Box1 {
			width: 275px;
			padding-right:25px;
			padding-left:30px;
			padding-top:11px;
			padding-bottom:11px;}
		
		.home-columns .Box2 {
			width: 515px;
			padding-left:25px;
			padding-right:30px;
			padding-top:11px;
			padding-bottom:11px;}
			
		




   
   
/*  ------ home body 2 column text ------- */

.home-headline-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color:#0f309d;
	height:1.2em;
	border-bottom: #d5d7dc solid 1px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px}
	
	.home-headline-title .view-all {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align:right;}
	
		.home-headline-title .view-all a:link {color:#0f309d;; text-decoration: underline;}
		.home-headline-title .view-all a:visited {color:#0f309d;; text-decoration: underline;}
		.home-headline-title .view-all a:hover {color:  #666; text-decoration: none;}
		.home-headline-title .view-all a:active {color: #000000; text-decoration: none;}
	
	
.home-headline-date {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight:bold;
	font-style:italic;
	color:#333333;
	height:1.7em;}

.home-headline-text {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px; 
	font-weight:normal;
	font-style:normal;
	color:#333333;
	height:1.7em;}
	
	.home-headline-text tr td {
		padding:0px 0px 15px 0px;}
	
		.home-headline-text a:link {color:#333333; text-decoration: underline;}
		.home-headline-text a:visited {color:#333333; text-decoration: underline;}
		.home-headline-text a:hover {color:  #000000; text-decoration: none;}
		.home-headline-text a:active {color: #666666; text-decoration: none;}
	
	.home-pic-border {
		border:#CCC solid 1px;
		margin: 0px 10px 10px 0px}
	
	
/*  ------ logo------- */

.logo-wrapper {
	padding: 28px 0px 0px 24px;
	float:left;}
	
	.logo-wrapper a:hover {opacity: 0.65;}
	
	
/*  ------Dealer Login------- */

.dealer-login-wrapper {
	background-image:url(/images/dealer-login-bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding: 35px 15px 0px 31px;
	float:right;
	width: 465px;
	height:61px;}
	
	.dealer-login-text {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#a8b9d8;}
		
		.dealer-login-text a:link {color: #a8b9d8; text-decoration: underline;}
		.dealer-login-text a:visited {color: #a8b9d8; text-decoration: underline;}
		.dealer-login-text a:hover {color:  #000000; text-decoration: none;}
		.dealer-login-text a:active {color: #000000; text-decoration: none;}

	

/*  ------Main Menu ------- */		
	
.main-menu {
	width:900px;
	font-size: 13px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;}

	.main-menu ul {
		padding: 0px 0 0 0;
		margin: 0;}
	
	.main-menu ul li {
		display:inline;
		list-style:none;
		padding: 0 0 0 0px;}

	.main-menu a {
		display:block;
    	float:right;
		height: 36px;}
		
		.main-menu a:hover {
		background-position:0 -36px;}
		
		.main-menu a:active {
		background-position:0 -72px;}
		
		.main-menu .home {
			width:78px;
    		background:url("/images/menu-home.png") no-repeat;}
			
		.main-menu .products {
			width:98px;
    		background:url("/images/menu-products.png") no-repeat;}
			
		.main-menu .applications {
			width:121px;
    		background:url("/images/menu-applications.png") no-repeat;}
			
		.main-menu .engineering {
			width:118px;
    		background:url("/images/menu-engineering.png") no-repeat;}
			
		.main-menu .about-us {
			width:100px;
    		background:url("/images/menu-about-us.png") no-repeat;}
			
		.main-menu .find-a-dealer {
			width:126px;
    		background:url("/images/menu-find-a-dealer.png") no-repeat;}
			
		.main-menu .become-a-dealer {
			width:147px;
    		background:url("/images/menu-become-a-dealer.png") no-repeat;}
			
		.main-menu .contact-us {
			width:112px;
    		background:url("/images/menu-contact-us.png") no-repeat;}
			
	.menu-top-wrapper {
		width:918px;
		margin: 0 auto;
		padding:0;
		text-align:left;
		clear:both;}
		
	.menu-items-wrapper {
		width:900px;
		margin: 0 auto;
		padding:0;
		text-align:left;
		clear:both;}
	
	
/*  ------ interior Information------- */

.interior-wrapper-bg {
	width:900px;
	margin: 0 auto;
	padding:0;
	clear:both;
	background-image:url(/images/interior-bg-shadow.jpg);
	background-position:top;
	background-repeat: repeat-y;
	min-height:401px;}
	
.interior-wrapper-bg-full {
	width:900px;
	margin: 0 auto;
	padding:0;
	clear:both;
	background-image:url(/images/interior-bg-shadow-full.jpg);
	background-position:top;
	background-repeat: repeat-y;
	min-height:401px;}
	
.interior-wrapper-bg2 {
	width:900px;
	margin: 0 auto;
	padding:0;
	clear:both;
	overflow: hidden; height: 1%;}
	
.interior-top-gradient {
	width:918px;
	min-height:401px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image: url(/images/interior-body-gradient-top.jpg);
	background-position: top;
	background-repeat: no-repeat;}
	
.interior-gradient {
	width:240px;
	height:401px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image: url(/images/side-menu-gradient.jpg);
	background-position: bottom;
	background-repeat: no-repeat;}
	
.interior-body-width {
	width:590px;
	padding:11px 20px 11px 30px;}
	
.interior-body-full-width {
	width:590px;
	padding:11px 30px 11px 30px;}
	
.interior-top {
	width:900px;
	height:19px;
	background-image: url(/images/interior-top.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	clear:both;	}
	
.interior-top-full {
	width:900px;
	height:19px;
	background-image: url(/images/interior-top-full.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	clear:both;	}
	
.interior-bottom {
	width:918px;
	height:29px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/interior-bottom.jpg);
	background-position:bottom;
	background-repeat: no-repeat;}
	
.interior-bottom-full {
	width:918px;
	height:29px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	clear:both;
	background-image:url(/images/interior-bottom-full.jpg);
	background-position:bottom;
	background-repeat: no-repeat;}
	
	
/*------sidebar------*/ 

.side-menu-header h1 {
	background-image:url(/images/side-menu-gradient-top.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	margin-bottom: 13px;
	padding-left: 8px; /*link text is indented 8px*/
		font-size: 22px;
		color: #49494a;
		font-weight:normal;
		display: block;
		margin: 0px}


.urbangreymenu{
	width: 240px; /*width of menu*/	}

.urbangreymenu .headerbar{
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	background-color: #878787; 
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
	color: white;
	margin-bottom: 2px;}

.urbangreymenu .headerbar a{
	text-decoration: none;
	color: white;
	display: block;}

.urbangreymenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/}

.urbangreymenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/}

.urbangreymenu ul li a{
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color: #0e309d;
	border-bottom: #CCC solid 1px;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;}

.urbangreymenu ul li a:visited{
	color: #0e309d;}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background: #333333;}
	
	
	
/*  ------ Body Text------- */

.body-text {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		line-height: 1.8em;
		color:#333333;
		text-align:left;}
		
	.body-text  a:link {color: #a44431; text-decoration: underline;}
	.body-text  a:visited {color: #a44431; text-decoration: underline;}
	.body-text  a:hover {color:  #000000; text-decoration: none;}
	.body-text  a:active {color: #333333; text-decoration: none;}
	
	.body-text  h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #002660;
		font-weight:normal;
		font-size: 26px;
		line-height: 1.15em;}
		
	.body-text  .sub-header {
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #0044ac;
		font-weight:normal;
		font-size: 16px;}
		
	.body-text  .sub-header-orange-lg {
		color: #a44431;
		font-weight:normal;
		font-size: 13px;}




/*  ------ Footer Information------- */

.footer-columns {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height: 1.5em;
		color:#2b3e65;
		margin: 0 auto;
		padding:0;
		text-align:left;
		clear:both;}
		
	.footer-columns  a:link {color: #2b3e65; text-decoration: none;}
	.footer-columns  a:visited {color: #2b3e65; text-decoration: none;}
	.footer-columns  a:hover {color:  #000000; text-decoration: underline;}
	.footer-columns  a:active {color: #333333; text-decoration: none;}
		
		
		.footer-columns  .Box1 {
			width: 200px;
			padding-right:10px;
			padding-left:30px;
			padding-top:10px;}
		
		.footer-columns .Box2 {
			width: 250px;
			padding-right:10px;
			padding-top:10px;}
			
		.footer-columns .Box3 {
			width: 110px;
			padding-top:35px;}
		
		.footer-columns .Box4 {
			width: 90px;
			padding-left:40px;
			padding-right:20px;}
		
		.footer-columns .Box5 {
			padding-right:40px;}


.footer-text {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 1.8em;
		color:#2b3e65;
		margin: 0 auto;
		padding:0;
		text-align:left;
		clear:both;}
		
	.footer-text  a:link {color: #2b3e65; text-decoration: none;}
	.footer-text  a:visited {color: #2b3e65; text-decoration: none;}
	.footer-text  a:hover {color:  #000000; text-decoration: underline;}
	.footer-text  a:active {color: #333333; text-decoration: none;}
	
	

/*------ FAQ TEXT ------*/

.faq	{
	cursor:hand;
	cursor:pointer;
	 text-decoration: underline;
	 padding-bottom: 7px;
	 padding-top: 7px;
 	font-weight: bold;
	border-top-color: #cccccc;
	border-top-style: dotted;
	border-top-width: 1px;}	
	
	
	
	
/*------ Width ------*/

.team-pic-padding	{
	width:90px;
	padding:20px 20px 20px 0;}	
	
.team-text-padding	{
	width:480px;
	padding:20px 0 20px 0;}
	
.team-bottom-border	{
	border-bottom: #CCC solid 1px;}
	
.contact-side-padding	{
	padding: 10px 10px 0 10px;}
	
	
/*------ Team Text ------*/

.team-name	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#0044ac;}
	
.team-title	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#000000;}
	

/*  ------ Application Form ------- */

fieldset {
	border: 1px solid #999999;
	padding: 15px;}

legend {
	color: #333333;
	font-weight:bold;
	background: #e1e1e1;
	border: 1px solid #999999;
	padding: 2px 6px}
	
.padding-right-30 {
	padding: 0px 30px 0px 0px;}
	
	
	
/*------ Products Page ------*/

.product-th-padding {
	width:71px;
	padding: 0px 20px 20px 0px;}

.product-subtitle	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#999999;
	border-bottom:#999 solid 1px;
	padding-bottom:3px;
	margin-bottom: 10px;}
	
	.product-subtitle  a:link {color: #999999; text-decoration: none;}
	.product-subtitle  a:visited {color: #999999; text-decoration: none;}
	.product-subtitle  a:hover {color:  #000000; text-decoration: none;}
	.product-subtitle  a:active {color: #333333; text-decoration: none;}
	
.product-text {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		line-height: 1.4em;
		color:#333333;
		text-align:left;
		padding-bottom: 20px;}
		
	.product-text  a:link {color: #a44431; text-decoration: underline;}
	.product-text  a:visited {color: #a44431; text-decoration: underline;}
	.product-text  a:hover {color:  #000000; text-decoration: none;}
	.product-text  a:active {color: #333333; text-decoration: none;}
	


/* ----------------- Table Information ------------------ */	

.table-header {font-family: Arial, Helvetica, Verdana, sans-serif; width:590px; font-size: 11px; margin: 10px 0 10px 0;}

.table-header .sub-header td {font-family: Arial, Helvetica, Verdana, sans-serif;color:#333333;font-size: 12px; font-weight: bold; background-color:#ccc; text-align:left; padding:5px 15px 5px 15px}

.table-header tbody td {padding:8px 15px 8px 15px; color:#666666;font-size: 11px;line-height: 14px; font-weight: normal; text-align:left; border-bottom: #ccc solid 1px;}

.table-header tr:hover {background:#ebebeb;}

.table-header thead th {font-family: Arial, Helvetica, Verdana, sans-serif;color:#ffffff;font-size: 12px; font-weight: bold; background-color:#333333; text-align:center; padding:5px 15px 5px 15px}	
	
	
/*------ Contact Menu Paddint ------*/

.contact-menu-padding {
	padding: 0px 10px 0px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height: 1.25em;
	color:#333333;
	text-align:left;}