/* CSS Reset */
* {margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}
img {display:block;}

html {height:100%;}

body,td,th,button, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:11px;
}
body {
	background-color: #ffffff;
	background-image: url(../img/body-bkg.jpg);
	background-position: top left;
	background-repeat:repeat-x;
	min-width: 1000px;
	max-width: none;
	margin: 0 auto;
	position:relative;
	min-height:100%;
}
em {
	color: #ff0000;
	font-style: italic;
}
form {
	display:inline;
}

a, a:visited {
	color:#046380;
	outline: none;
}
.clear {
	clear: both;
}
.hide {
	display:none !important;
}

/* Site - Headers, Footers, General Content */
#header, #content, #footer {
	display:block;
	margin:auto;
	background-position:top center;
	background-repeat:no-repeat;
}

#header {
	background-image:url(../img/header-bkg.jpg);
	height:396px;
	min-width:900px;
	max-width:1200px;
	position:relative;
	overflow:hidden;
}

#logo a {
	text-indent: -9000em;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 176px;
	height: 100px;
	top: 12px;
}

#content {
	background-image:url(../img/content-bkg.jpg);
	min-width:1000px;
	max-width:1060px;
	min-height:400px;
	padding-bottom:77px;
}
#content > div {
	width:1000px;
	margin:0 auto;
}
body.noheader #content > div {
	background-color:#ffffff;
	position:relative;
	width:1024px;
	margin-top: -267px;
	padding: 0 10px;
	min-height:267px;
	z-index:1;
}
body.noheader #content {
	background-position:0 267px;
}

#content .leftcolumn {
	width: 292px;
	float:left;
	padding:20px 15px 20px 0;
}
#content .rightcolumn {
	width: 292px;
	float:left;
	padding:20px 0 20px 15px;
}
#content .centercolumn {
	float:left;
	padding:20px 10px;
	font-size:12px;
	width:980px;
}

#content .leftcolumn + .centercolumn {
	width:672px;
}

#content .centercolumn .leftcolumn + .centercolumn {
	width:652px;
}

body.home #content .centercolumn {
	width: 366px;
}

#content h2 {
	height:38px;
	overflow:hidden;
	background-image:url(../img/header-bkg.jpg);
	background-position: 50% -150px;
	display:block;
}
#content > div > h2 {
	border-top:20px solid #FFFFFF;
}
body.noheader #content .centercolumn h2 {
	width: 1000px;
}

h3 {
	font-weight:bold;
	text-decoration:underline;
	display:block;
}

#content ul, #tinymce ul {
	margin-left: 30px;
}
#content ul li, #tinymce ul li {
	list-style:disc;
	list-style-position:outside;
	padding-left: 10px;
}
#content .centercolumn *+p, #content .centercolumn *+ul,
#content .leftcolumn > * + *, #tinymce > * + *,
#content .centercolumn *+h3{
	margin-top:20px;
}
body.home #content .leftcolumn > * + *, body.history #content .centercolumn *+p {
	margin-top: 10px;
}

#footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:block;
	height: 77px;
	background-image:url(../img/footer-bkg.jpg);
	background-repeat:repeat-x;
}

#footer h5, #footer h6 {
	display:block;
	position:absolute;
	text-indent:-9000em;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
}

#footer h5 {
	top: 15px;
	left:50%;
	margin-left:-500px;
	height:47px;
	width:160px;
	background-image:url(../img/logo-footer.png);
}
#footer h6 {
	top: 28px;
	right:50%;
	margin-right:-500px;
	height:15px;
	width:188px;
	background-image:url(../img/call-us.gif);
}
#footer p {
	position:absolute;
	top:32px;
	left:50%;
	margin-left:-310px;
}
#footer p, #footer p a, #footer p a:hover, #footer p a:active, #footer p a:visited {
	color: #666666;
	text-decoration:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Site - Main Menu */
#mainmenu {
	display:block;
	position:absolute;
	top:97px;
	right:50%;
	margin-right:-522px;
	width: 741px;
	padding-left: 303px;
	background-image:url(../img/main-menu.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent: -9000em;
	height:27px;
	overflow:hidden;
}
#mainmenu li {
	float:left;
	cursor:pointer;
}

#mainmenu li.home a, #mainmenu li.fuel a, #mainmenu li.lube a,
#mainmenu li.prop a, #mainmenu li.who a, #mainmenu li.cust a,
#mainmenu li.contact a {
	display:block;
	height:27px;
}

#mainmenu li a:hover, #mainmenu li.active a {
	background-image:url(../img/main-menu.png);
}

#mainmenu li.home a {
	width:54px;
}
#mainmenu li.fuel a {
	width:68px;
	margin-left: 9px;
	background-position:-366px -27px;
}
#mainmenu li.lube a {
	margin-left: 5px;
	width:111px;
	background-position:-439px -27px;
}
#mainmenu li.prop a {
	width:84px;
	background-position:-556px -27px;
	margin-left: 6px;
}
#mainmenu li.who a {
	width:112px;
	background-position:-645px -27px;
	margin-left: 5px;
}
#mainmenu li.cust a {
	width:175px;
	background-position:-762px -27px;
	margin-left: 5px;
}
#mainmenu li.contact a {
	width:101px;
	background-position:-943px -27px;
	margin-left: 6px;
}


/* Sidebars */
.dollars-saved, .racing-fuels, .follow-us, .propane-products, .join-newsletter, .lubricant-suppliers {
	display:block;
}
.dollars-saved {
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../img/sidebar-money-saved-bkg.jpg) no-repeat top left;
	padding-left:12px;
	padding-top:10px;
	width:280px;
	height:112px;
}
.dollars-saved, .dollars-saved:visited, .dollars-saved:hover, .dollars-saved:active {
	color:#fff;
	text-decoration:none;
}
.dollars-saved strong {
	display:block;
}
.dollars-saved strong {
	font-size:30px;
}
.racing-fuels {
	text-indent:-9000em;
	overflow:hidden;
	background: #fff url(../img/sidebar-racing-fuels-bkg.jpg) no-repeat top left;
	width:292px;
	height:122px;
	margin-top:10px;
}
.follow-us  {
	text-indent:-9000em;
	overflow:hidden;
	background: #fff url(../img/sidebar-follow-us-bkg.jpg) no-repeat top left;
	width:268px;
	height:105px;
	margin-top:10px;
	padding-left: 24px;
	padding-top:17px;
}
.follow-us a {
	display:block;
	text-indent:-9000em;
	overflow:hidden;
	background-color: transparent;
	background-repeat:no-repeat;
	width:46px;
	height:57px;
	background-image:url(../img/sidebar-follow-us-logos.png);
	float:left;
}
.follow-us a + a {
	margin-left:18px;
}
.follow-us a.twitter {
	background-position:0 0;
}
.follow-us a.facebook {
	background-position: -64px 0;
}
.follow-us a.linkedin {
	background-position:-128px 0;
}
.follow-us a.blogger {
	background-position:-192px 0;
}

.propane-products {
	text-indent:-9000em;
	overflow:hidden;
	background: #fff url(../img/sidebar-propane-products-bkg.jpg) no-repeat top left;
	width:292px;
	height:244px;
}

.join-newsletter {
	text-indent:-9000em;
	overflow:hidden;
	background: #fff url(../img/sidebar-join-newsletter-bkg.jpg) no-repeat top left;
	width:292px;
	height:122px;
	margin-top:20px;
}

.lubricant-suppliers {
	text-indent:-9000em;
	overflow:hidden;
	background: #fff url(../img/lubricant-suppliers-bkg.jpg) no-repeat top left;
	width:292px;
	height:242px;
	margin-top: 18px;
}

/* Homepage Articles */
body.home #content .centercolumn {
	background: #fff url(../img/homepage-article-loop.png) repeat-y top left;
	padding: 0 0 20px 0;
	margin:20px 0 0 0;
	width: 386px;
}
body.home #content .centercolumn dt, body.home #content .centercolumn dd {
	padding:0 10px;
}
body.home #content .centercolumn dt {
	padding-top:18px;
	padding-bottom:18px;
	background: transparent url(../img/homepage-article-caps.png) no-repeat 0 -26px;
	color:#818386;
	font-size:16px;
	font-weight:bold;
}
body.home #content .centercolumn dd+dt {
	background-position: 0 20px;
	padding-top:60px;
}

body.home #content .centercolumn.onearticle {
	padding-bottom:0;
}
body.home #content .centercolumn.onearticle dd {
	padding-bottom:34px;
	background: transparent url(../img/homepage-article-caps.png) no-repeat 0 110%;
}


body.home #content .clear {
	height: 9px;
/*	background: transparent url(../img/homepage-article-caps.png) no-repeat center top;*/
	margin-bottom:20px;
}

body.home #content .centercolumn.onearticle ~ .clear {
	background: none;
	margin-bottom: 0;
}

/* Homepage Slideshow */
#header .slideshow {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-522px;
	width: 1044px;
	height:267px;
	z-index:1;
}
#header .slideshow li {
	position:absolute;
	bottom:0;
	left:0;
}

/* Submenus */
.submenu {
	position: absolute;
	background:transparent url(../img/header-bkg.jpg) no-repeat 0 0;
	top:124px;
	padding: 5px 0;
}
.submenu, .submenu li, .submenu a {
	display: block;
	z-index:10;
}
.submenu a {
	text-indent: -9000em;
	overflow:hidden;
}
.submenu a, .submenu li {
	height: 30px;
}

	/* Fuels */
	.fuel-submenu {
		left:50%;
		margin-left:-155px;
		background-position: -450px -124px;
	}
	.fuel-submenu, .fuel-submenu li, .fuel-submenu a {
		width: 190px;
	}
	.fuel-submenu a {
		background-image:url(../img/menu-fuels.png);
	}
	
	/* Lubricants */
	.lube-submenu {
		left:50%;
		margin-left:-82px;
		background-position: -523px -124px;
	}
	.lube-submenu, .lube-submenu li, .lube-submenu a {
		width: 223px;
	}
	.lube-submenu a {
		background-image:url(../img/menu-lubricants.png);
	}
	
	/* Who We Are */
	.who-submenu {
		left:50%;
		margin-left:125px;
		background-position: -728px -124px;
	}
	.who-submenu, .who-submenu li, .who-submenu a {
		width: 248px;
	}
	.who-submenu a {
		background-image:url(../img/menu-who.png);
	}
	
	/* Contact Us */
	.contact-submenu {
		left:50%;
		margin-left:356px;
		background-position: -961px -124px;
	}
	.contact-submenu, .contact-submenu li, .contact-submenu a {
		width: 167px;
	}
	.contact-submenu a {
		background-image:url(../img/menu-contact.png);
	}
	
	/* IE6-only rules... use text menus */
	body.ie7_body .submenu {
		background-image: none !important;
		background-color:#000033;
	}
	body.ie7_body .submenu a, body.ie7_body .submenu a:visited {
		background-image: none !important;
		text-indent:0;
		padding:5px;
		text-decoration:none;
		color:#FFFFFF;
	}
	body.ie7_body .submenu a:hover {
		text-decoration:underline;
	}
	body.ie7_body .submenu a, body.ie7_body .submenu li {
		height: auto;
	}
	
.submenu .option1 a {background-position: 0 -5px;}
.submenu .option2 a {background-position: 0 -35px;}
.submenu .option3 a {background-position: 0 -65px;}
.submenu .option4 a {background-position: 0 -95px;}
.submenu .option5 a {background-position: 0 -125px;}
.submenu .option6 a {background-position: 0 -155px;}
.submenu .option7 a {background-position: 0 -185px;}
.submenu .option8 a {background-position: 0 -215px;}

.submenu .option1 a:hover {background-position: 100% -5px;}
.submenu .option2 a:hover {background-position: 100% -35px;}
.submenu .option3 a:hover {background-position: 100% -65px;}
.submenu .option4 a:hover {background-position: 100% -95px;}
.submenu .option5 a:hover {background-position: 100% -125px;}
.submenu .option6 a:hover {background-position: 100% -155px;}
.submenu .option7 a:hover {background-position: 100% -185px;}
.submenu .option8 a:hover {background-position: 100% -215px;}


/* Locations */
dl.locations * {
	font-style: normal;
	font-weight: normal;
	display: block;
}
dl.locations dt {
	font-weight: bold;
	clear: both;
}
dl.locations address, dl.locations b {
	float: left;
}
dl.locations b {
	width: 2.5em;
}
dl.locations address {
	padding-right: 20px;
	width: 14em;
}
dl.locations dd+dt {
	padding-top: 20px;
}


/* Core Values */
dl.core-values {
	font-size: 12px;
}
dl.core-values dt, dl.equip-pkg dt {
	font-weight: bold;
}
dl.core-values dd, dl.equip-pkg dd {
	padding-left: 2em;
}
dl.core-values dd+dt, dl.equip-pkg dt {
	padding-top: 20px;
}


/* Forms */

.baseForm, .baseForm label, .baseForm input, .baseForm button {
	display: block;
}

.baseForm {
	width: 300px;
}

.baseForm label, .baseForm input {
	width: 100%;
}

.baseForm label {
	padding-bottom: 20px;
	font-size: 12px;
}
.baseForm input {
	font-size: 16px;
	padding: 2px;
	border: 2px solid #e0f1f9;
	margin-top: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.baseForm button {
	font-size: 16px;
	padding: 5px;
	border: 2px solid #000;
	margin-top: 2px;
	font-size: 12px;
	background-color:#044b75;
	color:#FFFFFF;
}
.baseForm .checkbox{
	width: 600px;
	overflow: auto;
	margin-bottom: 15px;
}
.baseForm .formcheckbox{

}
.baseForm .checkbox2{
	width: 50px;
	float: left;
}
.baseForm .checkbox3{
	width: 550px;
	float: left;
}
.baseForm .errField {
	border-color:#FF0000;
}
.baseForm small {
	display:block;
	text-align:right;
	font-weight:bold;
	color:#FF0000;
}


/* service areas */
.locations-map {
	position:relative;
	float: left;
	padding-bottom: 30px;
}
.locations-map img {
	border: 0;
}
.locations-desc {
	float: right;
	width: 150px;
	position: relative;
}
.locations-map p {
	background-image: url(/img/locations-labels2.gif);
	display: block;
	text-indent: -9000em;
	position: absolute;
}
.locations-map p.seattle2 {
	background-position: 0px -14px;
	width: 182px;
	height: 14px;
	top: 48px;
	left: 163px;
}
.locations-map p.seattle1 {
	background-position: 0px 0px;
	width: 182px;
	height: 14px;
	top: 61px;
	left: 163px;
}

.locations-map p.anacortes {
	background-position: 0px -28px;
	width: 182px;
	height: 14px;
	top: 28px;
	left: 163px;
}
.locations-map p.spokane {
	background-position: 0px -42px;
	width: 182px;
	height: 14px;
	top: 79px;
	left: 291px;
}
.locations-map p.moseslake {
	background-position: 0px -56px;
	width: 182px;
	height: 14px;
	top: 92px;
	left: 245px;
}

.locations-map p.toppenish {
	background-position: 0px -70px;
	width: 182px;
	height: 14px;
	top: 114px;
	left: 205px;
}

.locations-map p.grandview {
	background-position: 0px -84px;
	width: 182px;
	height: 14px;
	top: 118px;
	left: 224px;
}
.locations-map p.yakima {
	background-position: 0px -98px;
	width: 182px;
	height: 14px;
	top: 94px;
	left: 204px;
}
.locations-map p.pasco {
	background-position: 0px -112px;
	width: 182px;
	height: 14px;
	top: 128px;
	left: 225px;
}
.locations-map p.walla {
	background-position: 0px -126px;
	width: 182px;
	height: 14px;
	top: 137px;
	left: 252px;
}
.locations-map p.portland {
	background-position: 0px -140px;
	width: 182px;
	height: 14px;
	top: 133px;
	left: 125px;
}


/* Jobs */
table.job-openings {
	width: 100%;
}

table.job-openings thead th {
	font-weight: bold;
}

table.job-openings th, table.job-openings td {
	font-size: 12px;
	padding: .25em .5em;
}

/* TinyMCE editing overrides */
#tinymce {
	background-color:#FFFFFF;
	background-image: none;
	font-size: 12px;
	min-width: 0;
	max-width:none;
	width:auto;
	padding:10px;
}


/* Management Team */
.management-team .centercolumn a {
	display: block;
}
.management-team .centercolumn li, .management-team .centercolumn ul {
	margin: 0 !important;
	padding:0 !important;
	list-style:none !important;
}
.management-team .centercolumn li {
	padding-top:20px !important;
}


.contact-main #content address {
	display: block;
	padding-top: 20px;
	white-space:pre;
	font-weight:bold;
	font-style:normal;
}

.contact-main #content dl {
	display: block;
	width:25em;
}
.contact-main #content dt, .contact-main #content dd {
	display: block;
	float: left;
	width: 11em;
}
.contact-main #content dt, .contact-main #content dl+* {
	clear: left;
}
.contact-main #content dl+* {
	padding-top: 20px;
}

/* Site Map */
.site-map .centercolumn ul, .site-map .centercolumn li {
	padding: 0 !important;
	margin: 0px 0px 0 10px !important;
	line-height: 2em;
}
.site-map .centercolumn > ul {
	float: left;
}
.site-map .centercolumn > ul + ul {
	padding-left: 60px !important;
}


/* Contact Us Social Networking Icons */
.contact-us .twitter strong,
.contact-us .facebook strong,
.contact-us .linkedin strong,
.contact-us .blogger strong {
	display:block;
	text-indent:-9000em;
	overflow:hidden;
	background-color: transparent;
	background-repeat:no-repeat;
	width:31px;
	height:30px;
	position: absolute;
	top: 15px;
	left: 0;
	background-position:0 0;
}
.contact-us .twitter ,
.contact-us .facebook,
.contact-us .linkedin,
.contact-us .blogger {
	display: block;
	position: relative;
	padding-left: 40px;
	line-height: 60px;
	padding-top: 0px !important;
	margin-top: 0px !important;
	top: 10px;
}
.contact-us .twitter strong {
	background-image:url(../img/icon-tw.jpg);
}
.contact-us .facebook strong {
	background-image:url(../img/icon-fb.jpg);
}
.contact-us .linkedin strong {
	background-image:url(../img/icon-li.jpg);
}
.contact-us .blogger strong {
	background-image:url(../img/icon-bl.jpg);
}

/* Community Participation */
.comm-participation #content dl, .comm-participation #content dt,
.comm-participation #content dd, .comm-participation #content small {
	display: block;
}
.comm-participation #content dt {
	font-weight: bold;
}
.comm-participation #content small {
	font-weight: normal;
	padding-bottom: 10px;
}

.comm-participation #content dd+dt {
	padding-top: 40px;
}



body.home #content .leftcolumn .home-fuel{
	margin: 0;
	margin-left: -2px;
	padding: 0;
	height: 63px;
	width: 297px;
	background-image: url(../img/home-fuel1.jpg);
	display: block;
	text-indent: -9000px;
}
body.home #content .leftcolumn .home-fuel:hover{
	background-image: url(../img/home-fuel2.jpg);	
}

body.home #content .leftcolumn .home-lubricants{
	margin: 0;
	margin-left: -2px;
	padding: 0;
	height: 63px;
	width: 297px;
	background-image: url(../img/home-lubricants1.jpg);
	display: block;
	text-indent: -9000px;
}
body.home #content .leftcolumn .home-lubricants:hover{
	background-image: url(../img/home-lubricants2.jpg);	
}

body.home #content .leftcolumn .home-propane{
	margin: 0;
	margin-left: -2px;
	padding: 0;
	height: 63px;
	width: 297px;
	background-image: url(../img/home-propane1.jpg);
	display: block;
	text-indent: -9000px;
}
body.home #content .leftcolumn .home-propane:hover{
	background-image: url(../img/home-propane2.jpg);	
}

body.home #content .leftcolumn .home-racingfuel{
	margin: 0;
	margin-left: -2px;
	padding: 0;
	height: 63px;
	width: 297px;
	background-image: url(../img/home-racingfuel1.jpg);
	display: block;
	text-indent: -9000px;
}
body.home #content .leftcolumn .home-racingfuel:hover{
	background-image: url(../img/home-racingfuel2.jpg);	
}

.home-newsletter{
	background-image: url(../img/home-newsletter.jpg);	
	height: 164px;
	width: 302px;
	display: block;
	text-indent: -9000px;
	margin-left: -5px;
	margin-top: -6px;
}

.home-introducing{
	height: 272px;
	width: 386px;
	display: block;
	text-indent: -9000px;
	background-image: url(../img/home-introducing1.jpg);
}
.home-introducing:hover{
	background-image: url(../img/home-introducing2.jpg);
}
.centercolumn-new{
	float:left;
	padding-top: 20px;
	margin-right: 20px;
	font-size:12px;
	width: 386px;
	margin: 0; 
}
.yellowbg{
	background-image: url(../img/yellow-background.jpg);
	background-repeat: repeat-y;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.yellowbg p{
	font-size: 11px;
	line-height: 18px;	
}
.latestnews{
	margin-top: 13px;	
}
.home-newsheader{
	color: #173A66;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}
.home-newstitle{
	color: #000000;
	font-size: 15px;
	line-height: 24px;	
	font-weight: bold;
}
a.presslink{
	color: #000000;
	text-decoration: none;
	text-align: right;
	display: block;
	font-size: 11px;
	margin-top: 5px;
}
a.presslink:hover{
	color: #ffffff;
}
.newsletterheader{
	font-size: 24px;
	font-style: italic;
	color: #1F497D;
	font-weight: bold;
	text-align: center;
}
.newslettersubheader{
	font-size: 16px;
	font-style: normal;
}
.thankyou-header{
	font-weight: bold;
	font-size: 16px;
}
.thankyou{
}
