@charset "utf-8";
/* CSS Document */

header, nav, article, section, aside, footer { display: block; }

img { max-width: 100%; width: auto; -ms-interpolation-mode: bicubic; }
img, embed, object, video, iframe { max-width: 100%; }
/********* reset *********/

a { color: #464646; }
 a:link, a:visited { outline: none; text-decoration: none; }
 a:hover,
 a:focus { color: #FB6317; }
ul, ol { line-height: 1; margin: 0 0 24px 0; padding: 0; list-style: none; }
 ul li, ol li { padding: 0; list-style: none; font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-family: "Oswald", "BebasNeueRegular", sans-serif; line-height: 1.2; font-weight: normal; color: #2F3338; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
p { font-size: 14px; font-family: open sans, arial, sans-serif; line-height: 1.7; margin: 0 0 21px 0; color: #333333; }
.wrapper100percent { float: left; width: 100%; }
.centered { float: none; margin: 0 auto; }
* { -webkit-font-smoothing: antialiased; }
/********* reset end *********/

@font-face { font-family: 'BebasNeueRegular'; src: url('/fonts/bebasneue-webfont.eot'); }
@font-face { font-family: 'BebasNeueRegular'; src: url('/fonts/bebasneue-webfont.eot'); src: url('/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/bebasneue-webfont.woff') format('woff'), url('/fonts/bebasneue-webfont.ttf') format('truetype'), url('/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; }
.loading { position: fixed; overflow: hidden; background: #fff; opacity: 0; }
body { line-height: 1.6; color: #333333; font-size: 13px; font-family: "open sans", arial, sans-serif; background-attachment: fixed; -ms-overflow-style: scrollbar !important; /*background-color:#464646;*/ }
/*01/25/2017 - josh*/
@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?gw2mtn');
  src:  url('/fonts/icomoon.eot?gw2mtn#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?gw2mtn') format('truetype'),
    url('/fonts/icomoon.woff?gw2mtn') format('woff'),
    url('/fonts/icomoon.svg?gw2mtn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="iconmoon-"], [class*=" iconmoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmoon-check-icon:before {
  content: "\e901";
}
.iconmoon-new-icon:before {
  content: "\e918";
}
/*end of 01/25/2017 update*/
/********* general *********/

@media (max-width: 320px) {
 .hidden-xxxs { display: none; }
}

@media (max-width: 405px) {
 .hidden-xxs { display: none; }
}

@media (max-width: 425px) {
 .col-xxs-12 { width: 100%; }
}

.btn-processing { display: none; background-color: #FC9A68; color: #FFF; border-color: #FC9A68; position: relative; width: 140px; left: 140px; z-index: 999; opacity: 1.0 !important; }
.btn-font { font-family: "open sans",arial,sans-serif; }
.bg-orange { background: #FB6317; color: #FFF; }
.btn-orange { background-color: #FB6317; color: #FFF; border-color: #FB7D3E; }
 .btn-orange:hover,
 .btn-lightgrey:hover { background-color: #FB7D3E; color: #FFF; }
.btn-darkgrey { background-color: #2F3338; color: #FFF !important; border-color: #464646; }
 .btn-darkgrey:hover { background-color: #464646; }
 .btn-orange:focus,
 .btn-darkgrey:focus,
 .btn-lightgrey:focus { color: #FFF; }
.btn-lightgrey { background-color: #8c8d8e; color: #FFF !important; border-color: #45494f; }
.font-wht { color: #FFF; text-decoration: none; }
.font-grey { color: #AFAFB0; }
.font-org { color: #FB6317; }
.note-text { font-size: 12px; line-height: 17px; font-style: italic; }
.border-left { border-left: #2F3338 solid 1px; }
.border-right { border-right: #2F3338 solid 1px; }
.flexbox-wrap { display: -webkit-box; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; }
.textbold { font-weight: bold; }
.textunderline { text-decoration: underline !important; }
div.searchResults.row:before,
div.searchResults.row:after,
div.flexbox-wrap.row:before,
div.flexbox-wrap.row:after { display: none; }
.iframe { -webkit-overflow-scrolling: touch !important; overflow: auto !important; }
/********* general end *********/


/******** menu ********/
.navbar-logo { margin-top: 10px; max-width: 160px; }

@media (max-width: 775px) {
 .navbar-logo { max-width: 135px; }
 .navbar-brand { height: 65px; }
 .navbar-toggle { margin-top: 18px !important; }
}

@media (max-width: 991px) {
 .navbar-logo { max-width: 145px; }
}

.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 25px; margin-right: 0; margin-bottom: 8px; background: #464646; border: none; }
 .navbar-toggle:hover { background: #595959; }
 .navbar-toggle:focus { background: #595959; }
 .navbar-toggle .icon-bar { background: #fff; }
.navbar { position: relative; z-index: 900; height: 80px; margin: 0; float: left; margin-bottom: 0; background: #F7F7F7; border-radius: 0; width: 100%; }
.nav-wrapper { background: #F7F7F7; }
.nav { padding-left: 0; margin-bottom: 0; list-style: none; }
 .nav:before,
 .nav:after { display: table; content: " "; }
 .nav:after { clear: both; }
 .nav:before,
 .nav:after { display: table; content: " "; }
 .nav:after { clear: both; }
 .nav > li { position: relative; display: inline-block; margin-bottom: 0; /*height:80px;*/ }
  .nav > li.open { background: #FB6317; color: #FFF !important; }
  .nav > li.dropdown { display: block; }
.navbar .nav > li > a:link,
.navbar .nav > li > a:visited { text-shadow: none; position: relative; margin-top: -1px; padding: 30px 15px; background: transparent; color: #464646; font-size: 14px; font-weight: bold; text-transform: uppercase; /**-webkit-transition: background-color 0.5s ease;
     -moz-transition: background-color 0.5s ease;
       -o-transition: background-color 0.5s ease;
          transition: background-color 0.5s ease;**/ }
.navbar .nav > li > a:hover,
.navbar .nav > li.open > a:focus { color: #fff; }
.navbar .dropdown:hover a.dropdownhover { color: #fff; }
.navbar .nav > li:hover,
.navbar .nav > li:focus,
.navbar .nav > li:active { background: #FB6317; color: #FFF; border-bottom: solid 4px #2F3338; }
/****** select marker dropdown menus *****/
.navbar-sublinks { overflow: hidden; }
.navbar ul.navbar-nav > li.open > a .selected-marker,
.navbar ul.navbar-nav > li.open > a:hover .selected-marker { bottom: 0; left: 50%; margin-top: 0; visibility: visible; }
.navbar ul.navbar-nav > li > a .selected-marker { border-color: transparent transparent #2F3338; border-style: solid; border-width: 0 10px 8px; display: block; margin-left: -9px; margin-top: -10px; position: absolute; transition: margin-top 0.3s ease-out 0s; visibility: hidden; width: 0; z-index: 1001; }
/*** for dropdown hide ***/
.navbar-nav li ul { position: absolute; z-index: 100; left: -9999px; }
.navbar-nav li:hover ul { left: 0; }
 .navbar-nav li:hover ul li ul { left: -9999px; }
.navbar-nav li ul li ul { position: absolute; left: -9999px; }
.navbar-nav li ul li:hover ul { left: auto; right: auto; }
/*** for dropdown hide end ***/

/***second level***/

.navbar-nav ul { top: 100%; left: 150px; }
.navbar-nav > li > ul { padding: 0; margin: 0; /*width: 100%;*/ float: left; height: auto; }
 .navbar-nav > li > ul > li { padding: 0; margin: 0; width: 100%; float: left; }
  .navbar-nav > li > ul > li > a:link,
  .navbar-nav > li > ul > li > a:visited { position: relative; display: block; padding: 10px; padding-right: 20px; border-bottom: solid 1px #595959; /*min-width: 225px;*/ min-width: auto; overflow: hidden; margin: 0; background: #2F3338; color: #AFAFB0; font-size: 13px; /**text-transform: uppercase**/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
  .navbar-nav > li > ul > li > a:hover { background: #FB6317; color: #fff; }
.navbar-nav > li:hover ul { left: 0; }
 .navbar-nav > li:hover ul.navbar-last,
 .navbar-nav > li.open > ul.navbar-last { left: auto; right: 0; }
.nav-bar-no-rollover { background: none !important; border: none !important; }
/*** nav-bar social media ***/
.navbar-social { color: #464646; padding: 30px 10px; font-size: 18px; }
.nav-megamenu { /*display:block;*/ position: absolute; top: 100%; margin: 0; list-style: none; z-index: 999; background: #2F3338; padding: 0px 15px 25px !important; }
.navbar .nav-megamenu h4 { color: #fff; margin-top: 30px; }
.navbar .nav-megamenu li { width: 100%; padding-left: 15px; /*display:block;
		padding:5px;
		margin-bottom:5px;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
 .navbar .nav-megamenu li a { width: 100%; /*padding:10px 15px;*/ display: block; padding: 5px; font-size: 13px; margin-bottom: 5px; color: #AFAFB0; line-height: 17px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
  .navbar .nav-megamenu li:hover,
  .navbar .nav-megamenu li a:hover { background: #FB6317; color: #FFF; }
  .navbar .nav-megamenu li a:before { /*** symbol for right arrows ***/ font-family: 'fontello'; content: "\e827"; float: left; /**
		margin-right:10px;
		margin-left:5px;
		**/ /*margin-right:0px;*/ text-indent: -1.0em; /*list-style-position:inside;*/ }
.nav-megamenu .nav-featured h5 { font-size: 18px; color: #FBFBFB; margin-bottom: 0; }
.nav-megamenu .nav-featured p { color: #AFAFB0; font-size: 13px; margin-top: 5px; }
.nav-megamenu .nav-featured .thumbnail { padding: 2px; }
.nav-megamenu .mega-callout { background: #45494F; padding-top: 15px; padding-bottom: 15px; margin-top: 10px; border-radius: 4px; }
 .nav-megamenu .mega-callout h4 { color: #FFF; margin: 0; font-size: 16px; text-align: center; }
 .nav-megamenu .mega-callout p { color: #FFF; margin-bottom: 0; font-size: 13px; }
 .nav-megamenu .mega-callout a { color: #FFF; /*text-decoration:underline;*/ }
  .nav-megamenu .mega-callout a:hover { color: #FFF; }

@media (max-width:767px) {
 .nav-megamenu .nav-featured,
 .nav-megamenu .mega-callout { /*display:none;*/ }
}

ul.navLast { right: 0 !important; }
/***second level end***/


@media (max-width: 1200px) {
 .navbar .nav > li > a:link,
 .navbar .nav > li > a:visited { padding: 30px 10px; }
}

@media (max-width: 1000px) {
 .navbar .nav > li > a:link,
 .navbar .nav > li > a:visited { padding: 30px 6px; }
}

@media (max-width: 767px) {
 .navbar-collapse .pull-right { float: none !important; }
 .navbar-brand { float: left; padding: 0; width: 80%; /*  height:65px; */ }
 .navbar-header { float: left; padding: 0; width: 20%; }
 .navbar-collapse { float: left; padding: 0; width: 100%; height: 400px; overflow-x: hidden; position: absolute; top: 65px; z-index: 100; background: #F7F7F7; }
 .navbar .nav > li { height: auto; border-top: solid 1px #2F3338; border-bottom: solid 1px #2F3338; }
  .navbar .nav > li > a:link,
  .navbar .nav > li > a:visited { padding: 15px 0; background: #464646; color: #AFAFB0; }
  .navbar .nav > li > a:hover,
  .navbar .nav > li > a:focus { padding: 15px 0; color: #fff; background: #464646; }
 .nav > li.dropdown { background: #fff; }
 .navbar-nav ul { top: 0; left: 0; }
 .navbar .dropdown:hover a.dropdownhover { color: #fff; background: #FB6317; }
 .navbar-nav > li > ul.mobile-menu > li > a:link,
 .navbar-nav > li > ul.mobile-menu > li > a:visited { padding: 10px 0; }
 .navbar-nav > li > ul > li > a:hover { color: #fff; background: #FB6317; }
 .navbar .nav > li:hover,
 .navbar .nav > li:focus,
 .nav-megamenu > ul > li:hover,
 .nav-megamenu > ul > li:focus { background: #fff; color: #FB6317; }
 .navbar-nav > li > ul { padding: 0; margin: 0; width: 100%; float: left; height: auto; }
  .navbar-nav > li > ul > li { padding: 0; margin: 0px 0; width: 100%; float: left; }
 .navbar-nav > li:hover ul { left: 0; }
 .navbar-nav > li > a { margin-bottom: 0; margin-left: 0; margin-right: 0; color: #fff; }
 .navbar { height: auto; background: #F7F7F7; }
  .navbar .nav { margin: 0; }
 .nav { float: left; width: 100%; margin-top: 20px; }
  .nav li { float: left; width: 100%; text-align: center; }
 .navbar-nav li ul { float: left; width: 100%; position: relative; z-index: 100; left: 0; }
 .navbar .nav-megamenu li { padding-left: 0; padding-right: 0; }
 .navbar .nav-megamenu { padding: 0px !important; }
  .navbar .nav-megamenu .col-sm-6 { padding-left: 0; padding-right: 0; }
  .navbar .nav-megamenu h4 { background: #595959 none repeat scroll 0 0; margin: 0; padding: 5px 0; text-align: center; font-size: 14px; font-family: "open sans",arial,sans-serif; font-weight: bold; text-transform: uppercase; color: #F7F7F7; }
 .nav-megamenu .row { margin-left: 0; margin-right: 0; }
 .navbar .nav-megamenu .col-sm-8,
 .navbar .nav-megamenu .col-md-6,
 .navbar .nav-megamenu .col-sm-8 .row .col-md-6,
 .navbar .nav-megamenu .col-md-6 .row .col-md-6,
 .navbar .nav-megamenu .col-sm-5,
 .navbar .nav-megamenu .col-sm-5 .row .col-sm-12 { padding-left: 0px !important; padding-right: 0px !important; width: 100%; min-height: 0; }
 .navbar .nav-megamenu li a:link,
 .navbar .nav-megamenu li a:visited { position: relative; display: block; padding: 10px; border-bottom: solid 1px #595959; min-width: 225px; margin: 0; background: #2F3338; color: #AFAFB0; font-size: 13px; /**text-transform: uppercase**/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
 .navbar .nav-megamenu li a:hover,
 .navbar .nav-megamenu li a:focus { color: #fff; background: #FB6317; }
 .navbar .nav-megamenu li a::before { margin: 0; content: none; display: none; }
}

.navbar-collapse { width: 100%; padding-right: 0; padding-left: 0; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }

@media (min-width: 768px) {
 .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
  .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
  .navbar-collapse.in { overflow-y: visible; }
 .navbar-fixed-top .navbar-collapse,
 .navbar-static-top .navbar-collapse,
 .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-brand { float: left; padding: 0; }
 .navbar-brand:hover,
 .navbar-brand:focus { text-decoration: none; }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
 .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

@media (min-width: 768px) {
 .navbar-toggle { display: none; }
}
/********* menu end **********/

/******index******/


/****** top banner start ******/
.topbannerbg { width: 100%; background: #45494F; height: auto; z-index: 0; float: left; }
.topbannernav { margin: 0; }
.topnav-right { float: right; }
.topbanner-link { max-width: 1140px; text-align: center; margin-right: auto; margin-left: auto; font-family: "open sans"; font-size: 11px; display: inline-block; /*padding: 10px 15px;*/ color: #D5D6D6; min-width: 40px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.topbanner-btn { cursor: pointer; padding: 10px 15px; }

@media (max-width:425px) {
 .topbanner-link { line-height: 40px; min-width: 40px; padding-top: 0; padding-bottom: 0; }
 .topbanner-btn { padding: 0; }
}

.topbanner-link a { color: #D5D6D6; }
 .topbanner-link a:hover,
 .topbanner-link:hover,
 .topbanner-link a:focus,
 .topbanner-link:focus { color: #FFF !important; text-decoration: none; background-color: #FB6317; }
.topbanner-menu li a:hover,
.topbanner-menu li:hover,
.topbanner-menu li a:focus,
.topbanner-menu li:focus { color: #FFF !important; text-decoration: none; background-color: #FB6317; width: 100%; }
.topbanner-link .topbanner-menu,
.topbanner-link .topbanner-login,
.topbanner-link .topbanner-btftk,
.topbanner-link .topbanner-megamenu { position: absolute; top: 100%; margin: 0; list-style: none; z-index: 999; background: #2F3338; padding: 0; }
.topbannernav .topbanner-menu { min-width: 100%; left: 0px !important; }
.topbanner-link .topbanner-menu li.language { width: 100%; display: block; padding: 10px 15px; font-size: 11px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
 .topbanner-link .topbanner-menu li.language:hover { background: #FB6317; color: #FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.topbanner-link .topbanner-login,
.topbanner-link .topbanner-btftk,
.topbanner-link .topbanner-megamenu { right: 0; cursor: default; }
 .topbanner-link .topbanner-megamenu h4,
 .topbanner-link .topbanner-megamenu h5 { color: #FFF; }
  .topbanner-link .topbanner-megamenu h4.welcome { margin-bottom: 3px; }
 .topbanner-link .topbanner-login li a,
 .topbanner-link .topbanner-btftk li a,
 .topbanner-link .topbanner-megamenu li a { padding: 0; color: #AFAFB0; /*display:block;*/ }
 .topbanner-link .topbanner-megamenu li a { display: block; width: 100%; }
.topbanner-link .topbanner-menu li.language a { padding: 10px 15px; margin-top: -10px; margin-bottom: -10px; margin-left: -15px; margin-right: -20px; color: #AFAFB0; display: block; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
 .topbanner-link .topbanner-menu li.language a:before,
 .topbanner-link .topbanner-login li a:before,
 .topbanner-link .topbanner-btftk li a:before,
 .topbanner-link .topbanner-megamenu li a:before { /*** symbol for right arrows ***/ font-family: 'fontello'; content: "\e827"; float: left; margin-right: 10px; margin-left: 5px; }
.topbanner-link .topbanner-menu a:hover,
.topbanner-link .topbanner-login a:hover,
.topbanner-link .topbanner-btftk a:hover,
.topbanner-link .topbanner-megamenu a:hover { color: #FFF; }
.login-helper { font-size: 12px !important; color: #AFAFB0; }
 .login-helper a:before { content: none !important; }
 .login-helper a:hover { color: #FFF; background-color: transparent; }
.topbanner-ruler { border: #464646 solid 1px; width: 90%; margin-left: auto; margin-right: auto; }
.topbanner-form,
.topbanner-submenu { padding: 10px 15px 25px; overflow: hidden; }
 .topbanner-form h4,
 .topbanner-submenu h4 { color: #fff; }
 .topbanner-form p,
 .topbanner-form li,
 .topbanner-submenu p,
 .topbanner-submenu li { color: #AFAFB0; font-size: 13px; line-height: 17px; }
 .topbanner-form p,
 .topbanner-form li,
 .topbanner-submenu p { margin-bottom: 8px; }
 .topbanner-submenu li { margin-bottom: 5px; }
 .topbanner-form ul { margin-left: 20px !important; }
 .topbanner-form li { list-style: disc; }
 .topbanner-submenu ul { width: 100%; display: block; margin: 0; }
  .topbanner-submenu ul li { display: block; padding: 5px; }
   .topbanner-submenu ul li:hover { background: #FB6317; color: #FFF; }
 /*.error messages style*/
 .topbanner-form ul.list-unstyled { margin-left: 0 !important; }
.help-block ul.list-unstyled > li { color: #A94442; list-style-type: none; font-size: 12px; margin-bottom: 0; }
.help-block ul.list-unstyled { margin-bottom: 0; }
.dist-logged-menu { border-top: #FB6317 3px solid; }
.dist-map-area { margin-top: 15px; margin-bottom: 15px; }
.dist-shopcart { margin-bottom: 25px; }

@media (max-width: 425px) {
 .dist-shopcart { margin-top: 25px; padding-top: 15px; border-top: solid 1px #45494F; }
 .topbanner-link { padding: 0 0; }
}

.dist-welcome,
.dist-shopcart h5 { font-size: 16px; }
.dist-shopcart-cat { width: 100px; display: block; float: left; }
.dist-login-link,
#dist-login-success a { color: #FFF !important; }
.btftk-form .checkbox label { padding-left: 0; }
.btftk-copyright { margin-top: 10px; border-top: solid 1px #45494F; padding-top: 10px; }
 .btftk-copyright p { font-size: 10px; color: #AFAFB0; margin-bottom: 5px; line-height: 13px; }
/* Live chat styles */
#scub4c a { background: none; }
 #scub4c a:hover span { color: #FFF; }
 #scub4c a:focus span { color: #d5d6d6; }
/****** top banner end ******/
/****** login button *******/
a.btn-login { display: block; margin: 10px auto; width: 240px; padding: 6px 12px !important; color: #FFF !important; }
 a.btn-login:before { content: none !important; margin: 0; }
 a.btn-login:hover { background-color: #FB7D3E; }
/******tooltip styles******/
/* Tooltip */
.dorman + .tooltip > .tooltip-inner { background-color: #2F3338; opacity: 0.8; color: #FFFFFF; border: 1px solid #45494F; padding: 5px; font-size: 14px; }
/* Tooltip on top */
.dorman + .tooltip.top > .tooltip-arrow { border-top: 5px solid #2F3338; }
/* Tooltip on bottom */
.dorman + .tooltip.bottom > .tooltip-arrow { border-bottom: 5px solid #2F3338; }
/* Tooltip on left */
.dorman + .tooltip.left > .tooltip-arrow { border-left: 5px solid #2F3338; }
/* Tooltip on right */
.dorman + .tooltip.right > .tooltip-arrow { border-right: 5px solid #2F3338; }
/******tooltip styles end ******/

/******search bar area******/
.searchbar-wrap { background: #FB6317; padding-bottom: 10px; border-top: solid 1px #FFF; }
 .searchbar-wrap.affix { position: fixed; top: 0; z-index: 9999; width: 100%; }
.margin-sticky { margin-top: 100px; }
.searchbar { position: relative; z-index: 800; margin: 0; margin-bottom: 0; border-radius: 0; width: 100%; }
.searchbar-header { padding: 0; float: left; display: block; width: 100%; }
.searchbar h4 { color: #FFF; text-transform: uppercase; width: 100%; float: left; margin-top: 15px; margin-bottom: 5px; font-size: 20px; }
.searchbar-header h4:before,
.searchbar-toggle h4:before { font-family: 'fontello'; content: "\e806" !important; float: left; margin-right: 10px; margin-left: 5px; }
.searchbar-toggle h4:after { font-family: 'fontello'; content: "\e822"; float: right; margin-left: 10px; margin-right: 10px; }
/*
	.searchbar-toggle.collapsed h4:after {
		content: "\e80a";
	}	*/

.searchnav { padding-left: 0; margin-bottom: 0; list-style: none; margin-top: 10px; }
 .searchnav .form-group { margin-bottom: 5px; width: 100%; }
  .searchnav .form-group select,
  .searchnav .form-group input { font-size: 12px; }
.searchbar-toggle { border: medium none; position: relative; display: block; cursor: pointer; overflow: hidden; height: 100%; }
 .searchbar-toggle .icon-down-open-2 { color: #fff; margin-top: -5px; }
.searchbar-input { width: 80%; margin-right: 0; float: left; display: inline; }
.searchbar-btn { background: #464646; color: #FFF; font-weight: bold; cursor: pointer; }
 .searchbar-btn:hover { background: #595959; }

@media (min-width: 768px) and (max-width:992px) {
 .searchbar-btn { padding-left: 3px; padding-right: 3px; }
}

.searchbar-subheadline { font-family: open sans, arial, sans-serif; margin-left: 20px; font-size: 16px; }
.steelbar { height: 9px; background: url(//static.dormanproducts.com/images/website/images/dorman-steelbar.jpg) #AFAFB0 center center no-repeat; border-top: solid 1px #BFBFC0; border-bottom: solid 1px #595959; }

@media (min-width: 768px) {
 .searchbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
  .searchbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
  .searchbar-collapse.in { overflow-y: visible; }
}

@media (min-width: 768px) {
 .searchbar-toggle { display: none; }
}

@media (max-width: 767px) {
 .searchbar-header { display: none; }
 .searchnav .form-group { margin-bottom: 15px; }
}
/******search area end******/


/******form input styles*******/
.form-terms { max-height: 150px; overflow-y: auto; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; }
 .form-terms p,
 .form-terms li { font-size: 12px; }
.form-control { color: #333; font-size: 13px; height: auto; }
select.form-control { height: 30px !important; }
/*For Safari dropdowns height*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 select { /*-webkit-appearance: menulist-button !important;*/ line-height: 24px !important; }
}

.form-control:focus { border-color: #FB6317; }
.form-control::-moz-placeholder { color: #333; opacity: 1; }
.form-control:-ms-input-placeholder { color: #333; }
.form-control::-webkit-input-placeholder { color: #333; }
/******form input styles end*******/


/****** sticky icon nav *******/
#snav.en { right: 0; text-align: left; box-shadow: #2F3338 1px 1px 4px; }
 #snav.en li span { right: -100px; }
 #snav.en li a:hover span { right: 35px; }
#snav.ar { right: 0; text-align: right; }
 #snav.ar li div { right: -100px; }
 #snav.ar li a:hover span { right: 35px; }
#snav { font-family: "Open Sans",sans-serif; font-size: 16px; position: fixed; top: 25%; z-index: 9999; }
 #snav ul { list-style: outside none none; }
 #snav * { box-sizing: border-box; margin: 0; outline: 0 none; padding: 0; transition: all 0.5s ease 0; }
 #snav li a { color: #fff; display: block; position: relative; text-decoration: none; }
 #snav .fa { font-size: 16px; height: 35px; line-height: 35px; position: relative; text-align: center; vertical-align: middle; width: 35px; z-index: 4; }
 #snav li span { display: block; font-size: 13px; height: 35px; line-height: 35px; overflow: hidden; padding: 0 15px; position: absolute; top: 0; vertical-align: middle; visibility: hidden; white-space: nowrap; width: auto; z-index: 3; color: #AFAFB0; }
  #snav li span:hover { color: #FFF; }
 #snav li a:hover .fa { /*transform: rotate(720deg);*/ }
 #snav li a:hover span { visibility: visible; }
 #snav li span { background-color: #2F3338; }
 #snav li .fa { background-color: #FBFBFB; color: #2F3338; border-bottom: solid 1px #AFAFB0; border-top: solid 1px #FFF; }
 #snav li a:hover .fa { background-color: #45494F; color: #FB6317; border-bottom: solid 1px #45494F; border-top: solid 1px #45494F; }
 #snav .glyphicon { top: 0; }
/****** sticky icon nav end *******/

/****** product items detail *******/
/** item details structure **/
.item-name-h2 { color: #464646 !important; text-decoration: none !important; }
.itemDetailImg,
.itemDetailInfo,
.itemDetailPrice,
.itemRelatedPart { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }
.itemDetailPrice { display: none; }

@media (min-width: 150px) and (max-width: 767px) {
 .itemDetailImg { width: 100%; }
 .itemDetailInfo { width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
 .itemDetailImg { width: 33.33333333%; }
 .itemDetailInfo { width: 66.66666667%; }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .itemDetailImg { width: 33.33333333%; }
 .itemDetailInfo { width: 66.66666667%; }
}

@media (min-width: 1200px) {
 .itemDetailImg { width: 33.33333333%; }
 .itemDetailInfo { width: 66.66666667%; }
}

#divRecalls .alert-danger { border-color: #a94442; border-width: 2px; }
#divRecalls .alert-danger a { color: #a94442; }
#divRecalls .alert-warning { border-color: #8a6d3b; border-width: 2px; }
#divRecalls .alert-warning a { color: #8a6d3b; }
/** item details structure end **/

/** check fit alerts **/
.checkFit .alert { overflow: hidden; padding: 0; }
.checkFit .alert-dismissable .close,
.checkFit .alert-dismissible .close { color: inherit; position: relative; right: 8px; top: 5px; }
.checkFit .alert h4 { margin-bottom: 2px; }
.checkFit .alert p { margin-top: 0; margin-bottom: 5px; }
.checkFit .alert-warning p { color: #8a6d3b; }
.checkFit .alert-success p { color: #3c763d; }
.checkFit .alert-danger p { color: #a94442; margin-bottom: 5px; }
#divCheckFitImg .thumbnail:hover { border: 1px solid #ddd; cursor: auto; }
.well-top { margin-top: 20px; }
.checkFit .well { background-color: #FBFBFB; box-shadow: none; padding: 3px; border-radius: 3px; }
.checkfitIcon { font-size: 50px; }
.checkalert { color: #C60F13; }
.checksuccess { color: #5DA423; }
.checkwarning { color: #edda28; }
.btn-checkfit { min-width: 200px; font-size: 18px; }
/** check fit alerts end **/

/** share this icons **/
.shareThisArea { border-bottom: solid 1px #d5d6d6; margin-bottom: 20px; }
 .shareThisArea p { margin-bottom: 0; }
/** share this icons end **/

/** product images **/
.productImgContent { padding-bottom: 30px; margin-bottom: 10px; border-bottom: 1px solid #d5d6d6; }
.productImg { border: 1px solid #d5d6d6; }
.productImgMain { position: relative; border: 1px solid #ddd !important; border-radius: 4px; }


.productImgOverlay { z-index: 2; color: #464646; text-align: center; position: absolute; opacity: 0; font-size: 125px; cursor: pointer; height: 100%; width: 100%; display: block; top: 0; }

@media (max-width:1200px) {
 .productImgOverlay { font-size: 100px; }
}

@media (max-width:1000px) {
 .productImgOverlay { font-size: 70px; }
}

@media (max-width:766px) {
 .productImgOverlay { font-size: 125px; margin-top: 25px; }
}


.productImgOverlay:hover { color: #2f3338; }
.productImgMain:hover .productImgOverlay { opacity: 0.4; }
.productImgThumb { margin: 10px 0; }
 .productImgThumb .thumbnail { margin-bottom: 5px; width: 33.333333%; float: left; }

@media (min-width: 445px) and (max-width: 767px) {
 .productImgThumb .thumbnail { margin-bottom: 5px; width: 20%; float: left; }
}
/** product images end **/

/** product info **/
.productInfo { margin-top: 0; position: relative; }
.productInfoContent { border-bottom: solid 1px #d5d6d6; margin-bottom: 15px; padding-bottom: 10px; padding-top: 10px; overflow: hidden; min-height: 200px; }
 .productInfoContent h5 { font-size: 16px; margin-bottom: 10px; }
 .productInfoContent ul { margin-left: 20px; }
 .productInfoContent li { line-height: 1.7; margin: 0 0 8px 0; list-style: disc !important; font-family: open sans, arial, sans-serif; }
  .productInfoContent li a,
  .productInfoContent p a { font-weight: bold; }
.productInfoMain { padding-bottom: 20px; }
.productInfoCallout-headline { text-align: center; font-weight: bold; background: #FB6317; padding: 8px; text-transform: uppercase; }
 .productInfoCallout-headline h5 { color: #FFF; margin: 0; font-size: 16px; }
.productInfoCallout-sub { text-align: center; font-weight: bold; background: #464646; padding: 8px; text-transform: uppercase; }
 .productInfoCallout-sub p { color: #FFF; margin: 0; font-size: 14px; }
/** product info end **/

/** product iframes **/
.productFrames { max-height: 650px; -webkit-overflow-scrolling: touch; }

@media (max-width:768px) {
 .productFrames { min-height: 350px; }
}

.buyFrame { /*height: 650px;*/ position: relative; padding-bottom: 90%; height: 0; overflow: hidden; }
 .buyFrame iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

/********** product item details  **********/

/********** dorman modal  **********/
.modal { z-index: 9999999 !important; }
.modal-body { overflow: hidden; }
.modal-header,
.modal-footer { background: #2F3338; }
 .modal-header h4,
 .modal-header button,
 .modal-footer p { color: #FFF; }
 .modal-footer p { font-size: 12px; margin-bottom: 0; }
.modal-content { background: #F7F7F7; }
.modal-form { width: 100%; display: block; margin-right: auto; margin-left: auto; }
.modal-header .close { color: #FFF; opacity: 1.0; }
 .modal-header .close:hover { color: #FB6317; opacity: 1.0; }
/********** dorman modal end  **********/

/********** image zoom modal  **********/
#imgZoom .modal-dialog { width: 90%; top: 20%; }
#imgZoom .modal-content { background-color: #FFF; }
#imgZoom .modal-body { padding: 25px; }
/********** image zoom modal end  **********/

/********** recent activity modal  **********/

.content-scroll { height: 250px; overflow-y: auto; border: 1px solid #CfCfCf; background: #FFF; }
#recentViewed_tab { display: none !important; }
#recentViewed { display: block !important; }
#recentactivitytab .nav-tabs.nav-justified > li { display: inline-block; float: left; }
#iframe_bottom { padding-bottom: 5px; background: inherit; }

@media (min-width: 768px) {
 #recentactivitytab .nav-tabs.nav-justified > li { width: 50%; }
}

@media (max-width: 767px) {
 .content-scroll { /*height: auto;*/ max-height: 250px; }
 #recentViewed { margin-top: 20px; display: none !important; }
 .modal-body { padding: 8px; }
 #recentactivitytab .panel-body { padding: 0; }
 #recentViewed_tab { display: block !important; }
}

@media (min-width: 450px) and (max-width: 767px) {
 #recentactivitytab .nav-tabs.nav-justified > li { width: 33%; }
}

@media (max-width: 450px) {
 .content-scroll { height: auto; }
}

@media (max-width: 425px) {
 #recentactivityModal #recentViewed h4,
 #recentactivityModal #recentViewed p { text-align: center; }
}

#recentactivitytab .active > a { background-color: #464646 !important; color: #FFFFFF !important; }
#recentactivityModal .modal-dialog { margin-left: auto; margin-right: auto; max-width: 850px; width: 90%; }
.recentViewedTitle { padding: 10px 15px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #464646; color: #FFFFFF; border-color: #ddd #ddd transparent; border-image: none; border-style: solid; border-width: 1px; border-radius: 4px 4px 0 0; line-height: 1.432857; font-size: 14px; }
#recentViewed p { font-size: 12px; line-height: 15px; margin-bottom: 0; }
#recentactivityModal .list-group-item:hover { background-color: #f7F7F7; }
#recentactivityModal .modal-frame { background: #F7F7F7; }
.savedName { word-break: break-all; word-wrap: break-word; }
.savedNameButtons { text-align: right; vertical-align: top; width: 40px; }
/* prevent modal to shift left WEB-957 */
body.modal-open { margin-right: 0 !important; padding-right: 0 !important; overflow-x: hidden; }
/********** recent activity modal end  **********/


/********** affix styles  **********/
.affix-top, .affix { position: static; }
#topofpage.affix { position: absolute; bottom: 0; }
#sidebar { max-width: 210px; width: 100%; margin-top: 30px; }
 #sidebar.affix-top { position: relative; }
 #sidebar.affix { top: 100px; position: fixed; }
 #sidebar.affix,
 #sidebar.affix-bottom { max-width: 210px; }
 #sidebar.affix-bottom { position: absolute; }

@media (min-width: 1200px) {
 #sidebar,
 #sidebar.affix,
 #sidebar.affix-bottom { max-width: 250px; }
}

@media (max-width: 991px) {
 #sidebar, #sidebar.affix, #sidebar.affix-bottom { max-width: 155px; }
}
/********** affix styles end  **********/


/********** subpage sidebar nav  **********/
#sidebar li a.list-group-item { border-bottom: solid 1px #d5d6d6; border-top: none; border-left: none; border-right: none; background-color: transparent; line-height: 1.2; padding-left: 25px; padding-right: 0; font-size: 13px; }
 #sidebar li a.list-group-item:hover { color: #FFF; background-color: #2F3338; padding-left: 10px; }
 #sidebar li a.list-group-item:focus { background-color: none; }
#sidebar li a.side-active { color: #FFF; background-color: #45494F; padding-left: 10px; }
#sidebar li .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }
#sidebar li .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.productInfoNavSelector:before { /*** symbol for opened accordion ***/ font-family: 'fontello'; content: "\e827"; float: left; margin-left: 0; margin-right: 0; text-indent: -15px; list-style-position: inside; }
.productInfoNavSelector:hover:before,
.side-active:before { float: right; margin-right: 0; margin-left: 20px; }
/********** subpage sidebar nav end **********/

/****** under slider ******/
.underslider { background: #2F3338; border-top: solid 3px #FB6317; }
 .underslider .infosection { padding: 8px; }

@media (min-width:768px) {
 .underslider .infosection { width: 85%; margin: 0px auto; max-width: 850px; }
}

.underslider .infosection h3 { color: #FBFBFB; text-align: center; margin: 0; }

@media (max-width:425px) {
 .underslider .infosection { padding: 10px; }
  .underslider .infosection h3 { font-size: 16px; }
}
/****** under slider end ******/


/****** dorman sites *****/
.subsite-area { padding-top: 30px; padding-bottom: 50px; }
.subsite-heading h2 { margin-top: 0; margin-bottom: 20px; text-align: center; }
.subsites { max-width: 200px; width: 100%; min-width: 150px; max-height: 150px; height: 100%; min-height: 75px; display: block; margin: 10px auto; background-repeat: no-repeat; cursor: pointer; background-size: contain; background-position: center center; }
.diesel { background-image: url(//static.dormanproducts.com/images/marketing/homepage/diesel2-logo.png); }
 .diesel:hover { background-image: url(//static.dormanproducts.com/images/marketing/homepage/diesel2-logo-ro.png); }
.heavyduty { background-image: url(//static.dormanproducts.com/images/marketing/homepage/hd2-logo.png); }
 .heavyduty:hover { background-image: url(//static.dormanproducts.com/images/marketing/homepage/hd2-logo-ro.png); }
.help { background-image: url(//static.dormanproducts.com/images/marketing/homepage/help2-logo.png); }
 .help:hover { background-image: url(//static.dormanproducts.com/images/marketing/homepage/help2-logo-ro.png); }
.hybrid { background-image: url(//static.dormanproducts.com/images/marketing/homepage/hybrid2-logo.png); }
 .hybrid:hover { background-image: url(//static.dormanproducts.com/images/marketing/homepage/hybrid2-logo-ro.png); }
.login-show, .mpi-show, .oreilly-show, .autozone-show, .hd-show, .spanish-show, .unlicensed { display: none; }
/****** dorman sites end *****/

/******dorman university styles******/
.du-back { background-image: url(//static.dormanproducts.com/images/marketing/homepage/du-background.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #2F3338; padding-top: 30px; }
.du-logo { width: 400px; display: block; margin: 10px auto 50px; }
.du h1 { color: #FFF; text-align: center; }
.du p { color: #F7F7F7; text-align: center; font-weight: bold; font-size: 16px; }
.du-btn { max-width: 320px; }
.du-headline { background: #8C8D8E; border-top: solid 1px #AFAFB0; border-bottom: solid 1px #45494F; padding: 10px; margin-top: 30px; }
 .du-headline h3 { color: #FFF; text-align: center; margin: 0; text-transform: uppercase; }
/******dorman university styles end******/


/******subsection styles******/
.subsection { padding-top: 30px; padding-bottom: 30px; background: #FFF; }
.subsection-wrap { display: -webkit-box; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; }
.subsection-icon { background: #45494F; width: 90%; display: block; border-radius: 10px; padding: 10px; margin: 10px auto; text-align: center; }
 .subsection-icon span { font-size: 50px; color: #FFF; }
.subsection-content { background-color: #FBFBFB !important; text-align: center; }
 .subsection-content h4 { margin-top: 0; }
/******subsection styles end******/


/******checkdorman styles******/
.checkdorman { padding-top: 0; padding-bottom: 50px; }
 .checkdorman h1 { text-align: center; }
.checkdormanlogo { max-width: 450px; width: 95%; display: block; margin: 20px auto; }
/******checkdorman styles end******/


/******filter toggle styles******/
.filterToggleBtn { padding: 10px; margin-bottom: 15px; color: #fff; background: #464646; font-family: "Oswald", "BebasNeueRegular",sans-serif; font-weight: normal; line-height: 1.2; font-size: 18px; text-transform: uppercase; cursor: pointer; }
.row-offcanvas .filterToggleBtn:before { font-family: 'Glyphicons Halflings'; content: "\e019"; float: left; margin-right: 10px; margin-left: 5px; }
.row-offcanvas.active .filterToggleBtn:before { font-family: 'fontello'; content: "\e80a" !important; float: left; margin-right: 10px; margin-left: 5px; }
/******filter toggle styles end******/

/********** Footer styles *************/

.footer { margin-top: 21px; padding-bottom: 20px; width: 100%; height: auto; background: #2F3338; }
 .footer p { font-family: open sans; font-size: 12px; color: #fff; }
.footerheadline h4 { font-family: "Oswald", "BebasNeueRegular", sans-serif; line-height: 24px; margin-top: 42px; margin-bottom: 10px; color: #F7F7F7; font-size: 18px; }
.footer ul { margin: 0; display: block; width: 100%; }
.footer li { margin-bottom: 8px; }
 .footer li a { font-size: 13px; color: #AFAFB0; }
  .footer li a:hover { color: #FB7D3E; }
  .footer li a:before { /*** symbol for arrows ***/ font-family: 'fontello'; content: "\e827"; float: left; margin-right: 10px; margin-left: 0; }
.footer p,
.footer .btftk-form label { font-size: 13px; color: #AFAFB0; line-height: 16px; }
.footer-img { max-width: 150px; background-color: #FFF; padding: 8px; border: #AFAFB0 solid 2px; margin-top: 3px; margin-bottom: 3px; }
.footer .btftk-form .checkbox label { margin-left: 20px; }
.footer .btftk-copyright p { font-size: 10px; line-height: 12px; }
.bottom { background: #464646; border-top: #595959 solid 1px; height: auto; padding-bottom: 20px; }
.copyright p,
.footer-social p,
.footer-social a { color: #AFAFB0; margin-top: 15px; margin-bottom: 0; margin-left: 10px; font-size: 13px; line-height: 25px; }
.copyright p { text-align: left; }
.footer-social p { text-align: right; }
.footer-social a { font-weight: bold; font-size: 16px; }
 .footer-social a:hover { color: #FB6317; }
.copyright a:link, .copyright a:visited { color: #fff; font-weight: bold; }
.copyright a:hover { color: #FB6317; }
.topofpage { margin-top: -30px; margin-bottom: 0; float: right; height: 65px; line-height: 10px; width: 45px; background: #000; display: inline; text-align: center; padding-top: 15px; opacity: 0.5; margin-left: 25px; }
 .topofpage:hover { color: #FFF; }
.topofpage-text { font-size: 11px; }
.topofpage-icon { font-size: 20px; }

@media (max-width: 767px) {
 .copyright p { text-align: center; }
 .footer .btftk-clear { clear: both; padding-top: 1px; }
}
/********** Footer styles *************/

/******index end******/


/******subpage headlines******/
/**main headline on inner pages**/
.pageheadline { width: 100%; height: auto; background: url(//static.dormanproducts.com/images/website/images/pageheadline.png) no-repeat center center #2F3338; background-size: cover; padding-top: 5px; padding-bottom: 5px; margin: 0; border-bottom: 2px solid #595959; }
 .pageheadline h2 { font-family: "Oswald", "BebasNeueRegular", sans-serif; font-size: 16px; color: #FFF; text-transform: uppercase; text-align: left; margin: 0; }
  .pageheadline h2 span { font-family: "Oswald", "BebasNeueRegular", sans-serif; font-size: 18px; margin-left: 20px; color: #FB6317; text-transform: uppercase; }
.pagecontent { padding-top: 15px; padding-bottom: 15px; min-height: 350px; }
/**main headline on inner pages end**/
/******subpage headlines end******/

/********investor page styles*******/
#annualreports .caption h5,
.caption h5 { text-align: center; }
 #annualreports .caption h5:hover,
 .caption h5:hover { text-decoration: none; }
.release-headline { margin-bottom: 5px; }
.release-icon { font-size: 40px; margin-top: -15px; }
/********investor page styles end*******/

/********order history search*******/
.purchaseOrderInputs { padding-top: 10px; }
.order-history-search .form-group { margin-bottom: 15px; }
.order-history-search label.mainlabel { margin-right: 10px; text-align: left; width: 200px; }
.order-history-search .form-group input { width: 150px; }
.order-history-submit { width: 315px; display: block; float: left; }
.order-history-search .orderFilter { margin-top: 20px; background-color: #F7F7F7; padding-top: 10px; }
.order-history-table { margin-top: 10px; margin-bottom: 10px; }
.well-order { padding: 10px; }
.searchToggle:after { /*** symbol for opened accordion ***/ font-family: 'fontello'; content: "\e80e"; float: right; display: inline-block; }
.collapsed .searchToggle:after { /*** symbol for closed accordion ***/ content: "\e80c"; display: inline-block; }

@media (max-width: 1200px) {
 .order-history-search label.mainlabel { margin-right: 0; text-align: left; width: 100%; }
 .order-history-submit { float: left; margin-right: 0; }
}

@media (max-width: 768px) {
 .order-history-search label.mainlabel { width: 100%; display: block; }
 .order-history-search .form-group input { display: inline-block; width: 45% !important; }
}

@media (max-width: 400px) {
 .order-history-submit { width: 250px; margin-left: auto; margin-right: auto; }
  .order-history-submit .btn { width: 100% !important; }
}

@media (max-width:991px) {
 .order-history-search .form-group input { width: 335px; }
}

@media (max-width:767px) {
 .order-history-search .aaiaParttype, .order-history-search #searchOrderInputs { padding-left: 15px; padding-right: 15px; }
}

@media (min-width:768px) and (max-width: 991px) {
 .order-history-search .form-group .btn { width: 150px; }
}


.account-btns { border-top: solid 1px #CCC; margin-top: 10px; padding-top: 10px; }
.accountForm .form-group { margin-bottom: 10px; width: 100%; overflow: hidden; }
.margin-top-20 { margin-top: 20px; }
/********order history search end*******/

/***** tables *****/

.table a { text-decoration: underline; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #F7F7F7; }
.table-dorman { border: none; }
 .table-dorman > thead > tr > th { background: #464646; color: #FFF; border-bottom: solid 3px #AFAFB0; }
.table-hover > tbody > tr:hover { /*background-color: #fcbe9f;*/ background-color: #DDD; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
/***** tables end *****/

/****** breadcrumb styles ******/
.breadcrumb { background-color: transparent; padding-top: 0; margin-bottom: 15px; }
 .breadcrumb li { font-size: 12px; }
  .breadcrumb li a { color: #8C8D8E; }
  .breadcrumb li.active a { color: #2F3338; }
  .breadcrumb li a:hover { color: #FB6317; }
/****** search results styles ******/
.search-results-headline { margin-bottom: 8px; }
 .search-results-headline h4 { margin-bottom: 15px; }
 .search-results-headline .searchTitle { font-style: normal; font-weight: bold; line-height: 1.5; }
 .search-results-headline p { font-size: 14px; }
#filterSidebar h3 { font-size: 17px; }
.panel-group { border: solid 1px #D5D6D6; border-bottom: solid 4px #D5D6D6; margin-bottom: 10px; }
.panel-heading { border-radius: 0px !important; background: #F7F7F7; padding: 10px; border-bottom: solid 1px #D5D6D6 !important; }
 .panel-heading h4 a { display: block; width: 100%; }
.panel-title { font-size: 14px; }
.panel-group .panel { border-radius: 0px !important; }
.panel-default { border: none; box-shadow: none; }
.panel-dorman { background: none; }
 .panel-dorman .accordion-toggle:after { /*** symbol for opened accordion ***/ font-family: 'Glyphicons Halflings'; content: "\e082"; float: right; }
 .panel-dorman .accordion-toggle.collapsed:after { /*** symbol for closed accordion ***/ content: "\e081"; }
.ulFilter { margin-bottom: -10px !important; margin-top: -10px !important; margin-left: 8px; width: 100% !important; }
 .ulFilter li { padding: 5px 10px; display: block; width: 100%; font-size: 12px; line-height: 17px; }
  .ulFilter li a:before { font-family: 'fontello'; content: "\e827"; float: left; margin-right: 0; text-indent: -1.5em; list-style-position: inside; }
 .ulFilter .checkbox { padding: 7px 10px; margin: 0px 0px 0px -20px; display: block; font-size: 12px; }
  .ulFilter .checkbox:hover { background: #FB7D3E; }
  .ulFilter .checkbox label { min-height: 10px; }
  .ulFilter .checkbox input[type="checkbox"] { margin-top: 0; background: #FFF; border: solid 1px #AFAFB0; }
.showAll { background: #464646; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; padding: 5px 12px; }
 .showAll a { display: block; color: #FFF; font-weight: bold; }
  .showAll a:hover { color: #FB7D3E; }
  .showAll a:focus { outline-offset: 0; }
.showAll-toggle:after { /*** symbol for opened accordion ***/ font-family: 'Glyphicons Halflings'; content: "\e113"; float: right; display: inline-block; }
.showAll-toggle.collapsed:after { /*** symbol for closed accordion ***/ content: "\e114"; display: inline-block; }
.narrow-panel-body .ulFilter li { margin-left: -15px; }
.filterkey { font-weight: bold; }
.narrow-panel-body .ulFilter li a:before { content: none; float: none; margin-right: 0; text-indent: 0; list-style-position: inside; }
.filterScroll { max-height: 250px; overflow-y: auto; }
.filterSave { margin-bottom: 15px; }
.filterSaveTabs { margin-bottom: 8px; float: left; }
 .filterSaveTabs p { margin-bottom: 10px; }
.filterSaveBtn { float: left; }
.filterBtnArea { min-width: 175px; display: block; margin: 0px auto; }

@media (min-width: 450px) and (max-width: 600px) {
 .filterSaveTabs { width: 100%; }
 .filterSaveBtn { width: 100%; }
 .filterBtnArea { margin: 0; }
}

@media (min-width: 600px) and (max-width: 767px) {
 .filterSaveTabs { width: 66.66666667%; }
 .filterSaveBtn { width: 33.33333333%; }
}

@media (min-width: 768px) and (max-width: 991px) {
 .filterSaveTabs { width: 58%; }
 .filterSaveBtn { width: 42%; }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .filterSaveTabs { width: 66.66666667%; }
 .filterSaveBtn { width: 33.33333333%; }
}

@media (min-width: 1200px) {
 .filterSaveTabs { width: 75%; }
 .filterSaveBtn { width: 25%; }
}

@media (max-width: 768px) {
 .filterSaveTabs { margin-bottom: 8px; }
 .filterSaveBtn { margin-top: 8px; }
}

.searchAlert { padding: 10px 15px 5px; background: #F7F7F7; margin-bottom: 10px; }
 .searchAlert p { margin-bottom: 2px; }
.searchAlertbtn { margin: 10px auto !important; }
.radio-line { margin-left: 8px; }

@media (max-width: 420px) {
 .alertInputs { display: block; width: 100%; }
}

.panel-layout { font-size: 20px; margin-bottom: 10px; margin-left: 15px; margin-top: 20px; width: 80px; }
 .panel-layout a.active { color: #FB6317; }
.aaiaParttype { padding: 5px 10px; background: #464646; margin-bottom: 10px; margin-top: 10px; }
 .aaiaParttype h4 { color: #FFF; margin: 0; padding: 0; }
.alert { padding: 8px 12px; margin-bottom: 10px; }
.alert-dismissable .close, .alert-dismissible .close { top: 0; right: 0; margin-left: 10px; }
.alert-general { color: #464646; background-color: #f7f7f7; border-color: #d5d6d6; }
/***** Search Results Product Details ****/

.searchItemsWrap { padding: 10px 0; }
.searchItems { display: block; margin-top: 0; margin-bottom: 0; border-bottom: solid 1px #D5D6D6; overflow: hidden; padding-bottom: 10px; }
.searchItems-img { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; }
 .searchItems-img .thumbnail:hover { border: solid 1px #2F3338; }
.searchItems-info { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; }

@media (min-width: 450px) and (max-width: 600px) {
 .searchItems-img { width: 50%; }
 .searchItems-info { width: 50%; }
}

@media (min-width: 600px) and (max-width: 767px) {
 .searchItems-img { width: 33.33333333%; }
 .searchItems-info { width: 66.66666667%; }
}

@media (min-width: 768px) and (max-width: 991px) {
 .searchItems-img { width: 50%; }
 .searchItems-info { width: 50%; }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .searchItems-img { width: 33.33333333%; }
 .searchItems-info { width: 66.66666667%; }
}

@media (min-width: 1200px) {
 .searchItems-img { width: 25%; }
 .searchItems-info { width: 75%; }
}

.searchItems-info h2 { margin-top: 0; }
.searchItems-info p { margin-bottom: 10px; line-height: 1.4; font-size: 13px; }
.searchItems-info .app-title { margin-bottom: 0; font-weight: bold; }
.searchItems-btn { width: 95%; margin: 8px 0; display: block; max-width: 175px; }
 .searchItems-btn:hover { background: #464646 !important; }
.searchItems-pricing { display: none; }
.searchItems-number { /**font-size:24px;
			font-weight:bold;**/ }
.searchItems-brand { display: inline-block; width: 75px; float: right; margin-top: 5px; }
.searchItems-name { }
.detail-btn { width: 100%; }
.pricing-info { width: 40%; margin-left: 10px; }
.pricing-table { margin-bottom: 5px; }
 .pricing-table .form-group { margin-bottom: 0; }
 .pricing-table h4 { margin-top: 0; margin-bottom: 0; text-align: right; }
.price-input { display: inline; float: left; margin-right: 0; font-size: 12px; }
.price-btn { background: #464646 none repeat scroll 0 0; color: #fff; font-weight: bold; margin-left: 0; }
 .price-btn a { text-decoration: none; }
.in-stock { text-transform: uppercase; background-color: #dff0d8 !important; border-color: #d6e9c6 !important; color: #3c763d !important; }
.low-stock { text-transform: uppercase; background-color: #fcf8e3 !important; border-color: #faebcc !important; color: #8a6d3b !important; }
.out-stock { text-transform: uppercase; background-color: #f2dede !important; border-color: #ebccd1 !important; color: #a94442 !important; }
.call-stock { text-transform: uppercase; background-color: #C0C0C0 !important; border-color: #C0C0C0 !important; color: #333333 !important; }
/****** search results page ******/



/****** panel styles *****/
.panel-page { display: -webkit-box; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; }
.panel-general { border: none !important; box-shadow: none !important; }
 .panel-general h5 { margin: 0; }
 .panel-general ul li { list-style: none !important; }
 .panel-general li a:before { font-family: 'fontello'; content: "\e827"; float: left; margin-right: 0; text-indent: -1.5em; list-style-position: inside; }
/****** panel styles *****/


/****** investor relations page ******/
.stock-well { padding: 8px !important; overflow: hidden; }
 .stock-well h5 { margin-bottom: 10px; }
 .stock-well h2 { margin-top: 0; line-height: 40px; }
 .stock-well p { font-size: 11px; margin-bottom: 0; }
.stock-data { margin-left: 15px; }
.stock-icon { font-size: 40px; margin-top: 0; line-height: 40px; }
.stock-logo { margin-top: 24px; margin-bottom: 24px; }
/****** investor relations page ******/


/****** press release page ******/
.presspost { margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #AFAFB0; }
 .presspost h4 { margin-bottom: 21px; }
.pressimage { margin-bottom: 21px; width: 100%; height: 150px; background: url(//static.dormanproducts.com/images/website/images/building.png) center center no-repeat; background-size: cover; }
.pressdate { min-width: 90px; max-width: 100px; min-height: 96px; margin-left: 20px; background: #FB6317; overflow: hidden; }
.presspost .pressdate p { color: #FFF; font-size: 18px; font-family: "oswald"; text-transform: uppercase; text-align: center; padding: 5px; line-height: 30px; }
.pressmeta { border-bottom: 1px solid #AFAFB0; padding-bottom: 20px; margin-bottom: 35px; }
 .pressmeta p { margin-top: 5px; color: #333333; font-size: 14px; text-transform: uppercase; display: inline-block; padding-right: 30px; margin-bottom: 5px; }
 .pressmeta span { font-size: 12px; text-transform: none; }
.presstext { margin-bottom: 30px; }
.press-well { padding: 15px; overflow: hidden; margin-bottom: 20px; }
 .press-well h5 { font-size: 16px; margin-top: 0; }
 .press-well ul { margin-left: 20px; margin-bottom: 0; }
 .press-well li { list-style: disc; margin-top: 5px; font-size: 14px; line-height: 1.3; }
.press-about p { font-size: 11px; }
/****** press release page ******/



/**********  Pagination styles   ************/
.pagination-wrapper { width: 100%; background: #FBFBFB; border: 1px solid #d5d6d6; padding: 5px; margin: 10px 0; border-radius: 4px; }
 .pagination-wrapper .form-group { margin-top: 5px; margin-bottom: 0; }
.pagination { margin: 5px auto 0; }
.order-label { display: inline-block; float: left; margin-right: 10px; margin-top: 10px; }

@media (max-width: 768px) {
 .pagination-content { text-align: center; }
 .order-label { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; }
 .pagination-wrapper .form-inline { float: none !important; }
  .pagination-wrapper .form-inline .form-group { margin: 5px auto; width: 95%; }
}

.pagination a:link, .pagination a:visited { background: #FFF; color: #2F3338; padding: 5px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float: left; margin-left: 8px; font-size: 10px; }

@media (max-width: 445px) {
 .pagination a:link, .pagination a:visited { padding: 3px 6px; margin-left: 6px; }
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { z-index: 2; color: #2F3338; background-color: #f7F7F7; border-color: #ddd; }
.pagination p { display: inline; float: left; margin-right: 10px; margin-top: 7px; }
#pagingBottom_liCurrentPage > a { background-color: #d5d6d6; }
/**********  Pagination styles   ************/

/********** Live Chat Colors **********/
.chat-online { color: #96dc5b !important; font-weight: bold; }
.chat-offline { color: #f11d19 !important; font-weight: bold; }
/**** Isotope portfolio ****/
.portfolioFilter { width: 75%; margin: 5px auto; }
 .portfolioFilter a { color: #333333; text-decoration: none; background: #F7F7F7; border: 1px solid #AFAFB0; }
  .portfolioFilter a.current { font-weight: bold; color: #FFF; background: #464646; }
.portfolioContainer { margin-top: 10px; }
.documents { margin: 5px; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
 .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.view { -webkit-backface-visibility: hidden; float: left; overflow: hidden; position: relative; text-align: center; }
 .view .mask { width: 100%; height: 100%; position: absolute; top: 0; right: 0; padding: 0; -webkit-backface-visibility: hidden; }
 .view .maskinner { position: absolute; width: 100%; top: 40%; margin-top: -65px; padding: 8px; }
 .view img { display: block; position: relative; }
 .view a:link, .view a:visited { text-transform: uppercase; color: #F7F7F7; text-align: center; display: inline-block; margin: 0 8px; font-size: 30px; width: 32px; height: 32px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
 .view a:hover { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; color: #FFFFFF; }
 .view h5 { color: #FFFFFF; text-transform: uppercase; font-size: 24px; }
.view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; height: 150px; }
.view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background: #fb6317; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 4px; }
.view-first a { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 30px; color: #F7F7F7; }
.view-first:hover img { opacity: 0.2; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-first:hover a,
.view-first:hover p,
.view-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); color: #FFFFFF; text-decoration: none; }
/**** Isotope portfolio end*****/

/**** profile edit ****/
#profileEditForm .form-group { margin-bottom: 2px; clear: both; }
#profileEditForm label { display: inline-block; float: left; padding: 3px 0; width: 40%; }
#profileEditForm .profile-edit,
#profileEditForm .profile-content { display: inline-block; float: left; padding: 3px 8px; width: 60%; }
#profileEditForm a { color: #2F3338; }
#profileEditForm .profile-edit:hover { background: #f7f7f7; border-radius: 4px; border: 1px solid #D5D6d6; }
 #profileEditForm .profile-edit:hover:before { font-family: 'Glyphicons Halflings'; content: "\270f"; float: right; margin-right: 10px; margin-left: 5px; }

@media (max-width: 767px) {
 #profileEditForm .profile-info { padding-bottom: 15px; overflow: hidden; }
 #profileEditForm .profile-login { padding-top: 15px; border-top: 1px solid #ccc; }
}

@media (max-width: 420px) {
 #profileEditForm label { width: 100%; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
 #profileEditForm .form-control { width: 100%; }
 #profileEditForm .profile-edit { margin-top: 0; margin-bottom: 8px; }
  #profileEditForm .profile-edit:hover { width: 100%; }
}
/**** profile edit end ****/

/****** popover styles ******/
.popover { background-color: #FFFFFF; padding-bottom: 0; border: none !important; }
.popover-title { background-color: #D5D6D6; color: #333333; font-size: 14px; text-align: center; }
.popover-content { line-height: 14px; color: #333333; font-size: 12px; padding: 10px; }
/****** popover styles end ******/

.typeahead { z-index: 1051; padding-top: 0; padding-bottom: 0; font-size: 12px; }

@media (min-width:767px) {
 #search-vin .typeahead { left: auto !important; right: 0 !important; }
}

.typeahead li:nth-child(odd) { background-color: #f4f4f4; }
.typeahead > li > a { padding: 2px 5px; font-size: 12px!important; }
.typeahead > .active > a, .typeahead > .active > a:focus, .typeahead > .active > a:hover { background-color: #999999; }
.alert-message { font-family: 'Oswald', "BebasNeueRegular", san-serif; color: #ff0000; font-size: 16px; text-align: center; }
.error-container { margin: 10px; }
.error-message { color: #a94442; }
/****** order detail styles ******/

.order-detail-header { text-align: right; font-weight: bold; padding-right: 10px; }
.order-detail-header-section { background-color: #F0F0F0; }
.order-detail-table-header { background: #464646; font-weight: bold; vertical-align: top; color: #FFF; border-bottom: solid 3px #AFAFB0; }
.order-detail-footer { font-weight: bold; vertical-align: top; border-top: solid 2px #464646; border-bottom: solid 2px #464646; background-color: #FFFFFF; }
/****** order detail styles end ******/

/****** shopping progress bar ******/
.progress { height: auto; }
.progress-bar-empty { background-color: transparent; box-shadow: none; }
.shopping-tabs { width: 25%; }
 .shopping-tabs a,
 .shopping-tabs div { font-size: 11px; padding: 5px; display: block; width: 100%; color: #FFF; }
  .shopping-tabs a:hover { background: #464646; opacity: 0.5; }
  .shopping-tabs a span:hover { opacity: 1.0 !important; }

/****** shopping progress bar end ******/

.container-dorman { padding-left: 15px; padding-right: 15px; }

@media (max-width: 767px) {
 .container-dorman { padding-left: 0; padding-right: 0; }
}

.table-responsive { padding-bottom: 10px; }
/****** item detail app ******/

.detail-app-topspacing { height: 28px; }
.detail-app-bottomspacing { height: 28px; }
.detail-app-header { width: 100%; position: fixed; top: 0; left: -1px; }
.detail-app-table { margin-bottom: 0px !important; }
table.floatThead-table { border-top: none; border-bottom: none; background-color: #FFF; }
.detail-app-table th { padding: 4px !important; font-size: 13px; }
.detail-app-row { width: 100%; font-size: 13px; }
 .detail-app-row td { padding: 4px !important; }
.detail-app-pager { width: 100%; position: fixed; bottom: -4px; left: 0; }
 .detail-app-pager .pagination-wrapper { padding: 4px !important; margin-top: 4px !important; margin-bottom: 4px !important; }
/****** item detail app end ******/

.bootstrap-dialog.type-default .modal-header { background-color: #2f3338; }
.bootstrap-dialog.type-default .modal-body,
.bootstrap-dialog.type-default .modal-footer { background-color: #f7f7f7; }
.bootstrap-dialog.type-default .bootstrap-dialog-title { color: #fff; }

@media print {
 a[href]:after { content: none; }
}

.oefix-highlight {padding:5px; background-color:#FB6317 !important; border-radius:0px 0px 4px 4px; margin: 0 auto; max-width: 243px; }
.oefix-highlight > #partfeed-oefix {max-height:40px;}
.oefix-border {border: 2px solid #fb6317 !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius:0px !important; margin-bottom: 0px !important;}