@charset "utf-8";

/* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by Parts-Link-Enterprise. */

/* General page formatting
-------------------------------------------------- */
/* --- wall background --- */
.x-bg {
  background: #ebeae8 url(images/x-bg.jpg) center top scroll repeat;
  padding: 0;
  border: 1px solid #ddd;
  border-width: 2px 0;
}
.x-bg-02 {
  background: transparent none;
  padding: 0;
} /* optional second inset bg */
.x-bg,
.x-bg-02,
.x-content {
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
}

/* --- content area bg and width --- */
.x-content,
#x-head,
#x-foot,
.x-vaca {
  width: 960px;
}
.x-content {
  background: #fff none;
  padding: 10px 0 !important;
  overflow: hidden;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
}

/* --- left column width --- */
#LeftPanel,
#x-side-srch,
#x-side-cats,
#x-side-news,
#x-side-feat {
  width: 210px !important;
}

/* --- main column width --- */
#CentralArea,
#x-main,
#x-main-fcat,
#x-main-feat,
#x-main-prom,
#x-main-tabs {
  width: 717px;
}

/*--- side gutters padding --- */
#LeftPanel {
  padding: 0 0 0 10px !important;
} /* optional left column padding left */
#CentralArea,
#x-main {
  padding: 0 10px 0 0 !important;
} /* optional right column padding right */
#CentralArea #x-main {
  padding: 0 !important;
}

/* --- custom content settings general --- */
.x-bg * {
  font-family: Arial, Tahoma, Sans-serif;
  text-decoration: none;
}
.x-bg,
.x-bg p,
.x-bg a,
.x-bg li,
.x-bg table {
  font-size: 12px;
  color: #000;
}
.x-bg a:link,
.x-bg a:visited,
.x-bg a:active {
  color: #000;
}
.x-bg a:hover,
.fpcc .countClass {
  color: #ef4035;
}
#CentralArea li,
#x-main li {
  background: transparent url(images/x-tbul.png) 0 0 no-repeat;
}

/* --- section title bars settings --- */
#LeftPanel .x-tbar,
#x-main .x-tbar,
#x-main h2 {
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
}
.x-bg #LeftPanel .x-tbar {
  padding-top: 35px;
}
.x-bg #x-main .x-tbar {
  padding-top: 35px;
}
.x-bg #x-main h2 {
  height: 35px;
  line-height: 35px;
}

/* --- main general editable title bar --- */
#x-main h2 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Tahoma, Sans-serif;
  background-image: url(images/x-main-tbar-h2bg.png);
  margin: 0;
  padding: 0 15px;
  clear: both;
}
#x-template #x-main h2 {
  line-height: 21px;
  background: #0397d6 none;
  -moz-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  padding: 10px 15px;
  width: 687px !important;
  height: auto !important;
}

/* --- text titles settings --- */
#CentralArea h1,
#x-main h1 {
  color: #ef4035;
  text-align: left;
  font:
    bold 18px/21px Arial,
    Tahoma,
    Sans-serif;
  margin: 0;
  padding: 0 0 15px;
} /* listing main title */
#CentralArea h5,
#x-main h5 {
  color: #ef4035;
  text-align: left;
  font:
    bold 14px/18px Arial,
    Tahoma,
    Sans-serif;
  margin: 0;
  padding: 5px 0 10px;
} /* listing section subtitles */

/* --- text boxes general - solid with border --- */
#LeftPanel .x-tbar,
#LeftPanel .x-prom {
  width: 210px;
} /* side section dimensions */
#LeftPanel .x-ttop,
#LeftPanel .x-tmid,
#LeftPanel .x-tbtm,
#x-side-feat #x-feat {
  width: 208px;
} /* side section dimensions with border */
#x-main .x-tbar,
#x-main .x-prom {
  width: 717px;
} /* main section dimensions */
#x-main .x-ttop,
#x-main .x-tmid,
#x-main .x-tbtm,
#x-main-feat #x-feat {
  width: 715px;
} /* main section dimensions with border */
#LeftPanel .x-ttop,
#LeftPanel .x-tmid,
#LeftPanel .x-tbtm,
#x-side-feat #x-feat,
#x-main .x-ttop,
#x-main .x-tmid,
#x-main .x-tbtm,
#x-main-feat #x-feat {
  background: #fff none;
  border: 1px solid #cdcdcd;
}
#LeftPanel .x-ttop,
#x-main .x-ttop {
  border-width: 1px 1px 0;
}
#LeftPanel .x-tmid,
#x-main .x-tmid,
#x-side-feat #x-feat,
#x-main-feat #x-feat {
  border-width: 0 1px;
}
#LeftPanel .x-tbtm,
#x-main .x-tbtm {
  border-width: 0 1px 1px;
}
#LeftPanel .x-ttop,
#x-main .x-ttop,
#LeftPanel .x-tbtm,
#x-main .x-tbtm {
  height: 10px;
}

/* --- sections corner rounding --- */
#x-main .x-ttop {
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
} /* optional box rounded corners */
#LeftPanel .x-tbtm,
#x-main .x-tbtm {
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
} /* optional box rounded corners */

/* --- sections spacing --- */
#LeftPanel .x-tbtm,
#x-main .x-tbtm,
#LeftPanel .x-prom,
#x-main .x-prom {
  display: block;
  margin: 0 0 13px;
}

/* --- text boxes inset padding --- */
#LeftPanel .x-tins {
  padding: 10px 10px 0px;
} /* text box inset padding */
#x-main .x-tins {
  padding: 10px 15px 0px;
} /* text box inset padding */

/* --- toggle left column elements for store/listing display only --- */
#LeftPanel .x-temp,
#x-template #LeftPanel .x-home {
  display: none !important;
} /* promo boxes on store only */
#x-template #LeftPanel .x-temp {
  display: block !important;
} /* promo boxes on template only */

/* --- search and news checkbox selects --- */
#x-head-srch p,
#x-side-srch p,
#x-side-news .x-tmid p.x-ckbx {
  line-height: 16px;
  margin: 0 0 10px;
}
#x-head-srch #descr,
#x-side-srch #descr,
#x-side-news .x-tmid #general {
  margin: 1px 5px 0 0;
}

/* --- template image gallery settings --- */
#x-temp-gall,
#x-gall-main,
#x-gall-thmb {
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}
#x-temp-gall .x-cntr,
#x-gall-main .x-cntr {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#x-temp-gall img,
#x-gall-main img {
  margin: 0 auto;
  display: block;
  border: 0 none;
  width: auto;
  height: auto;
}
#x-temp-gall .x-hide {
  display: none !important;
} /* hide unused gallery image slots */
#x-temp-gall #x-gall-thmb h5 {
  text-align: center;
  margin: 0;
  padding: 0 0 5px;
  width: 100%;
  clear: both;
} /* thumbs text title */
#x-temp-gall #x-gall-thmb h5 span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: transparent url(images/x-gall-icon.png) left center no-repeat;
} /* thumbs title icon */

/* --- category page font overrides do not change --- */
.x-bg #CentralArea .v4stabl,
.x-bg #CentralArea .r3 {
  /* width:717px; margin:0 20px 0 0; */
}
.x-bg #CentralArea .r3,
.x-bg #CentralArea .r3 p,
.x-bg #CentralArea .r3 li,
.x-bg #CentralArea .r3 table,
.x-bg #CentralArea .r3 a,
.x-bg #CentralArea .r3 a:link,
.x-bg #CentralArea .r3 a:visited,
.x-bg #CentralArea .r3 a:active {
  color: #000;
}
.x-bg #CentralArea .r3 a:hover,
.x-bg #CentralArea .r3 .fpcc .countClass {
  color: #ef4035;
}
/* top right view options */
.x-bg #CentralArea .v4stabl,
.x-bg #CentralArea .v4stabl a {
  color: #000;
  font-size: 11px;
}
.x-bg #CentralArea .v4stabl a:hover {
  color: #ef4035;
}
/* additional search results suggestions */
.x-bg #CentralArea .v4snexp div {
  color: #ef4035;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 5px;
} /* title line */
.x-bg #CentralArea .v4snexp ul li {
  background-image: url(images/x-tbul.png);
  padding-bottom: 10px;
} /* bullet icon */
.x-bg #CentralArea .v4snexp ul li,
.x-bg #CentralArea .v4snexp ul li a {
  color: #000;
} /* options text, links */
.x-bg #CentralArea .v4snexp ul li a {
  text-decoration: underline;
}
.x-bg #CentralArea .v4snexp ul li a:hover {
  color: #ef4035;
} /* options links hover */

/* Header formatting
-------------------------------------------------- */
/* --- head main --- */
#x-head {
  height: 195px;
  background: transparent url(images/x-head.png) 0 0 no-repeat;
}
#x-template.x-nojs #x-head {
  background-image: url(https://partslinkent.com/template/Styles/oc-ebay/images/x-head-temp-v2.png);
}
#x-head-logo {
  position: absolute;
  left: 390px;
  top: 20px;
  width: 180px;
  height: 110px;
  display: block;
} /* position logo homepage link */

/* --- search box --- */
#x-head-srch {
  position: absolute;
  left: 660px;
  top: 26px;
  width: 295px;
}
#x-head-srch,
#x-head-srch-sbox,
#x-head-srch-bttn {
  height: 30px;
  line-height: 30px;
  border: 0 none !important;
  background: transparent none;
}
#x-head-srch-sbox {
  width: 240px;
  color: #777;
  font-size: 12px;
  padding: 0 10px;
  float: left;
} /* input box */
#x-head-srch-bttn {
  width: 30px;
  float: right;
} /* float submit button link */

/* --- menu bar text links --- */
#x-head-menu {
  position: absolute;
  left: 10px;
  top: 140px;
  width: 950px;
  height: 30px;
}
#x-head-menu li {
  text-align: center;
  padding: 0 26px 0 0;
}
#x-head-menu li.split {
  padding: 0 250px 0 0;
}
#x-head-menu li:last-child {
  padding: 0;
}
#x-head-menu li a {
  color: #fff;
  font:
    normal 15px/30px Arial,
    Tahoma,
    Sans-serif;
  text-transform: uppercase;
  padding: 0 14px;
  display: block;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#x-head-menu li a:hover {
  color: #fff;
  background: #03262c none;
}

/* Left panel formatting
-------------------------------------------------- */
/* --- side advanced search box --- */
#x-side-advs.x-tbar {
  width: 210px;
  background: transparent url(images/x-side-tbar-advs.png) 0 0 no-repeat;
  padding-top: 36px;
  text-align: center;
} /* section title bar */
#x-side-advs .x-tmid {
  width: 210px;
  height: 166px;
  background: transparent url(images/x-side-advs.png) 0 0 no-repeat;
  border: 0 none;
  margin: 0 0 13px;
} /* add custom news box bg */
#x-side-advs #form1 select {
  width: 190px;
  height: 24px;
  border: 0 none;
  background-color: #fff;
  color: #777;
  font-size: 12px;
  line-height: 18px;
  padding: 3px;
  margin-bottom: 12px;
}
#x-side-advs #x-sbtn {
  width: 70px;
  height: 27px;
  border: 0 none;
  background: transparent url(images/x-side-advs-bttn.png) 0 0 no-repeat;
  margin: 4px auto 0;
  display: block;
  cursor: pointer;
}

/* --- side categories menu --- */
#x-side-cats.x-tbar {
  background-image: url(images/x-side-tbar-cats.png);
} /* section title bar */
#x-side-cats .x-tmid {
  width: 208px !important;
  background: #fff none;
  border: 1px solid #cdcdcd;
  border-width: 0 1px 1px;
  margin: 0 0 13px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
} /* add custom cats box bg */
#LeftPanel .lev1 li {
  margin: 0 10px;
  border-top: 1px solid #cdcdcd;
}
#LeftPanel .lev1 li.first {
  border-top: 0 none;
}
#LeftPanel .lev1 li a,
#LeftPanel .lev1 li span {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 6px 0;
}
#LeftPanel .lev1 li span,
#LeftPanel .lev1 li a:hover {
  color: #ef4035;
}
#LeftPanel .lev2,
#LeftPanel .lev3 {
  margin: 0;
  padding: 5px 0;
  border-top: 1px solid #cdcdcd;
}
#LeftPanel .lev2 li,
#LeftPanel .lev3 li {
  border: 0 none;
}
#LeftPanel .lev2 li a,
#LeftPanel .lev2 li span {
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  padding: 3px 4px 3px 25px;
}
#LeftPanel .lev3 li a,
#LeftPanel .lev3 li span {
  font-size: 11px;
  line-height: 14px;
  text-transform: none;
  padding: 3px 6px 3px 50px;
}
#LeftPanel .lev2 li span,
#LeftPanel .lev3 li span,
#LeftPanel .lev2 li a:hover,
#LeftPanel .lev3 li a:hover {
  color: #ef4035;
}

/* --- side newsletter text box --- */
#x-side-news.x-tbar {
  background-image: url(images/x-side-tbar-news.png);
} /* section title bar */
#x-side-news .x-tmid {
  width: 210px;
  height: 148px;
  background: transparent url(images/x-side-news.png) 0 0 no-repeat;
  border: 0 none;
  margin: 0 0 13px;
} /* add custom news box bg */
#x-side-news .x-tmid p {
  color: #fff;
  line-height: 18px;
  margin: 0 0 25px;
}
#x-side-news .x-tmid p span {
  color: #03262c;
  font-weight: bold;
}
#x-side-news #x-side-news-bttn {
  width: 70px;
  height: 27px;
  background: transparent url(images/x-side-news-bttn.png) 0 0 no-repeat;
  margin: 0;
  display: block;
  float: right;
}
#x-side-news .x-tmid p.x-ckbx {
  font-size: 11px;
  float: left;
  margin: 0;
  padding: 4px 0 0;
}

/* Homepage formatting
-------------------------------------------------- */
/* --- main promo banner images --- */
#x-main #x-main-whys {
  width: 717px;
  height: 124px;
}
#x-main #x-main-bann {
  width: 717px;
  height: 315px;
}
#x-main #x-main-prom {
  width: 717px;
  height: 59px;
}

/* --- main featured categories images --- */
#x-main-fcat img {
  width: 231px;
  height: 251px;
  margin: 0 0 13px 12px;
  float: left;
}
#x-main-fcat img.x-first {
  margin-left: 0;
}

/* --- main featured items --- */
#x-main-feat.x-tbar {
  background-image: url(images/x-main-tbar-feat.png);
} /* section title bar */
#x-main-feat #x-feat {
  overflow: hidden;
  padding: 0 0 0px;
} /* background image */
#x-main-feat #x-feat .x-fp {
  width: 168px;
  height: 245px;
  background: transparent url(images/x-main-fbox.png) center top no-repeat;
  margin: 9px 0 0 9px;
  padding: 5px 0 0;
  float: left;
}
#x-main-feat #x-feat .x-fp a,
#x-main-feat #x-feat .x-fp a span {
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  display: block;
  overflow: hidden;
}
#x-main-feat #x-feat .x-fp a .title {
  color: #000;
  height: 42px;
  margin: 0 10px 12px;
  text-align: center;
}
#x-main-feat #x-feat .x-fp a .title:hover {
  color: #ef4035;
}
#x-main-feat #x-feat .x-fp a .price {
  color: #fff;
  font:
    bold 14px/30px Arial,
    Tahoma,
    Geneva,
    Sans-serif;
  height: 30px;
  display: block;
  padding: 0 12px;
}
#x-main-feat #x-feat .x-fp a .thumb {
  width: 168px;
  height: 160px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#x-template #x-main-feat #x-feat .x-fp a .thumb {
  display: block;
}
#x-main-feat #x-feat .x-fp a .thumb img {
  max-height: 140px;
  width: auto;
  max-width: 140px;
  margin: 10px auto;
}

/* Template formatting
-------------------------------------------------- */
/* --- template description section --- */
#x-main #x-main-desc.x-tbar {
  background-image: url(images/x-main-tbar-desc.png);
} /* section title bar */
#x-main #x-main-gall .x-tmid #x-main #x-main-ttrm .x-tmid {
  padding-top: 0;
}

/* --- template image gallery -- thumbs bottom --- */
#x-temp-gall,
#x-gall-main,
#x-gall-thmb {
  width: 100%;
}
#x-temp-gall {
  margin-bottom: 8px;
}
#x-temp-gall #x-gall-main {
  border: 1px solid #cdcdcd;
  background: #fff none;
  margin-bottom: 10px;
} /* set spacing and border of main img holder */
#x-temp-gall #x-gall-main,
#x-temp-gall #x-gall-main .x-cntr {
  width: 500px;
  height: 500px;
} /* set main img holder size */
#x-temp-gall #x-gall-main img {
  max-width: 500px;
  max-height: 500px;
} /* set main img size */
#x-temp-gall #x-gall-thmb h5 {
  font-size: 12px;
  font-weight: normal;
} /* thumbs text title */
#x-temp-gall #x-gall-thmb .x-hold {
  border: 1px solid #cdcdcd;
  background: #fff none;
  margin: 3px 2px;
  display: inline-block;
} /* set spacing and border of thumb holders */
#x-temp-gall #x-gall-thmb .x-hold:hover {
  border: 1px solid #ef4035;
}
#x-temp-gall #x-gall-thmb .x-hold,
#x-temp-gall #x-gall-thmb .x-cntr {
  width: 75px;
  height: 75px;
} /* set thumb holders size */
#x-temp-gall #x-gall-thmb img {
  max-width: 75px;
  max-height: 75px;
} /* set thumbs size */

/* add for removal of active content */
#x-temp-gall .x-cntr {
  background: #fff none;
}
#x-temp-gall #x-gall-main {
  position: relative;
}
div#x-gall-main > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
div#x-gall-main > div:target {
  z-index: 2;
}

/* --- template promo banner image --- */
#x-main #x-main-stor {
  width: 717px;
  height: 100px;
}

/* --- template terms tabs css only --- */
#x-main-tabs {
  position: relative;
  min-height: 311px;
  margin: 0;
  clear: both;
  overflow: hidden;
}
.x-ttab {
  float: left;
}
.x-ttab label {
  position: relative;
  left: 0;
  cursor: pointer;
  display: block;
} /* tab styling */
.x-ttab [type="radio"] {
  display: none;
}
.x-ttrm {
  top: 51px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff none;
  position: absolute;
}
#x-template #x-main .x-ttrm .x-tmid .x-tins {
  height: 260px;
  overflow: auto;
}
#x-main #x-main-tabs .x-tbtm {
  margin: 0;
}
[type="radio"]:checked ~ label {
  z-index: 2;
}
[type="radio"]:checked ~ label ~ .x-ttrm {
  z-index: 1;
}
/* add styling for individual tabs */
#x-main-tabs {
  background: transparent url(images/x-main-ttab-revised.png) 0 40px no-repeat;
}
.x-ttab {
  width: 19.5%;
}
.x-ttab label {
  font:
    bold 18px/40px Arial,
    Tahoma,
    Sans-serif;
  height: 40px;
  padding: 0 15px;
  text-transform: uppercase;
}
.x-ttab label {
  color: #fff;
  background: #0397d6 none;
  border: 1px solid #0397d6;
  border-width: 1px 1px 0;
  margin-left: 1px;
}
.x-ttab label {
  -moz-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
} /* add rounding */
.x-ttab:first-child label {
  margin-left: 12px;
}
[type="radio"]:checked ~ label {
  color: #03262c;
  background: #fff none;
  border-color: #cdcdcd;
}

/* Footer
-------------------------------------------------- */
#x-foot {
  height: 90px;
  background: transparent url(images/x-foot.png) 0 0 no-repeat;
  text-align: center;
}
#x-foot * {
  font-size: 12px;
  line-height: 16px;
}
#x-foot a:hover {
  color: #ef4035;
}
#x-foot-subm {
  padding: 30px 10px 0;
}
#x-foot-subm,
#x-foot-subm a {
  color: #fff;
  text-transform: uppercase;
}
#x-foot-subm a:hover {
  color: #ef4035;
}
#x-foot-copy {
  padding: 10px 10px 0;
}
#x-foot-copy,
#x-foot-copy a {
  color: #0397d6;
}
#x-foot-copy a:hover {
  color: #fff;
}