body {
    background: #dcdcdc url('../images/background-rep.jpg') repeat-x top;
    border-top: 5px solid #000;
    color: #333;
    font-size: 12px;
    padding: 0 0 40px;
    font:12px/1.5 Arial, Helvetica,'Liberation Sans',FreeSans,sans-serif;
}
.arcs {
    background:url('../images/background.jpg') no-repeat top center;
}

/* anchors
----------------------------------------------- */
a {
    color:#333;
    font-weight:normal;
    text-decoration: underline;
}
a:hover {
    color:#ff941a;
}
a.show-more, a.show-more-images {
    margin-top:-5px; padding:0;
    float:right;
    font:11px/2 arial, helvetica, sans-serif;
    color:#333;
    font-weight:bold;
    text-decoration: underline;
}
a.show-more:hover, a.show-more-images:hover {
    color:#ff941a;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
    background:#fff;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em; color:#000;}
h2, h3 {color:#515151;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
    font-weight:normal;
}

/* product themes
----------------------------------------------- */
/*.theme-5w20, .theme-5w30 {background:#fff url('../images/background-green.jpg') no-repeat top;}*/
.theme-cvt, .theme-at, .theme-mt {background:#fff url(../images/background-trans.jpg) no-repeat top;}
/*.theme-CVT, .theme-AT, .theme-MT {background:#fff url('../images/background-trans.jpg') no-repeat top;}*/
.theme-0w50 {background:#fff url('../images/background-0w50.jpg') no-repeat top;}
.theme-5w40 {background:#fff url('../images/background-5w40.jpg') no-repeat top;}
.theme-0w20, .theme-5w20, .theme-5w30 {background:#fff url('../images/background-everyday.jpg') no-repeat top;}

.product-inline-image {text-align:center;}
.product-inline-image img {width:600px;}

.product-subnav {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #eee;
    padding:10px;
    text-align:center;
    background:url('../images/product-trans-bg.png') repeat-x top;
}
.product-subnav img {
    padding-right:10px;
}
.product-link-list {
    text-align:left;
    padding:10px 0;
    margin:10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.product-pdf-box {
    text-align:left;
}
.product-pdf-box img{
    float:left;
    width: 32px;
    height:32px;
    margin-top:2px;
}


/* branding
----------------------------------------------- */
.brand {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    margin-bottom:90px;
    }
.no-arc  {
    margin-bottom:20px;
}
#logo {
    font-weight:normal;
    font-size:3em;
    background:transparent;
    padding:0;
    float:left;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
    font-weight:normal;
    padding:.5em;
    margin:0 0 10px 0;
    border-bottom:1px solid #ccc;
}

/* Buttons and links
----------------------------------------------- */
#button {
    background:#ff6d00;
    font:11px verdana;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius: 2px;    /* for Safari */
    -moz-border-radius: 2px;       /* for Firefox */
    padding:2px 12px 4px;
    margin:0 2px;
    text-align:center;
    border:#913a07 1px solid;

}
#button:hover {background:#ff862c; color:#fff;}
.top-right-link {margin:5px; font:12px verdana; font-weight:bold;}
.button-dealer, .button-sponsored {float:right; margin:35px 10px 0 0;}
.button-dealer-area, .button-sponsored-area {float:right;}

.extra-image, .extra-text {display:none;}
.extra-image {margin-bottom:25px;}

/* boxes
----------------------------------------------- */
div.home-updates {
    padding:0;
}
div.home-updates h2 {
    margin:0;
}

ul.home-updates {
    list-style:none;
    border-top:1px solid #ff8b34;
}
ul.home-updates li {
    margin:0;
    text-align:left;
}
ul.home-updates li a {
    color:#fffaae;
    display:block;
    padding:4px 10px;
    text-decoration:none;
    font-weight:bold;
    border-bottom:1px solid #ff8b34;
}
ul.home-updates li a:hover {
    color:#fff;
    background:#ff941a;
}
ul.home-updates li a:active {
    color:#fff;
    background:#ffb31a;
}
.follow-box {valign:top; color:#fff; font-weight:bold;}
.follow-box li {display:inline; text-decoration:none; padding:0; margin:0;}
.follow-box img {vertical-align:middle;}

.contact-email-box {width:445px; margin-right:10px;}
.contact-box {width:400px; outline:#cecece 1px solid; padding:20px; margin:0 0 25px 15px;}
.contact-box h3 {border-bottom:1px #cecece solid; margin:0 0 10px; padding:5px 0;}
.caption, .caption-current {text-align:center; font-weight:bold;}
.caption-current {display:inline;}
.video-contain-now {display:inline; float:right; vertical-align:middle; width:185px;}
.photo-contain {margin-right:6px;}
.video-contain {margin-right:14px;}
.video-contain, .photo-contain {width:170px; float:left;}
.media-archives {margin-top:15px;}
.media-now-box {
    margin-bottom:10px;
}
.media-latest-box, .media-now-box {
    margin-bottom:20px; padding:6px;
    outline: 1px solid #cecece;
    display:block;
}
.media-latest-box img, .media-now-box img {padding:0 2px; width:170px; height:92px;}
.media-small-thumbs {text-align:center;}
.media-small-thumbs img {margin:5px;float:left;}
.media-image div {margin-right:50px; background-color:#ff0000;}
.media-image img {margin-bottom:10px; text-align:right; outline:#cecece 1px solid; width:540px;}
.news-article img {float:left; margin:0 15px 5px 0; width:400px;}
.news-clip {clear:both;}
.news-clip img {float:left; margin:0 15px 20px 0;}
.home-products {margin:25px 0;}
.home-products-text {margin:25px 0 25px 10px;}
.home-products-text h2 {margin:0; color:#ff6d00; font-size:18px;}
.products-large {text-align:center; margin-bottom:25px;}
.dealer-locator-map {text-align:center; padding:5px 5px 10px; margin-bottom:0; background:url("../images/dealer-locator-map-bg.jpg") repeat-x;}
.dealer-locator-list-head {background-color:#b2b2b2; padding:5px 6px; margin:0; border:1px solid #bbb;}
.dealer-locator-list-head h2 {padding:3px 4px; margin:0; color:#fff; float:left;}
.dealer-locator-filters {font:14px arial; float:right; display:inline; padding-top:2px;}
.dealer-locator-zip-box {background-color:#e6e6e6; padding:8px 6px 8px 12px; margin:0; height:26px;}
.dealer-locator-zip {float:left;}
.dealer-locator-OR {padding:0 6px;}
.filter-type, .dealer-locator-OR {font-weight:bold; margin-right:5px;}
.dealer-paging {padding:0; margin-top:3px; float:right;}
.dealer-paging img {border:0; margin-top:-3px; padding-top:0px; vertical-align:middle;}
.dealer-paging a {font:14px Arial, Helvetica,'Liberation Sans',FreeSans,sans-serif; font-weight:bold; padding-right:4px;}
.dealer-paging a.current-page {text-decoration:none; font-weight:normal;}
.dealer-locator-map {width: 928px; height:312px;text-align:center; padding:5px 5px 10px; margin-bottom:0;}
.dealer-default-contain, .dealer-default-contain-bottom {margin:25px 0 20px; width:100%;}
.dealer-default-contain-bottom {margin-bottom:40px;}

.box-home {
    background:#ff6d00;
    -webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
    margin-bottom:20px;
    padding:10px 10px 1px 15px;
    height:250px;
    text-align:center;
}
.box-home p {text-align:left; color:#fff;}
.box-home h2 {
    text-align:left;
    font-size:1.5em;
    font-weight:normal;
    color:#fff;
    margin:-10px -10px -6px -10px;
    padding:12px 0 0 12px;
}
.box-home h2 a,
.box-home h2 a.visible {
    color:#fff;
    display:block;
    padding:6px 0 0 12px;
    margin:-6px -12px;
    border:none;
}
.box {
    background:#ddd;
    margin-bottom:20px;
    padding:10px 10px 1px 10px;
}
.box h2 {
    font-size:1em;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
    background:#333;
    margin:-10px -10px 0 -10px;
    padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
    color:#fff;
    background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
    display:block;
    padding:6px 12px;
    margin:-6px -12px;
    border:none;
}
.grid_4 .box h2 a {
    background-position: 97% 50%;
}
.grid_5 .box h2 a {
    background-position: 98% 50%;
}
.grid_12 .box h2 a {
    background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
    background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
    background-color:#111;
}
.block {
    padding-top:10px;
}
div.menu {
    padding:0;
}
div.menu h2 {
    margin:0;
}
div.menu .block {
    padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
    margin-bottom:1em;
}
blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size:1.2em;
    padding-left:1em;
    border-left:4px solid #ccc;
}
blockquote cite {
    font-size:.9em;
}
ul, ol {
    padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
    list-style:none;
    border-top:1px solid #ffa751;
}
ul.menu li {
    margin:0;
}
ul.menu li a {
    color:#333;
    display:block;
    padding:4px 10px;
    border-bottom:1px solid #FFB31A;
}
ul.menu li a:hover {
    color:#fff;
    background:#ff941a;
}
ul.menu li a:active {
    color:#fff;
    background:#ffb31a;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
    list-style:none;
    margin:0;
}
ul.menu ul li a {
    padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
    border-top:0;
    margin-bottom:0;
}
ul.section li {
    text-transform:uppercase;
}
ul.section li a {
    background:#bbb;
    cursor:pointer;
}
ul.section li a:hover {
    background:#aaa;
}
ul.section li a:active {
    color:#fff;
    background:#ff941a;
}
ul.section li li a {
    background:#ddd;
    border-bottom:1px solid #eee;
}
ul.section li li a:hover {
    background:#ccc;
}
ul.section li li a:active {
    color:#000;
    background:#fff;
}
ul.section ul li {
    text-transform:none;
}
ul.section ul.current li a {
    background:#eee;
    border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
    background:#ddd;
}
ul.section ul.current li a:active {
    background:#fff;
}
ul.section li a.current {
    color:#fff;
    background:#ffa751;
}
ul.section li a.current:hover {
    background:#ffa751;
}
ul.section li a.current:active {
    background:#ffa751;
}
ul.section li a.active {
    background:#fff;
    cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
    color:#000;
    background:#666;
    cursor:default;
}


/* table
----------------------------------------------- */
.dealer-listing-table table {border:1px solid #bbb; margin:0 2px 10px 1px; width:939px;}
.product-table {width:600px; margin:10px auto;}
.dealer-area-table {margin-top:17px;}
td.dealer-distributor h4 {color:#1B75BB;}
.sort-arrow img{padding:2px; vertical-align:middle;}
table {
    width:100%;
    border:1px solid #bbb;
    margin-bottom:10px;
}
col.colC {
    width:8em;
}
th, td {
    padding:.3em 1em;
    text-align:left;
}
thead th {
    border-top:1px solid #f6f6f6;
    border-bottom:1px solid #888;
    background:#d0d0d0;
    padding:.4em 1em .4em;
}
thead th.table-head {
    font-size:1em;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
    background:#555;
    border:1px solid #555;
}
tbody th,
tbody td {
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
    background:#fafafa;
}
tbody tr.odd th,
tbody tr.odd td {
    background:#fff;
}
tfoot th,
tfoot td {
    border-top:2px solid #666;
    background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
    border-top:6px double #666;
}
tfoot tr.total th {
    text-transform:uppercase;
}
th.currency,
td.currency {
    text-align:right;
}

/* oil finder
----------------------------------------------- */
.oil-step-number {padding-top:27px;}
.oil-step-number span {padding-right:5px;}
.oil-page {background:#fff url('/images/background-trans.jpg') no-repeat top;}
.oil-form a {color:#fff2aa;}
.oil-form a.back {padding-right:50px;}
.oil-form button.back {border:0; background:transparent;color:white; align:left;flow:left; display:inline}
.oil-form fieldset#fieldset-formsubmit {
    padding:5px 0 0 0;
    margin-bottom:0px;
    width: auto;
}
.oil-form fieldset ol{
    padding:5px 0 0 0; margin-bottom:0px;
}
.oil-form ol button#step2-back {
    background:transparent;
    border:0;
    color:white;
    width:20%;
}

.oil-answer {
    margin:auto;
    background:#fff;
    width:600px;
    padding:15px;
    margin-bottom:25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    }
.oil-answer img {float:left; padding-right:15px;}
.oil-answer p {float:left; width:425px; line-height:1.75em;}
.oil-answer-button a    {
    background:#000;
    font:11px verdana;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    -webkit-border-radius: 2px;    /* for Safari */
    -moz-border-radius: 2px;       /* for Firefox */
    padding:2px 12px 4px;
    margin:0 2px;
    text-align:center;
    cursor:pointer;
}
.oil-answer-button a:hover {background:#666;}

/* forms
----------------------------------------------- */
.oil-form {
    margin:auto;
    width:600px;
    padding:15px;
    background:#f67a00;
    color:#fff;
    margin-bottom:25px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.oil-form h3 {color:#fff; text-align:center;}
.deal-form {margin:auto; width:400px; padding:10px;}
form {
    overflow:hidden;
}
.oil-form fieldset p select {
    width:70%;
}
.oil-finder-messages {
    width:70%;
    margin:auto;
    padding:0px 0 0 0;

}
.oil-form fieldset select {
    width:70%;
}
.oil-form fieldset {
    text-align:center;
    border:0px solid #bbb;
    background:#f67a00;
    padding: -20px;
}
fieldset {
    border:1px solid #bbb;
    padding:20px;
    position:relative;
    background:#e9e9e9;
    margin-bottom:10px;
}
.oil-form fieldset {
    padding:0;
}
legend {
    font-size:1.1em;
    padding:.4em .8em;
    background:#fff;
    border:1px solid #bbb;
}
fieldset.login p {
    margin-bottom:1em;
    margin-top:0pt;
}
fieldset p label {
    width:98%;
}
fieldset p input {
    width:98%;
}
fieldset p textarea {
    width:98%;
}
fieldset p select {
    width:99%;
}
fieldset.login p label {
    float:left;
    line-height:2em;
    margin-right:3%;
    text-align:right;
    width:32%;
}
fieldset.login p input {
    width:60%;
}
fieldset.login input.button {
    margin-left:35%;
}
form p.notice {
    font-weight:bold;
}
input.search.text {
    width:66%;
}
input.search.button {
    width:28%;
    margin-left:2%;
}


/* articles
----------------------------------------------- */
.articles {
    padding:0;
}
.articles h2 {
    margin:0;
}
#articles {
    padding-top:0;
}
.article {
    border-top:1px solid #666;
    padding-top:.5em;
}
.box .article {
    border-top:3px solid #fff;
    padding:13px 10px 0 10px;
}
.article h2 {
    font-size:2em;
    font-weight:normal;
    text-transform:none;
    color:#333;
    background:transparent;
    padding:0;
    margin:0;
    border:none;
}
.article h3 {
    margin-bottom:.2em;
    font-size:1.6em;
}
.box .first {
    border-top:none;
}
.article h4 {
    font-size:1.2em;
    text-transform:uppercase;
    margin-bottom:.5em;
}
.article a.image {
    float:left;
    margin:3px 10px 3px 0;
    padding:4px;
    border:1px solid #bbb;
    background:#fff;
}
.article a.image:hover {
    border:1px solid #666;
}
.article a.image img {
    float:left;
}
.article p.meta {
    color:#666;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
    padding:.3em 0;
    margin-bottom:.8em;
}

/* site information
----------------------------------------------- */
#site_info .box {
    color:#666;
    background:#e6e6e6;
    margin:3px 0 20px;
    padding-bottom:10px;
}
#site_info a {
    color:#333; margin:0; padding:0;
}
#site_info a:hover {
    color:#ff941a;
}
#site_info ul {margin:7px 0 4px; padding:0;}
#site_info li {
    list-style:none;
    display:inline;
    margin:0px;
    padding:0 10px;
    border-right:1px solid;
}
#site_info li:first-child {padding-left:0}
#site_info li:last-child {border:none;}
#site_info p {margin:0; padding:0;}

/* Accordian
----------------------------------------------- */
.toggler {
    color: #222;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size:1.1em;
    font-weight: normal;
}
.element h4 {
    margin: 0;
    padding:4px;
    line-height:1.2em;
}
.element p {
    margin: 0;
    padding: 4px;
}
.float-right {
    padding:10px 20px;
    float:right;
}

#accordian-block {
    padding-bottom:10px;
}
/* Product Hover
----------------------------------------------- */
.product-hover {
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}
.product-hover img {
    width:100px; height:179px;
}
.product-hover li {
    padding: 0;
    margin: 0 5px;
    float: left;
    position: relative;
    text-align: center;
}
.product-hover a {
    padding: 14px 3px;
    display: block;
    color: #000000;
    width: 100px;
    text-decoration: none;
    font-weight: bold;
}
.product-hover li em {
    background:url(../images/hover.png) no-repeat;
    width: 305px;
    height: 100px;
    position: absolute;
    top: -150px;
    left: -115px;
    text-align: left;
    padding: 22px 18px 10px;
    font-style: normal;
    z-index: 2;
    display: none;
}