html {
height:100%;
}

body {
margin:0;
padding:0;
background-color: #6e6e62;
height:100%;
}

a:link {
	color: #ba692d;
	font-weight: ;
	font-size: 10px;
	text-decoration: underline;
	}

	
a:visited { 
	color: #8d4e1f;
	font-weight: ;
	font-size: 10px;
	text-decoration: underline;
	}
a:hover { 
	color: #341802;
font-weight: ;
	font-size: 10px;
	text-decoration: underline;
	}
a:active { 
	color: #333333;
	font-weight: ;
	font-size: 10px;
	text-decoration: underline;
	}


.company{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9b9b9a;
}

.prod_type{
	color: #007680;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#outer_portal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	min-height: 100%;
	height: 100%;
	display: table;
	width: 886px;
	border: .5px outset #FFFFFF;
	position: relative;
	background-image: url(../images/white_spacer.jpg);
	background-repeat: repeat;
	padding-bottom: 20px;
	margin: auto;
}

#subpage_links {
	font-size: 12px;
	width: 610px;
	padding-top: 10px;
	margin-top: 0px;
	line-height: 16px;
	float: right;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#outer_portal {height: auto; min-height: 100%;}

#wrapper{
  display: table-cell; /*** For non-IE browsers ***/
  position: relative; /*** Let's be nice to IE ***/
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

li{
background: url(../images/bullet.jpg) no-repeat 0 50%;
padding-left: 10px;
background-position: 0 .4em;
margin: .9em 0; 
vertical-align:top;
}

#description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	height: 100%;
	width: 550px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#sub_cat_description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	height: 100%;
	width: 550px;
	float: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 4px;
}

#sub_cat_description_large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color: #FFFFFF;
	height: 100%;
	width: 550px;
	float: left;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#header {
	margin-top: 0px;
	margin-left: 0px;
	height: 145px;
	width: 886px;
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	z-index: 9;
}


#maincontent  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	min-height: 100%;
	height: 100%;
	width: 886px;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
}


#rightmenu  {
	width: 229px;
	height: 100%;
	_height: 100%;
	float: right;
	background-repeat: repeat-y;
	text-align: right;
	position:relative;
	background-attachment: scroll;
	background-position: left;
	background-image: url(../images/right_menu_solid.jpg);
	background-color: #E2E2D8;
	padding-top: -2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index: 8;
	}
	
#headline {
	font-family: "Arial Black";
	font-size: 25px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 65px;
	width: 600px;
	padding-top: 35px;
	margin-top: 0px;
	line-height: 28px;
	float: left;
	background-repeat: no-repeat;
}


#couplings_headline {
	font-family: "Arial Black";
	font-size: 25px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 85px;
	width: 600px;
	padding-top: 35px;
	margin-top: 0px;
	line-height: 28px;
	float: left;
	background-repeat: no-repeat;
}

#violator_headline {
	font-family: "Arial Black";
	font-size: 23px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 65px;
	width: 420px;
	padding-top: 35px;
	margin-top: 0px;
	line-height: 28px;
	float: left;
	background-repeat: no-repeat;
}

#oilandgas_violator_headline {
	font-family: "Arial Black";
	font-size: 23px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 65px;
	width: 390px;
	padding-top: 35px;
	margin-top: 0px;
	line-height: 28px;
	float: left;
	background-repeat: no-repeat;
}

#violator {
	font-family: "Arial Black";
	font-size: 25px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 100px;
	width: 184px;
	padding-top: 0px;
	margin-top: -6px;
	line-height: 28px;
	float: left;
	background-repeat: no-repeat;
	z-index: 10;
	padding-left: 5px;
	margin-right: 0px;
}


#oilandgas_violator {
	height: 100px;
	width: 187px;
	padding-top: 0px;
	margin-top: -6px;
	line-height: 28px;
	
	float: left;
	z-index: 10;
	padding-left: 5px;
	padding-right: 26px;
	margin-right: 0px;
}

#oilandgas_sub_cat_headline {
	font-family: "Arial Black";
	font-size: 25px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 100%;
	width: 393px;
	padding-top: 35px;
	margin-top: 0px;
	line-height: 28px;
	float: left;
	padding-bottom: 20px;
}

#sub_cat_headline {
	font-family: "Arial Black";
	font-size: 25px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 100%;
	width: 610px;
	padding-top: 35px;
	margin-top: 0px;
	line-height: 28px;
	float: right;
	padding-bottom: 20px;
}


#markets_headlinearrows {
	height: 90px;
	width: 35px;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 0px;
	clear: left;
	padding-top: 42px;
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

#applications_headlinearrows {
	height: 90px;
	width: 35px;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 0px;
	clear: left;
	padding-top: 42px;
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

#contact_us_headlinearrows {
	height: 40px;
	width: 35px;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 0px;
	clear: left;
	padding-top: 42px;
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

#by_application_header {
	height: 24px;
	width: 626px;
	float: left;
}

#by_application {
	*height: auto;
	width: 655px;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
}

#applications {
	padding-left: 44px;
	padding-right: 0px;
	*height: 100%;
	width: 582px;
	background-attachment: fixed;
	background-image: url(images/botright_corner_app.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	clear: none;
	visibility: visible;
	background-color: #e4e4dc;
	padding-bottom: 10px;
	height: 100%;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#app_01 {
	width: 169px;
	float: left;
	clear: none;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	padding-bottom: 0px;
}



#app_01_full {
	width: 540px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:20px;
}

#landing_page_content {
	height: 100%;
	width: 550px;
	float: left;
	clear: none;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	 
}

#contact_01 {
	width: 150px;
	float: left;
	clear: none;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	font-size: 10px;
}

#bottom_contacts {
	width: 500px;
	float: left;
	clear: none;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
}

#genuine_replacement {
	height: 275px;
	width: 285px;
	float: left;
	clear: none;
	margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0px;
}

#genuine_replacement_pic {
	height: 275px;
	width: 264px;
	float: left;
	clear: none;
	margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#backstop_rebuild {
	height: 100%;
	width: 285px;
	float: left;
	clear: none;
	margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0px;
}

#backstop_rebuild_pic {
	height: 100%;
	width: 197px;
	float: left;
	clear: none;
	margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 50px;
	padding-right: 18px;
}


#promo {
	height: 100%;
	width: 550px;
	float: left;
	clear: none;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0px;
	margin-left: 25px;
}

#garmin {
	height: 100%;
	width: 550px;
	float: none;
	clear: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0px;
	margin-left: -69px;
}

#typical_applications {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	height: 100%;
	width: 550px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#applications_thumbs {
	margin-left: 0px;
	margin-top: 15px;
	padding-left: 44px;
	padding-right: 0px;
	height: 50%;
	width: 582px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	clear: none;
	visibility: visible;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-bottom: 0px;
}

#signoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	float: left;
	width: 655px;
	text-align: center;
	margin-top: 0px;
	height: auto;
	padding: 0px;
}
#sub_sub_cat_headline {
	font-family: "Arial Black";
	font-size: 25px;
	font-weight: bolder;
	background-color: #FFFFFF;
	height: 100%;
	width: 610px;
	padding-top: 10px;
	margin-top: 0px;
	line-height: 28px;
	float: right;
	padding-bottom: 20px;
}
#sub_applications_headlinearrows {
	height: 70px;
	width: 35px;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 0px;
	clear: left;
	padding-top: 76px;
	float: left;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0px;
}