/* ===== VARS ===== */
/* ===== BP BASICS / Grid System ===== */
/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231; 
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
::-moz-selection {
  background: #0066b3;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #0066b3;
  color: #fff;
  text-shadow: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
table button,
table input {
  *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
/*
  Variable Grid System.
  Learn more ~ http://www.spry-soft.com/grids/
  Based on 960 Grid System - http://960.gs/

  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {
  min-width: 975px;
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container-12 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 7px;
  padding-right: 8px;
  width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-X {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
}
.push-1,
.pull-1,
.push-2,
.pull-2,
.push-3,
.pull-3,
.push-4,
.pull-4,
.push-5,
.pull-5,
.push-6,
.pull-6,
.push-7,
.pull-7,
.push-8,
.pull-8,
.push-9,
.pull-9,
.push-10,
.pull-10,
.push-11,
.pull-11,
.push-12,
.pull-12 {
  position: relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid-1 {
  width: 65px;
}
.grid-2 {
  width: 145px;
}
.grid-3 {
  width: 225px;
}
.grid-4 {
  width: 305px;
}
.grid-5 {
  width: 385px;
}
.grid-6 {
  width: 465px;
}
.grid-7 {
  width: 545px;
}
.grid-8 {
  width: 625px;
}
.grid-9 {
  width: 705px;
}
.grid-10 {
  width: 785px;
}
.grid-11 {
  width: 865px;
}
.grid-12 {
  width: 945px;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.prefix-1 {
  padding-left: 80px;
}
.prefix-2 {
  padding-left: 160px;
}
.prefix-3 {
  padding-left: 240px;
}
.prefix-4 {
  padding-left: 320px;
}
.prefix-5 {
  padding-left: 400px;
}
.prefix-6 {
  padding-left: 480px;
}
.prefix-7 {
  padding-left: 560px;
}
.prefix-8 {
  padding-left: 640px;
}
.prefix-9 {
  padding-left: 720px;
}
.prefix-10 {
  padding-left: 800px;
}
.prefix-11 {
  padding-left: 880px;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.suffix-1 {
  padding-right: 80px;
}
.suffix-2 {
  padding-right: 160px;
}
.suffix-3 {
  padding-right: 240px;
}
.suffix-4 {
  padding-right: 320px;
}
.suffix-5 {
  padding-right: 400px;
}
.suffix-6 {
  padding-right: 480px;
}
.suffix-7 {
  padding-right: 560px;
}
.suffix-8 {
  padding-right: 640px;
}
.suffix-9 {
  padding-right: 720px;
}
.suffix-10 {
  padding-right: 800px;
}
.suffix-11 {
  padding-right: 880px;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.push-1 {
  left: 80px;
}
.push-2 {
  left: 160px;
}
.push-3 {
  left: 240px;
}
.push-4 {
  left: 320px;
}
.push-5 {
  left: 400px;
}
.push-6 {
  left: 480px;
}
.push-7 {
  left: 560px;
}
.push-8 {
  left: 640px;
}
.push-9 {
  left: 720px;
}
.push-10 {
  left: 800px;
}
.push-11 {
  left: 880px;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.pull-1 {
  left: -80px;
}
.pull-2 {
  left: -160px;
}
.pull-3 {
  left: -240px;
}
.pull-4 {
  left: -320px;
}
.pull-5 {
  left: -400px;
}
.pull-6 {
  left: -480px;
}
.pull-7 {
  left: -560px;
}
.pull-8 {
  left: -640px;
}
.pull-9 {
  left: -720px;
}
.pull-10 {
  left: -800px;
}
.pull-11 {
  left: -880px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}
/* ===== Anchors here at the top, because they're important and finniky ===== */
a {
  color: #a80019;
  text-decoration: none;
}
a:visited {
  color: #a80019;
}
a:hover {
  color: #184f7f;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  outline: 0;
}
/* ===== Building Blocks ===== */
body,
html {
  font: 1em/1.35em "freight-sans-pro", helvetica, sans-serif;
  color: #333;
  font-weight: 300;
}
body {
  background: #141414;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 7px;
  padding-right: 8px;
  width: 960px;
  clear: both;
}
.container.bottom-half {
  background: #FFFFFF;
  border-top: #F4C653 10px solid;
  position: relative;
  z-index: 900;
  margin-top: -800px;
  -webkit-box-shadow: 0 1px 5px #000000;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 5px -1px rgba(0, 0, 0, 0.5);
}
.container.bottom-half .promo-header{
  margin-left:-7px;
}
.container.bottom-half #content-area {
  padding-top: 30px;
}
.container.footer-container {
  background: #e2e0db url(/assets/img/css-images/footer-shadow.jpg) 0 0 repeat-x;
  margin-bottom: 140px;
  -webkit-box-shadow: 0 2px 5px #000000;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 40px 10px -1px rgba(0, 0, 0, 0.5);
}
.top-border-1 .container.bottom-half {
  border-color: #f4c653;
}
.top-border-2 .container.bottom-half {
  border-color: #c2e5fe;
}
.top-border-3 .container.bottom-half {
  border-color: #6a413f;
}
.top-border-4 .container.bottom-half {
  border-color: #dbd7d4;
}
.top-border-5 .container.bottom-half {
  border-color: #597959;
}
.bordercolor1 .container.bottom-half {
  border-color: #2974a9;
}
.bordercolor2 .container.bottom-half {
  border-color: #39afde;
}
.bordercolor3 .container.bottom-half {
  border-color: #ef5243;
}
.bordercolor4 .container.bottom-half {
  border-color: #f79a49;
}
.bordercolor5 .container.bottom-half {
  border-color: #fdc65a;
}
.top-content {
  background: #e9e9e9 url(/assets/img/css-images/top-content-bottom-border.jpg) bottom center repeat-x;
  min-width: 975px;
  height: 562px;
}
.bottom-content {
  padding-top: 400px;
  background: #141414 url(/assets/img/css-images/bottom-content-radial-gradient.jpg) top center no-repeat;
  min-width: 975px;
}
.hero .bottom-content {
  padding-top: 0px;
}
.hero .bottom-content .container.bottom-half {
  border: none;
  margin-top: 0px;
  /* -webkit-box-shadow: 0 1px 5px rgba(0,0,0,1.5); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.5); box-shadow: 0 0px 5px -1px rgba(0,0,0,0.5); */

}
.hero .bottom-content .container.bottom-half #content-area {
  padding-top: 30px;
}
/* ===== The Elements ===== */
#utility-nav {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 945px;
}
#utility-nav menu {
  font-weight: 700;
  margin: 0;
  padding: 13px 0;
  float: right;
  margin-left: 0;
  margin-right: 0;
}
#utility-nav menu li {
  font-size: 11px;
  line-height: 11px;
  height: 11px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  border-right: #AFAFAF 1px solid;
  margin: 0;
  padding: 0px 7px 0px 8px;
}
#utility-nav menu li a {
  color: #000000;
  display: inline-block;
}
#utility-nav menu li a:hover {
  color: #000000;
}
#utility-nav menu li:last-child {
  padding-right: 0;
  border: none;
}
#utility-nav menu#account-utility {
  margin-left: 10px;
  padding: 0;
  margin-top: 7px;
}
#utility-nav menu#account-utility li {
  background: #FFF;
  padding: 6px 7px 6px 8px;
  border: none;
}
#utility-nav menu#account-utility li#util-account-link {
  background: #000;
}
#utility-nav menu#account-utility li#util-account-link a {
  color: #FFF;
}
#utility-nav menu#account-utility li#util-account-link a:hover {
  color: #e8562d;
}
#utility-nav menu#account-utility li#util-user a {
  color: #a80019;
}
#utility-nav menu#account-utility li#util-user p {
  margin: 0;
}
#utility-nav menu#account-utility li#util-user a:hover {
  color: #184f7f;
}
#utility-nav menu#account-utility li#util-user span.divider {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
  font-weight: normal;
}
header {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 945px;
  background: #e9e9e9;
}
header #branding {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 145px;
  width: 160px;
  height: 100px;
  overflow: visible;
  margin-right: 0;
  margin-left: 0;
}
header #branding a {
  margin: 0;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 145px;
  width: 215px;
  /* .ir; */
  height: 100px;
  /* background: url(/assets/img/css-images/top-logo.png) 100% 50% no-repeat; */
  margin-left: -42px;
  margin-right: 0;
  text-align: right;
}
header #branding a img {
  float: right;
}
header nav#main-nav {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 785px;
  margin-left: 0;
  margin-right: 0;
}
header nav#main-nav menu.main-nav-list {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-right: 0;
  float: right;
  border-right: #F1F1F1 1px solid;
  height: 74px;
  margin: 13px -15px 13px 0;
  padding: 0;
}
header nav#main-nav menu.main-nav-list li {
  display: inline;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  float: left;
  height: 74px;
  text-align: center;
  font-size: 15px;
  line-height: 17px;
  border-right: #CCCCCC 1px solid;
  border-left: #F1F1F1 1px solid;
  margin: 0 0;
}
header nav#main-nav menu.main-nav-list li a {
  display: block;
  height: 74px;
  font-weight: 700;
  padding: 15px 25px;
  color: #a80019;
  background: url(/assets/img/css-images/top-nav-down-arrow.png) 50% 55px no-repeat;
  text-shadow: 0 1px 0px #FFF;
  -webkit-transition: color 100ms ease-in-out;
  -moz-transition: color 100ms ease-in-out;
  -o-transition: color 100ms ease-in-out;
  -ms-transition: color 100ms ease-in-out;
  transition: color 100ms ease-in-out;
}
header nav#main-nav menu.main-nav-list li a:hover {
  color: #333;
  background-position: 50% 158px;
}
header nav#main-nav menu.main-nav-list li a.active,
header nav#main-nav menu.main-nav-list li a.parent-active {
  color: #333;
}
header nav#main-nav menu.main-nav-list li.active a,
header nav#main-nav menu.main-nav-list li.parent-active a {
  color: #333;
}
header nav#main-nav menu.main-nav-list li:first-child {
  border-left: none;
}
header nav#main-nav menu.main-nav-list li .dropdown {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  position: absolute;
  z-index: 100000;
  background: #FFF;
  top: 90px;
  left: -15px;
  border: #333 15px solid;
  text-align: left;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  display: none;
}
header nav#main-nav menu.main-nav-list li .dropdown span.curr-arrow {
  position: absolute;
  top: -29px;
  height: 21px;
  width: 61px;
  background: transparent url(/assets/img/css-images/dropdown-top-arrow.png) 50% 50% no-repeat;
}
header nav#main-nav menu.main-nav-list li .dropdown nav.subnav-list {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin: 0;
  width: 240px;
}
header nav#main-nav menu.main-nav-list li .dropdown nav.subnav-list menu {
  margin: 15px;
  padding: 0;
}
header nav#main-nav menu.main-nav-list li .dropdown nav.subnav-list menu li {
  display: block;
  position: relative;
  height: auto;
  border: none;
  float: none;
  text-align: left;
  border-top: #CCCCCC 1px solid;
}
header nav#main-nav menu.main-nav-list li .dropdown nav.subnav-list menu li a {
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 23px;
  padding: 8px 24px 7px 4px;
  background: transparent url(/assets/img/css-images/dropdown-nav-item-right-arrow.png) 98% 50% no-repeat;
  color: #a80019;
}
header nav#main-nav menu.main-nav-list li .dropdown nav.subnav-list menu li a:hover {
  background: transparent url(/assets/img/css-images/dropdown-nav-item-right-arrow.png) 100% 50% no-repeat;
  color: #184f7f;
}
header nav#main-nav menu.main-nav-list li .dropdown nav.subnav-list menu li:first-child {
  border: none;
}
header nav#main-nav menu.main-nav-list li .dropdown .product-highlight {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin: 15px;
  width: 194px;
  display: none;
}
header nav#main-nav menu.main-nav-list li .dropdown .product-highlight h3 {
  font-family: "freight-sans-pro", helvetica, sans-serif;
  color: #333;
  font-weight: 700;
  font-size: 15px;
  text-transform: none;
  margin: .75em 0 .25em;
}
header nav#main-nav menu.main-nav-list li .dropdown .product-highlight p {
  margin: .15em 0 .25em;
}
header nav#main-nav menu.main-nav-list li .dropdown .product-highlight p.cta {
  margin: .5em 0;
}
header nav#main-nav menu.main-nav-list li .dropdown .product-highlight p.cta a {
  display: inline;
  margin: 0;
  padding: 0;
}
a#tn-quality-fuels {
  width: 51px;
}
a#tn-food-bev {
  width: 86px;
}
a#tn-ways-to-save {
  width: 57px;
}
a#tn-contests {
  width: 91px;
}
a#tn-racing {
  width: 53px;
}
a#tn-auto-service {
  width: 51px;
}
a#tn-about-us {
  width: 43px;
}
#hero {
  display: inline;
  float: left;
  position: relative;
  width: 975px;
  height: auto;
  margin-top: 25px;
  margin-left: -7px;
  background: rgba(200, 100, 0, 0.1);
  -webkit-box-shadow: 0 5px 5px #414142;
  -moz-box-shadow: 0 5px 5px #414142;
  -o-box-shadow: 0 5px 5px #414142;
  box-shadow: 0 5px 5px #414142;
}
#hero #slider #slider-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  height: 4px;
  width: 975px;
  z-index: 200;
  left: 0;
  top: 0;
}
#hero #slider #slider-nav menu {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  height: 400px;
  width: 975px;
}
#hero #slider #slider-nav menu li {
  width: 42px;
  height: 48px;
  position: absolute;
  top: 174px;
}
#hero #slider #slider-nav menu li a {
  width: 42px;
  height: 48px;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
#hero #slider #slider-nav menu #slider-back-button {
  left: -6px;
}
#hero #slider #slider-nav menu #slider-back-button a {
  background: url(/assets/img/css-images/slider-button-back.png) center center no-repeat;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}
#hero #slider #slider-nav menu #slider-back-button a:hover {
  opacity: .7;
}
#hero #slider #slider-nav menu #slider-next-button {
  right: -6px;
}
#hero #slider #slider-nav menu #slider-next-button a {
  background: url(/assets/img/css-images/slider-button-next.png) center center no-repeat;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}
#hero #slider #slider-nav menu #slider-next-button a:hover {
  opacity: .7;
}
#hero #slider #slider-images-holder {
  z-index: 100;
  width: 975px;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#hero #slider #slider-images-holder #slider-images {
  height: 400px;
  position: absolute;
}
#hero #slider #slider-images-holder #slider-images img {
  position: absolute;
  z-index: 100;
}
#hero #slider #slider-images-holder #slider-images img:first-child {
  z-index: 101;
}
#hero #slider #slider-descriptions {
  z-index: 10000;
  display: inline;
  float: left;
  margin-left: 8px;
  margin-right: 7px;
  position: relative;
  left: 640px;
  margin-left: 0;
  margin-right: 0;
  margin-left: -15px;
  height: 400px;
  width: 320px;
  background: url(/assets/img/css-images/hero-description-shadow.png) left center no-repeat;
  display: none;
}
#hero #slider #slider-descriptions .slider-description {
  display: table-cell;
  height: 400px;
  vertical-align: middle;
  padding: 0 20px 0 30px;
}
#hero #slider #slider-descriptions .slider-description h2,
#hero #slider #slider-descriptions .slider-description p {
  margin: 0;
  padding: 0;
  color: #FFF;
}
#hero #slider #slider-descriptions .slider-description h2 {
  font-size: 22px;
  line-height: 20px;
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-weight: 700;
  margin-bottom: 2px;
}
#hero #slider #slider-descriptions .slider-description p {
  font-size: 17px;
  line-height: 21px;
}
#hero #slider #slider-descriptions .slider-description p a.lm {
  margin-top: 2em;
}
#hero #slideshow-pagination {
  height: 20px;
  position: absolute;
  width: 975px;
  z-index: 10000;
  bottom: -24px;
  text-align: center;
  padding-top: 4px;
  left: 0;
}
#hero #slideshow-pagination .sp-dot {
  display: inline-block;
  width: 4px;
  padding: 4px;
  height: 16px;
  background: url(/assets/img/css-images/pagination-dot.png) center center no-repeat;
  cursor: pointer;
}
#hero #slideshow-pagination .sp-dot.current,
#hero #slideshow-pagination .sp-dot:hover {
  background: url(/assets/img/css-images/pagination-dot-current.png) center center no-repeat;
}
#ways-to-save #hero #slider-descriptions .slider-description a.lm {
  color: #2e693b;
}
#sunoco-racing #hero #slider-descriptions .slider-description a.lm {
  color: #175a9a;
}
#content-area {
  padding-bottom: 60px;
}
#content-area #left-sidebar {
  display: none;
}
#content-area #right-sidebar {
  display: none;
}
#content-area #main-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 945px;
}
#content-area.two-col {
  background: transparent url(/assets/img/css-images/sidebar-background.jpg) -2px 0 repeat-y;
}
#content-area.two-col #left-sidebar {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
}
#content-area.two-col #right-sidebar {
  display: none;
}
#content-area.two-col #main-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  margin-right: 0;
}
#content-area.three-col #left-sidebar {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
}
#content-area.three-col #right-sidebar {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 145px;
}
#content-area.three-col #main-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 545px;
}
footer {
  margin: 0;
  padding: 0 0 40px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
}
footer .corporate-links {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 240px;
  margin-left: -7px;
  background: transparent url(/assets/img/css-images/footer-corporate-highlight-bg.png) 0 15px no-repeat;
  padding-top: 90px;
}
footer .corporate-links h3 {
    margin: 0 0 8px 23px;
}
footer .corporate-links ul {
  padding: 0;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin: 0 0 15px 15px;
}
footer .corporate-links ul li {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  padding-bottom: 7px;
  width: 100px;
  margin-right: 0;
  font-size: 12px;
  line-height: 13px;
}
footer .corporate-links ul li a {
  font-weight: bold;
}
footer .corporate-links h5.copyright {
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  font-style: italic;
  color: #BBB9B6;
  text-shadow: 0 1px 0px #FFF;
  text-align: center;
}
footer .corporate-links h5.copyright span {
  font-size: 11px;
}
footer .signups,
footer .social-links {
  margin-top: 27px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  min-height: 200px;
}
footer .signups h3,
footer .social-links h3 {
  font-size: 22px;
  line-height: 23px;
  margin: 8px 0;
}
footer .social-links .sl {
  padding: 0 0 2px 39px;
  background-position: 0 0;
  background-repeat: no-repeat;
  min-height: 60px;
}
footer .social-links .sl.sl-facebook {
  background-image: url(/assets/img/css-images/social-link-fb.png);
}
footer .social-links .sl.sl-twitter {
  background-image: url(/assets/img/css-images/social-link-twitter.png);
}
footer .social-links .sl.sl-foursquare {
  background-image: url(/assets/img/css-images/social-link-foursquare.png);
}
footer .social-links .sl p {
  font-size: 16px;
  line-height: 23px;
  margin: 6px 0;
  font-weight: 700;
}
footer .social-links .sl p.social-follow {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
}
footer .social-links .sl p.social-follow a {
  display: inline-block;
  position: relative;
  top: 0;
  height: 24px;
  vertical-align: middle;
  margin: 0 .5em 0 0;
}
footer .social-links .sl p.social-follow a.twitter-follow-button {
  top: 1px;
}
footer .social-links .sl p.nolink {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}
footer .social-links hr {
  border-color: #B7B5B1;
  margin: 15px 0;
}
footer .signups {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  min-height: 200px;
}
footer .signups .top-half {
  border-bottom: #B7B5B1 1px solid;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 6px;
}
footer .signups .small-contact {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
  width: 100px;
  border-right: #B7B5B1 1px solid;
}
footer .signups .small-contact h3,
footer .signups .small-contact p {
  margin-right: 8px;
}
footer .signups .small-contact p {
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 15px;
}
footer .signups .small-locator {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-right: 0;
  width: 115px;
}
footer .signups .small-locator form {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin: 4px 0 8px;
}
footer .signups .small-locator form .ff-text {
  width: 64px;
}
footer .signups .small-locator p {
  font-size: 10px;
  text-transform: uppercase;
  clear: both;
  line-height: 13px;
  font-weight: 700;
}
footer .signups .newsletter {
  padding-top: 8px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
}
footer .signups .newsletter .ff-text {
  width: 170px;
}
footer .signups .newsletter p.small {
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 15px;
}
footer .signups .submit-go {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 3px;
  margin-right: 0;
  height: 35px;
  width: 40px;
  vertical-align: middle;
}
footer .signups .ff-text {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  font-style: italic;
}
/* ########################################## */
/* ===== TEXT & ELEMENTS ===== *//* ########################################## */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "alternate-gothic-no-3-d", "impact", helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
#main-content {
  min-height: 500px;
  /*
&.interior {

    p {
      font-size: 14px; line-height: 19px;
      &.intro {
        font-size: 16px; line-height: 21px;
      }
      &.sale-date { margin: 0; font-style: italic; font-stretch: expanded; }
    }

    .intro {
      p {
        font-size: 16px; line-height: 21px;
      }
    }

    ul, ol {
      li {  font-size: 14px; line-height: 19px; }
    }

    h1 { margin-bottom: 30px;}

  }
*/

}
#main-content p {
  font-weight: 300;
}
#main-content h1 {
  font-size: 48px;
  line-height: 40px;
  margin: 0 0 10px;
  border-bottom: #8C8C8C 1px solid;
  padding: 10px 0;
}
#main-content h2 {
  font-size: 32px;
  margin: .1em 0;
  line-height: 28px;
}
#main-content p {
  font-size: 16px;
  line-height: 21px;
  margin: .15em 0 .75em;
}
#main-content ul,
#main-content ol {
  margin: 8px 0 .5em 1em;
  padding: 0 0 0 3px;
  list-style-position: outside;
  font-size: 16px;
}
#main-content ul ul ul,
#main-content ol ul ul,
#main-content ul ol ul,
#main-content ol ol ul,
#main-content ul ul ol,
#main-content ol ul ol,
#main-content ul ol ol,
#main-content ol ol ol {
  font-size: 14px;
  list-style-type: square;
}
#main-content li {
  line-height: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#main-content h3,
#main-content h4 {
  font-family: "freight-sans-pro", helvetica, sans-serif;
  text-transform: none;
  margin: 1em 0 0;
  font-weight: bold;
}
#main-content h3 .ins,
#main-content h4 .ins {
  color: #949494;
  font-style: italic;
  font-size: 90%;
}
#main-content h2 + h3,
#main-content h2 + h4 {
  margin-top: 0;
}
#main-content .lm {
  margin-top: 20px;
}
#main-content .intro p {
  font-size: 18px;
  line-height: 23px;
}
#main-content .state-list {
  margin-top: 5px;
}
#main-content .state-list p {
  font-size: 14px;
  line-height: 19px;
  margin: 0;
}
#main-content a.red-button {
  height: 35px;
  line-height: 35px;
  padding: 6px 1em 2px;
  font-size: 20px;
  color: #FFF;
  background: #a80019;
  margin: 3px 10px 3px 0;
  font-family: "alternate-gothic-no-3-d", helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  display: inline-block;
}
#main-content a.red-button:hover {
  background: #2974a9;
}
#main-content.interior p {
  font-size: 16px;
  line-height: 21px;
}
#main-content.interior p.intro {
  font-size: 18px;
  line-height: 24px;
}
#main-content.interior p.sale-date {
  margin: 0;
  font-style: italic;
  font-stretch: expanded;
}
#main-content.interior .intro p {
  font-size: 18px;
  line-height: 24px;
}
#main-content.interior ul li,
#main-content.interior ol li {
  font-size: 16px;
  line-height: 21px;
}
#main-content.interior h1 {
  margin-bottom: 15px;
}
p.sale-date {
  margin: 0;
}
.lm {
  display: inline-block;
  background: #f8f8f8 url(/assets/img/css-images/learn-more-button-right-arrow.png) right center no-repeat;
  margin: 8px 8px 8px 0;
  padding: 6px 17px 6px 10px;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.go-arrow {
  display: inline;
  padding-right: 12px;
  background: transparent url(/assets/img/css-images/dropdown-nav-item-right-arrow.png) right center no-repeat;
  font-weight: 700;
  text-transform: uppercase;
}
.back-arrow {
  display: inline;
  padding-left: 12px;
  background: transparent url(/assets/img/css-images/learn-more-button-left-arrow.png) 0 center no-repeat;
  font-weight: 700;
  text-transform: uppercase;
}
hr {
  clear: both;
}
hr.top-colorbar {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin: 16px 7px;
  width: 945px;
  border-width: 10px;
  border-color: #F27535;
}
/* ########################################## */
/* ########################################## */
#main-content .full-thirds {
  margin: 45px 0;
  float: left;
}
#main-content .full-thirds .third {
  height: 415px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
}
#main-content .full-thirds .third.on-left {
  margin-left: 0;
}
#main-content .full-thirds .third.on-right {
  margin-right: 0;
}
#main-content .full-thirds .third.in-middle {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 318px;
  margin: 0;
  border-left: #CCCCCC 1px solid;
  border-right: #CCCCCC 1px solid;
}
#main-content .full-thirds .third .third-container {
  display: block;
  text-align: center;
  height: 415px;
  margin: 0 10px;
  position: relative;
}
#main-content .full-thirds .third .third-container a {
  display: block;
  height: 415px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
}
#main-content .full-thirds .third .third-container a img {
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
}
#main-content .full-thirds .third .third-container a h2 {
  font-size: 32px;
  margin: 28px 0 5px;
  line-height: 30px;
  color: #333;
}
#main-content .full-thirds .third .third-container a p {
  font-size: 16px;
  line-height: 21px;
  color: #333;
}
#main-content .full-thirds .third .third-container a p.cta {
  position: absolute;
  bottom: 0;
  left: 7px;
  width: 285px;
  margin: 0;
  color: #a80019;
}
#main-content .full-thirds .third .third-container a:hover img {
  opacity: 0.85;
  filter: alpha(opacity = 85);
}
#main-content .full-thirds .third .third-container a:hover h2,
#main-content .full-thirds .third .third-container a:hover p.cta {
  color: #184f7f;
}
dl#left-sidebar {
  margin-top: 6px;
}
dl#left-sidebar dt,
dl#left-sidebar dt h1 {
  margin: 5px 8px 5px 0;
  font-weight: 100;
  border-top: #8C8C8C 1px solid;
  padding: 8px 0 0;
  font: 24px/25px "alternate-gothic-no-3-d", "impact", helvetica, sans-serif;
  text-transform: uppercase;
}
dl#left-sidebar dt.icon,
dl#left-sidebar dt h1.icon {
  background-position: 0 65%;
  background-repeat: no-repeat;
}
dl#left-sidebar dt.icon.ico-aplus,
dl#left-sidebar dt h1.icon.ico-aplus {
  background-image: url(/assets/img/css-images/icons/ico-aplus.png);
  padding-left: 40px;
}
dl#left-sidebar dt.icon.ico-credit-card,
dl#left-sidebar dt h1.icon.ico-credit-card {
  background-image: url(/assets/img/css-images/icons/ico-credit-card.png);
  padding-left: 35px;
}
dl#left-sidebar dt.icon.ico-facebook,
dl#left-sidebar dt h1.icon.ico-facebook {
  background-image: url(/assets/img/css-images/icons/ico-facebook.png);
  padding-left: 25px;
}
dl#left-sidebar dt.icon.ico-dollar-star,
dl#left-sidebar dt h1.icon.ico-dollar-star,
dl#left-sidebar dt.icon.ico-ways-to-save,
dl#left-sidebar dt h1.icon.ico-ways-to-save {
  background-image: url(/assets/img/css-images/icons/ico-dollar-star.png);
  padding-left: 25px;
}
dl#left-sidebar dt.icon.ico-gas-pump,
dl#left-sidebar dt h1.icon.ico-gas-pump {
  background-image: url(/assets/img/css-images/icons/ico-gas-pump.png);
  padding-left: 25px;
}
dl#left-sidebar dt.icon.ico-twitter,
dl#left-sidebar dt h1.icon.ico-twitter {
  background-image: url(/assets/img/css-images/icons/ico-twitter.png);
  padding-left: 30px;
}
dl#left-sidebar dt.icon.ico-bubble,
dl#left-sidebar dt h1.icon.ico-bubble,
dl#left-sidebar dt.icon.ico-contact-us,
dl#left-sidebar dt h1.icon.ico-contact-us {
  background-image: url(/assets/img/css-images/icons/ico-speech-bubble.png);
  padding-left: 30px;
}
dl#left-sidebar dt.page-title,
dl#left-sidebar dt h1.page-title,
dl#left-sidebar dt.page-title h1,
dl#left-sidebar dt h1.page-title h1 {
  min-height: 55px;
  border: none;
  font-size: 30px;
  line-height: 28px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-right: 40px;
}
dl#left-sidebar dt.page-title a,
dl#left-sidebar dt h1.page-title a,
dl#left-sidebar dt.page-title h1 a,
dl#left-sidebar dt h1.page-title h1 a {
  color: #333333;
}
dl#left-sidebar dt.page-title a:hover,
dl#left-sidebar dt h1.page-title a:hover,
dl#left-sidebar dt.page-title h1 a:hover,
dl#left-sidebar dt h1.page-title h1 a:hover {
  color: #184f7f;
}
dl#left-sidebar dt.page-title h1,
dl#left-sidebar dt h1.page-title h1 {
  margin: 0;
  padding: 0;
}
dl#left-sidebar dd {
  margin: 0 8px 0px 0;
  padding-bottom: 10px;
}
dl#left-sidebar dd.page-description p {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
dl#left-sidebar dd ul {
  margin-left: 0;
  padding-left: 1.5em;
  list-style-position: outside;
  font-size: 12px;
  line-height: 17px;
}
dl#left-sidebar dd h3 {
  margin-top: .25em;
}
dl#left-sidebar dd p {
  font-size: 14px;
  line-height: 18px;
}
dl#left-sidebar dd.page-nav,
dl#left-sidebar dd:last-child {
  border: none;
}
dl#left-sidebar dd.promotion {
  padding: 6px 0;
  border-top: #C7C7C7 1px solid;
}
dl#left-sidebar dd.promotion:first-child {
  border: none!important;
}
dl#left-sidebar dd.promotion p.img-promo {
  padding: 5px 0 3px;
  margin: 0;
  text-align: center;
}
#aplus-food-and-beverages #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-aplus-large.png);
  padding-left: 115px;
}
#ways-to-save #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-ways-to-save-large.png);
  padding-left: 115px;
}
#sunoco-racing #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-sunoco-racing-large.png);
  padding-left: 115px;
}
#contests-and-sweepstakes #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-contests-and-sweepstakes-large.png);
  padding-left: 65px;
}
#about-us #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-about-sunoco-large.png);
  padding-left: 85px;
}
#auto-service #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-auto-service-large.png);
  padding-left: 185px;
}
#contact-us #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-utility-large.png);
  padding-left: 65px;
}
#quality-fuels #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-quality-fuels-large.png);
  padding-left: 65px;
}
#search-results #left-sidebar dt.page-title,
#store-locator #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-search-results-large.png);
  padding-left: 45px;
}
#locations #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-utility-large.png);
  padding-left: 65px;
}
#my-sunoco #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-account-large.png);
  padding-left: 65px;
}
#contact-us #left-sidebar dt.page-title,
#sitemap #left-sidebar dt.page-title,
#gas-gift-cards #left-sidebar dt.page-title,
#store-locator #left-sidebar dt.page-title,
#legal-notice #left-sidebar dt.page-title,
#privacy-policy #left-sidebar dt.page-title,
#media #left-sidebar dt.page-title {
  background-image: url(/assets/img/css-images/icons/ico-utility-large.png);
  padding-left: 65px;
}
#left-sidebar-nav {
  margin: 14px 0;
  border-top: #898989 1px solid;
  margin: 0;
}
#left-sidebar-nav menu {
  margin: 0;
  padding: 0;
}
#left-sidebar-nav menu li {
  display: block;
  position: relative;
  height: auto;
  border: none;
  float: none;
  text-align: left;
  border-bottom: #CCCCCC 1px solid;
}
#left-sidebar-nav menu li a {
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
  font-size: 16px;
  line-height: 23px;
  padding: 8px 24px 7px 4px;
  background: transparent url(/assets/img/css-images/dropdown-nav-item-right-arrow.png) 98% 50% no-repeat;
  font-weight: 700;
}
#left-sidebar-nav menu li a:hover {
  background: transparent url(/assets/img/css-images/dropdown-nav-item-right-arrow.png) 100% 50% no-repeat;
}
#left-sidebar-nav menu li.active a,
#left-sidebar-nav menu li.parent-active a,
#left-sidebar-nav menu li.active.parent-active a {
  padding-left: 16px;
  background: transparent url(/assets/img/css-images/dropdown-nav-item-right-arrow.png) 0 50% no-repeat;
  color: #333;
}
#left-sidebar-nav menu li.active a:hover,
#left-sidebar-nav menu li.parent-active a:hover,
#left-sidebar-nav menu li.active.parent-active a:hover {
  color: #184f7f;
}
#left-sidebar-nav menu li.has-children.parent-active a {
  color: #a80019;
}
#left-sidebar-nav menu li.has-children ul {
  display: none;
  padding-left: 16px;
}
#left-sidebar-nav menu li.has-children ul li {
  border-bottom: none;
  border-top: #CCCCCC 1px solid;
}
#left-sidebar-nav menu li.has-children ul li a {
  font-size: 14px;
  background: none;
}
#left-sidebar-nav menu li.has-children ul li a:hover {
  color: #184f7f;
}
#left-sidebar-nav menu li.has-children.active ul,
#left-sidebar-nav menu li.has-children.parent-active ul {
  display: block;
}
#left-sidebar-nav menu li.has-children.active ul li a,
#left-sidebar-nav menu li.has-children.parent-active ul li a {
  padding-left: 0;
  color: #a80019;
}
#left-sidebar-nav menu li.has-children.active ul li a:hover,
#left-sidebar-nav menu li.has-children.parent-active ul li a:hover {
  color: #184f7f;
}
#left-sidebar-nav menu li.has-children.active ul li.active a,
#left-sidebar-nav menu li.has-children.parent-active ul li.active a,
#left-sidebar-nav menu li.has-children.active ul li.parent-active a,
#left-sidebar-nav menu li.has-children.parent-active ul li.parent-active a {
  padding-left: 16px;
  background: transparent url(/assets/img/css-images/dropdown-nav-item-right-arrow.png) 0 50% no-repeat;
  color: #333;
}
#left-sidebar-nav menu li.has-children.active ul li.active a:hover,
#left-sidebar-nav menu li.has-children.parent-active ul li.active a:hover,
#left-sidebar-nav menu li.has-children.active ul li.parent-active a:hover,
#left-sidebar-nav menu li.has-children.parent-active ul li.parent-active a:hover {
  color: #184f7f;
}
#left-sidebar-nav menu li.has-children.active ul li ul,
#left-sidebar-nav menu li.has-children.parent-active ul li ul {
  padding-bottom: 5px;
  margin-top: -6px;
}
#left-sidebar-nav menu li.has-children.active ul li ul li,
#left-sidebar-nav menu li.has-children.parent-active ul li ul li {
  border: none;
  padding: 2px 4px 4px;
}
#left-sidebar-nav menu li.has-children.active ul li ul li a,
#left-sidebar-nav menu li.has-children.parent-active ul li ul li a {
  background: none!important;
  font-size: 12px;
  line-height: 14px;
  padding: 3px 0;
  color: #a80019 !important;
  background: none;
}
#left-sidebar-nav menu li.has-children.active ul li ul li a:hover,
#left-sidebar-nav menu li.has-children.parent-active ul li ul li a:hover {
  color: #184f7f !important;
}
#left-sidebar-nav menu li.has-children.active ul li ul li a:before,
#left-sidebar-nav menu li.has-children.parent-active ul li ul li a:before {
  content: "\2013";
  margin-left: -8px;
  margin-right: 10px;
  color: #333;
  font-weight: normal;
}
#left-sidebar-nav menu li.has-children.active ul li ul li.active a,
#left-sidebar-nav menu li.has-children.parent-active ul li ul li.active a {
  color: #333!important;
}
#left-sidebar-nav menu li.has-children.active ul li ul li.active a:hover,
#left-sidebar-nav menu li.has-children.parent-active ul li ul li.active a:hover {
  color: #184f7f !important;
}
#left-sidebar-nav menu li.has-children.parent-active ul li.parent-active a {
  color: #a80019;
}
#left-sidebar-nav menu li.has-children.parent-active ul li.parent-active a:hover {
  color: #184f7f;
}
ul.circle-numbers {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.circle-numbers li {
  clear: both;
  padding: 8px 0;
}
ul.circle-numbers li span.circ-num {
  font: 21px/21px "alternate-gothic-no-3-d", "impact", helvetica, sans-serif;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 36px;
  height: 17px;
  margin: 3px 0;
  background: url(/assets/img/css-images/circle-number-list-background.png) 50% 50% no-repeat;
  color: #a80019;
  text-align: center;
  padding: 8px 0 7px;
}
ul.circle-numbers li .circ-info {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 230px;
  margin: 4px 0 7px 8px;
  padding: 0 0 10px;
  border-bottom: #D6D6D6 1px solid;
}
ul.circle-numbers li .circ-info h3 {
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-weight: bold;
  color: #a80019;
  text-transform: none;
  font-size: 14px;
  margin: 0;
}
ul.circle-numbers li .circ-info p {
  margin: 0 0 .5em;
  font-size: 15px;
}
.one-tweet p {
  margin: 0;
}
.one-tweet .the-tweet {
  font-size: 14px;
}
.one-tweet .tweet-nav {
  font-size: 10px!important;
  font-weight: 700;
  margin-left: -0.5em;
}
.one-tweet .tweet-nav a {
  padding: 0 .5em;
}
article {
  margin: 19px 0;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  margin-left: 0;
  margin-right: 0;
  border-bottom: #CCCCCC 1px solid;
  padding-bottom: 19px;
}
article .art-img {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-left: 0;
  margin-bottom: 20px;
  padding-top: 5px;
}
article .art-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 385px;
  margin-right: 0;
}
article.intro {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  margin-left: 0;
  padding-bottom: 0;
}
article.intro p {
  margin-top: 0;
  font-size: 18px;
  line-height: 23px;
  color: #333333;
}
article:last-child {
  border: none;
}
article:last-child .art-content {
  border: none;
}
article.grid-items .grid-row {
  clear: both;
}
article.grid-items .grid-item {
  border-top: #CCC 1px solid;
  padding: 18px 0;
}
article.grid-items .grid-item .art-img {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}
article.grid-items .grid-item .art-img img {
  width: 305px;
  height: 225px;
}
article.grid-items .grid-item .art-img.small-img img {
  width: 300px;
}
article.grid-items .grid-item .art-img.noresize img {
  width: auto;
  height: auto;
}
article.grid-items .grid-item .art-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  margin-left: 0;
  margin-right: 0;
}
article.grid-items .grid-item.noborder {
  padding-top: 0;
}
ul.double-up {
  margin: 0 0 1em!important;
  padding: 0;
  list-style-position: inside;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
}
ul.double-up li {
  float: left;
  width: 45%;
  display: block;
  background: url(/assets/img/css-images/tiny-bullet.png) 0 50% no-repeat;
  padding: 3px 0 3px .75em;
}
div.double-up {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
}
div.double-up p {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  margin-left: 0;
}
div.double-up p a {
  display: block;
}
#locations .locale-meta,
#locations .locale-map {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  min-height: 550px;
}
#locations .locale-meta {
  margin-left: 0;
}
#locations .locale-meta p {
  font-size: 12px;
  margin: .75em 0;
}
#locations .locale-meta address {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}
#locations .locale-meta address span {
  display: block;
  font-style: normal;
}
#locations .locale-meta address .phone {
  font-weight: 300;
  font-size: 14px;
  margin: 0;
}
#locations .locale-meta ul.services {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
#locations .locale-meta ul.services li {
  font-size: 14px;
  line-height: 19px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 145px;
  margin-left: 0;
  margin: 0;
  padding: 1px 0;
}
#locations .locale-meta hr {
  margin: 25px 0;
  clear: both;
  float: left;
  width: 100%;
}
#locations .locale-meta .promo .promo-img {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 65px;
  margin-left: 0;
}
#locations .locale-meta .promo .promo-img img {
  margin-top: 5px;
}
#locations .locale-meta .promo .promo-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-right: 0;
}
#locations .locale-meta .promo .promo-content h3 {
  margin: 0;
  font-size: 14px;
}
#locations .locale-meta .promo .promo-content p {
  font-size: 14px;
  line-height: 19px;
}
#locations .locale-meta .promo .promo-content h3 + p {
  margin-top: 0;
}
#locations .locale-meta .promo .promo-content a.go-arrow {
  font-size: 12px;
}
#locations .locale-map {
  margin-right: 0;
}
.search-results #map {
  display: inline;
  float: left;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  margin-left: 0;
  margin-right: 0;
  height: 500px;
  margin-bottom: 130px;
  position: relative;
}
.search-results #map .ui-infowindow {
  background: #FFF;
}
.search-results #map .info-window {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  padding: 0 15px 15px;
  background: #FFF;
  font-family: "freight-sans-pro", helvetica, sans-serif !important;
}
.search-results #map .info-window p {
  font-size: 12px;
  margin: .75em 0;
}
.search-results #map .info-window address {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 175px;
  margin-left: 0;
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  margin: 0 0 10px;
}
.search-results #map .info-window address span {
  display: block;
  font-style: normal;
  font: 16px "freight-sans-pro", helvetica, sans-serif;
}
.search-results #map .info-window address .phone {
  font-weight: 300;
  font-size: 14px;
  margin: 0;
}
.search-results #map .info-window .details {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-right: 0;
  width: 110px;
}
.search-results #map .info-window .details p {
  float: right;
  margin: 0 0 10px;
}
.search-results #map .info-window .details p a.lm {
  margin: 0 -5px 0 0;
}
.search-results #map .info-window ul.services {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
.search-results #map .info-window ul.services li {
  font-size: 14px;
  line-height: 19px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 135px;
  margin-left: 0;
  margin: 0 10px 0 0;
  padding: 1px 0;
}
#search-results-list {
  border-top: #898989 1px solid;
  height: 600px;
  overflow: auto;
  position: relative;
  width: 297px;
}
#search-results-list .srl-item {
  padding: 10px 50px 10px 40px;
  margin-right: 30px;
  width: 180px;
  overflow: hidden;
  border-bottom: #CCCCCC 1px solid;
  position: relative;
}
#search-results-list .srl-item .srl-enum {
  display: block;
  position: absolute;
  top: 22px;
  left: 7px;
  height: 35px;
  width: 22px;
  background: url(/assets/img/css-images/map-pin.png) center center no-repeat;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
#search-results-list .srl-item address {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}
#search-results-list .srl-item address span {
  display: block;
  font-style: normal;
}
#search-results-list .srl-item p.distance {
  font-weight: 300;
  font-size: 14px;
  margin: 0;
}
#search-results-list .srl-item .srl-arrow {
  position: absolute;
  height: 100%;
  background: url(/assets/img/css-images/search-results-arrow.png) left center no-repeat;
  width: 14px;
  right: 0;
  top: 0;
}
#search-results-list .srl-item:hover,
#search-results-list .srl-item.active {
  background: #ececeb;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ececeb 0%, #e3e3e3 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececeb), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ececeb 0%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ececeb 0%, #e3e3e3 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ececeb 0%, #e3e3e3 100%);
  /* IE10+ */

  background: linear-gradient(top, #ececeb 0%, #e3e3e3 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececeb', endColorstr='#e3e3e3', GradientType=0);
  /* IE6-8 */
}
#search-results-list .srl-item:hover .srl-arrow,
#search-results-list .srl-item.active .srl-arrow {
  background: url(/assets/img/css-images/search-results-arrow-red.png) left center no-repeat;
}
dd.search-results {
  position: absolute;
  padding: 0!important;
}
dd.search-results .top-shadow,
dd.search-results .bottom-shadow {
  position: absolute;
  height: 4px;
  width: 100%;
  right: 0;
}
dd.search-results .top-shadow {
  background: url(/assets/img/css-images/sidebar-top-shadow.png) 0 0 repeat-x;
  top: 0;
}
dd.search-results .bottom-shadow {
  background: url(/assets/img/css-images/sidebar-bottom-shadow.png) 0 0 repeat-x;
  bottom: 0;
}
#pdf-holder {
  width: 100%;
  height: 650px;
}
.right-half {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 274px;
  margin-left: 0;
}
.left-half {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  margin-right: 0;
}
.left-half.left-border {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 280px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 55px;
  margin-bottom: 15px;
  border-left: #CCCCCC 1px solid;
}
#main-content .account-details {
  position: relative;
}
#main-content .account-details .ad-balances {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-left: 0;
  background: #F4F4F4;
}
#main-content .account-details .ad-balances header {
  background: #e8e8e8 url(/assets/img/css-images/rewards-card-small.png) 10px 50% no-repeat;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-left: 0;
  padding: 14px 0;
  margin-bottom: 15px;
}
#main-content .account-details .ad-balances header h5,
#main-content .account-details .ad-balances header p.ad-number {
  margin: 0 10px 0 90px!important;
}
#main-content .account-details .ad-balances header p.ad-number {
  font-size: 20px;
  line-height: 20px;
}
#main-content .account-details .ad-balances h5,
#main-content .account-details .ad-balances p,
#main-content .account-details .ad-balances hr {
  margin-left: 15px;
  margin-right: 15px;
}
#main-content .account-details .ad-balances h5 {
  margin-top: 15px;
  clear: both;
}
#main-content .account-details .ad-balances p.ad-balance {
  font-size: 36px;
  line-height: 23px;
  font-weight: 700;
  margin-bottom: 0;
}
#main-content .account-details .ad-balances p.ad-balance span {
  font-size: 18px;
}
#main-content .account-details .ad-balances p.ad-expires {
  font-size: 18px;
}
#main-content .account-details .ad-details {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 385px;
  margin-right: 0;
}
#main-content .account-details h5,
#main-content .account-details dt {
  font-size: 14px;
  font-family: "freight-sans-pro", helvetica, sans-serif;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
  text-transform: none;
}
#main-content .account-details dd {
  margin: 0 0 15px;
  font-size: 20px;
  line-height: 23px;
}
#main-content p.profile-small-nav {
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 75%;
}
#main-content p.profile-small-nav a {
  padding: 0 15px 0 10px;
}
/* ########################################## */
/* ########################################## */
#my-sunoco {
  /*
    favorite locations
    styles borrowed from search results
  */
}
#my-sunoco article {
  border: none;
}
#my-sunoco article.halves .right-half,
#my-sunoco article.halves .left-half {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
}
#my-sunoco article.halves .left-half {
  margin-left: 0;
}
#my-sunoco article.halves .right-half {
  margin-right: 0;
}
#my-sunoco .inline-alert {
  margin: 0 0 10px 0;
  padding: 10px;
  background: #d12a38 url('/assets/img/css-images/btn-close.png') 98% 50% no-repeat;
  border: solid 1px ##eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer !important;
}
#my-sunoco .inline-alert p {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
#my-sunoco .account-section header {
  margin: 0 0 20px;
  padding: 10px;
  background: #F2F2F2;
  float: none;
  display: block;
  width: auto;
}
#my-sunoco .account-section header p.cta-edit {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 54px;
  margin: 0 10px;
  padding: 0;
}
#my-sunoco .account-section .promo .promo-img {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 65px;
  margin-left: 0;
}
#my-sunoco .account-section .promo .promo-img img {
  margin-top: 5px;
}
#my-sunoco .account-section .promo .promo-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-right: 0;
}
#my-sunoco .account-section .promo .promo-content h3 {
  margin: 0;
  font-size: 14px;
}
#my-sunoco .account-section .promo .promo-content p {
  font-size: 12px;
  line-height: 15px;
}
#my-sunoco .account-section .promo .promo-content h3 + p {
  margin-top: 0;
}
#my-sunoco .account-section .promo .promo-content a.go-arrow {
  font-size: 12px;
}
#my-sunoco .account-section .as-content {
  margin: 0 10px;
}
#my-sunoco .as-profile h4 {
  font-size: 24px;
}
#my-sunoco .as-profile p {
  font-size: 16px;
}
#my-sunoco .as-profile address {
  font-style: normal;
  font-size: 16px;
  margin: 10px 0 16px;
}
#my-sunoco .as-favorites .fav-count {
  padding-bottom: 6px;
  border-bottom: #C4C4C4 1px solid;
}
#my-sunoco .as-favorites .fav-count p {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  line-height: 19px;
}
#my-sunoco .as-favorites .fav-count p span {
  font-weight: 300;
}
#my-sunoco .as-favorites .fav-count p span.cta {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 19px;
  margin: 0 10px;
  padding: 0;
}
#my-sunoco .as-favorites .small-map {
  margin: 6px 0;
}
#my-sunoco .as-favorites .small-map .map-img {
  float: left;
  margin-right: 10px;
  width: 80px;
  height: 80px;
  overflow: hidden !important;
}
#my-sunoco .as-favorites .small-map .map-img img {
  width: 80px;
  height: 80px;
}
#my-sunoco .as-favorites .small-map .map-content {
  width: 190px;
  float: left;
}
#my-sunoco .as-favorites .small-map .map-content address {
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
}
#my-sunoco .as-favorites .small-map .map-content p {
  margin-top: 0;
}
#my-sunoco .as-favorites .small-map .map-content p.cta {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 12px;
}
#my-sunoco .as-card-details {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  padding-bottom: 20px;
  background: url(/assets/img/css-images/shadow-divider-grid-8.jpg) 0px 100% no-repeat;
}
#my-sunoco .as-card-details .promo-img {
  margin: 15px 5px 20px 0;
}
#my-sunoco .as-card-details div {
  float: left;
  margin-top: 0px;
}
#my-sunoco .as-card-details div h3 {
  font-size: 14px;
  border-right: #C4C4C4 1px solid;
  padding: 10px 15px 20px 0;
  margin: 0 0 0 15px;
}
#my-sunoco .as-card-details div h3 span {
  font-size: 26px;
  display: block;
}
#my-sunoco .as-card-details div h3 span span {
  text-transform: uppercase;
  font-size: 14px;
  display: inline;
}
#my-sunoco .as-history h4 {
  margin-left: 10px;
}
#my-sunoco .as-history-table {
  width: 100%;
  border-spacing: 8px;
  border-collapse: separate;
}
#my-sunoco .as-history-table thead {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  height: 10px;
}
#my-sunoco .as-history-table thead tr td {
  border-bottom: #898989 1px solid;
  padding: 4px 0;
}
#my-sunoco .as-history-table tbody {
  padding-top: 102px;
  position: relative;
}
#my-sunoco .as-history-table tbody tr td {
  border-bottom: #C4C4C4 1px solid;
  padding: 0 0 8px;
  margin: 10px;
  line-height: 20px;
}
#my-sunoco .as-history-table tbody tr:last-child td {
  border: none;
}
#my-sunoco .as-history-table span.perk-earned {
  color: #009900;
}
#my-sunoco .as-history-table span.perk-used {
  color: #a80019;
}
#my-sunoco .as-details .detail-row,
#my-sunoco .as-services .detail-row {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  padding: 13px 0;
}
#my-sunoco .as-details .detail-row div,
#my-sunoco .as-services .detail-row div {
  padding-top: 8px;
}
#my-sunoco .as-details .detail-row .detail-title,
#my-sunoco .as-services .detail-row .detail-title {
  font-weight: 700;
  margin-bottom: 0;
}
#my-sunoco .as-details .detail-row .detail-value,
#my-sunoco .as-services .detail-row .detail-value {
  margin-top: 0;
}
#my-sunoco .as-details .detail-row .services-img,
#my-sunoco .as-services .detail-row .services-img {
  float: left;
}
#my-sunoco .as-details .detail-row .services-value,
#my-sunoco .as-services .detail-row .services-value {
  float: left;
  margin: 0;
  font-weight: 700;
}
#my-sunoco .as-details .detail-row .services-link,
#my-sunoco .as-services .detail-row .services-link {
  float: left;
  margin-top: 0px;
}
#my-sunoco .as-credit-card-form {
  /* subscription holder */

}
#my-sunoco .as-credit-card-form h4 {
  font-size: 14px;
}
#my-sunoco .as-credit-card-form .card-holder {
  padding-top: 0!important;
  display: block;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 18px;
}
#my-sunoco .as-credit-card-form .card-holder .card-img {
  position: absolute;
  left: -7px;
  top: 0;
  width: 65px;
}
#my-sunoco .as-credit-card-form .card-holder .card-info {
  display: inline;
  float: left;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-left: 0;
  position: relative;
  left: 80px;
  margin: 0 0 0 -10px;
  padding-top: 0!important;
}
#my-sunoco .as-credit-card-form .card-holder .card-info .check-holder {
  display: inline-block;
  width: 22px;
  height: 40px;
  text-align: center;
  vertical-align: top;
}
#my-sunoco .as-credit-card-form .card-holder .card-info .check-holder input {
  display: inline;
  vertical-align: top;
  margin-top: 13px;
}
#my-sunoco .as-credit-card-form .card-holder .card-info .card-details {
  display: inline-block;
  width: 190px!important;
  padding-top: 3px;
  margin-left: 3px;
}
#my-sunoco .as-credit-card-form .card-holder .card-info .card-details label {
  font-weight: 300;
  padding: 0;
}
#my-sunoco .as-credit-card-form .subscription-holder {
  padding-top: 0!important;
  display: block;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 18px;
}
#my-sunoco .as-credit-card-form .subscription-holder .subscription-img {
  position: absolute;
  left: -7px;
  top: 0;
  width: 65px;
}
#my-sunoco .as-credit-card-form .subscription-holder .subscription-info {
  display: inline;
  float: left;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  margin-left: 0;
  position: relative;
  left: 80px;
  margin: 0 0 0 -10px;
  padding-top: 0!important;
}
#my-sunoco .as-credit-card-form .subscription-holder .subscription-info .check-holder {
  display: inline-block;
  width: 22px;
  height: 40px;
  text-align: center;
  vertical-align: top;
}
#my-sunoco .as-credit-card-form .subscription-holder .subscription-info .check-holder input {
  display: inline;
  vertical-align: top;
  margin-top: 7px;
}
#my-sunoco .as-credit-card-form .subscription-holder .subscription-info .subscription-details {
  display: inline-block;
  width: 490px!important;
  padding-top: 3px;
  margin: 0;
}
#my-sunoco .as-credit-card-form .subscription-holder .subscription-info .subscription-details label {
  font-size: 18px;
  font-weight: 750;
  padding: 0;
}
#my-sunoco .locale-meta,
#my-sunoco .locale-map {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  min-height: 300px;
}
#my-sunoco .locale-meta {
  margin-left: 0;
}
#my-sunoco .locale-meta p {
  font-size: 12px;
  margin: .75em 0;
}
#my-sunoco .locale-meta address {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  margin: 0 0 10px;
}
#my-sunoco .locale-meta address span {
  display: block;
  font-style: normal;
}
#my-sunoco .locale-meta address .phone {
  font-weight: 300;
  font-size: 14px;
  margin: 0;
}
#my-sunoco .locale-meta ul.services {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
#my-sunoco .locale-meta ul.services li {
  font-size: 14px;
  line-height: 19px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 145px;
  margin-left: 0;
  margin: 0;
  padding: 1px 0;
}
#my-sunoco .locale-meta hr {
  margin: 25px 0;
  clear: both;
  float: left;
  width: 100%;
}
#my-sunoco .locale-meta .promo .promo-img {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 65px;
  margin-left: 0;
}
#my-sunoco .locale-meta .promo .promo-img img {
  margin-top: 5px;
}
#my-sunoco .locale-meta .promo .promo-content {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-right: 0;
}
#my-sunoco .locale-meta .promo .promo-content h3 {
  margin: 0;
  font-size: 14px;
}
#my-sunoco .locale-meta .promo .promo-content p {
  font-size: 14px;
  line-height: 19px;
}
#my-sunoco .locale-meta .promo .promo-content h3 + p {
  margin-top: 0;
}
#my-sunoco .locale-meta .promo .promo-content a.go-arrow {
  font-size: 12px;
}
#my-sunoco .locale-map {
  margin-right: 0;
}
#my-sunoco .locale-map-short {
  margin-right: 0;
  height: 300px;
}
#my-sunoco .nearest_locations {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  margin-left: 0;
  padding: 8px 0;
}
#my-sunoco .nearest_locations div {
  padding-top: 8px;
}
#my-sunoco .nearest_locations .location {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 625px;
  margin-left: 0;
}
#my-sunoco .nearest_locations .location .map {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 225px;
  margin-left: 0;
}
#my-sunoco .nearest_locations .location .details {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 305px;
  margin-right: 0;
}
/* ########################################## */
/* ########################################## */
form {
  font-weight: 300;
}
input {
  font-family: "freight-sans-pro", helvetica, sans-serif;
}
label,
.fake-label {
  color: #303030;
  font-weight: 500!important;
  font-size: 16px;
  line-height: 19px;
  display: block;
  margin: 0!important;
  padding: .5em 0;
}
label.error,
.fake-label.error {
  color: #a80019;
}
span.req-astr {
  color: #a80019;
  padding: 0 .15em;
  font-size: 95%;
}
div.FF.ff-select select {
  display: block;
  width: 100%;
  padding: 8px 2.5% 7px;
  margin: 17px 0 0 0;
  background: #fcfcfc;
  height: 38px;
  color: #333;
  border-color: #CCCCCC;
}
div.FF.ff-select select.padtop {
	margin-top: 51px;
}
div.FF. label.hidden {
	color: #ffffff;
	filter: alpha(opacity=0);
	opacity: 0;
}
div.FF.ff-select select.nomargintop {
	margin-top: 0!important;
}
div.FF .checkbox-label,
div.FF .radio-label {
  display: inline;
  padding: 0 .8em 0 .35em;
  font-weight: 300;
  color: #515151;
}
div.FF input.ff-text {
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
}
div.FF input.ff-text.new-width {
  width: auto;
}
div.FF .button-row {
  clear: both;
  margin: 5px 0;
}
div.FF.ff-checkbox > .fake-label {
  padding-bottom: .25em;
}
div.FF.ff-checkbox .fake-label + .button-row {
  margin-top: 0;
}
div.FF.ff-textarea textarea {
  width: 96%;
  line-height: 18px;
  padding: 2%;
  margin: 0;
  font-size: 16px;
  border: #CCCCCC 1px solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #585858;
  font-weight: 300;
}
div.FF.ff-submit input.ff-submit {
  text-align: center;
  height: 33px;
  line-height: 31px;
  padding: 4px 1em 6px;
  margin: 0;
  font-size: 20px;
  border: none;
  color: #FFF;
  background: #a80019;
  font-family: "alternate-gothic-no-3-d", helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
div.FF.ff-submit input.ff-submit:hover {
  background: #2974a9;
}
div.FF.long-error.le-1 label.error {
  width: 65px;
}
div.FF.long-error.le-2 label.error {
  width: 145px;
}
div.FF.long-error.le-3 label.error {
  width: 225px;
}
div.FF.long-error.le-4 label.error {
  width: 305px;
}
div.FF.long-error.le-5 label.error {
  width: 385px;
}
div.FF.long-error.le-6 label.error {
  width: 465px;
}
div.FF.long-error.le-7 label.error {
  width: 545px;
}
div.FF.long-error.le-8 label.error {
  width: 625px;
}
div.FF.long-error.le-9 label.error {
  width: 705px;
}
div.FF.long-error.le-10 label.error {
  width: 785px;
}
div.FF.long-error.le-11 label.error {
  width: 865px;
}
div.FF.long-error.le-12 label.error {
  width: 945px;
}
.ff-row {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  padding-bottom: 18px;
}
.ff-row.check-grid .fake-label {
  font-weight: 700!important;
}
.ff-row.check-grid .check-grid-box {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 200px;
  margin-left: 0;
  margin-bottom: .5em;
}
.ff-row.check-grid .check-grid-box input {
  /* .grid-X; .alpha; .omega; */
}
.ff-row.check-grid .check-grid-box label {
  /* .grid-X; width: 120px; .omega; padding: 0; margin-left: 8px; */

  font-weight: 300!important;
  font-size: 14px;
}
input.ff-chk {
    float: left;
    margin-top: 12px;
    margin-right: 10px;
}
input.ff-text {
  height: 33px;
  _height: 13px;
  line-height: 33px;
  padding: 0px 0;
  _padding: 10px 0;
  margin: 0;
  font-size: 16px;
  border: #CCCCCC 1px solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
input.ff-text.ff-grid {
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  width: 145px;
  margin-left: 0;
}
footer input.ff-text {
  border: #E2E0DB 1px solid;
  border-top: #C5C5C5 1px solid;
  border-bottom: #F2F2F2 1px solid;
}
input.submit-go {
  height: 33px;
  line-height: 33px;
  padding: 4px 0;
  margin: 0;
  font-size: 20px;
  border: none;
  color: #FFF;
  background: #a80019;
  font-family: "alternate-gothic-no-3-d", helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  display: inline;
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 7px;
  margin-left: 3px;
  margin-right: 0;
  height: 35px;
  width: 40px;
  vertical-align: middle;
}
input.submit-go:hover {
  background: #2974a9;
}
div#validate_status {
  height: 60px;
}
div#validate_status.loading {
  background: url(/assets/img/css-images/icons/ico-loading.gif) 0px 100% no-repeat;
}
div#validate_status.bad {
  background: url(/assets/img/css-images/icons/ico-error.png) 0px 100% no-repeat;
}
div#validate_status.good {
  background: url(/assets/img/css-images/icons/ico-success.png) 0px 100% no-repeat;
}
/* ===== BP Extras ===== */
/* ==|== non-semantic helper classes ======================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* ==|== media queries ====================================================== */
@media only screen and (min-width: 480px) {

}
@media only screen and (min-width: 768px) {

}
/* ==|== print styles ======================================================= */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ===== TEXT NUANCES ===== */
/*NO BORDER */
.noborder {
  border: none!important;
}
.small {
  font-size: 75%!important;
}
/* ===== IE "fixes" ===== */
.ie6 header {
  height: 140px;
  overflow: visible;
  z-index: 50;
}
.ie6 header #branding a {
  width: 225px;
  overflow: hidden;
  margin-left: -72px;
}
.ie6 header #branding a img {
  float: right;
  margin-left: -62px;
}
.ie6 .bottom-content {
  margin-top: 400px;
  padding-top: 0;
  position: relative;
}
.ie6 .bottom-content .bottom-half {
  margin-top: -800px;
  position: relative;
}
.ie6 .hero .bottom-content {
  margin-top: 0px;
  padding-top: 0;
}
.ie6 .hero .bottom-content .container.bottom-half {
  margin-top: 0px;
}
.ie6 #hero {
  margin-left: 0;
}
.ie7 body,
.ie6 body {
  background: #E9E9E9;
}
.ie7 .top-content,
.ie6 .top-content {
  height: 422px;
  z-index: 10;
}
.ie7 .bottom-content,
.ie6 .bottom-content {
  z-index: 5;
}
.ie7 .bottom-content .bottom-half,
.ie6 .bottom-content .bottom-half {
  z-index: 10;
}
.ie7 header,
.ie6 header {
  height: 140px;
  overflow: visible;
  z-index: 50;
}
.ie7 header #branding a img,
.ie6 header #branding a img {
  float: right;
  margin-left: -42px;
}
.ie7 #hero,
.ie6 #hero {
  z-index: 25;
}
.ie7 #hero #slider #slider-descriptions .slider-description,
.ie6 #hero #slider #slider-descriptions .slider-description {
  display: block;
  height: 320px;
  padding: 80px 20px 0 30px;
}

/* ===== 2014 FF5000 ===== */
body.ff5k-14-body {
  background: #131f49;
}    

.bottom-content.ff5k-14 {
  background: #131f49;
  background-size:cover;
  margin-top: -342px;                                            
}
body.ff5k-14-body .container.bottom-half.noborder {
  border-width : 0;
  margin-top: -456px;
}
.bottom-content.ff5k-14 #hero { box-shadow: none; }

#ff5000-topbar {
    background-color: #fecd08;
background: url(/assets/img/css-images/ff5k-header-yellow-bg.png) no-repeat 0 0;
/* background-color:  #fecd08;
background: -webkit-linear-gradient(90deg, #000101 0%, #ffffff 100%);
background: -moz-linear-gradient(90deg, #000101 0%, #ffffff 100%);
background: -o-linear-gradient(90deg, #000101 0%, #ffffff 100%);
background: -ms-linear-gradient(90deg, #000101 0%, #ffffff 100%);
background: linear-gradient(0deg, #000101 0%, #ffffff 100%);
   */                                                              
  width: 976px;              
  height: 56px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
}
#ff5000-topbar menu {
/*
  border-right: 1px solid #D9394B;
  border-left: 1px solid #7A0E17;
  border-right: 1px solid rgba(217, 57, 75, 0.75);
  border-left: 1px solid rgba(122, 14, 23, 0.75);
*/
  border-left: 1px solid white;
  border-right: 1px solid white;
}
#ff5000-topbar .ff5k-nav-list {
  display: inline-block;
  margin-top: 0;
  padding-left: 0;
}
#ff5000-topbar .ff5k-nav-list li {
  display: inline-block;
  font-weight: 500;
  height: 100%;
  position: relative;
  vertical-align: top;
  width: 163px;
}
#ff5000-topbar .ff5k-nav-list li a,
#ff5000-topbar .ff5k-nav-list li a:visited {
/*
  border-left: 1px solid #D9394B;
  border-right: 1px solid #7A0E17;
  border-left: 1px solid rgba(217, 57, 75, 0.75);
  border-right: 1px solid rgba(122, 14, 23, 0.75);
*/
  border-left: 1px solid white;
  color: white;
  display: block;
  font: 700 1em/2.125em "freight-sans-pro",helvetica,sans-serif;
  padding: 11px 0px;
  position: relative;
  text-align: center;
  text-shadow: 0px 1px #000D1D;
  z-index: 1;
}
#ff5000-topbar .ff5k-nav-list li.link:hover:after {
    background-color: rgba(208, 42, 56, 0.6);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 161px;
    z-index: 0;
}
#ff5000-topbar .ff5k-nav-list li > span {
/*
  border-left: 1px solid #D9394B;
  border-right: 1px solid #7A0E17;
  border-left: 1px solid rgba(217, 57, 75, 0.75);
  border-right: 1px solid rgba(122, 14, 23, 0.75);
*/
  border-left: 1px solid white;
  background: url(/assets/img/css-images/ff5k-active-nav-bg.png) no-repeat scroll 2px 0px;
/*  background: url(/assets/img/css-images/ff5k-active-nav-bg.png) no-repeat 0 0; */
  color: #2B2B2B;
  display: block;
  font: 700 1em/2.125em "freight-sans-pro",helvetica,sans-serif;
  padding: 11px 0px;
  padding-left: auto;
  padding-right: auto;
  text-align: center;
  width: 100%;
}
body.ff5k-14-body #hero {
  margin-top: 56px;
  overflow: hidden;
}
#hero.ff5k-short { height: 170px; }
iframe.ff5k-sub-hero {
  margin-left: -15px;
  margin-bottom: -60px;
}
#content-area.one-col #main-content.ff-5000,
#content-area.two-col #main-content.ff-5000 {
  margin-top: 20px;
}
#content-area.one-col #main-content.ff-5000 article {
  width: 925px;
}
dl#left-sidebar.ff-5000-sidebar {
  margin-top: 35px;
}
dl#left-sidebar.ff-5000-sidebar dt {
  border: none;
}
dl#left-sidebar.ff-5000-sidebar dt.ff5k-14-map-icon {
  background: url(/assets/img/css-images/FF5K-black-map-pin.gif) no-repeat 0 9px;
  padding-left: 20px;
}

dl#left-sidebar.ff-5000-sidebar dd {
  padding-bottom: 0;
}
dl#left-sidebar.ff-5000-sidebar dd .lm {
  margin-top: 12px;
  margin-bottom: 6px;
}
.ff-5000 table td {
  min-width: 380px;
  padding: 10px;
}
.ff-5000 table th {
  text-align: left;
  padding: 10px;
  vertical-align: middle;
}
.ff-5000 table#ffmarket th {
  text-align: center;
}
.ff-5000 table th:first-child {
  text-align: center;
  width: 30px;
}
body.free-fuel-5000 #hero ul {
  display: block;
  height : 400px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 2000px;
  z-index: 0;
}
body.free-fuel-5000 #hero ul li {
  list-style-type: none;
  display: inline-block;
  height : 400px;
  left: 0;
  position: relative;
  top: 0;
  width: 975px;
}
body.free-fuel-5000 #hero ul li img {
  height: 400px;
  position: absolute;
  right: 0;
  width: 975px;
}
body.free-fuel-5000 #hero #slider-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  height: 4px;
  width: 975px;
  z-index: 200;
  left: 0;
  top: 0;
}
body.free-fuel-5000 #hero #slider-nav menu {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  height: 400px;
  width: 975px;
}
body.free-fuel-5000 #hero #slider-nav menu li {
  display: block !important;
  height: 48px;
  overflow: hidden;
  position: absolute;
  top: 174px;
  width: 42px;
}
body.free-fuel-5000 #hero #slider-nav menu li a {
  width: 42px;
  height: 48px;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
body.free-fuel-5000 #hero #slider-nav menu #slider-back-button {
  left: -6px;
}
body.free-fuel-5000 #hero #slider-nav menu #slider-back-button a {
  background: url(/assets/img/css-images/slider-button-back.png) center center no-repeat;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}
body.free-fuel-5000 #hero #slider-nav menu #slider-back-button a:hover {
  opacity: .7;
}
body.free-fuel-5000 #hero #slider-nav menu #slider-next-button {
  right: -6px;
}
body.free-fuel-5000 #hero #slider-nav menu #slider-next-button a {
  background: url(/assets/img/css-images/slider-button-next.png) center center no-repeat;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}
body.free-fuel-5000 #hero #slider-nav menu #slider-next-button a:hover {
  opacity: .7;
}

.ff5k-congrats {
  text-align: center;
  text-decoration: none;
  height: 33px;
  line-height: 33px;
  padding: 4px 1em 6px;
  margin: 0;
  font-size: 20px;
  border: none;
  color: #FFF;
  background: #a80019;
  font-family: "alternate-gothic-no-3-d", helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}

.ff5k-winner {
  background-color: #b0b0b0;
  color: white;
  display: inline-block;
  margin: 0 28px 30px 0;
  padding: 12px;
  vertical-align: top;
  width: 252px;
}

.winner-top {
  height: 252px;
  width: 252px;
  overflow: hidden;
}

.winner-top img {
  min-height: 252px;
  min-width: 252px;
}

#main-content .ff5k-winner p.blurb {
  background: white;
  color: black;
  margin-top: 12px;
  min-height: 215px;
  padding: 20px 20px 40px;
}

#main-content.interior p.winner-info {
  font-family: "alternate-gothic-no-3-d", "impact", helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}

#main-content.interior p.winner-info span.winner-name {float:left;}
#main-content.interior p.winner-info span.winner-loc {float: right;}

div#hero.ff5k-long {
  height: 580px;
}

div.mosaic-links {
  display: inline-block;
}

/* ==== CREDIT CARD COMPARISON TABLE ==== */

.table-credit-cards {
  font-size: 14px;
  line-height: 15px;
  margin: 20px 0;
}

.table-credit-cards th {
  background: #555554; /* Old browsers */ /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555554), color-stop(100%,#393939)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #555554 0%, #393939 100%);
  background: linear-gradient(to bottom, #555554 0%,#393939 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555554', endColorstr='#393939',GradientType=0 ); /* IE6-9 */
  color: #fff;
  border-right: 2px solid #000;
  font-weight: normal;
  height: 70px;
}
.table-credit-cards th:last-child {
  border-right: none;
}

.table-credit-cards td, .table-credit-cards th {
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
  width: 215px;
}
.table-credit-cards td {
  height: 75px;
  font-size: 12px;
  border-bottom: 2px solid #333;
}
.table-credit-cards tr:last-child td {
  border-bottom: none;
}

.table-credit-cards td:nth-child(even) {
  background-color: #f7f5f5;
}
.table-credit-cards td:first-child {
  color: #17538a;
  font-weight: bold;
  font-size: 14px;
}

.table-credit-cards .sunoco-card td {
  background-color: #e8edf1;
  height: 95px;
}
.table-credit-cards .sunoco-card td:first-child {
  position: relative;
  vertical-align: bottom;
}
.table-credit-cards .sunoco-card td:nth-child(even) {
  background-color: #dce4ed;
}
#main-content.interior .table-credit-cards .sunoco-card td:last-child p {
  font-size: 12px;
  line-height: 15px;
  margin: 5px 0 0 0;
}

#main-content .table-credit-cards .sunoco-card .lm {
  margin: 5px 0;
}

.table-credit-cards .sunoco-card td img {
  position: absolute;
  top: 7px;
  left: 74px;
}

/***************** B2B SWITCHOVER ****************/
/*************************************************/
#content-area.one-col #main-content.b2b #breadcrumb-wrap {
  margin: -20px 0 20px 0;
}
#content-area.one-col #main-content.b2b article {
  width: 925px;
}


/***************** ADA UPDATES ****************/
#skiptocontent {
	color: #ffffff;
	background:#BF1722;	
}
#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color: #ffffff;
	background:#BF1722;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	color: #ffffff;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

/*************************************************/