/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; display: block; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td,th { vertical-align: top; }
img { display: block }

* { -webkit-text-size-adjust: none; }

.dev_notes, .dev_notes p { color: magenta; margin: 0; display: none; }
pre { overflow: auto; background: #f5f5f5; color: #333; margin: 0 0 18px 0; }

/*
Webfonts from fonts.com
font-family:'AvantGardeGothicITCW01B 731069';
font-family:'AvantGardeGothicITCW01D 731075';
font-family:'AvantGardeGothicITCW01M 731087';
*/

/* layout */
.row { width: 960px; margin: 0 auto; overflow: hidden; }
.row .row { margin: 0 -8px; width: auto; display: inline-block; }
.col { margin: 0 8px; overflow: hidden; float: left; display: inline; }
.g12_1 {width:64px;}
.g12_2 {width:144px;}
.g12_3 {width:224px;}
.g12_4 {width:304px;}
.g12_5 {width:384px;}
.g12_6 {width:464px;}
.g12_7 {width:544px;}
.g12_8 {width:624px;}
.g12_9 {width:704px;}
.g12_10 {width:784px;}
.g12_11 {width:864px;}
.g12_12 {width:944px;}
.g10_1 {width:80px;}
.g10_2 {width:176px;}
.g10_3 {width:272px;}
.g10_4 {width:368px;}
.g10_5 {width:464px;}
.g10_6 {width:560px;}
.g10_7 {width:656px;}
.g10_8 {width:752px;}
.g10_9 {width:848px;}
.g10_10 {width:944px;}

/* font colors */

.theme_fleet { color: #4897f2; }
.theme_fleet a:link { color: #4897f2; }
.theme_fleet a:visited { color: #4897f2; }
.theme_fleet a:hover { color: #4897f2; }
.theme_fleet a:active { color: #4897f2; }
.theme_fleet mark { display: inline; color: #4897f2; background: none; }

.theme_owners { color: #ffc600; }
.theme_owners a:link { color: #ffc600; }
.theme_owners a:visited { color: #ffc600; }
.theme_owners a:hover { color: #ffc600; }
.theme_owners a:active { color: #ffc600; }
.theme_owners mark { display: inline; color: #ffc600; background: none; }

.theme_consumer { color: #45a400; }
.theme_consumer a:link { color: #45a400; }
.theme_consumer a:visited { color: #45a400; }
.theme_consumer a:hover { color: #45a400; }
.theme_consumer a:active { color: #45a400; }
.theme_consumer mark { display: inline; color: #45a400; background: none; }

.theme_propel { color: #666; }
.theme_propel a:link { color: #666; }
.theme_propel a:visited { color: #666; }
.theme_propel a:hover { color: #000; }
.theme_propel a:active { color: #666; }
.theme_propel mark { display: inline; color: #666; background: none; }

/* defaults */
body { }
div, input { font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; }
a:link { text-decoration: none; }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }
h1,h2,h3,h4,h5,h6,p,li,input { }
h1 { font: 28px/30px "AvantGardeGothicITCW01M 731087", "AvantGarde-Medium", sans-serif; margin: 0 0 4px 0; color: inherit; }
h1 a:link { color: inherit; }
h1 a:visited { color: inherit; }
h1 a:hover { color: inherit; text-decoration: underline; }
h1 a:active { color: inherit; }
h2 { font: 18px/22px "AvantGardeGothicITCW01M 731087", "AvantGarde-Medium", sans-serif; border-top: solid 1px #ccc; margin: 0 0 12px 0; padding: 12px 0 0 0; color: inherit; }
h2 a:link { color: inherit; }
h2 a:visited { color: inherit; }
h2 a:hover { color: inherit; text-decoration: underline; }
h2 a:active { color: inherit; }
h3 { font: 18px/22px "AvantGardeGothicITCW01M 731087", "AvantGarde-Medium", sans-serif; margin: 0 0 8px 0; color: inherit; }
h3 a:link { color: inherit; }
h3 a:visited { color: inherit; }
h3 a:hover { color: inherit; text-decoration: underline; }
h3 a:active { color: inherit; }
h4 { font: 14px/18px "AvantGardeGothicITCW01D 731075", "AvantGarde-Demi", sans-serif; margin: 8px 0 12px 0; color: inherit;}
h4 a:link { color: inherit; text-decoration: underline; }
h4 a:visited { color: inherit; }
h4 a:hover { color: inherit; }
h4 a:active { color: inherit; }
h5 { font: bold 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; color: inherit;  }
h5 a:link { color: inherit; text-decoration: underline; }
h5 a:visited { color: inherit; }
h5 a:hover { color: inherit; }
h5 a:active { color: inherit; }
h6 { font: bold 11px/14px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; color: #777;  }
h6 a:link { color: #777; text-decoration: underline; }
h6 a:visited { color: #777; }
h6 a:hover { color: #777; }
h6 a:active { color: #777; }
p { margin: 0 0 9px 0; color: #777;}
p a:link { color: inherit; text-decoration: underline; }
p a:visited { }
p a:hover { color: inherit; }
p a:active { }
strong { font-weight: bold; }
em { font-style: italic; }
em strong, strong em { font-style: italic; font-weight: bold; }
ul { list-style-type: disc; margin: 0 0 18px 2em; color: #777; }
ol { list-style-type: decimal; margin: 0 0 18px 2em; color: #777; }
ul ol, ol ul, ul ul, ol ol { margin: 0 0 0 2em;  }
li a:link { color: #666; text-decoration: underline; }
li a:visited { }
li a:hover { color: #000; text-decoration: underline; }
li a:active { }
blockquote { padding: 8px 16px; background: #f5f5f5; margin: 0 0 18px 0; }
table { border-collapse: collapse; margin: 0 0 18px 0; padding: 0}
table tr {}
table tr th { text-align:left; vertical-align: top; border: 1px solid #ccc; background:#f2f2f2; padding: 4px 8px; color: #777; font-weight: bold; }
table tr td { vertical-align: top; border: 1px solid #ccc; background:#fff; padding: 4px 8px; color: #777; }
table h1 { margin: 0 0 0 8px; }
table h2 { margin: 0 0 0 8px; }
table h3 { margin: 0 0 0 8px; }
table h4 { margin: 0 0 0 8px; }
table h5 { margin: 0 0 0 8px; }
table h6 { margin: 0 0 0 8px; }
table p { margin: 0 0 0 8px; }
table ul { margin: 0 0 0 8px; }
table ol { margin: 0 0 0 8px; }
table.layout { border-collapse: collapse; margin: 0; padding: 0; }
table.layout tr {}
table.layout tr th { border: 0; background: none; }
table.layout tr td { border: 0; background: none; }

/* named */
input.text { color: #ccc; }
input.text { height: 17px; vertical-align: middle; }
input.image { height: 24px; vertical-align: middle; }

/* content */
.content img { margin: 0; border: solid 1px #ddd; }
.content img.noborder { border: none; }

/* buttons */
a.button { font: 10px/18px "AvantGardeGothicITCW01B 731069", "AvantGarde-Book", sans-serif; color: #fff; display: inline-block; padding: 1px 12px 1px 12px; margin: 1px 0; vertical-align: middle; letter-spacing: 1px; color: white; background: #999 url(http://propelfuels.com/assets/ui/ui_bg_button.png); text-transform: uppercase; border: solid 2px #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;}
a.button:link { color: #fff; text-decoration: none; }
a.button:visited { color: #fff; }
a.button:hover { color: #fff; text-decoration: none; background: #999 url(http://propelfuels.com/assets/ui/ui_bg_button_over.png); }
a.button:active { color: #fff; }
.theme_fleet a.button { background: #53adef url(http://propelfuels.com/assets/ui/ui_bg_button_blue.png); }
.theme_fleet a.button:hover { background: #4c9ed9 url(http://propelfuels.com/assets/ui/ui_bg_button_blue_over.png); }
.theme_owners a.button { background: #f5ba43 url(http://propelfuels.com/assets/ui/ui_bg_button_yellow.png); }
.theme_owners a.button:hover { background: #f5ba43 url(http://propelfuels.com/assets/ui/ui_bg_button_yellow_over.png); }
.theme_consumer a.button { background: #61a81a url(http://propelfuels.com/assets/ui/ui_bg_button_green.png); }
.theme_consumer a.button:hover { background: #518b16 url(http://propelfuels.com/assets/ui/ui_bg_button_green_over.png); }

/* lists */
ul.h { margin: 0; padding: 0; }
ul.h li { display:inline; margin-right: 6px; text-indent:0; }
ul.h li + li { border-left: 1px solid #999; }
ul.h li + li a { margin-left: 8px; }
ul.h_compact { margin: 0; padding: 0; }
ul.h_compact li { display:inline; margin-right: 4px; text-indent:0; }
ul.h_compact_right { margin: 0; padding: 0; }
ul.h_compact_right li { display:inline; margin-left: 12px; text-indent:0; }
ul.h_grid { margin: 0; padding: 0; list-style-type:none; overflow: auto; }
ul.h_grid li { float: left; margin: 0; padding: 0 8px 8px 0; }
ul.no { margin: 0; padding: 0; list-style-type:none; }

/* list grids */
ul.grid { list-style-type: none; margin: 0 -8px; padding: 0; width: auto; display: inline-block; overflow: hidden; }
ul.grid > li { margin: 0 8px; overflow: hidden; float: left; display: inline; }
ul.grid_1 { overflow: hidden; margin: 0 -8px; width: auto; display: inline-block; }
ul.grid_1 > li { margin: 0 8px; overflow: hidden; float: left; display: inline; width:944px; }
ul.grid_2 { overflow: hidden; margin: 0 -8px; width: auto; display: inline-block; }
ul.grid_2 > li { margin: 0 8px; overflow: hidden; float: left; display: inline; width:464px; }
ul.grid_3 { overflow: hidden; margin: 0 -8px; width: auto; display: inline-block; }
ul.grid_3 > li { margin: 0 8px; overflow: hidden; float: left; display: inline; width:304px; }
ul.grid_4 { overflow: hidden; margin: 0 -8px; width: auto; display: inline-block; }
ul.grid_4 > li { margin: 0 8px; overflow: hidden; float: left; display: inline; width:224px; }
ul.grid_5 { overflow: hidden; margin: 0 -8px; width: auto; display: inline-block; }
ul.grid_5 > li { margin: 0 8px; overflow: hidden; float: left; display: inline; width:176px; }
ul.grid_6 { overflow: hidden; margin: 0 -8px; width: auto; display: inline-block; }
ul.grid_6 > li { margin: 0 8px; overflow: hidden; float: left; display: inline; width:144px; }
ul.grid_7 { overflow: hidden; margin: 0 -8px; width: auto; display: inline-block; }
ul.grid_7 > li { margin: 0 8px; overflow: hidden; float: left; display: inline; width:121px; }

/* ul links*/
ul.links {  }
ul.links { list-style-type: none; margin: 0 0 18px 0; padding: 0 0 0 0; }
ul.links li a { font-weight: bold; color: #45a400; text-decoration: underline;}
ul.links li.pdf { background: url(http://propelfuels.com/assets/ui/icn_pdf.gif) no-repeat 0 3px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.doc { background: url(http://propelfuels.com/assets/ui/icn_doc.gif) no-repeat 0 3px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.check { background: url(http://propelfuels.com/assets/ui/icn_check.gif) no-repeat 0 3px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.arrow { background: url(http://propelfuels.com/assets/ui/icn_linkarrow.gif) no-repeat 0 2px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.back { background: url(http://propelfuels.com/assets/ui/icn_backarrow.gif) no-repeat 0 2px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.more:after {content:"\00A0\226b"}
ul.links li.www { background: url(http://propelfuels.com/assets/ui/icn_linkout.gif) no-repeat 0 3px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.date { background: url(http://propelfuels.com/assets/ui/icn_date.gif) no-repeat 0 3px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.none { padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.arrowwhite { background: url(http://propelfuels.com/assets/ui/icn_linkarrowwhite.gif) no-repeat 0 3px; padding: 0 0 0 18px; margin: 0 0 .25em 0 }
ul.links li.arrowwhite a { color: #ffffff; font-weight: bold; text-decoration: none; }
ul.links li.arrowwhite a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }

div.layout { overflow: auto; }
div.layout > div { float: left; }

/**
 * sections 
 */

.s_nav { border-top: 2px solid #59961e; padding: 8px 0 0 0;}
.s_subnav { background: #ccc; }
.theme_fleet .s_subnav { background: #99c4f7; }
.theme_owners .s_subnav { background: #fed545; } /* #ffd43a #f4e988 #f7e79b #f4e988 */
.theme_consumer .s_subnav { background: #96d654; }
.theme_propel .s_subnav { background: #ccc; }
.s_accordion { margin: 0 0 16px 0; background: #eee; }
.s_intro { margin: 0 0 16px 0; padding: 16px 0; background: #eee; }
.s_intro p > img { margin: 0 0 -18px 0; }
.s_body { padding: 0; background: #fff; }
.s_social { padding: 0; background: #fff; }
.s_footer { margin: 0; padding: 16px 0 32px 0; background: #f5f5f5; }

/* nav */
.nav_logo { float: left; }
.nav_logo p { margin: 0;}
.nav_logo p a#logo { display: block; height:0 ; width: 125px; padding: 55px 0 0 0; line-height: 55px; background: url(http://propelfuels.com/assets/ui/logo_propel.png) no-repeat; overflow:hidden; }
.nav_logo p a#logo:hover { background: url(http://propelfuels.com/assets/ui/logo_propel.png) no-repeat 0 -55px;}
.nav_logo p a#logo:active { background: url(http://propelfuels.com/assets/ui/logo_propel.png) no-repeat 0 0;}
.nav_logo p a#logo.here { background: url(http://propelfuels.com/assets/ui/logo_propel.png) no-repeat 0 0;}

.nav_top { float: right; font-size: 11px;}
.nav_top ul { margin: 0; padding: 0; }
.nav_top ul li { display:inline; margin-left: 12px; text-indent:0; }
.nav_top ul li a { text-decoration: none; }
.nav_top ul li a:hover { text-decoration: underline; }
.nav_top ul li.here a { font-weight: bold; color: #232323; }
.nav_top ul li#nav_main_cleandrive_log_in a { font: 10px/17px "AvantGardeGothicITCW01B 731069", "AvantGarde-Book", sans-serif; color: #fff; display: inline-block; padding: 1px 12px 1px 12px; margin: 1px 0; vertical-align: middle; letter-spacing: 1px; color: white; background: #61a81a url(http://propelfuels.com/assets/ui/ui_bg_button.png); text-transform: uppercase; border: solid 2px #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px;-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;}
.nav_top ul li#nav_main_cleandrive_log_in a:link { color: #fff; text-decoration: none; }
.nav_top ul li#nav_main_cleandrive_log_in a:visited { color: #fff; }
.nav_top ul li#nav_main_cleandrive_log_in a:hover { color: #fff; text-decoration: none; background: #518b16 url(http://propelfuels.com/assets/ui/ui_bg_button_over.png); }
.nav_top ul li#nav_main_cleandrive_log_in a:active { color: #fff; }

.nav_main ul { margin: 20px 0 0 0; padding: 0; height: 47px; background: url(http://propelfuels.com//assets/ui/ui_nav_main.png) no-repeat;}
.nav_main ul li { display: inline; }
.nav_main ul li a { float: left; width: 100px; height: 0; padding-top: 47px; overflow: hidden; background-image: url(http://propelfuels.com//assets/ui/ui_nav_main.png); }
.nav_main ul li#nav_main_locations a { width: 116px; background-position: 0 0; }
.nav_main ul li#nav_main_vehicles a { width: 188px; background-position: -116px 0; }
.nav_main ul li#nav_main_our_fuels a { width: 160px; background-position: -304px 0; }
.nav_main ul li#nav_main_cleandrive a { width: 154px; background-position: -464px 0; }
.nav_main ul li#nav_main_fleet_and_commercial a { width: 161px; background-position: -618px 0; }
.nav_main ul li#nav_main_owners_operators a { width: 165px; background-position: -779px 0; }
.nav_main ul li#nav_main_locations a:hover { width: 116px; background-position: 0 -47px; }
.nav_main ul li#nav_main_vehicles a:hover { width: 188px; background-position: -116px -47px; }
.nav_main ul li#nav_main_our_fuels a:hover { width: 160px; background-position: -304px -47px; }
.nav_main ul li#nav_main_cleandrive a:hover { width: 154px; background-position: -464px -47px; }
.nav_main ul li#nav_main_fleet_and_commercial a:hover { width: 161px; background-position: -618px -47px; }
.nav_main ul li#nav_main_owners_operators a:hover { width: 165px; background-position: -779px -47px; }
.nav_main ul li#nav_main_locations a:active { width: 116px; background-position: 0 -47px; }
.nav_main ul li#nav_main_vehicles a:active { width: 188px; background-position: -116px -47px; }
.nav_main ul li#nav_main_our_fuels a:active { width: 160px; background-position: -304px -47px; }
.nav_main ul li#nav_main_cleandrive a:active { width: 154px; background-position: -464px -47px; }
.nav_main ul li#nav_main_fleet_and_commercial a:active { width: 161px; background-position: -618px -47px; }
.nav_main ul li#nav_main_owners_operators a:active { width: 165px; background-position: -779px -47px; }
.nav_main ul li#nav_main_locations.here a { width: 116px; background-position: 0 -94px; }
.nav_main ul li#nav_main_vehicles.here a { width: 188px; background-position: -116px -94px; }
.nav_main ul li#nav_main_our_fuels.here a { width: 160px; background-position: -304px -94px; }
.nav_main ul li#nav_main_cleandrive.here a { width: 154px; background-position: -464px -94px; }
.nav_main ul li#nav_main_fleet_and_commercial.here a { width: 161px; background-position: -618px -94px; }
.nav_main ul li#nav_main_owners_operators.here a { width: 165px; background-position: -779px -94px; }
.nav_main ul li#nav_main_locations.parent_here a { width: 116px; background-position: 0 -94px; }
.nav_main ul li#nav_main_vehicles.parent_here a { width: 188px; background-position: -116px -94px; }
.nav_main ul li#nav_main_our_fuels.parent_here a { width: 160px; background-position: -304px -94px; }
.nav_main ul li#nav_main_cleandrive.parent_here a { width: 154px; background-position: -464px -94px; }
.nav_main ul li#nav_main_fleet_and_commercial.parent_here a { width: 161px; background-position: -618px -94px; }
.nav_main ul li#nav_main_owners_operators.parent_here a { width: 165px; background-position: -779px -94px; }

.nav_sub ul { margin: 0; padding: 8px 0; }
.nav_sub ul li { display:inline; margin-left: 12px; margin-right: 12px; text-indent:0; }
.nav_sub ul li a { font: 13px/18px 'AvantGardeGothicITCW01M 731087', 'AvantGarde-Medium', sans-serif; margin: 0; color: #fff; text-decoration: none; }
.nav_sub ul li a:link { color: #fff; }
.nav_sub ul li a:visited { color: #fff; }
.nav_sub ul li a:hover { color: #fff; text-decoration: underline; }
.nav_sub ul li a:active { color: #fff; }
.nav_sub ul li.here a { font: 13px/18px 'AvantGardeGothicITCW01D 731075', 'AvantGarde-Demi', sans-serif; margin: 0; color: #333;  }
.nav_sub ul li.parent_here a { font: 13px/18px 'AvantGardeGothicITCW01D 731075', 'AvantGarde-Demi', sans-serif; margin: 0; color: #333;  }

.nav_parent { }

.footer_nav ul { font-size: 11px; list-style-type: none; margin: 0; }
.footer_nav ul li a { text-decoration: none; }
.footer_nav ul li a:hover { text-decoration: underline; }
.footer_nav_logo { float: left; }
.footer_nav_logo p { margin: 0;}
.footer_nav_logo p a#logo { display: block; height:0 ; width: 125px; padding: 50px 0 0 0; line-height: 50px; background: url(http://propelfuels.com/assets/ui/logo_propel_small.png) no-repeat; overflow:hidden; }
.footer_nav_logo p a#logo:hover { background: url(http://propelfuels.com/assets/ui/logo_propel_small.png) no-repeat 0 0;}
.footer_nav_logo p a#logo:active { background: url(http://propelfuels.com/assets/ui/logo_propel_small.png) no-repeat 0 0;}
.footer_nav_logo p a#logo.here { background: url(http://propelfuels.com/assets/ui/logo_propel_small.png) no-repeat 0 0;}

/* overrides */
.strong { font-weight: bold; }
.em { font-style: italic; }
.x { display: none; }
._ a { text-decoration: underline; }
.i { display: inline; }
.b { display: block; }
.pad { margin-bottom: 16px; }
.t { margin-bottom: 0; }
.border { border: solid 1px #ddd; }
.noborder { border: none; }
.small { font-size: 11px; line-height: 14px; }