@charset "UTF-8";
/* Kimbro Oil

Deep Red - #ac1a2f  (new = C92429)
Dk Grey - #262626
Lt Grey - #4e4d4b

*/

* {margin: 0; padding: 0;} ul, li {list-style: none;} img {border:none;} a {text-decoration:none;} 
.center {margin-left: auto; margin-right:auto;} .left {float:left;} .right {float:right;} .clear {clear:both;}

body {
	font: normal 62.5% Arial, Helvetica, sans-serif;  color:#222;
	background:#2d2d2d;}

a {color:#2d2d2d; text-decoration: none;}
a:hover {text-decoration: none;}

a.red_btn {color: #fff; background:#C92429; padding: 0.4em 1em; text-decoration:none; font-size:1em; margin-right:0.5em;  }
input.red_btn {color: #fff; background:#C92429; padding: 0px 0.8em; height:2em; text-decoration:none; font-size:1em; border:none;}


div#header_wrp {height: 127px; background: url(/images/design/header_bg.png) repeat-x;}
	div#header {
		height:100%; width: 1000px;
		position:relative;}
		
	div#header h1.logo {position:absolute; top: 23px; left:0px;}

		div#masthead {height:23px;}
		
			div#masthead div#buy {
				height: 23px; width:29px;
				position:absolute; top: 0; left: 8px; }

			div#masthead ul{width: 315px; position:absolute; right: 0; top:0;}
			
				div#masthead ul li {margin-left: 8px; display:inline; float:right; overflow:hidden;}
		
					div#masthead ul li a{
						padding: 10px 8px 5px 8px;
						line-height:23px;
						color:#fff; font-size:1em;
						text-transform:uppercase;}
						
					div#masthead ul li a:hover {background: #4E4D4B; text-decoration: none;}
					
					div#masthead ul li a.contact, div#masthead ul li a:hover.contact {background: #C92429; text-decoration: none;}
	
	div#sec_nav {position:absolute; top:90px; right:0px; font-size:1.1em; text-align: right; width:825px;}
		div#sec_nav a  {color:#000; padding: 0 1px 10px 1px;}
		div#sec_nav a:hover, div#sec_nav a.active {background:url(/images/design/sec_nav_hover.png) no-repeat center center; }
	
		

/*
*** *** Main Nav Bar
*/
div#main_bar_wrp {height: 39px; background:#2d2d2d;}
	
	div#main_bar {width: 1000px; overflow: hidden; height: 39px;}

		ul#nav {height: 39px; width: 380px; background: url(/images/design/nav_bar.png) no-repeat top center; overflow: hidden;}
			ul#nav li {display:block; float:left;}

				ul#nav li a {display:block; height: 39px; overflow:hidden; text-indent:-9999px; background: url(/images/design/nav_bar.png)}
					/*ul#nav a:visited, ul#nav a:active {color:transparent;}*/
				
				ul#nav li.com a {width:123px; background-position: 0px 0px;}
				ul#nav li.com a:hover {background-position: 0px -39px;}
				ul#nav li.com a.active {background-position: 0px -39px;}

				ul#nav li.ind a {width:108px; background-position: -123px 0px;}
				ul#nav li.ind a:hover {background-position: -123px -39px;}
				ul#nav li.ind a.active {background-position: -123px -39px;}

				ul#nav li.fuel a {width:71px; background-position: -231px 0px;}
				ul#nav li.fuel a:hover {background-position: -231px -39px;}
				ul#nav li.fuel a.active {background-position: -231px -39px;}

				ul#nav li.ret a {width:78px; background-position: -301px 0px;}
				ul#nav li.ret a:hover {background-position: -301px -39px;}
				ul#nav li.ret a.active {background-position: -301px -39px;}
		
		div#search { width:178px; margin-top: 8px; }

			form input.txt_search {height: 15px; width: 150px;}


table#msds tr td {padding: 10px;}


/*
*** *** SubNav
*/
div#sub_nav_wrp {height:33px;  background:#4e4d4b; border-top: 1px solid #646361; color:#fff; font-size:1.1em; position:relative;}

	div#sub_nav {position:absolute; left: 12px; width:1000px; height:33px;}
		div#sub_nav a  {color:#fff; padding: 0px 1px 0px 1px;}
		div#sub_nav a:hover {text-decoration: underline;}	

	div#com_sub div, div#ind_sub div,  div#fuel_sub div, div#ret_sub div{display:none;}	
		* div.show_sub {display:block !important; padding-top: 10px; height: 20px;}	

		
/*
*** *** Interior Body Styles
*/
div#body_wrp {background:#4e4d4b; border-bottom: 1px solid #41403e; padding-bottom: 10px; }

div#int_body {width: 970px /*1000px*/; padding: 15px; background:#fff; overflow: hidden; }

	div#content_wrp {border: 1px solid #e5e5e5; margin: 0; width:100%; }

		div#breadcrum {height: 31px; width: 100%; border-bottom: 1px #e5e5e5 solid;}
		
		div#breadcrum ul {width: 500px; font-size: 1.1em; font-weight: bold;}
			div#breadcrum ul li {display:block; float: left; padding: 11px 20px 10px 10px; background: url(/images/bc_arrow.png) no-repeat top right;}
				div#breadcrum ul li a {display:block;}
				div#breadcrum ul li a:hover {text-decoration: underline;}
	/* Interior Content */
	div#int_content {margin: 2em; }
	div#int_content.challenge {
		background:url("/images/challenge/takechallengebg.jpg") no-repeat scroll 0 0 transparent;
		color:#FFFFFF;
		height:246px;
		margin:0;
		padding:106px 122px 0 310px;
	}
	div#int_content.challenge li {
		background-attachment:scroll;
		background-image:url("/images/challenge/pdf.gif");
		background-position:left center;
		background-repeat:no-repeat;
		line-height:25px;
		color:#FFFFFF;
		list-style:none outside none;
		margin:0;
		padding:0 0 0 21px;
	}
	div#int_content.challenge li a {
		color:#FFFFFF;
	}
	div#int_content.challenge p, div#int_content.challenge li {
		font-size:14px;
		font-weight:400;
	}
	div#int_content.challenge p strong, div#int_content.challenge li strong {
		font-size:18px;
		font-weight:900;
	}
		div#int_content h1 {font-size: 1.7em;}
		div#int_content h2 {font-size: 1.5em; border-bottom: 1px solid #ccc; color: #C92429; margin-bottom: .25em;}
		div#int_content p {font-size: 1.2em; padding: 3px 0 12px 0;}
		div#int_content a {color:#2d2d2d; text-decoration: underline;}
			div#int_content a:hover {text-decoration: none;}
	
		div#int_content ul {margin: -1em 0 .75em .5em; font-size: 1.2em; }
			div#int_content ul li {list-style: disc; margin-left: 1.5em;}

		div#int_content img {float:right; margin-top: -20px;}
		div#int_content img.plain {float:none; margin-top: 0;}

		span.com_logos {float: right; width:220px;}
		
		table.logos tr td {padding: 10px; text-align: center;}

	div.news_box {width: 425px;}
	
	table#supplies {font-size: 1.2em;}
		table#supplies td {width:400px;}

	table.survey {font-size:1.2em;}
		table.survey tr td {padding-bottom:10px !important;}


			table.survey input#firstName, table.survey input#city, table.survey input#lastName, table.survey input#business, table.survey input#industry, table.survey input#address, table.survey input#phone, table.survey input#email {width: 200px;}

			table.survey input#reasonForVisit , table.survey input#additions , table.survey input#productNeeds,  table.survey input#howFound,  table.survey input#likeBest,  table.survey input#orderInFuture {width:300px;}

		table.survey input {margin-top: 2px;}






	/* Contact Form */
	div#user_instructions {width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px;}

	div#contact {width: 236px; margin-right: 40px; padding-right: 40px; border-right: 1px solid #E5E5E5;}
		div#contact table th {text-align: right; padding-right: 5px; font-size: 1.1em;}
		div#contact table td {padding: 0.4em 0;}

		input.long, input.short_2, input.short_5, div#contact textarea {font-size: 10px; padding: 0.1em;}		
			input.long {width: 15em;}
			input.short_2 {width: 20px;}
			input.short_5 {width: 35px;}
		div#contact textarea {width: 15.5em; height: 7em;}

	div#con_list_left, div#con_list_mid  {width: 160px; margin-right: 40px;}

	div#con_list_right {width: 160px;}

		div#TB_ajaxContent table th {text-align: right; padding-right: 5px; font-size: 1em;}
		div#TB_ajaxContent table td {padding: 0.2em 0;}

	div#TB_ajaxContent h1 {font-size: 1.8em; border-bottom: 1px solid #ccc; color: #C92429; margin-bottom: .25em; padding-bottom: .25em;}

	#contact_form input#first_name,
	#contact_form input#phone, 
	#contact_form input#organization, 
	#contact_form input#email, 
	#contact_form input#state,  
	#contact_form input#zip  {width:125px; padding: 1px;}
	textarea#comments {width: 248px; height: 200px; font: normal 12px Arial, Helvetica, sans-serif; padding:1px;}	
	
	div#errors {border-top: 1px solid #ccc; color: #C92429; margin-top: .25em; padding-top: .25em;}



/*
*** ***  Features - Bottom SPLASH
*/
div#feature_wrp {
	height: 138px; 	background:#4e4d4b; border-top:1px solid #636260; color:#fff; overflow: hidden; padding-top: 10px;}

	div#features {height: 100%; width: 1000px;}
		div#features h1 {font-size:1.6em; margin: 15px 0 0 15px; font-weight: normal; }
		div#features p {font-size:1.2em; color: #b8b8b8; line-height:125%; margin: 5px 0 0 15px; width:220px;}
		div#features a {color:#fff;} div#features a:hover {text-decoration:underline;} 

	div#feature_left , div#feature_mid, div#feature_rgt {
		height:113px; width: 328px; overflow:hidden; }
	div#feature_left {background:url(/images/design/feature_rgt.jpg) top right no-repeat; margin-right:8px;}
	div#feature_mid {background:url(/images/design/feature_mid2.jpg) top right no-repeat;}
	div#feature_rgt {background:url(/images/design/feature_left.jpg) top right no-repeat;}

/*
*** ***  Footer
*/
div#footer_wrp {background:#2d2d2d; border-top: 3px solid #C92429;}
	/*div#footer_wrp table {margin:15px }*/
	div#footer_wrp p {color: #7f7f7f; font-size:1em; margin: 1.5em;}
	
/*
*** *** Splah Page Only
*/
	div#spa_body {width: 1000px; height: 343px; overflow:hidden;}

			/* Different PC backgrounds */
			div#spa_pc01, div#spa_pc02, div#spa_pc03, div#spa_pc04 {height: 355px; width: 1000px; overflow:hidden;}

				div#spa_pc02 {background:url(/images/pc_02.jpg) no-repeat center left #fff;  }
				div#spa_pc03 {background:url(/images/pc_03.jpg) no-repeat center left #fff;  }
				div#spa_pc04 {background:url(/images/pc_04.jpg) no-repeat center left #fff; }
			
			div.spa_postcard{height:355px; width: 660px;}
				div.spa_postcard h1 {color: #fff; margin: 15px 0 0 19px; font-size: 30px;}
				div.spa_postcard h2 {color: #fff; margin: 0px 0 0 19px; font-size:16px; font-weight: normal;}
		 
			div.spa_postcard ul {margin: 70px 0 0 19px; font-size:12px; }
				div.spa_postcard ul li {line-height: 18px;}
				div.spa_postcard ul li a {color:#77b6d1; text-decoration:underline;}
				div.spa_postcard ul li a:hover {color:#fff;}
		
		div.spa_news {
			height:355px; width: 340px;
			background:#fff; font-size:11px;}
			
			div.spa_news h1{font-size:13px; color:#32302e; margin:28px 0 10px 18px;}
			div.spa_news div.news_button {display: block; color:#32302e; font-size:10px; text-align:center; height: 18px; padding-top: 5px; width: 66px; background:url(/images/btn_news.png) no-repeat;}
			div.spa_news a {color:#C92429; font-size:11px;}
			div.spa_news a:hover {text-decoration:underline;}
			
			
			
/* About Us */
div#gal_wrp {width:690px; }

  div#gal_big{
  		width: 660px;
  	 	height: 355px;
  	 	overflow: hidden;
  	 	background: #fff;}
	div#gal_big img {margin-top: 0 !important;}

  div#caption {width:663px; height:12px; display: block; background: 1px solid red;  overflow: hidden; clear: both; }
	div#caption p {margin:0;}

  ul#gal_thm {width: 672px; overflow: hidden; margin:0 !important;}
    ul#gal_thm li {float: left; width: 100px; margin: 0 12px 7px 0 !important; background: #fff; list-style: none !important;}
      ul#gal_thm li a {display: block; height: 100%; width:100%;}
	  ul#gal_thm li a img {width: 100px; margin-top: 0 !important;}
	  /*ul#gal_thm a.thm_hover img, ul#gal_thm li a img.thm_hover {border:1px solid #D1376D;} */


 div#cse-search-results iframe {padding: 15px; background: #fff;}