/* */
/* ==================================== Reset ===================================================================== */
div, dl, dt, dd, ul, ol, li, form, fieldset, input, th, td { margin: 0; padding: 0; }
pre, p, blockquote, h1, h2, h3, h4, h5, h6 { margin: 15px 0 15px 0; }
blockquote {
border-left: solid 2px #ccc;
padding: 0 15px;
margin-left: 0.2em;
color: #888;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 10px;
}
h6 {
font-size: 10px;
}
ol, ul {
margin: 0;
padding: 0;
list-style:inside
}
/* ==================================== Convenience classes ======================================================= */
.right {
float: right;
}
.left {
float: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.center {
margin-left: auto;
margin-right: auto;
}
.gray {
color: #888; }
.red {
color: #b01b00; font-weight: bold; }
.green {
color: #008000; }
.small {
font-size: 10px; }
.big {
font-size: 14px; }
.oh {
overflow: hidden; }
.gtrl {
padding-right: 10px;
height: 40px;
}
.gtrl {
padding-left: 10px;
}
.gtrt {
padding-top: 10px;
}
.gtrb {
padding-bottom: 10px
}
.mr {
margin-right: 10px;
}
.ml {
margin-left: 10px;
}
.mt {
margin-top: 10px;
}
.mb {
margin-bottom: 10px;
}
.nil-margin {
margin: 0;
}
.nil-padding {
padding: 0;
}
.boxed {
border-bottom: solid 1px #ccc;
padding: 0 0 10px 0;
}
#All .nbullets {
list-style:none;
}
/* Splits */
.split .left {
width: 49%;
padding: 0;
clear: both;
float: left;
}
.split .right {
width: 49%;
padding: 0;
float: right;
}
.hide {
display: none;
}
/* ==================================== Body and wrapper ========================================================== */
html, body {
margin: 0;
padding: 0;
}
body, td, input, textarea {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}
body {
font-size: 12px;
line-height: 18px;
background:url(http://images.stylintrucks.com/design/bg-site.gif);
color: #333;
}
body .wrap {
background:url(http://images.stylintrucks.com/design/bg-site-lighting.gif) repeat-x scroll 0pt 0pt transparent;
}
.wrap {
min-width: 1175px;
width: 100%;
}
#All {
float: left;
margin: 0 auto;
width: 994px;
padding: 0 0 20px;
}
#mainwrap {
margin: 0 auto;
}
/* ==================================== Common items ============================================================== */
/* Links */
a {
color: #333;
text-decoration: none;
}
a:visited {
color: #333;
}
a:hover {
color: #b01b00;
text-decoration: underline;
}
a img {
border: 0;
}
/* Form Elements */
input, textarea {
color:#a1a1a1;
border:1px solid #c0c0c0;
}
select {
color:#333;
border:1px solid #c0c0c0;
padding:1px;
font-size:12px;
}
.submit {
background: url(http://images.stylintrucks.com/design/bg-btn.gif) repeat-x 0 0;
color: #5b4000;
cursor:pointer;
font-size:11px;
padding: 0 5px;
border: 1px solid #b89e65;
-moz-border-radius: 3px;
height:20px;
text-transform:uppercase
}
.btn-gray {
background-image:url(http://images.stylintrucks.com/design/bg-btn-gray.gif);
border-color:#c0c0c0;
cursor:pointer;
color:#666
}
.btn-gray:hover{
background-image:url(http://images.stylintrucks.com/design/bg-btn.gif);
border-color:#c0c0c0;
cursor:pointer;
color:#666
}
.btn-green {
background-image:url(http://images.stylintrucks.com/design/bg-btngreen.gif);
border-color:#005219;
color:#fff
}
.cbox, input.rbtn {
border:0;
margin:0 5px 0 0;
vertical-align:middle;
}
/* Generic Divs */
.c {
margin: 0;
padding: 0;
}
/* Breadcrumbs */
.breadcrumbs {
background:url(http://images.stylintrucks.com/design/curve-breadcrumbs.gif) repeat-x 0 bottom;
}
.lcurve,
.rcurve {
background:url(http://images.stylintrucks.com/design/curve-breadcrumbs.gif) no-repeat 0 0;
display:block;
float:left;
font-size:1px;
height:31px;
line-height:1px;
width:4px;
}
.rcurve { background-position:0 -31px; float:right }
.breadcrumbs ul {
float:left;
list-style:none;
margin:0;
padding:0 6px;
}
.breadcrumbs ul li {
float:left;
height:26px;
margin:0 5px 0 0;
padding:5px 0 0;
}
.breadcrumbs ul li img {
cursor:pointer;
margin:0 5px 0 0;
vertical-align:middle;
}
.breadcrumbs ul li a {
margin:0 3px 0 0;
text-decoration:underline;
}
.breadcrumbs ul li a:hover { text-decoration:none }
/* Common Layout */
/* Layouts */
.one-col .w {
width: auto;
}
.one-col .ad {
display: none;
}
.two-col-160 .w {
width: 595px;
margin-right: 10px;
float: left;
overflow: hidden;
}
.two-col-160 .ad {
width: 160px;
height: 600px;
float: right;
background: #ccc;
text-align: center;
}
.two-col-160 .nlc {
width:805px;
overflow: hidden;
} /* Two column layout without left column containing Type Year Make Model Selector */
.two-col-320 .w {
margin-right: 10px;
float: left;
overflow: hidden;
}
.two-col-320 .ad {
width: 300px;
height: 250px;
background: #ccc;
text-align: center;
float: right;
}
#InnerpageLists {
margin-top:20px;
}
#InnerpageLists .article-wrap {
display:none
}
#InnerpageLists.w-article .il-ul {
float:left;
width:510px
}
#InnerpageLists.w-article .article-wrap {
display:block;
float:right;
width:230px;
}
#InnerpageLists .seo-content { margin: 10px 0; padding: 0; }
/* For Checkout Pages */
.two-col-250 .w {
margin-right: 10px;
float: left;
overflow: hidden;
}
.two-col-250 .ad {
width: 250px;
height: 250px;
background: #ccc;
text-align: center;
float: right;
}
.full-width {
width: auto;
padding:0;
}
.r-one-col .w {
width:765px
}
/* Header */
#Header {
background:url(http://images.stylintrucks.com/design/bg-header.gif) no-repeat;
height:79px;
margin:0 0 10px;
position:relative;
}
#Logo {
left:-5px;
margin:0;
position:absolute;
top:10px;
width:329px;
}
#Logo a {
background:url(http://images.stylintrucks.com/design/logo.gif);
display:block;
height:60px;
outline:none;
text-indent:-9999px;
}
/* Container */
#Container {}
.ctcurve,
.cbcurve {
background:url(http://images.stylintrucks.com/design/curve-container.gif) no-repeat 0 0;
display:block;
font-size:1px;
height:9px;
line-height:1px;
text-indent:-9999px;
}
.cbcurve { background-position:0 bottom }
#Search-Nav {
background:#fff;
padding:0 9px 10px 9px
}
#Search-Nav div {
background:url(http://images.stylintrucks.com/design/curve-searchnav.gif) repeat-x 0 0;
}
/* Search */
#Search {
background:url(http://images.stylintrucks.com/design/curve-searchnav.gif) no-repeat 0 -36px;
float:left;
height:36px;
padding:0 0 0 5px;
width:240px;
}
#Search p {
margin:0;
padding:8px 0 0 5px;
}
#Search p label {
display:block;
float:left;
font-weight:bold;
}
#Search p input {
float:left;
font-size:11px;
height:16px;
height/**/:/**/20px;
margin:-2px 5px;
padding:2px 5px 0;
}
#Search p input.submit { height:auto; margin:0; padding:1px 2px; }
/* /Search */
/* Navigation */
#Navigation {
background:url(http://images.stylintrucks.com/design/curve-searchnav.gif) no-repeat right bottom;
float:right;
height:31px;
list-style:none;
margin:0;
padding:5px 5px 0 0;
width:710px;
}
#Search-Nav li {
float:left;
margin-right:3px;
}
#Search-Nav li a {
background:url(http://images.stylintrucks.com/design/curve-nav.gif) no-repeat 0 0;
display:block;
float:left;
padding:0 0 0 5px;
text-decoration:none;
}
#Search-Nav li a.highlighted { background-position:0 -30px }
#Search-Nav li a.highlighted span {
background:url(http://images.stylintrucks.com/design/curve-nav.gif) no-repeat right -60px;
display:block;
float:left;
padding:0 5px 0 0;
}
#Search-Nav li a.highlighted span { background-position:right -90px; }
#Search-Nav li a.highlighted span span {
background:url(http://images.stylintrucks.com/design/curve-nav.gif) repeat-x 0 -120px;
color:#000;
cursor:pointer;
float:left;
height:25px;
font-weight:bold;
padding:5px 2px 0;
}
#Search-Nav li a.highlighted span span { background-position:0 bottom }
#Search-Nav li a:hover { background-position:0 -30px }
#Search-Nav li a span {
background:url(http://images.stylintrucks.com/design/curve-nav.gif) no-repeat right -60px;
display:block;
float:left;
padding:0 5px 0 0;
}
#Search-Nav li a:hover span { background-position:right -90px; }
#Search-Nav li a span span {
background:url(http://images.stylintrucks.com/design/curve-nav.gif) repeat-x 0 -120px;
color:#000;
cursor:pointer;
float:left;
height:25px;
font-weight:bold;
padding:5px 2px 0;
}
#Search-Nav li a:hover span span { background-position:0 bottom }
#Search-Nav li.new a span span { color:#ff0000; }
/* /Navigation */
/* Top-Horizontal Innerpage Adverticement */
.hor-ads {
background:#fff;
padding:0 9px 9px;
}
/* /Top-Horizontal Innerpage Adverticement */
.container-wrap {
background:#fff;
padding:1px 9px
}
/* LEFT COLUMN */
#Left {
float:left;
width:200px;
}
#PartFinder { margin:0 0 10px }
#SelectSize {
width:282px
}
#PartFinder h2,
.list h2,
#SelectSize h2 {
background:url(http://images.stylintrucks.com/design/curve-pf.gif) repeat-x 0 -54px;
margin:0;
}
#PartFinder h2 span,
.list h2 span,
#SelectSize h2 span {
background:url(http://images.stylintrucks.com/design/curve-pf.gif) no-repeat 0 0;
display:block;
padding:0 0 0 6px;
}
#PartFinder h2 span span,
.list h2 span span,
#SelectSize h2 span span {
background:url(http://images.stylintrucks.com/design/curve-pf.gif) no-repeat right -27px;
color:#fff;
font-size:13px;
height:22px;
padding:5px 6px 0 5px;
}
#SelectSize h2 span span em {
float:left;
font-style:normal
}
#SelectSize h2 span span a {
color:#fff;
float:right;
font-size:11px;
font-weight:normal;
}
#SelectSize h2 span span a img {
vertical-align:middle
}
#PartFinder div,
.list div.ldata,
.list div.ldata2,
.list div.ldata3,
#SelectSize div {
background:url(http://images.stylintrucks.com/design/curve-pfdiv.gif) no-repeat 0 bottom;
padding:0 0 4px;
}
#SelectSize div {
background-image:url(http://images.stylintrucks.com/design/curve-ss.gif);
}
#PartFinder div form,
#SelectSize div form {
border-left:1px solid #acacac;
border-right:1px solid #acacac;
margin:0;
padding:6px 10px 4px;
}
#PartFinder div form p,
.list div form p {
margin:0;
padding:4px 0;
}
#SelectSize div form p {
margin:0;
padding:5px 0 10px
}
#PartFinder div form select,
.list div form p select {
border:1px solid #acacac;
font-family:arial;
font-size:11px;
padding:1px;
width:178px;
}
#SelectSize form p span {
display:block;
float:left;
margin-right:10px;
width:80px;
text-align: center;
}
#SelectSize form p span.l {
margin-right:0
}
#SelectSize form p span label {
display:block;
font-weight:bold;
}
#SelectSize form p span select {
width:80px
}
#Left .ad {
height:143px;
margin-bottom:10px;
}
.list {
margin-bottom:10px;
}
.list h2 {
background-image:url(http://images.stylintrucks.com/design/curve-list.gif);
}
.list h2 span {
background-image:url(http://images.stylintrucks.com/design/curve-list.gif);
}
.list h2 span span {
background-image:url(http://images.stylintrucks.com/design/curve-list.gif); color:#000
}
.list div.ldata {
background-image:url(http://images.stylintrucks.com/design/bcurve-list.gif);
}
.list div.ldata2 {
background-image:url(http://images.stylintrucks.com/design/bcurve-list.gif);
}
.list div.ldata3 {
background-image:url(http://images.stylintrucks.com/design/bcurve-list.gif);
}
.list div.ldata h3,
.list div.ldata div {
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
margin:0;
padding:6px 10px 4px;
}
.list div.ldata2 h3,
.list div.ldata2 div {
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
margin:0;
padding:6px 10px 4px;
}
.list div.ldata3 h3,
.list div.ldata3 div {
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
margin:0;
padding:6px 10px 4px;
}
.list div.ldata h3 {
color:#b01b00;
font-size:12px;
padding-bottom:0
}
.list div.ldata2 h3 {
color:#b01b00;
font-size:12px;
padding-bottom:0
}
.list div.ldata3 h3 {
color:#b01b00;
font-size:12px;
padding-bottom:0
}
.list div.ldata h3 span {
color:#999;
font-weight:normal;
}
.list div.ldata2 h3 span {
color:#999;
font-weight:normal;
}
.list div.ldata3 h3 span {
color:#999;
font-weight:normal;
}
.list div.ldata div {}
.list div.ldata2 div {}
.list div.ldata3 div {}
.list div.ldata form p a { float:right; font-size:11px }
.list div.ldata2 form p a { float:right; font-size:11px }
.list div.ldata3 form p a { float:right; font-size:11px }
.list div.ldata ul { list-style:none outside; margin:0; overflow:hidden }
.list div.ldata2 ul { list-style:none outside; margin:0; overflow:hidden }
.list div.ldata3 ul { list-style:none outside; margin:0; overflow:hidden }
#Categories.list div.ldata ul { height:auto; overflow:visible }
#Categories.list div.ldata2 ul { height:auto; overflow:visible }
#Categories.list div.ldata3 ul { height:auto; overflow:visible }
.list div.ldata ul li { background:url(http://images.stylintrucks.com/design/arrow-bullet.gif) no-repeat 0 7px; padding-left:12px; }
.list div.ldata2 ul li { background:url(http://images.stylintrucks.com/design/arrow-bullet.gif) no-repeat 0 7px; padding-left:12px; }
.list div.ldata3 ul li { background:url(http://images.stylintrucks.com/design/arrow-bullet.gif) no-repeat 0 7px; padding-left:12px; }
#Categories.list div.ldata ul li {
background:url(http://images.stylintrucks.com/design/dotted-brdr.gif) repeat-x 0 bottom;
padding:4px 8px;
}
#Categories.list div.ldata2 ul li {
background:url(http://images.stylintrucks.com/design/dotted-brdr.gif) repeat-x 0 bottom;
padding:4px 8px;
}
#Categories.list div.ldata3 ul li {
background:url(http://images.stylintrucks.com/design/dotted-brdr.gif) repeat-x 0 bottom;
padding:4px 8px;
}
#Categories.list div.ldata ul li.l { background:none }
#Categories.list div.ldata2 ul li.l { background:none }
#Categories.list div.ldata3 ul li.l { background:none }
.list div.ldata ul li a {
color:#333;
font-size:11px;
}
.list div.ldata2 ul li a {
color:#333;
font-size:11px;
}
.list div.ldata3 ul li a {
color:#333;
font-size:11px;
}
#Categories.list div.ldata ul li a {
background:url(http://images.stylintrucks.com/design/red-bullet.gif) no-repeat 0 6px;
font-size:12px;
padding-left:10px;
}
#Categories.list div.ldata2 ul li a {
background:url(http://images.stylintrucks.com/design/red-bullet.gif) no-repeat 0 6px;
font-size:12px;
padding-left:10px;
}
#Categories.list div.ldata3 ul li a {
background:url(http://images.stylintrucks.com/design/red-bullet.gif) no-repeat 0 6px;
font-size:12px;
padding-left:10px;
}
.list div.ldata ul li a:hover {
color:#b01b00
}
.list div.ldata2 ul li a:hover {
color:#b01b00
}
.list div.ldata3 ul li a:hover {
color:#b01b00
}
.list div.ldata ul li span {
color:#999;
font-size:11px;
}
.list div.ldata2 ul li span {
color:#999;
font-size:11px;
}
.list div.ldata3 ul li span {
color:#999;
font-size:11px;
}
.list div.ldata input.submit {
float:left
}
.list div.ldata2 input.submit {
float:left
}
.list div.ldata3 input.submit {
float:left
}
input.txt-input {
border:1px solid #acacac;
font-family:arial;
font-size:11px;
padding:2px;
width:172px;
color: #333333;
}
.sm-sl {
display:block;
font-weight:bold;
margin:8px 0 0;
outline:none
}
.sm-s2 {
display:block;
font-weight:bold;
margin:8px 0 0;
outline:none
}
/* RIGHT COLUMN */
#Right {
float:right;
width:765px;
}
.heroshot {
height:298px;
}
.homehero-rotation {
height:175px;
margin:0;
display:block;
position:relative;
background:#ccc;
overflow:hidden;
}
/* Heroshot rotation */
#slideshow {
position: relative;
}
#slideshow .slide {
width: 100%;
display: none;
}
#slideshow .slide p {
margin:5px 0 0 105px;
font-size:15px;
}
#slideshow .slide p strong {
color:#b01b00;
}
#slideshow img {
margin:0 auto;
display:block;
}
#slideshow .console {
position: absolute;
top: 272px;
left: 0;
overflow: hidden;
z-index: 10;
}
#slideshow .console a {
background:url(http://images.stylintrucks.com/design/button_rounded.png) no-repeat 0 0;
display: block;
float: left;
font-weight:bold;
margin-right:5px;
width: 19px;
height: 18px;
text-align: center;
text-decoration:none;
line-height: 20px;
font-size:11px;
outline:none;
color: #fff;
}
#slideshow .console a.active {
background:url(http://images.stylintrucks.com/design/button_rounded-active.png) no-repeat 0 0;
color:#333;
}
.group-box {
margin:0 0 10px;
}
.group-box h2 {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) repeat-x 0 -106px;
margin:0;
}
.group-box h2 span {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat 0 0;
display:block;
padding:0 0 0 6px;
}
.group-box h2 span span {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat right -53px;
height:43px;
padding:10px 6px 0 0;
}
.group-box h2 strong {
color:#000;
display:block;
text-transform:uppercase;
}
.group-box h2 em {
font-style:normal;
font-size:11px;
}
.group-box .clearfix em {
color:#333333;
font-size:12px;
}
.group-box-wrap {
border:1px solid #e2e2e2;
padding:9px;
}
.group-box-wrap a{
text-decoration: underline;
}
#FeaturedCategories a {
text-decoration:none;
}
#FeaturedCategories h2 {
text-align:center;
}
#FeaturedCategories strong.categories {
padding-top:8px;
}
#FeaturedCategories .cat-h2 {
font-size:18px;
}
#FeaturedCategories ul {
margin:0;
}
#FeaturedCategories li {
float:left;
line-height:15px;
padding:10px 13px;
width:160px;
list-style:none;
}
#FeaturedCategories ul.cat-list {
margin:6px 0 0 0;
padding:0;
}
#FeaturedCategories ul.cat-list li {
background:url(http://images.stylintrucks.com/design/cat-list-bullet.gif) no-repeat;
background-position:0 4px;
padding:0 0 7px 12px;
}
#FeaturedCategories .cat-view-all {
width:160px;
overflow:hidden;
padding:5px 0 0 0;
border-top:1px #e8e8e8 solid;
}
#FeaturedCategories .cat-view-all a {
padding-right:25px;
background:url(http://images.stylintrucks.com/design/cat-view-all-arrow.gif) no-repeat;
background-position:48px 2px;
}
#FeaturedProducts h2,
#NewProducts h2 {
text-align:center
}
#FeaturedProducts ul,
#NewProducts ul {
list-style:none;
margin:0
}
#FeaturedProducts li,
#NewProducts li {
float:left;
line-height:15px;
padding:10px 13px;
width:160px;
}
.prod-img-name {
display:block;
text-align:left;
}
.prod-img-name:hover {
text-decoration:none
}
.prod-img-name img {
margin:0 0 10px
}
.prod-fdesc {
color:#666;
display:block;
font-size:11px;
}
.prod-img-name span strong {
color:#333;
display:block;
font-size:12px;
line-height:18px;
color:#333;
}
.prod-img-name:hover span strong {
color:#000;
text-decoration:underline
}
.prod-img-name span strong img {
margin:0 5px 0 0;
vertical-align:middle
}
.prod-img-name span em {
color:#b01b00;
display:block;
font-size:12px;
font-style:normal;
margin:3px 0 0;
}
.video-star {
margin:10px 0 0
}
.video-star img {
float:left;
margin-right:12px;
}
.btn-video {
background:url(http://images.stylintrucks.com/design/btn-video.gif);
display:block;
float:left;
font-size:1px;
height:15px;
line-height:1px;
margin:0 5px 0 0;
text-indent:-9999px;
width:45px;
}
.star-rating {
background:url(http://images.stylintrucks.com/design/star.gif) repeat-x 0 bottom;
display:block;
float:left;
font-size:1px;
line-height:1px;
text-indent:-9999px;
width:70px;
}
.star-rating span {
background:url(http://images.stylintrucks.com/design/star.gif) repeat-x 0 0;
display:block;
height:12px;
font-size:1px;
line-height:1px;
text-indent:-9999px;
}
.video-star a.no-reviews {
float:left;
font-size:11px;
line-height:11px;
margin:0 0 0 10px;
}
.video-star a:hover {
color:#b01b00;
}
#RelatedDocuments.group-box h2 span span {
height:25px;
padding-left:6px;
}
#RelatedDocuments.group-box h2 span span strong {
float:left;
margin-right:30px
}
#RelatedDocuments.group-box h2 span span em {
float:left
}
.catalog-giftcards {}
.catalog-giftcards .tcurve {
background:url(http://images.stylintrucks.com/design/curve-home-promos.gif);
display:block;
font-size:1px;
height:10px;
line-height:1px;
}
.cg {
background:url(http://images.stylintrucks.com/design/shade-home-promos.gif) repeat-x 0 0;
border:1px solid #ececec;
border-top:0;
padding:10px 10px 20px 20px
}
.cg h2 {
margin:0 0 15px;
}
.cg img {
float:left;
margin:0 15px 0 0;
}
.catalog {
float:left;
width:300px
}
.cg p {
font-size:12px;
margin:0 0 15px;
}
.cg p strong {
color:#B01B00;
}
.giftcards {
float:right;
width:400px
}
#catalog-gc {
overflow:hidden;
height:47px;
border-bottom:1px #cccccc solid;
}
#catalog-gc span {
color:#e64c3d;
font-weight:bold;
}
#catalog-gc strong {
color:#000000;
font-size:13px;
font-weight:bold;
padding:5px 0 0 0;
display:block;
}
#catalog-gc .catalog {
overflow:hidden;
float:left;
width:300px;
height:47px;
background:url(http://images.stylintrucks.com/design/bg-gift-card.gif) no-repeat;
}
#catalog-gc .catalog div {
padding-left:100px;
}
#catalog-gc .gift-card {
overflow:hidden;
float:left;
height:47px;
background:url(http://images.stylintrucks.com/design/bg-gift-card.gif) no-repeat;
background-position:-300px 0;
}
#catalog-gc .gift-card div {
padding-left:130px;
}
/* tabs for featuread vehicles, brands and parts */
.featured-tabs {
margin:10px 0 0 0;
overflow:hidden;
width:765px;
background:url(http://images.stylintrucks.com/design/bg-tabs_white.gif) repeat-x;
}
.featured-tabs ul {
padding:0;
margin:0;
height:27px;
}
.featured-tabs li {
float:left;
list-style:none;
height:27px;
overflow:hidden;
}
.featured-tabs li a {
float:left;
width:188px;
height:27px;
background:url(http://images.stylintrucks.com/design/bg-stabs.gif) no-repeat;
background-position:0 -27px;
text-align:center;
font-weight:bold;
color:#fff;
padding:6px 0 0 0;
margin:0 2px 0 0;
color:#fff;
outline:none;
text-decoration:none;
}
.featured-tabs li a:hover {
background:url(http://images.stylintrucks.com/design/bg-stabs.gif) no-repeat;
background-position:0 -54px;
color:#000;
height:27px;
outline:none;
}
.featured-tabs li.active a {
background:url(http://images.stylintrucks.com/design/bg-stabs.gif) no-repeat;
color:#000;
height:27px;
outline:none;
}
.featured-tabs-panes {
overflow:hidden;
border:1px #e2e2e2 solid;
border-top:0;
margin:0 0 20px 0;
}
.featured-tabs-panes ul a{
width:130px;
display:block;
}
.featured-tabs-panes div {
display:none;
background:#fff;
overflow:hidden;
}
.featured-tabs-panes div.active {
display:block;
}
.featured-tabs-panes div ul {
margin:0;
padding:10px;
float:left;
width:130px;
}
.featured-tabs-panes div li {
list-style:none;
}
.featured-tabs-panes p.f-view-all {
clear:both;
border-top:1px #e2e2e2 solid;
padding:5px 0;
margin:5px 10px;
text-align:right;
font-weight:bold;
}
#Right .w h1 {
color:#b01b00
}
#Right .w h1 span {
color:#333;
display:block;
font-size:12px;
margin:0 0 5px
}
.pagination {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) repeat-x scroll 0 -106px;
}
.p-btm {
background:url(http://images.stylintrucks.com/design/bg-pgbtm.gif) repeat-x 0 -128px;
}
.pagination .lcurve,
.pagination .rcurve {
float:none;
font-size:12px;
line-height:12px;
width:auto;
}
.pagination .lcurve {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat 0 0;
padding:0 0 0 6px;
}
.p-btm .lcurve { background:url(http://images.stylintrucks.com/design/bg-pgbtm.gif) no-repeat 0 -23px; }
.pagination .rcurve {
background: url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat right -53px;
height:30px;
padding:0 6px 0 0;
}
.p-btm .rcurve { background:url(http://images.stylintrucks.com/design/bg-pgbtm.gif) no-repeat right -75px; }
.pagination .sortby {
float:left;
padding:5px 0 0 5px;
}
.pagination .showitems {
float:left;
margin-left:40px;
padding:5px 0 0;
}
.pagination ul {
float:right;
padding:9px 5px 0 0;
}
.pagination ul li {
display:inline
}
.pagination ul li a {}
.pagination ul li.active a {
font-weight:bold
}
/* CATEGORY LIST */
#CategoryList {
list-style:none outside none;
padding-left: 27px;
width: 775px;
}
#CategoryProductList {
list-style:none outside none;
}
#CategoryList li {
float:left;
margin-bottom:20px;
width:153px;
}
#CategoryList li a {
display:block;
font-size:12px;
line-height:12px;
text-align:center;
}
#CategoryList li a:hover { text-decoration: none }
#CategoryList li a img {
border:1px solid #c0c0c0
}
#CategoryList li a:hover img {
border:1px solid #666
}
#CategoryList li a strong {
display:block;
margin:5px 0
}
#CategoryList li a:hover strong {
text-decoration:underline
}
#CategoryList li a span {
display:block;
color:#999;
display:block;
font-size:11px;
font-weight:bold;
}
/* /CATEGORY LIST */
/* RELATED DOCUMENTS */
#RelatedDocuments {
margin-top:10px
}
#RelatedDocuments ul {
padding:10px 20px 5px;
}
#RelatedDocuments li {
background:url(http://images.stylintrucks.com/design/icon-article.gif) no-repeat 0 4px;
list-style:none;
padding:0 0 15px 25px;
}
#RelatedDocuments li h3 { margin:0 }
#RelatedDocuments li h3 a { color:#333; }
#RelatedDocuments li p { margin:0 }
.ma {
font-weight:bold;
color:#333;
margin:0 0 0 20px;
text-decoration:underline
}
/* /RELATED DOCUMENTS */
/* CATEGORY PRODUCT LIST */
#CategoryProductList li {
float:left;
padding:0 10px 25px;
width:235px;
}
.pl-img-name {
display:block;
float:left;
height:97px;
width:97px;
}
.pl-img-name:hover { text-decoration:none }
.pl-img-name img {
border:1px solid #c0c0c0;
}
.pl-img-name:hover img { border:1px solid #666 }
.pl-img-name-sub {
border:1px solid #c0c0c0;
display:block;
float:left;
height:97px;
width:97px;
overflow:hidden;
}
.pl-img-name-sub:hover { text-decoration:none }
.pl-img-name-sub img {
border:medium none;
}
.pl-img-name-sub:hover img { border:1px solid #666 }
.pl-info {
display:block;
float:right;
line-height:14px;
width:128px;
}
.pl-info a {
display:block;
font-size:11px;
}
.pl-info a strong { line-height:14px }
.pl-info em {
color:#b01b00;
display:block;
font-style:normal;
font-weight:bold;
margin-top:2px
}
.pl-info .video-star { margin:3px 0 }
.img-new { margin:5px 0 0 }
/* /CATEGORY PRODUCT LIST */
/* RIGHT COLUMN ARTICLES */
.article-wrap {}
.article-wrap h2 { margin:0 0 15px; }
#Right .article-wrap h1 { margin-top:0; color:#333 }
.article-wrap a { text-decoration:underline }
.article-wrap a:hover { text-decoration:none }
.article-wrap ul { list-style:inside }
/* /RIGHT COLUMN ARTICLES */
/* PRODUCT DETAIL */
#ProductDetail {
background:url(http://images.stylintrucks.com/design/bg-dashed.gif) repeat-y 400px 0;
margin:20px 0 0;
}
.product-img {
float:left;
padding:0 25px;
width:350px;
}
.product-img .actve-img {
display:block;
text-align:center;
}
.product-img .zoom { background:#eee url(http://images.stylintrucks.com/design/enlarge.gif) no-repeat center; display:block; height:20px; margin-bottom:15px; }
.product-img .zoom:hover { background-color:#ddd }
.product-img .oinfo { display:block; font-size:11px; text-align:center }
.product-img ul { list-style:none }
.product-img li {
float:left;
margin-right:5px;
width:66px;
}
.product-img .li-img {
border:1px solid #ddd;
display:block;
float:left;
margin-right: 10px;
margin-bottom: 5px;
height:95px;
width:95px;
overflow:hidden;
}
.product-img li.f { margin-right:0 }
.product-img li img { border:1px solid #ccc }
.product-img li a:hover img { border:1px solid #aaa; }
.product-info {
float:right;
width:565px;
}
.product-info h1 {
color:#666;
margin:0 0 10px;
}
.dtails { line-height:15px; margin:0 }
.dtails strong { color:#666; display:block; font-size:13px }
.dtails strong a { color:#666 }
.dtails strong a:hover { color:#666; }
.dtails span { display:block; font-size:11px }
.dtails em { font-size:11px; color:#999; font-style:normal; text-decoration:line-through }
.product-prce {
color:#b01b00;
display:block;
font-size:16px;
font-weight:bold;
line-height:16px;
margin-top:5px;
}
.ship-info {
color:#333;
display:block;
font-size:11px;
font-weight:normal;
}
.addtocart-wrap { margin:20px 0 5px; }
.addtocart-wrap a {
background:url(http://images.stylintrucks.com/design/bg-addtocart.gif) repeat-x;
border:1px solid #503605;
color:#503605;
display:block;
float:left;
font-size:14px;
font-weight:bold;
line-height:14px;
height:19px;
margin:0 0 3px;
padding:5px 10px 0;
text-transform:uppercase;
-moz-border-radius: 5px;
}
.addtocart-wrap span { clear:both; display:block; font-size:11px }
.pd-actions { list-style:outside }
.pd-actions li {
background:url(http://images.stylintrucks.com/design/arrow-bullet1.gif) no-repeat 0 center;
list-style:none;
line-height:16px;
padding:0 0 0 18px;
}
.pd-actions li a {
color:#666;
font-size:11px;
text-transform:uppercase;
}
.btn-arrow {
display:block;
margin:20px 0;
width:318px;
}
.btn-arrow .tcurve,
.btn-arrow .bcurve {
background-image:url(http://images.stylintrucks.com/design/pd-arrw-btn.gif);
display:block;
font-size:1px;
line-height:1px;
height:4px;
}
.btn-arrow .bcurve { background-position:0 bottom }
.btn-arrow strong {
background:url(http://images.stylintrucks.com/design/icon-arrow.gif) no-repeat 10px center;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
display:block;
font-size:11px;
line-height:14px;
font-weight:normal;
padding:5px 5px 5px 44px;
}
.btn-arrow strong a { text-decoration:underline }
.product-ldata {
border:1px solid #c0c0c0;
/*width:240px;*/
width:500px;
}
.product-ldata h4 {
border-bottom:1px solid #c0c0c0;
margin:0;
padding:3px 5px;
}
.product-ldata p {
font-size:12px;
font-weight:bold;
margin:5px;
}
.product-ldata p select { font-size:11px; width: 230px }
.prod-info-tabdata { margin:20px 0 0}
.pit-tabs {
background:url(http://images.stylintrucks.com/design/dot.gif) repeat-x 0 bottom;
list-style:none;
}
.pit-tabs li {
border:1px solid #c0c0c0;
border-bottom:0;
margin-right:2px;
float:left;
}
.pit-tabs li a {
background:url(http://images.stylintrucks.com/design/bg-litabs.gif) repeat-x 0 0;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:16px;
line-height:12px;
padding:3px 10px 0;
}
.pit-tabs li a:hover,
.pit-tabs li.active a {
background:#fff;
height:17px;
outline:none;
text-decoration:none;
}
.pit-data-wrap {
border:1px solid #c0c0c0;
border-top:0;
}
.pit-data-cont {
display:none;
padding:1px 10px;
}
.pit-data-cont p {
margin:10px 0;
}
.pi-description .red { display:block; }
.pit-data-cont ul { list-style:inside; margin:10px 0 }
.pit-data-cont ul.specs { list-style:none }
.pit-data-cont #CategoryProductList { margin:15px 0 0 }
.pit-data-cont #CategoryProductList li { padding-bottom:15px }
.pit-data-cont .video-list { list-style:none; margin:0 }
.pit-data-cont .video-list li { padding:10px 0 }
.pit-data-cont .video-list p { margin:0 0 10px }
.pit-data-cont h4 { margin:0 }
.overall-rating-table {
border:1px solid #c0c0c0;
margin:10px 0;
width:250px
}
.r-tables { border:0; border-bottom:1px solid #c0c0c0; padding-bottom:10px; width:100% }
.overall-rating-table thead th {
border-bottom:1px solid #c0c0c0;
padding:3px 5px;
text-align:left;
}
.overall-rating-table tbody th,
.overall-rating-table tbody td { font-weight:normal; padding:2px 5px; text-align:left }
.overall-rating-table tbody th { width:60px; }
.overall-rating-table tbody .overall th { font-weight:bold }
.rvws { width:365px }
.overall-rating-table .video-star { margin:0 }
.fits span { display:block; }
.frst-to-review { color:#b01b00; display:block; font-weight:bold; padding:25px 0 20px; text-align:center }
/* /PRODUCT DETAIL */
/* RELATED ITEM LISTS */
#RelatedItemLists {
border-left:1px solid #c0c0c0;
border-top:1px solid #c0c0c0;
margin:20px 0 0;
width:100%;
}
#RelatedItemLists th,
#RelatedItemLists td {
border-bottom:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
padding:5px 10px;
vertical-align:top;
}
.ril-img { text-align:center; width:130px }
.ril-desc { width:300px }
.ril-desc h1 {
font-size:13px;
margin:0;
}
.ril-desc h1 a { color:#b01b00; }
.ril-desc span {
display:block;
font-size:11px;
}
.ril-desc ul {
font-size:11px;
list-style:inside;
margin:10px 0
}
.ril-veh p { margin:0; font-size:11px; line-height:13px; padding:0 0 10px }
.ril-veh p span { display:block }
.ril-prce { text-align:center; width:130px }
.ril-prce p { margin:0 }
.ril-prce strong { color:#b01b00; display:block; font-size:16px }
.ril-prce span { color:#999; font-size:11px; text-decoration:line-through; }
.ril-action { text-align:center; width:130px}
.ril-action input { margin:0 0 5px; width:110px; text-align:center }
/* /RELATED ITEM LISTS */
/* MY ACCOUNT PAGES */
#MyAccountPages { padding: 20px }
#MyAccountPages h2 {
border-bottom:1px solid #c0c0c0;
font-size:18px;
margin:0 0 20px;
padding:0 0 10px;
}
#MyAccountPages h2 span {
display:block;
font-size:13px;
font-weight:normal;
margin:2px 0 0;
}
#MyAccountPages h3 em { display:block; font-size:12px; font-style:normal; font-weight:normal; }
#MyAccountPages form {
padding:0 20px
}
#MyAccountPages .register form { padding:0 }
#MyAccountPages form ul { list-style:none outside }
#MyAccountPages form ul li {
padding:5px 0;
}
#MyAccountPages form ul li.action { margin-top:10px }
#MyAccountPages .accnt-setting form ul li span.left { margin-right:20px }
#MyAccountPages form ul li label {
display:block;
font-size:13px;
font-weight:bold;
padding:0 0 5px;
}
#MyAccountPages form ul li input {
padding:8px 10px;
vertical-align:middle;
width:350px;
}
#MyAccountPages form ul li input.z-code { width:100px }
#MyAccountPages form ul li input.a-line { width:550px }
#MyAccountPages .accnt-setting form ul li input { width:230px }
#MyAccountPages form ul li input.submit {
background:url(http://images.stylintrucks.com/design/bg-formsubmit.gif) repeat-x;
font-size:15px;
font-weight:bold;
height:35px;
padding:0;
}
#MyAccountPages form ul li input.btn-signin { float:left; width:100px; }
#MyAccountPages form ul li input.btn-register { float:none; width:200px }
#MyAccountPages form ul li em { clear:both; color:#999; display:block; font-size:11px; font-style:normal; margin:3px 0 0 }
#MyAccountPages form ul li.captia img { border:1px solid #666 }
#MyAccountPages form ul li.action span {
border-left:1px solid #c0c0c0;
display:block;
float:left;
height:34px;
line-height:16px;
margin:0 0 0 10px;
padding:1px 0 0 10px
}
#MyAccountPages form ul li.action span a { display:block }
span.correct,
span.incorrect {
font-weight:bold;
font-size:12px;
margin:0 0 0 5px;
padding:0 0 0 20px;
}
span.correct { background:url(http://images.stylintrucks.com/design/icon-c.png) no-repeat 0 -2px; color:#5fa556; }
span.incorrect { background:url(http://images.stylintrucks.com/design/icon-x.png) no-repeat 0 0; color:#b01b00; }
.login-fpword {
border:1px solid #c0c0c0;
border-top-width: 3px;
float:left;
width:290px;
}
#MyAccountPages .login-fpword h2 {
background:#ecebe9;
margin:0;
padding:10px;
}
#MyAccountPages .login-fpword form { padding:15px 15px 10px }
.login { border-bottom:1px solid #c0c0c0 }
#MyAccountPages .login-fpword form h3 { font-size:16px; margin:0 0 10px }
.fpword h3 a { display:block; font-size:12px; font-weight:normal; text-decoration:underline }
#MyAccountPages .login-fpword p { margin:10px 0 5px }
#MyAccountPages .login-fpword form li.action { margin:0 }
#MyAccountPages .login-fpword input { width:238px }
.register {
float:right;
width:620px;
}
/* /MY ACCOUNT PAGES */
/* ORDER INVOICE */
#OrderInvoice { padding:20px; }
.oi-wrap {
border:1px solid #c0c0c0;
border-top-width: 3px;
padding:20px;
border-bottom: none;
}
#OrderInvoice h2 {
border-bottom:1px solid #c0c0c0;
color:#666;
font-size:20px;
margin:0;
padding:0 0 10px;
}
#OrderInvoice h2 strong {
float:left;
}
#OrderInvoice h2 span {
float:right;
font-size:12px;
font-weight:normal;
}
#OrderInvoice h2 span a { color:#417ead; text-decoration:underline }
.ordr-dtails {
border-bottom:1px solid #c0c0c0;
list-style:none outside;
padding:20px 0 20px 20px;
}
.ship-bill-payment {
margin:20px 0 20px 20px;
width:600px;
}
.ship-bill-payment th { text-align:left; }
.ship-bill-payment td { width:200px; vertical-align:top }
.ship-bill-payment td p { margin:0 }
.ship-bill-payment td p span { display:block }
.ship-status { border-top:1px solid #c0c0c0; padding:10px 20px 0 }
.ship-status table {
margin:10px 0;
width:100%
}
.ship-status table a { color:#417ead; text-decoration:underline }
.ship-status table th {
text-align:left
}
.ship-status table th,
.ship-status table td { padding:1px 0 }
.ship-status table thead th { padding:5px 0 }
.ship-status table thead th strong { margin-right: 20px }
.oi-total {
/*background:#e8e8e8;*/
border:1px solid #c0c0c0;
border-top:0;
padding:10px 40px;
}
.oi-total ul { float:right; list-style:none; font-weight:bold; width:180px }
.oi-total li { font-size:15px; padding:2px 0 }
.oi-total li strong { float:left; }
.oi-total li span { float:right }
@media print{
#OrderInvoice #printbtn {
display:none;
}
}
/* /ORDER INVOICE */
/* MY ACCOUNT TABBED SECTION */
.ma-tabs {
background:url(http://images.stylintrucks.com/design/curve-ma-tabbed.gif) repeat-x 0 0;
list-style:none;
padding:0 10px
}
.ma-tabs li {
float:left;
margin-right:3px;
}
.ma-tabs li a {
background:url(http://images.stylintrucks.com/design/curve-ma-tabbed.gif) repeat-x 0 -99px;
display:block;
float:left;
}
.ma-tabs li a:hover,
.ma-tabs li.active a { background-position:0 -198px; color:#fff; text-decoration:none }
.ma-tabs li a span {
background:url(http://images.stylintrucks.com/design/curve-ma-tabbed.gif) no-repeat 0 -33px;
display:block;
float:left;
padding:0 0 0 3px;
}
.ma-tabs li a:hover span,
.ma-tabs li.active a span { background-position:0 -132px; }
.ma-tabs li a span span {
background:url(http://images.stylintrucks.com/design/curve-ma-tabbed.gif) no-repeat right -66px;
color:#fff;
cursor:pointer;
float:left;
font-size:13px;
font-weight:bold;
height:28px;
padding:5px 12px 0 9px;
}
.ma-tabs li a:hover span span,
.ma-tabs li.active a span span { background-position:right -165px; }
.ma-content {
border:1px solid #bbbbb9;
border-top:0;
padding:20px;
}
.recent-orders { margin:0 0 20px; padding:0 0 20px }
.ma-content h3 {
border-bottom:1px solid #c0c0c0;
font-size:15px;
margin:0 0 10px;
padding:0 0 5px;
}
#MyAccountPages .ma-content h3 em,
#MyAccountPages .accnt-setting h3 em{
color:#999;
display:inline;
font-style:italic;
font-size:12px;
}
.ma-content table {
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
margin:0 0 10px;
width:100%
}
.ma-content table th {
border-bottom:1px solid #e1e1e1;
border-right:1px solid #fff;
background:#e1e1e1;
padding:7px 0;
}
.ma-content table th.l { border-color:#e1e1e1; }
.ma-content table th.o-item { width:450px }
.ma-content table td {
border-bottom:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
padding:5px 10px;
text-align:left;
vertical-align:top;
}
.ma-content table th span { background:url(http://images.stylintrucks.com/design/sort-arrows.gif) no-repeat right 5px; cursor:pointer; padding-right:12px }
.ma-content table th span.des { background-position:right -39px }
.view-all {
background:url(http://images.stylintrucks.com/design/gray-arrow.png) no-repeat right center;
font-weight:bold;
padding:0 15px 0 0;
}
.my-vehicles,
.my-vehicles li ul { list-style:none outside }
.my-vehicles li h4 { margin:10px 0 2px }
.my-vehicles li li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.my-vehicles li li { display:inline-block; }
.my-vehicles li li { display:block; }
.my-vehicles li li span { display:block; float:left }
.my-vehicles li li span.mv { width:310px }
.my-vehicles li li a { color:#154ca6; text-decoration:underline }
.add { margin:15px 0 0 }
.add a {
background:url(http://images.stylintrucks.com/design/icon-add.png) no-repeat 0 center;
display:block;
font-weight:bold;
padding:0 0 0 20px;
}
.add a:hover { text-decoration:none }
.addveh { margin:15px 0 0 }
.addveh a {
background:url(http://images.stylintrucks.com/design/icon-add.png) no-repeat 0 center;
display:block;
font-weight:bold;
padding:0 0 0 20px;
}
.addveh a:hover { text-decoration:none }
.vo-tab-page {
border-bottom:1px solid #c0c0c0;
margin:0 0 15px;
padding:0 0 5px;
}
.vtp-btm { border-bottom:0; border-top:1px solid #c0c0c0; margin:5px 0 0; padding:5px 0 0; }
.ma-content .vo-tab-page ul,
.ma-content .vo-tab-page ol { list-style:none }
.ma-content .vo-tab-page ul {
float:left;
}
.ma-content .vo-tab-page ul li {
font-size:15px;
font-weight:bold;
float:left;
margin-right:15px;
}
.ma-content .vo-tab-page ul li a {
color:#154ca6;
font-size:12px;
}
.ma-content .vo-tab-page ol {
float:right;
}
.ma-content .vo-tab-page ol li { display: inline;font-weight:bold; margin-left:5px }
.ma-content .vo-tab-page ol li a { color:#154ca6; text-decoration:underline }
.my-addresses { margin-bottom:15px }
.address-list { list-style:none outside; padding:0 2px }
.address-list li {
float:left;
margin:0 7px;
height:150px;
padding:10px 0;
width:164px;
}
.address-list li strong,
.address-list li span { display:block }
.address-list li span a { color:#154ca6; text-decoration:underline }
#MyAccountPages .add-address form,
#MyAccountPages .accnt-setting form { padding:0 }
#MyAccountPages form ul li select { border:1px solid #c0c0c0; width:372px; padding:5px }
/* /MY ACCOUNT TABBED SECTION */
/* ORDER PAGES */
.os-tabs {
background:#fff;
padding:0 9px;
list-style:none outside;
}
.os-tabs li {
float:left;
margin-right:12px;
width:235px;
}
.os-tabs li.l { margin-right:0 }
.os-tabs li span {
background:url(http://images.stylintrucks.com/design/os-arrows.gif) no-repeat 0 0;
color:#fff;
display:block;
font-size:12px;
font-weight:bold;
height:22px;
padding:3px 0 0;
text-align:center;
}
.os-tabs li.active span { background-position:0 bottom; color:#333 }
.os-hdr {
background:#fff;
padding:12px 20px 12px 9px;
}
.os-hdr h2 {
color:#b01b00;
float:left;
font-size:24px;
line-height:24px;
margin:0;
}
.os-hdr h2 strong {
color:#333;
font-size:12px;
line-height:12px;
}
.os-hdr h2 span {
color:#333;
display:block;
font-size:12px;
font-weight:normal;
line-height:12px;
margin-top:5px;
}
.cart-nav {
background:url(http://images.stylintrucks.com/design/curve-osnav.gif) no-repeat 0 0;
float:right;
padding:0 0 0 4px;
width:450px;
}
.cart-nav div {
background:url(http://images.stylintrucks.com/design/curve-osnav.gif) no-repeat right bottom;
padding:0 4px 0 0;
}
.cart-nav div ul {
border-bottom:1px solid #c0c0c0;
border-top:1px solid #c0c0c0;
height:39px;
list-style:none outside;
margin:0;
padding:0 0 0 5px;
}
.oc,
.cart-nav div,
.cart-nav div ul {
background:none;
border:0
}
.oc {
width:112px;
}
.cart-nav div ul li { color:#666; float:left; padding:9px 0 0; }
.cart-nav div ul li.chckout { padding:6px 0 0 }
.cart-nav div ul li a,
.cart-action li a {
color:#b01b00;
font-weight:bold;
margin:0 5px;
}
.cart-nav div ul li a:visited,
.cart-action li a:visited {
color:#b01b00;
}
.cart-nav div ul li a.btn-checkout,
.cart-action li a.btn-checkout,
.pmntop-prcesum a.btn-checkout,
form .action a.btn-checkout,
.bsinfo-action a {
color:#fff;
display:block;
font-weight:bold;
height:21px;
padding:3px 0 0;
text-align:center;
width:100px;
}
.cart-nav div ul li a.btn-checkout:visited,
.cart-action li a.btn-checkout:visited { color:#fff }
#OrderSteps table {
width:100%;
}
#OrderSteps table th,
#OrderSteps table td {
padding:5px;
text-align:left;
vertical-align:top
}
#OrderSteps table p {
margin:0;
}
#OrderSteps table .td-item p a {
color:#b01b00;
display:block;
float:none;
font-size:13px;
font-weight:bold;
text-decoration:underline;
}
#OrderSteps table p span {
display:block;
font-size:11px;
line-height:14px;
}
#OrderSteps table p span.availability {
margin:5px 0;
}
#OrderSteps table p span.red { font-weight:normal }
#OrderSteps table p span.availability img { border:0; margin:0; vertical-align:middle }
#OrderSteps #Left {
width:700px
}
.curve-box h2 {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) repeat-x 0 -106px;
margin:0;
}
.curve-box h2 span {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat 0 0;
display:block;
padding:0 0 0 6px;
}
.curve-box h2 span span {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat right -53px;
color:#333;
font-size:13px;
height:22px;
padding:5px 6px 0 5px;
text-align:center;
}
.curve-box div {
border:1px solid #c0c0c0;
border-top:0;
padding:10px;
}
/* SHOPPING CART TABLE */
#ShoppingCart { margin:0 0 10px }
#ShoppingCart table .hdr-qty { text-align:center; width:65px }
#ShoppingCart table .hdr-item { width:400px }
#ShoppingCart table .hdr-prce { text-align:center }
#ShoppingCart table .hdr-tprce { text-align:center }
#ShoppingCart table .td-qty { text-align:center }
#ShoppingCart table .td-tprce { color:#b01b00; font-weight:bold; font-size:16px; text-align:right }
#ShoppingCart table input { width:35px; vertical-align:middle }
#ShoppingCart table input.remove { border:0; margin-right:5px; width:auto }
#ShoppingCart table img {
border:1px solid #c0c0c0;
margin-right:10px;
}
/* /SHOPPING CART TABLE */
.scart-othr-details {}
.scart-othr-details .left,
.scart-othr-details .right {
width:345px;
}
.curve-box {
margin-bottom:10px
}
.scart-othr-details .curve-box p {
margin:0
}
.scart-othr-details .curve-box p input.submit {
width:65px;
}
.scart-othr-details .curve-box p input.txt-input {
width:180px
}
.scart-othr-details .curve-box p span {
color:#999;
display:block;
font-size:11px;
line-height:14px;
margin-top:5px;
}
.scart-othr-details th,
.scart-othr-details td {
padding:3px 5px;
text-align:left;
vertical-align:top
}
#OrderSteps #Right {
width:265px;
}
#OrderSteps #CategoryProductList li {
clear:both;
float:none;
margin:0;
padding:10px 0;
width:243px;
}
#OrderSteps #CategoryProductList li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#OrderSteps #CategoryProductList li {
display:inline-block;
}
#OrderSteps #CategoryProductList li .pl-info {
width:136px;
}
.totals {
list-style:none outside
}
.totals li {
display:inline-block;
}
.totals li {
display:block;
clear:both;
margin:0;
padding:0;
}
.totals li.stotal {
font-weight:bold;
}
.totals li.gtotal {
border-top:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
font-size:16px;
font-weight:bold;
margin:10px 0 5px;
padding:7px 0;
}
.totals li.cid {
color:#999
}
.totals li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.totals li strong {
float:left
}
.totals li span {
float:right
}
.totals li.gtotal span { color:#b01b00; }
.cart-action {
list-style:none outside;
}
.cart-action li {
float:right;
padding:3px 0 0;
}
.cart-action li.chckout { padding:0 }
.cart-action li a {
margin:0 0 0 10px
}
#OrderSteps.address-payment #Left,
#OrderSteps.address-payment #Right {
width:483px
}
#OrderSteps.address-payment .th-qty,
#OrderSteps.address-payment .td-qty,
#OrderSteps.address-payment .th-tprice { text-align:center }
#OrderSteps.address-payment .td-tprice {
color:#b01b00;
font-weight:bold;
text-align:right
}
.print-receipt {
border:2px solid #c0c0c0;
margin:20px;
padding:1px 20px 20px;
}
.print-receipt h3 {
margin-bottom:5px;
}
#OrderSteps .print-receipt table {
border-top:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
margin:5px 0 20px;
width:500px;
}
#OrderSteps .print-receipt table th {
text-align:center;
}
#OrderSteps .print-receipt table th,
#OrderSteps .print-receipt table td {
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
}
#OrderSteps .print-receipt table .align-right {
text-align:right;
}
.print-receipt .forms li {
padding:2px 0;
}
/* /ORDER PAGES */
/* NEW CHECKOUT PAGES */
.view-cart-table {}
#OrderSteps .view-cart-table thead th {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) repeat-x scroll 0 -106px;
padding:0;
}
#OrderSteps .view-cart-table thead th.th-sku {
text-align:center;
width:130px;
}
.view-cart-table thead th strong {
display:block;
padding:8px 10px;
}
.view-cart-table thead th.th-sku strong {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat scroll 0 0;
}
.view-cart-table thead th.th-stotal strong {
background:url(http://images.stylintrucks.com/design/curve-groupbox.gif) no-repeat scroll right -53px;
}
#OrderSteps .view-cart-table thead th.th-qty {
text-align:center;
}
#OrderSteps .view-cart-table thead th.th-prce,
#OrderSteps .view-cart-table tbody td.td-prce {
text-align:center;
width:70px;
}
#OrderSteps .view-cart-table thead th.th-stotal {
text-align:center;
width:100px;
}
#OrderSteps .view-cart-table tbody td {
border-bottom:1px solid #c0c0c0;
padding:20px 10px 10px;
}
#OrderSteps .view-cart-table tbody td a {
color:#b01b00;
text-decoration:underline;
}
#OrderSteps .view-cart-table tbody td.td-sku {
text-align:center;
}
#OrderSteps .view-cart-table tbody td.td-desc {
width:350px;
}
#OrderSteps .view-cart-table tbody td.td-desc h3 {
font-size:13px;
margin:0 0 10px;
}
#OrderSteps .view-cart-table tbody td.td-desc h3 span {
display:block;
font-size:12px;
font-weight:normal;
}
#OrderSteps .view-cart-table tbody td.td-desc p {
margin:10px 0;
}
.td-qty {
font-weight:bold;
text-align:center;
}
.td-uprce,
.td-amt {
text-align:right;
}
#OrderSteps .view-cart-table tbody td.td-qty {
width:60px;
}
#OrderSteps .view-cart-table tbody td.td-qty input {
text-align:center;
width:30px;
}
.remove {
margin-left:5px;
}
#OrderSteps .view-cart-table tbody td .update {
display:block;
font-weight:bold;
font-size:11px;
text-decoration:none;
}
#OrderSteps .view-cart-table tbody td.td-ship {}
#OrderSteps .view-cart-table tbody td.td-ship strong {
display:block
}
#OrderSteps .view-cart-table tbody td.td-stotal {
color:#b01b00;
font-size:15px;
font-weight:bold;
text-align:right;
}
.pmntop-prcesum {
padding:20px 0;
}
.pmntop {
float:left;
width:500px;
}
.pmntop h3 {
margin:0 0 5px;
}
.prcesum {
float:right;
width:250px;
}
#Right .prcesum {
width:230px;
}
.prcesum div {
background:#eee;
border:2px solid #ccc;
padding:6px 10px;
}
.prcesum div ul {
list-style:none outside;
}
.prcesum div li {
padding:2px 0;
}
.prcesum div li strong {
float:left;
}
.prcesum div li span {
float:right;
}
.prcesum div li.total {
border-top:1px solid #c0c0c0;
font-size:14px;
margin-top:5px;
padding-top:5px;
}
.prcesum div li.total span {
color:#b01b00;
font-weight:bold;
}
.pmntop-prcesum a.btn-checkout {
margin:10px 0 0 147px;
}
.paypal-pmnt {
display:block;
margin:20px 0 10px;
text-align:right;
}
.paypal-pmnt strong {
display:block;
margin:0 0 5px;
}
.gc {
display:block;
text-align:right;
}
#OrderSteps.billing-page #Left {
width:736px;
}
#OrderSteps.billing-page #Right {
width:230px;
}
.curve-box .billing {
padding:5px 10px;
}
.forms { list-style:none outside }
form .curve-box a {
color:#b01b00;
text-decoration:underline;
}
.forms li {
padding:5px 0;
}
.bsinfo .forms li {
padding:2px 0;
}
.ship-form li {
padding:0;
}
.billing li {
padding:8px 0;
}
.forms li.gtrl {
padding:1px 0 2px 20px;
}
.forms li.forgot-userpass {
padding:5px 0 5px 130px;
}
.forms li span {
color:#999999;
display:block;
font-size:11px;
padding:0 0 0 130px;
}
.forms li label {
display:block;
float:left;
font-weight:bold;
margin-right:10px;
width:120px;
}
.pc-ordr .forms li label {
text-align:right;
}
.bsinfo .forms li label {
margin-right:0;
width:105px;
}
.forms li label em {
color:#b01b00;
font-size:14px;
font-weight:bold;
}
.forms li input {
border:1px solid #acacac;
font-family:arial;
font-size:11px;
padding:2px;
width:310px;
}
.billing .forms li input {
width:222px;
}
.forms li img {
vertical-align:middle;
}
.forms li input.rbtn,
.os-login .forms li input.cbox {
border:0;
width:auto;
}
.forms li.gtrl div {
background:#FFFFDB none repeat scroll 0 0;
border:1px solid #C0C0C0;
padding:5px 10px;
}
.forms li.gtrl p {
margin:5px 0;
}
.forms li.gtrl p a {
color:#b01b00;
}
.forms li.gtrl label {
width:130px;
}
.forms li.gtrl input {
width:186px;
}
.forms li input.rbtn {
width:auto
}
.forms li input.zcode {
width:80px;
}
.forms li input.pno {
width:40px;
}
.pc-ordr .forms li select {
width:150px;
}
.pc-ordr .forms li input.txt-inumber {
margin-right:10px;
width:100px;
}
.pc-ordr .forms li input.txt-qty {
width:30px;
}
.forms li.action {
padding:5px 0 10px 130px;
}
.forms li.action input {
width:auto;
}
form p.action {
border-top:1px solid #c0c0c0;
margin-top:10px;
padding:10px 0;
}
form p.action .btn-checkout {
float:right;
}
form p.action input.btn-checkout-bill {
border:0;
}
.ship-method .curve-box-wrap {
padding:1px 10px;
}
.ship-method p {
margin:10px 0
}
.create-an-account-now {}
.create-an-account-now h1 {
margin-top:0px;
}
.create-an-account-now .curve-box-wrap {
padding:20px;
}
.create-an-account-now p {
margin:0 0 10px
}
.create-an-account-now li label {
width:120px;
}
.create-an-account-now li.action {
margin:5px 0 0;
padding:0 0 0 130px;
}
.create-an-account-now li.action input {
border:1px solid #B89E65;
text-align:center;
width:auto;
}
.create-an-account-now li.action a {
color:#b01b00;
font-weight:bold;
}
.forms li.yes-receive {
padding:0 0 0 130px;
}
.forms li.yes-receive span {
color:#333;
display:inline;
font-size:12px;
padding:0;
}
.forms .yes-receive input {
width:auto;
}
.imp-read-through {
padding:1px 20px;
}
.ord-sum {
border-left:1px solid #c0c0c0;
border-top:1px solid #c0c0c0;
width:100%;
}
.ord-sum th,
.ord-sum td {
border-bottom:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
padding:5px 10px;
}
.ord-sum thead th {
background:#ddd;
}
.ord-sum td p span {
display:block;
}
.ord-dtails {
margin:20px 0 10px;
}
.ord-dtails table {
border-left:1px solid #c0c0c0;
border-top:1px solid #c0c0c0;
float:left;
}
.ord-dtails table td {
border-bottom:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
padding:5px 10px;
}
.resellers {
float:right;
}
.imp-wrap {
background:#fff;
padding:0 9px 20px;
}
.imp-wrap div {
border:1px solid #c0c0c0;
background:#ffffdb;
padding:15px;
}
.imp-wrap div h1 {
color:#b01b00;
margin:0 0 10px;
}
.imp-wrap div p {
margin:10px 0 0;
}
.qas-page h1 {
margin:0 0 10px;
}
.qas-page p a {
color:#b01b00;
font-weight:bold;
}
.qas-page p a.btn-checkout {
color:#fff;
float:right;
}
#OrderSteps.order-confirm #Left {
width:606px;
}
#OrderSteps.order-confirm #Right {
width:360px;
}
.bsinfo {}
.bsinfo p {
margin:0 0 10px;
}
.bsinfo p span {
display:block;
}
.bsinfo p.action {
margin:10px 0 0;
}
.bsinfo p.action a {
color:#b01b00;
font-weight:bold;
text-decoration:underline;
}
.bsinfo-action {
clear:both;
}
.bsinfo-action a {
float:right;
}
/* /NEW CHECKOUT PAGES */
.newprod-hero {
margin-top:15px
}
/* STATIC PAGES */
#StaticPages {
padding:1px 15px
}
#StaticPages a {
text-decoration:underline;
}
#StaticPages.affiliate h3 {
background:#FFCC66;
clear:both;
font-size:12px;
padding:5px 0;
text-align:center;
}
#StaticPages.affiliate #Right {
padding-bottom:20px;
width:726px
}
#StaticPages ul {
list-style:outside;
margin-left:13px;
}
#StaticPages .static-catalog ul {
list-style:none outside
}
#StaticPages ol {
list-style:decimal;
margin:15px 0 15px 16px;
}
#StaticPages ol.let-list {
list-style:upper-alpha;
}
#StaticPages ol li {
padding:1px 0;
}
#StaticPages li ul {
padding:10px 0 ;
}
#StaticPages.affiliate .curve-box-wrap {
padding:5px 10px
}
.net-avail p {
font-size:15px;
font-weight:bold;
margin:5px 0;
}
.net-avail p a {
color:#333;
font-weight:normal;
}
#StaticPages.affiliate #Left {
padding-top:18px
}
#StaticPages.affiliate #Left ul { list-style:none outside }
#StaticPages.affiliate #Left ul li {
border-bottom:1px dotted #999;
padding:2px 0;
}
#StaticPages.affiliate #Left ul li.l {
border:0;
}
#StaticPages.affiliate #Left ul li strong {
float:left;
text-align:right;
width:115px;
}
#StaticPages.affiliate #Left ul li span {
float:right;
width:50px;
}
.aff-list {
list-style:none outside;
margin:0 auto;
width:600px
}
.aff-list li {
float:left;
padding:2px 0;
width:200px;
}
.sroom-imgs {
list-style:none outside;
margin:0 auto;
width:740px;
}
.sroom-imgs li {
float:left;
height:219px;
padding:10px;
overflow:hidden;
width:350px;
}
.sroom-imgs li img {
height:219px;
width:350px;
}
.st-wrap {
border-bottom:1px solid #c0c0c0;
padding:10px 20px;
}
.cs-lnks {
background:#eee;
border:1px solid #c0c0c0;
list-style:none outside;
margin-top:12px;
padding:10px 20px 12px;
}
#StaticPages ul.cs-lnks { margin:10px 0 0; list-style:none }
.cs-lnks li {
float:left;
padding:1px 0;
width:301px
}
.ship-handling-chart {
border-top:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
width:450px
}
.ship-handling-chart thead th {
background:#ddd;
}
.ship-handling-chart th,
.ship-handling-chart td {
border-right:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
padding:5px 10px;
}
.ship-handling-chart tbody th {
text-align:center
}
.ship-handling-chart tbody td {
text-align:right
}
.ship-handling-chart th span {
font-weight:normal;
display:block;
}
.ordr-trckng {
margin:0 auto;
width:500px
}
.ordr-trckng h4 {
margin:0 0 10px;
}
.ordr-trckng p,
.feedback form p {
margin:10px 0
}
.ordr-trckng p label,
.feedback form p label {
display:block;
font-weight:bold;
padding:0 0 5px;
}
.feedback form {
padding:0 0 30px;
width:600px;
}
.feedback textarea {
height:120px;
width:596px
}
.feedback form p.action {
background:#ddd;
margin-top:20px;
padding:5px;
text-align:right;
float:left;
width:586px;
}
.feedback form p em {
color:#999;
display:block;
font-style:normal;
font-size:11px;
}
.feedback form div{
float:left;
width:596px;
margin:2px;
}
.feedback form div span.fqleft {
float:left;
}
.feedback form div span.fqright {
float:right;
width:150px;
text-align:center;
}
.feedback form div span.fqright label{
display:inline;
font-weight:normal;
padding:0px;
cursor:pointer;
margin-right:10px;
}
.feedback form div span.fqright .txt-input {
width:140px;
}
#StaticPages .sort-by-letter {
list-style:none outside;
margin:0;
}
.sort-by-letter li {
float:left;
margin-right:2px;
}
.sort-by-letter li a {
background:#999;
display:block;
color:#fff;
font-weight:bold;
padding:5px 10px;
}
.sort-by-letter li a:hover,
.sort-by-letter li.active a {
background:#666;
}
.mnftr-wrap {
border:1px solid #666;
padding:20px;
}
.mnftr-wrap div {
float:left;
margin-right:10px;
width:294px;
}
.mnftr-wrap div.l {
margin-right:0;
}
.mnftr-wrap div h3,
#StaticPages .mnftr-wrap div ul {
list-style:none outside;
margin:10px 0;
}
#StaticPages .seven-col ul {
float:left;
list-style:none outside;
margin:0;
width:100px;
}
#StaticPages.vlp {
padding:10px 20px 0;
}
#StaticPages.vlp h1 {
margin-top:0;
}
.vlp-prod-cat-brand {}
#StaticPages #PartFinder {
float:left;
margin-right:20px;
}
.vlp-prod-cat-brand h2 {
color:#666;
line-height:22px;
margin-top:0;
}
#StaticPages #CategoryList {
list-style:none;
margin:0;
}
#StaticPages #CategoryList li {
margin-right:20px;
width:94px;
}
#StaticPages #CategoryList li a {
text-decoration:none
}
.vlp-prod-cat {
float:left
}
.vlp-prod-brand {
float:right
}
#Container .static-left {
float: left;
width: 500px;
padding: 20px 0;
}
#Container .static-left .hr {
background-color: #ccc;
height: 1px;
width: 350px;
overflow: hidden;
}
#Container .static-left h2 {
font-size: 9pt;
margin: 0;
padding: 10px 0 4px 0;
}
#Container .static-left a, #Container .static-right a {
color: #333;
}
#Container .static-left a:hover, #Container .static-right a:hover {
color: #000;
}
#Container .static-left ul {
padding: 5px 0 0 3px;
}
#Container .static-right {
float: left;
width: 200px;
padding: 20px 0 10px 20px;
}
#Container .static-right h2 {
font-size: 9pt;
margin: 0;
padding-bottom: 4px;
}
#Container .static-right ul.nav {
list-style-type: none;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
width: 145px;
margin: 0;
padding: 0;
}
#Container .static-right ul.nav li{
border-top: 1px solid #000;
padding: 0 5px;
line-height: 21px;
}
#Container .static-right ul.nav li:hover{
background-color: #dfdfdf;
}
#Container .static-right .static-rss {
padding: 15px 0;
}
#Container .static-right .static-rss a{
display: block;
}
/* Articles Static Styles*/
#Container .static-article h2, #Container .static-catalog h2{
font-family: Arial;
font-size: 18px;
font-weight: normal;
}
#Container .static-article h2 a{
font-family: Arial;
font-size: 14pt;
font-weight: bold;
}
#Container .static-article h1{
font-family: Arial;
font-size: 14pt;
color: #8F1919;
font-weight: bold;
text-decoration: none;
padding: 7px 0 15px 0;
}
#Container .static-article p a.italic{
font-style: italic;
font-weight: bold;
}
#Container .featured-article {
width: 473px;
}
#Container .curve-top {
background: url(http://images.stylintrucks.com/design/curve-top.gif) no-repeat;
width: 473px;
height: 9px;
overflow: hidden;
display: block;
}
#Container .curve-bottom {
background: url(http://images.stylintrucks.com/design/curve-bottom.gif) no-repeat;
width: 473px;
height: 9px;
margin-bottom: 20px;
}
#Container .featured-content {
background-color: #808080;
overflow: hidden;
padding: 0 10px;
color: #000;
line-height: 15px;
margin: 0;
}
#Container .featured-content p {
padding: 0 0 4px 0;
margin: 0;
}
/* Catalog Static Styles*/
#Container .static-catalog h2 em{
font-size: 14pt;
color: #B01B00;
font-weight: bold;
font-style: normal;
}
#Container .static-catalog p.center{
text-align: center;
}
#Container .static-catalog .curve-box h2 span span {
text-align: left;
font-weight: bold;
font-size: 9pt;
color: #000;
}
#Container .static-catalog .curve-box-wrap {
overflow: hidden;
}
#Container .static-catalog .left-catalog {
border: none;
float: left;
width: 438px;
}
#Container .static-catalog .left-catalog a img, #Container .static-catalog .right-catalog a img{
border: none;
display: block;
margin: 0 auto;
}
#Container .static-catalog .left-catalog ul, #Container .static-catalog .right-catalog ul {
list-style-type: none;
margin: 0;
padding: 20px 0 0 0;
}
#Container .static-catalog .left-catalog ul li.cleft, #Container .static-catalog .right-catalog ul li.cleft{
float: left;
width: 25px;
}
#Container .static-catalog .left-catalog ul li.cright, #Container .static-catalog .right-catalog ul li.cright{
float: left;
width: 400px;
}
#Container .static-catalog .left-catalog ul li.cright p, #Container .static-catalog .right-catalog ul li.cright p{
margin: 0;
padding: 0 0 10px 0;
}
#Container .static-catalog .right-catalog {
border: none;
float: right;
width: 438px;
}
#StaticPages .static-catalog .catalog-msg{
font-size:13px;
color:#C80000;
font-weight:bold;
}
#StaticPages .static-catalog input{
color:#333333;
}
.ymm-op {
width:316px;
}
.gallery {
margin: 0 0 20px 0;
padding: 0;
}
.gallery .left {
margin: 0;
padding: 0;
width: 500px;
}
.gallery .right {
margin: 0 0 0 10px;
padding: 0;
width: 250px;
float: left;
}
.gallery h2 {
margin: 10px 0 5px 0;
}
.gallery h3 {
margin: 3px 0;
}
.gallery .gallery-box {
margin: 10px 0;
padding: 8px;
border: 1px solid #ccc;
}
.gallery .gallery-box ul li a {
text-decoration: none;
}
.gallery ul.inarow {
margin: 0 auto;
}
.gallery ul.inarow li {
margin: 0 5px;
float: left;
}
#StaticPages .right ul.menu {
margin: 0 0 20px 0;
padding: 0;
}
.right ul.menu li {
padding: 4px;
border: 1px solid #ccc;
border-width: 1px 1px 0 1px;
}
.right ul.menu li.last {
border-width: 1px;
}
.gallery .album {
margin: 5px 0;
}
.gallery .album img {
margin: 5px 1px 0 1px;
padding: 1px;
border: 1px solid #ccc;
}
#StaticPages ul.albumlist {
margin-left: 0;
}
#StaticPages ul.albumlist li {
display: inline;
}
#StaticPages li ul.sublist {
padding: 0 0 10px 0;
}
.order-info {
float:left;
width:370px;
}
.instruction {
float:right;
width:590px
}
.instruction h3 {
margin:0 0 10px;
}
.hdr-ss {
color:#B01B00;
text-align:center;
}
.rma-form .vi .curve-box-wrap {
padding:1px 10px 10px;
}
.rma-form h4 {
margin:10px 0 0;
}
.rma-form .forms label {
width:185px
}
.rma-form .forms input {
width:255px;
}
.rma-form .rpi-form .forms input {
width:220px;
}
.rma-form .rpi-form .forms select {
width:226px;
}
.rma-form .rpi-form .forms textarea {
width:224px;
}
.rma-form .forms input.opn {
width:238px
}
.rma-form .forms select {
width:260px
}
.rma-form textarea {
height:100px;
width:257px;
}
/* /STATIC PAGES */
/* FOOTER */
#Footer {}
.footer-inner {
background:#f1f1f1;
height:auto;
padding:20px;
}
.ns {}
.ns p { font-weight:bold; margin:0; }
#Newsletter { float:left; }
#SocialNetwork { float:right; }
#SocialNetwork img { margin-left:5px; vertical-align:middle }
.sitemap { margin:15px 0 0 }
.sitemap ul li {
float:left;
list-style:none;
margin-right:10px;
width:300px;
}
.sitemap ul li ul { float:none; margin:0; padding-left:0 }
.sitemap ul li h2 {
margin-bottom:10px;
}
.sitemap ul li li {
background:url(http://images.stylintrucks.com/design/gray-bullet.gif) no-repeat 0 7px;
font-size:11px;
margin:0;
padding:0 0 0 10px;
width:140px;
}
.sitemap ul li li a {
color:#666;
}
.biz-badge { float:right; margin:40px 30px 0 0; }
.copyright {
color:#666;
font-size:11px;
margin:30px 0 0;
text-align:center;
}
.copyright img { margin:0 5px; vertical-align:middle }
.copyright span,
.copyright strong {
display:block;
}
.copyright strong { margin-top:8px }
.free-shipping {
background:url(http://images.stylintrucks.com/design/free-shipping.gif) no-repeat;
width:88px;
height:68px;
text-indent:-9999px;
display:block;
float:left;
margin:3px 12px 0 0;
}
.cust-info-tools {
float:right;
padding:12px 10px 0 0;
width:632px;
}
/* ==================================== Clear ========================================================================== */
.clearer { margin: 0; padding: 0; clear: both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/****end of designer css */
/* developer specific defined css starts*/
/* Site Map Page */
#Sitemap-Page ul {
text-align: left;
margin-left: 5px;
margin-bottom: 5px;
}
#Sitemap-Page ul li{
text-align: left;
margin-left: 5px;
list-style-type: none;
}
#Sitemap-Page ul li a{
text-decoration: underline;
}
#Sitemap-Page ul li ul{
text-align: left;
margin-left: 5px;
margin-bottom: 5px;
}
#Sitemap-Page .sitemap-list {
text-align: center;
}
#Sitemap-Page .sitemap-list-category {
text-align:center;
}
#Sitemap-Page .sitemap-left {
float:left;
width:50%;
}
/* showroom */
#showroom{
width:650px;
float:left;
line-height:14px;
}
#showroom .shows{
width:500px;
float:left;
}
/*
#showroom .articlelinks{
width:500px;
}
*/
#showroom h3{
color:#FF0000;
}
#showroom ul li{
margin-left:40px;
}
#showroom .pictures{
border:1px solid black;
width:500px;
height:145px;
padding:8px;
text-align:center;
margin-top:15px;
}
#showroom .pictures a{
text-decoration: underline;
}
#showroom .pictures a span{
text-decoration: underline;
}
#showroom .pictures a:hover{
color:#333333;
}
#showroom .pictures div {
float:left;
width:166px;
}
#showroom .pictures div a img{
border:1px solid black;
width:140px;
height:105px;
}
#showroom .photosubmit{
border:1px solid #DCDCDC;
width:500px;
height:174px;
padding:8px;
margin-top:15px;
}
#showroom .photosubmit div{
border:1px solid black;
background-color:#E8E8E8;
width:500px;
}
#showroom .photosubmit a{
text-decoration:underline;
}
#showroom .photosubmit a:hover{
color:#333333;
}
#showroom .shows .interviews a{
text-decoration:underline;
}
#showroom .shows .interviews a:hover{
color:#333333;
}
#showroom .shows .events div{
margin-top:10px;
margin-bottom:10px;
}
#showroom .shows .events div a{
color: #333333;
text-decoration:underline;
font-weight: bold;
font-size:medium;
}
#showroom .shows .events div span a{
font-size:small;
font-weight:normal;
}
#showroom .shows .events div span{
font-size:9pt;
}
#showroom .articlelinks{
float:left;
width:105px;
margin-left:15px;
}
#showroom .articlelinks span{
font-weight:bold;
}
#showroom .articlelinks td{
text-align:left;
padding:3px;
}
#showroom .articlelinks td td{
text-align:left;
padding:4px;
}
#showroom .articlelinks td td a{
text-decoration:underline;
}
#showroom .articlelinks td td a:hover{
color:#333333;
}
/* Changing Change Vehicle as link -- instead of submit button*/
#PartFinder a.changevehicle {
background: url(http://images.stylintrucks.com/design/bg-btn.gif) repeat-x 0 0;
color: #5b4000;
cursor:pointer; font-size:11px;
padding: 0 5px; border: 1px solid #b89e65;
-moz-border-radius: 3px;
height:20px;
text-transform:uppercase;
}
/* about us page miscellaneous fix */
/* Commenting this one this affects all pages that have < em > tag on HTML comps like Home Page
- Seems < em > on About us always has color overrides on in line styles
em {
color:#8F1919;
font-style:normal;
font-weight:bold;
}
*/
/* retail store / show_room.aspx */
#retail_store
{
line-height:15px;
}
/* checkout Tool text */
.ToolText,.ToolTextHover {
position:relative;
font-weight:400;
}
.ToolText span{
display:none;
}
.ToolTextHover span{
display:block;
position: absolute;
border:1px #a7a7a7 solid;
margin-top:16px;
background-color:#e1e1e1;
width:130px;
text-align:left;
}
.header2 { display:none }
.header1 { display:inline }
/* Privacy */
#privacy a, #privacy a:hover {
color: black; text-decoration: underline;
}
/* Basket -- Checkout button */
div ul li.chckout {
margin: 0 0 0 10px;
}
/* Basket -- remove vertical line on continue shopping when login / create account is not there (w/ ticket)*/
.cart-nav {
background:url('') ;
}
/* basket - request alignment */
#OrderSteps .curve-box-wrap table thead, #removefields{
padding: 0 0 0 0;
width: 0px;
height: 0px;
}
#ShoppingCart table .hdr-item.expand {
width:500px
}
#ShoppingCart table .hdr-prce.compressed{
width:110px;
}
#ShoppingCart table .hdr-tprce.compressed{
width:100px;
}
#ShoppingCart table td.td-tprce div{
border: 0px; padding: 0px; float: left; width: 155px;
}
/*print invoice override*/
.title2 { display:none }
.title1 { display: inline}
.ordersummary2 { display:none }
.ordersummary1 { display:inline }
.header2 { display:none }
.header1 { display:inline }
#headernav {color:#9e9e9e;font-size:11px;}
#headernav a {color:#b2b2b2;font-weight:bold;font-size:11px;text-decoration:none;}
#headernav a:Hover {color:#ffcf00;}
/* order tracking additionals */
span #trackingerror {
display: block;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #B01B00;
padding-bottom: 12px;
}
/* RMA */
.error-rma {
color:#ff0000; font-weight:bold;
}
/* cart paypal rollout */
.cart-action .otherpaymentoption {
float: right;
padding-left: 10px;
}
.cart-action .otherpaymentoption a {
display:block;
width:143px;
height:37px;
background:url(http://images.stylintrucks.com/design/btn-checkoutwithpaypal.gif); margin: 15px 0 0; padding: 10px 0 0 0;
}
.cart-action .otherpaymentoption input {
color:#b01b00;
display: block;
font-weight:bold;
margin: 0 0 0 0;
padding: 10px 0 0;
list-style: disc inside none;
text-decoration: none;
}
div #form_checkout_paypal input {
padding-top: 0px;
}
/* Navigation - Active*/
#Navigation span.active{
color:#ff0000;
}
/* QAS */
.container-wrap .billing-page .warning-messages {
width: 951px;
background: #f1ecd2;
border: 2px solid #333;
margin-top: 20px;
padding: 12px;
}
.container-wrap .billing-page .warning-messages h4 {
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0;
padding: 0 0 0 0;
color: #f90e02;
}
.container-wrap .billing-page .warning-messages p {
margin: 0;
padding: 0;
}
.container-wrap .billing-page .rbtn-qas {
margin-right: 7px;
position: relative;
top: 2px;
}
.container-wrap .billing-page .qas-options {
height: 22px;
margin-bottom: 2px;
}
.container-wrap .billing-page .street-address {
width: 90px;
padding: 2px;
border: 1px solid #333;
background: #fff;
}
.container-wrap .billing-page .text-blue { color: #0033ff; }
.container-wrap .billing-page .qas-options-desc, .container-wrap .billing-page .qas-change {
height: auto;
border: 2px solid #ccc;
overflow: hidden;
display: block;
background: #ffffcc;
margin-left: 22px;
padding: 5px 10px;
line-height: 22px;
margin-bottom: 4px;
}
.container-wrap .billing-page .qas-change {
padding: 0 0 0 0;
border: 0;
background: none;
margin-top: 20px;
}
.container-wrap .billing-page .qas-error {
font-weight: bold;
border: 1px solid #990000;
background: #fff888;
padding: 2px 4px;
margin-right: 5px;
}
.container-wrap .billing-page form {
margin: 0;
padding: 0 0 10px 0;
}
.container-wrap .billing-page fieldset {
border: 0 none;
}
.container-wrap .billing-page .placeorder {
margin: 0;
padding: 0;
width: 127px;
height: 31px;
background: url(http://images.stylintrucks.com/design/place-order.gif) top left no-repeat;
border: 0 none;
cursor: pointer;
float: right;
}
.container-wrap .billing-page .order-summary {
background:#E1F7FD none repeat scroll 0 0;
border:2px solid #A4A4A4;
margin: 0;
padding:5px 8px;
width:232px;
float: right;
}
.container-wrap .billing-page .order-summary ul { list-style-type: none; }
.container-wrap .billing-page .l { float: left; }
.container-wrap .billing-page .r { float: right; }
.container-wrap .billing-page ul li.total {
margin: 5px 0 0 0;
padding-top: 5px;
border-top: 1px solid #9e9e9e;
font-size: 13px;
}
.container-wrap .billing-page .worry-free {
margin: 0;
padding: 10px;
width: 232px;
text-align: right;
float: right;
}
.container-wrap .billing-page .worry-free h4 {
margin: 0 0 5px 0;
padding: 0;
}
.container-wrap .billing-page .brdrd-cont h3 {
margin-bottom: 0;
padding: 0;
}
.container-wrap .billing-page .other-details {
margin: 3px 0 10px 0;
width:100%;
}
.container-wrap .billing-page .other-details th,
.container-wrap .billing-page .purchase-details .title th {
background:#184d9f;
color:#fff;
font-weight: normal;
padding:8px 10px;
text-align:left;
font-size: 14px;
}
.container-wrap .billing-page .purchase-details .title th {
border-bottom:4px solid #fff;
text-align:left;
font-size:12px;
}
.container-wrap .billing-page .other-details td {
padding:10px;
width: 50%;
border: 0 none;
text-align: left;
}
.container-wrap .billing-page .other-details td p { margin:0; }
/* Show Room */
.showroomlinks {
color: #333333;
text-decoration: underline;
}
.seo-lists {
margin-top:10px;
}
.seo-lists ul {
float:left;
list-style:none;
padding-right:10px;
}
.list-three-cols ul {
width:240px;
}
.list-four-cols ul {
width:178px;
}
.list-five-cols ul {
width:135px;
}
.curve-box ul.l {
padding-right:0
}
.va {
clear:both;
font-weight:bold;
padding-top:15px;
margin-bottom:0;
text-align:right;
}
.va a {
border-top:1px solid #c0c0c0;
display:block;
padding:7px 0 0;
}
/* Order From Print Catalog */
#orderfromcatalog{}
#orderfromcatalog h1 span{
font-weight:bold;
color:#B01B00;
}
#orderfromcatalog #orderinfo h2 span span{
height:22px;
padding:2px 6px 0px 2px;
}
#orderfromcatalog #orderinfo{
width:405px;
float:left;
}
#orderfromcatalog #orderinfo h2 span strong{
text-transform:none;
font-size:13px;
}
#orderfromcatalog #orderinfo div.group-box-wrap{
border:1px solid #E2E2E2;
padding:2px;
}
#orderfromcatalog #orderinfo div.group-box-wrap form table td{
padding:4px;
}
#orderfromcatalog #orderinfo div.group-box-wrap form table td p{
margin:0px;
}
#orderfromcatalog #orderinfo div.group-box-wrap form table td p input{
color:black;
}
#orderfromcatalog #orderinfo div.group-box-wrap form table td p input.itemnumber{
width:90px;
}
#orderfromcatalog #orderinfo div.group-box-wrap form table td p input.itemqty{
width:30px;
}
#orderfromcatalog #orderinfo div.group-box-wrap form table td input.submit{
color:#5B4000;
height:19px;
padding:0px;
font-size:10px;
}
#orderfromcatalog #ordersearchprocedure{
float:left;
width:540px;
padding-left:10px;
}
#orderfromcatalog #ordersearchprocedure span{
font-size:10pt;
}
#orderfromcatalog #ordersearchprocedure span ul{
margin-left:15px;
margin-top:5px;
}
/* No Underline on anchored object specific only home page - featured products*/
#FeaturedProducts .group-box-wrap a, #NewProducts .group-box-wrap a {
text-decoration: none;
}
#Adjust Category List Box
#CategoryList li {
height: 155px;
}
/* gallery css */
#ctl00_Body_BreadCrumbPanel a {
color:#000000;
text-decoration:underline;
}
#ctl00_Body_DirectoryListing a {
color:#000000;
text-decoration:underline;
}
#ctl00_Body_TopPager a {
text-decoration:underline;
}
#ctl00_Body_BottomPager a {
text-decoration:underline;
}
/* Bongo */
#OrderSteps div.bongo {
padding-top: 75px;
padding-left: 50px;
}
#Header div.bongo {
margin-left: 5px;
float: left;
color: white;
padding-top: 15px;
}
#bongoclick {
color: blue;
}
/* Header Toll - css convertion */
#Header .right {
text-align: right;
padding-top: 20px;
padding-right: 10px;
}
#Header #tollfree {
display: inline;
padding-right: 10px;
}
#Header #tollfree span#ctl00_lblCallToOrder {
color: Silver;
font-family: Arial;
font-size: 9pt;
font-weight: bold
}
#Header #tollfree span#tollnum {
vertical-align: middle;
font-family: arial narrow;
color: #FFFFFF;
font-size: 18pt;
}
/* Vehicle -- Remove presently selected*/
form#ymm_selectedvehicle p#selectedVehicleLabel {
display: inline;
}
form#ymm_selectedvehicle p#selectedVehicleLabel strong {
float: left;
}
form#ymm_selectedvehicle span.close a {
margin: 3px 4px 0 0;
width: 11px;
height: 11px;
background: url(http://images.stylintrucks.com/design/close.jpg) top left no-repeat;
cursor: pointer;
display: block;
float: right;
}
form#ymm_selectedvehicle p#changevehicle {
clear: both;
}
#ma-offline {
width:600px;
margin:30px auto;
}
#ma-offline h1, #ma-offline h4 {
text-align:center;
}
#fit-view-all {
color: #000;
text-decoration: underline
}
#fit-view-all:hover{
color: #000;
text-decoration: underline
}
#pfamily-pagination {
text-align:right;
margin-top:20px;
margin-bottom:-17px
}
#pfamily-pagination ul {
list-style-type:none
}
#pfamily-pagination ul li{
display:inline
}
#pfamily-pagination a {
text-decoration: underline;
}
/* Captcha css */
#MyAccountPages form ul li.captcha img, div.captcha img {
border:1px solid #666 ;
}
/* required common parent */
div.requiredcontainer {
float:left;
clear:both;
}
/*free shipping custom fix -- should be remove when new css and new page header provided 02/26 is integrated*/
.free-shipping {
float:left;
margin-left:350px;
}
/* for /vehicles/ pages */
p.toserp {
font-weight: bold;
margin: 0;
padding: 0;
}
.w h1 {
margin-bottom: 3px;
padding: 0;
}
/******************************************
** Rollout Added/edited styles ends here *
******************************************/
.text-center {
height: 200px;
padding: 100px 0 0;
text-align: center;
}
.promolist ul {
padding-left:5px;
width:230px
}
.brands li {
background: url(http://images.stylintrucks.com/design/bullet-arrow.jpg) left center no-repeat;
list-style: none;
padding: 0 0 0 20px;
}
.head-for-excluded {
}
.free-ship-img {
display: block;
margin-bottom: 15px;
margin-top: 5px;
}
.submit-cart {
background: url(http://images.stylintrucks.com/design/add-to-cart-pdp.gif) repeat scroll 0 0 transparent;
border: 0 none;
color: #FDDE14;
cursor: pointer;
font-size: 0;
height: 32px;
margin-bottom: 5px;
padding: 0;
width: 132px;
}
.fit-note {
margin-bottom: 5px;
}
/*** For Vehicle Pages ***/
.seo-vehicle a {
width:230px;
display:block;
}
#vehiclefitlist {
width: 100%;
padding-bottom: 10px;
}
#vehiclefitlist ul {
list-style-image:none;
list-style-position:inside;
list-style-type:square;
margin:0 0 0 8px;
padding:0;
color: #444;
}
.viewlink {
text-decoration: underline;
}
#FeaturedArticles a {
text-decoration: underline;
}
/****MAP Logic Start Here***/
a.special-price, .special-price a {
color: #B01B00;
display: block;
font-weight: bold;
font-size: 15px;
text-decoration: underline;
}
.modal-bg {
background:#333;
opacity:.7;
position:absolute;
top:0;
left:0;
z-index:102;
}
.modal-bg-fitment {
background:#333;
opacity:.7;
position:absolute;
top:0;
left:0;
z-index:102;
}
/* lightbox */
#overlay-map {
background: #fff;
display:none;
z-index:9999;
top:100px;
width:520px;
}
#overlay-map a.lbclose {
background:url(http://images.stylintrucks.com/design/x-overlay.gif) no-repeat;
display:block;
font-size:1px;
height:21px;
line-height:1px;
outline:none;
position:absolute;
right: -10px;
text-indent:-9999px;
top: -10px;
width:21px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-moz-box-shadow: 0px 0px 5px #000;
-webkit-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000;
}
#overlay-map .overlay-caption {
display: block;
color: #fff;
font-size: 15px;
font-weight: bold;
height: 26px;
width: 477px;
background: #1c1c1c url(http://images.stylintrucks.com/design/cart-black.gif) no-repeat 8px 5px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
padding:9px 0 0 43px;
}
#overlay-map .overlay-content {
width: 488px;
padding: 12px 16px;
display: block;
}
#overlay-map .overlay-details {
width: 486px;
border: 1px solid #c0c0c0;
margin-top: 10px;
}
.img-det {
border: 1px solid #ddd;
float: left;
margin-right: 10px;
margin-bottom: 0px;
width: 95px;
height: 95px;
}
.yellow {
color: #ffeb00;
font-size: 15px;
font-weight: bold;
}
#overlay-map h2 {
color:#B01B00;
font-size: 15px;
margin: 0 0 0 0;
}
#overlay-map span.sml {
display:block;
font-size:11px;
}
#overlay-map .left-det {
width: 300px;
float: left;
text-align: left;
padding: 12px 12px 15px;
border-right: 1px solid #c0c0c0;
}
#overlay-map .price-det {
width: 160px;
float: right;
text-align: center;
}
#overlay-map .price-det p {
margin: 13px 0;
}
#overlay-map .price-det strong {
color:#B01B00;
display:block;
font-size:16px;
}
.stryk {
color:#999999;
font-size:12px;
text-decoration:line-through;
}
.remove-it {
margin-top: 5px;
display: block;
color:#999999;
font-size:11px;
text-decoration: underline;
margin-bottom: 5px;
}
p.endcart {
margin: 10px 0 3px 0;
color: #444;
}
.pl-info em.lpmap { font-size:10px; color:#bbb; text-decoration:line-through; font-weight:normal }
.pl-info a.lpmap { display:block; padding:3px 0 5px; font-size:11px; font-weight:bold; color:#B01B00; text-decoration:underline }
.p-map strong { color:#333; }
.p-map strong.product-prce { color:#bbb; font-size:15px; text-decoration:line-through }
.pd-map {
color:#B01B00;
font-size:14px;
font-weight:bold;
line-height:20px;
}
.pd-map {
color:#B01B00;
font-size:14px;
font-weight:bold;
line-height:20px;
}
.div-img-det{
border:1px solid #ddd;
display:block;
float:left;
margin-right: 10px;
margin-bottom: 0px;
height:95px;
width:97px;
overflow:hidden;
}
.ril-prce em {
display:block;
color:#999999;
font-size:11px;
font-style:normal;
line-height:13px;
margin:10px 0 0;
}
/***MAP end***/
/***Fitment-overlay***/
a.fitment-info, .fitment-info a {
text-decoration: underline;
}
div[name='overlay-fitment'] {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 10px solid #525252;
text-align:left;
top:30%;
left:50%;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
div[name='overlay-fitment'] a:link {color: #666666;}
div[name='overlay-fitment'] a:visited {color: #666666;}
div[name='overlay-fitment'] a:hover {color: #000;}
div[name='overlay-fitment'] a:active {color: #666666;}
div[name='overlay-fitment'] a:focus{color: #666666;}
div[name='overlay-fitment'] img{border:1px solid #666666;}
div[name='overlay-fitment'] ul {float:left; margin-left:20px; margin-right:3px; width:160px;}
div[name='overlay-fitment'] ul li {list-style-type:none;}
div[name='overlay-fitment'] #loadingfitment img {border: 0px;}
div[name='overlay-fitment'] h2[name='fitment_title'] a:link {color: #333333; text-decoration: underline; }
div[name='overlay-fitment'] h2[name='fitment_title'] a:visited {color: #333333; text-decoration: none; }
div[name='overlay-fitment'] h2[name='fitment_title'] a:hover {color: #B01B00; text-decoration: underline; }
div[name='overlay-fitment'] h2[name='fitment_title'] a:active {color: #333333; text-decoration: none; }
div[name='overlay-fitment'] h2[name='fitment_title'] a:focus {color: #333333; text-decoration: none; }
/* old overlay CSS
#overlay-fitment a:link {color: #666666;}
#overlay-fitment a:visited {color: #666666;}
#overlay-fitment a:hover {color: #000;}
#overlay-fitment a:active {color: #666666;}
#overlay-fitment a:focus{color: #666666;}
#overlay-fitment img{border:1px solid #666666;}
#overlay-fitment ul {float:left; margin-left:20px; margin-right:3px; width:160px;}
#overlay-fitment ul li {list-style-type:none;}
#overlay-fitment #loadingfitment img {border: 0px;}
*/
* html div[name='overlay-fitment'] { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
div[name='overlay-fitment'] img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
div[name='overlay-fitment'] .overlay-fitment-title {
display: block;
background-color:#e8e8e8;
height:40px;
}
div[name='overlay-fitment'] .fitmentWindowTitle {
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
div[name='overlay-fitment'] .fitmentcloseWindow {
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
div[name='overlay-fitment'] .overlay-fitment_content {
width: 600px;
padding: 12px 16px;
display: block;
background-color:#FFFFFF;
}
div[name='overlay-fitment'] .product-prce {
color:#b01b00;
display:block;
font-size:16px;
font-weight:bold;
line-height:16px;
margin-top:5px;
font-style:normal;
}
div[name='overlay-fitment'] .lpmap {
color:#BBBBBB;
display:block;
font-size:16px;
line-height:16px;
margin-top:5px;
text-decoration:line-through;
font-weight:normal;
font-style:normal;
}
div[name='overlay-fitment'] a.lpmap {
color:#b01b00;
text-decoration:underline;
font-weight:bold;
}
#overlay-map .overlay-fitment_details {
margin-top: 10px;
text-decoration:none;
}
.htwostyle {
font-size: 14pt;
font-weight: bold;
margin: 0px;
padding-top:5px;
}
div[name='overlay-fitment'] .left-det {
width: 140px;
float: left;
text-align: left;
}
div[name='overlay-fitment'] .right-det {
width: 450px;
float: right;
margin-top: -10px;
}
div[name='overlay-fitment'] .more_details {
font-size:14px;
display:block;
margin:10px 0 0 0;
text-decoration:underline;
text-align: left;
}
.img-overlay-fitment {
float:left;
}
.fitment_star-rating {
width: 0%;
}
/***Fitment-overlay end***/
/** End Rollout Added/edited styles ****/
/*** New Header #2396 [STT] Header Redesign (A/B testing) **/
#NewHeader {
padding:5px 0;
}
.calltoorder,
.custservice {
display:block;
float:left;
margin:0 0 5px;
padding:0 0 0 30px;
}
.calltoorder { background:url(http://images.stylintrucks.com/design/icon-calltoorder.png) no-repeat 3px center; margin:2px 15px }
.calltoorder span,
.custservice span {
border:1px solid #e6e3e3;
display:block;
float:left;
font-weight:bold;
line-height:12px;
cursor:pointer;
}
#NewHeader ul {
float:right;
padding:3px 10px 0 0;
}
#NewHeader ul li {
float:left;
font-weight:bold;
list-style:none;
margin-left:5px;
}
#NewHeader ul li a {
margin-right:5px;
}
#NewHeader div {
background:url(http://images.stylintrucks.com/design/bg-newheader.gif) no-repeat;
clear:both;
height:58px;
padding:0 20px 0 0;
position:relative;
}
#NewHeader #Logo {
left: -5px;
margin: 0;
position: absolute;
top: 8px;
width: 245px;
}
#NewHeader #Logo a {
background: url(http://images.stylintrucks.com/design/logo-new.png) repeat scroll 0 0 transparent;
display: block;
height:44px;
outline:none;
text-indent: -9999px;
}
#NewHeader form { float:right; margin:0 70px 0 0; padding:17px 0 0; width:400px; }
#NewHeader form p { margin:0 }
#NewHeader form p input {
border:1px solid #8f8f8f;
float:left;
padding:5px;
width:300px;
}
#NewHeader form p input.btn-go {
background:url(http://images.stylintrucks.com/design/btn-newheadergo.gif) 0;
border:0;
height:27px;
margin-left:5px;
width:55px;
}
#NewHeader div span {
background:url(http://images.stylintrucks.com/design/icon-cartheader.png) no-repeat 0 17px;
color:#fff;
float:right;
font-weight:bold;
padding:20px 0 0 30px;
}
#NewHeader div span a { color:#fff; }
#NewHeader .categories {
float:none;
padding:0;
}
#NewHeader .categories li {
list-style:none;
float:left;
margin:0;
}
#NewHeader .categories li a {
background:url(http://images.stylintrucks.com/design/nav.gif) no-repeat 0 0;
display:block;
height:28px;
text-indent:-9999px;
margin:0;
}
#NewHeader .categories li a.exterior { background-position:0 0; width:77px }
#NewHeader .categories li.active a.exterior,
#NewHeader .categories li a.exterior:hover { background-position:0 -28px; }
#NewHeader .categories li a.interior { background-position:-77px 0; width:78px; }
#NewHeader .categories li.active a.interior,
#NewHeader .categories li a.interior:hover { background-position:-77px -28px;}
#NewHeader .categories li a.lighting { background-position:-155px 0; width:80px; }
#NewHeader .categories li.active a.lighting,
#NewHeader .categories li a.lighting:hover { background-position:-155px -28px;}
#NewHeader .categories li a.performance { background-position:-235px 0; width:110px; }
#NewHeader .categories li.active a.performance,
#NewHeader .categories li a.performance:hover { background-position:-235px -28px;}
#NewHeader .categories li a.suspension { background-position:-345px 0; width:98px; }
#NewHeader .categories li.active a.suspension,
#NewHeader .categories li a.suspension:hover { background-position:-345px -28px;}
#NewHeader .categories li a.towing { background-position:-443px 0; width:72px; }
#NewHeader .categories li.active a.towing,
#NewHeader .categories li a.towing:hover { background-position:-443px -28px;}
#NewHeader .categories li a.toolgarage { background-position:-515px 0; width:122px; }
#NewHeader .categories li.active a.toolgarage,
#NewHeader .categories li a.toolgarage:hover { background-position:-515px -28px;}
#NewHeader .categories li a.fuelsaving { background-position:-637px 0; width:102px; }
#NewHeader .categories li.active a.fuelsaving,
#NewHeader .categories li a.fuelsaving:hover { background-position:-637px -28px;}
#NewHeader .categories li a.restoration { background-position:-739px 0; width:104px; }
#NewHeader .categories li.active a.restoration,
#NewHeader .categories li a.restoration:hover { background-position:-739px -28px;}
#NewHeader .categories li a.replacement { background-position:-739px 0; width:104px; }
#NewHeader .categories li.active a.replacement,
#NewHeader .categories li a.replacement:hover { background-position:-739px -28px;}
#NewHeader .categories li a.jeep { background-position:-843px 0; width:57px; }
#NewHeader .categories li.active a.jeep,
#NewHeader .categories li a.jeep:hover { background-position:-843px -28px;}
#NewHeader .categories li a.clearance { background-position:right 0; width:94px; }
#NewHeader .categories li.active a.clearance,
#NewHeader .categories li a.clearance:hover { background-position:right -28px;}
.shopnow-freeship {
background:#fff;
padding:0 10px 10px;
}
.shopnow-freeship img { border:2px solid #303030; }
/*** New Header #2396 [STT] Header Redesign (A/B testing) **/
/*** No-Chat Header **/
.no_chat_header{
background:url(http://images.stylintrucks.com/design/no-chat-logo.jpg) no-repeat;
background-size: 440px 77px;
width:450px;margin:1% auto;
font-size:14px;
height:293px;
padding-top:135px;
}
.helptext {
font-size:14px;
height:700px;
padding-top:10px;
width:950px;
}
/* NEW CSS 1.10 */
#RelatedItemLists {
margin-top: 0;
}
p.middle {
padding: 2px 0 1px;
}
.instock {
background: url(http://images.stylintrucks.com/design/instock.gif) left 3px no-repeat;
height: 24px;
padding: 4px 0 0 18px;
text-align: left;
}
.grey {
color: #8a8a8a;
}
.strike {
text-decoration: line-through;
}
.nil {
margin: 0;
}
select {
color: #333;
font-family: Arial, Tahoma, Verdana, sans-serif;
}
select:disabled {
color: #c0c0c0;
}
.hidden {
display: none;
}
#selectionfilter .dropdowns div {
float: left;
height: 20px;
margin: 5px 0 0;
}
#selectionfilter .dropdowns p {
width: 220px;
}
#selectionfilter .dropdowns form div {
margin-right: 10px;
}
.free-shipping {
background: url(http://images.stylintrucks.com/design/free-shipping-badge.gif) bottom left no-repeat;
height: 20px;
width: 122px;
margin-top:0px;
}
/* Breadcrumbs */
#breadcrumbs {
background: url(http://images.stylintrucks.com/design/bg-breadcrumbs.jpg);
border-left: 1px solid #C0C0C0;
border-top: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
display: block;
width:auto;
}
#breadcrumbs ul {
list-style: none;
padding: 0 10px;
}
#breadcrumbs ul li {
background: url(http://images.stylintrucks.com/design/bg-breadcrumbs.gif) top right no-repeat;
float: left;
height: 34px;
margin-right: 10px;
padding-right: 8px;
}
#breadcrumbs ul li.home span {
background: url(http://images.stylintrucks.com/design/icn-home.gif) 0 8px no-repeat;
cursor: pointer;
text-indent: -9999px;
width: 20px;
}
#breadcrumbs ul li span {
display: block;
padding: 8px 12px 8px 0;
}
#breadcrumbs ul li span a{
text-decoration:none;
}
#breadcrumbs ul li a:hover span{
text-decoration:underline;
}
/* Star Ratings */
#ratings {
margin: 0;
}
#ratings ul {
list-style: none;
}
#ratings ul li {
float: left;
height: 16px;
height: 16px;
margin-left: 1px;
}
#ratings ul li span.star-rating {
background: url(http://images.stylintrucks.com/design/star-ratings.gif) 0 0 repeat-x;
height: 16px;
width: 80px;
}
#ratings ul li span.star-rating span {
background: url(http://images.stylintrucks.com/design/star-ratings.gif) 0 -16px repeat-x;
height: 16px;
}
#ratings ul li.text {
background: none;
margin-left: 5px;
width: 100px;
}
/* Product Header */
.pfdp-product-info {
float:right;
width:565px;
}
.pfdp-product-info h1 {
color: #333;
line-height: 1.3em;
margin-top:0px;
}
.pfdp-product-info .pfdp-prodname {
margin-bottom: 10px;
}
.pfdp-product-info .pfdp-product-price {
color: #B01B00;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.2em;
margin: 0px 5px 10px 0;
}
p.readfull a {
color: #b01b00;
}
p.numavailableprods {
background: url(http://images.stylintrucks.com/design/arrow-down.gif) left 4px no-repeat;
font-size: 13px;
font-weight: bold;
height: 17px;
margin-top: 0;
padding: 4px 0 4px 22px;
}
p.numavailableprods a {
color: #676767;
}
/* tooltip */
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.85;
}
#tooltip h3,
#tooltip div { margin: 0; }
#tooltip h3 {
font-size: 12px;
}
#tooltip.pretty {
border: 1px solid #c0c0c0;
background: #fff6e2;
font-family: Arial;
opacity: 0.8;
padding:5px;
width: 210px;
}
/* Product Detail Page YMMSE */
.pdpymmse {
border: 1px solid #c0c0c0;
margin: 0;
padding: 10px;
}
.pdpymmse p {
margin: 5px 0;
}
p.fit-message {
font-size: 14px;
margin: 0;
padding: 0 0 0 22px;
}
p.fit-message a {
color: #b01b00;
text-decoration: underline;
}
p.fit-message a.grey {
color: #8a8a8a
}
p.fit-message a:hover {
text-decoration: none;
}
p.no-vehicle {
background: url(http://images.stylintrucks.com/design/exclamation-white.gif) top left no-repeat;
}
p.with-vehicle {
background: url(http://images.stylintrucks.com/design/fits.gif) left 1px no-repeat;
}
p.universal {
background: url(http://images.stylintrucks.com/design/universal.gif) top left no-repeat;
}
p.fits {
background: url(http://images.stylintrucks.com/design/fits.gif) top left no-repeat;
}
.pdpymmse .ddlistcontainer {
border-top: 1px solid #dcdcdc;
margin-top: 5px;
}
.pdpymmse .ddlistcontainer .dropdowns {
border: 1px solid #dcdcdc;
border-width: 0 1px 0 0;
width: 260px;
}
.pdpymmse .ddlistcontainer .dropdowns select {
font-family: arial, tahoma, verdana, sans-serif;
font-size: 12px;
padding: 2px 1px 2px 2px;
width: 250px;
}
.pdpymmse .ddlistcontainer .dropdowns input.submit {
background: url(http://images.stylintrucks.com/design/submit-vehicle.gif) top left no-repeat;
border: 0 none;
height: 28px;
margin-top: 5px;
width: 143px;
}
.pdpymmse .ddlistcontainer .vehiclelist {
margin-top: 10px;
padding-left: 10px;
width: 260px;
}
.pdpymmse .ddlistcontainer .vehiclelist ul {
list-style: none;
font-weight: bold;
}
.pdpymmse .ddlistcontainer .vehiclelist ul.previous {
border-top: 1px solid #dcdcdc;
margin-top: 5px;
padding-top: 5px;
}
.pdpymmse .ddlistcontainer .vehiclelist li {
background: url(http://images.stylintrucks.com/design/small-x-white.gif) right 3px no-repeat;
color: #333;
float:left;
width:260px;
}
.pdpymmse .ddlistcontainer .vehiclelist li.title {
background: none;
color: #8a8a8a;
font-weight: bold;
}
.pdpymmse .ddlistcontainer .vehiclelist li span {
font-weight: normal;
}
.pdpymmse .ddlistcontainer .vehiclelist li span.close {
cursor: pointer;
float: right;
height: 23px;
width: 10px;
margin-top:-13px;
}
/* */
.pit-tabs li a {
background: #f0f0f0;
padding: 8px 8px 2px 8px;
}
.pit-data-cont .content {
overflow: hidden;
padding-bottom: 5px;
}
/* Pagination */
#new-pfamily-pagination {
text-align:right;
margin-top:20px;
margin-bottom:-17px
}
#new-pfamily-pagination ul {
list-style-type:none
}
#new-pfamily-pagination ul li{
display:inline
}
#new-pfamily-pagination a {
text-decoration: underline;
}
#new-pfamily-pagination {
margin: 10px 0 4px;
text-align: left;
}
#new-pfamily-pagination.bottom {
margin-top: 0;
}
#new-pfamily-pagination p {
font-weight: bold;
float: left;
margin: 0;
padding-top: 4px;
padding-bottom: 2px;
}
#new-pfamily-pagination ul {
text-align: right;
float: right;
}
#new-pfamily-pagination ul li {
font-weight: bold;
margin: 0 5px;
vertical-align: bottom;
padding-top: 4px;
padding-bottom: 2px;
}
#new-pfamily-pagination ul li a {
text-decoration: none;
}
#new-pfamily-pagination ul li.active {
color: #b01b00;
}
#new-pfamily-pagination ul li img {
vertical-align: bottom;
}
#new-pfamily-pagination ul li.prv,
#new-pfamily-pagination ul li.nxt {
margin: 0;
}
/* */
#selectionfilter {
background: #f0f0f0;
border: 1px solid #c0c0c0;
margin: 0 0 10px;
padding: 8px;
}
#selectionfilter p {
margin: 0;
}
#selectionfilter p strong {
font-size: 14px;
font-weight: normal;
}
#selectionfilter select {
padding: 0;
width: 220px;
}
#selectionfilter .dropdowns div {
float: left;
height: 20px;
margin: 5px 0 0;
}
#selectionfilter .dropdowns p {
width: 220px;
}
#selectionfilter .dropdowns form div {
margin-right: 10px;
}
div.selected {
font-weight: bold;
}
ul#selectedfilters {
border-bottom: 1px solid #c0c0c0;
list-style: none;
}
ul#selectedfilters li {
float: left;
font-weight: bold;
margin-left: 10px;
}
/* New Product Rollup */
#productlist {
margin: 0 0 10px;
}
#productlist div {
border: 1px solid #c0c0c0;
}
#productlist div.first {
border-width: 1px 1px 0 1px;
}
#productlist div.last {
border-width: 0 1px 1px 1px;
}
#productlist div div {
border: 0 none;
}
#productlist div div p {
margin: 0;
}
#productlist ul {
list-style: none;
}
#productlist div .part {
border-right: 1px solid #c0c0c0;
float: left;
padding: 5px;
width: 760px;
}
#productlist div .part .image,
#productlist div .part .info {
float: left;
}
#productlist div .part .image {
margin-right: 10px;
}
#productlist div .part .info h2 {
margin: 5px 0 0;
}
#productlist div .part .info h2 a {
color: #b01b00;
}
#productlist div .buybox {
float: right;
padding: 10px 5px;
width: 192px;
text-align: center;
}
#productlist div .buybox h2 {
color: #b01b00;
font-size: 22px;
margin: 5px 0 2px;
}
#productlist div .buybox .addtocart {
background: url(http://images.stylintrucks.com/design/add-to-cart.gif) top left no-repeat;
border: 0 none;
cursor: pointer;
height: 28px;
margin-top: 10px;
width: 103px;
}
#productlist div .buybox .free-shipping {
float: none;
margin: 0 auto;
}
#productlist div .buybox .instock {
display: block;
width: 50px;
margin: 0 auto;
}
#productlist .fit {
border: 1px solid #dcdcdc;
border-width: 1px 0;
margin: 10px 0 10px;
overflow: hidden;
padding: 5px 0;
width: 590px;
}
#productlist .fit .fit-message {
font-size: 12px;
}
#productlist .fit ul {
margin: 5px 0 0 0px;
}
#productlist .fit ul li {
color: #8a8a8a;
font-size: 11px;
margin: 0;
line-height: 15px;
}
#productlist .attributes {
height: 75px;
margin: 0;
overflow: hidden;
}
#productlist .attributes ul {
float: left;
width: 290px;
}
#productlist .showall {
line-height: 10px;
margin-top: 4px;
padding-top: 5px;
}
#productlist .showall a {
color: #b01b00;
font-size: 11px;
}
/* Core Price */
p.core span {
position: relative;
float: right;
}
p.core img {
cursor: pointer;
margin-left: 2px;
}
p.core span em {
background: #fff;
border: 2px solid red;
display: none;
left: -170px;
padding: 5px;
position: absolute;
top: 20px;
width: 200px;
}
p.core span em.track {
background: #fff;
border: 2px solid red;
display: none;
left: -27px;
padding: 5px;
position: absolute;
top: -124px;
width: 200px;
text-align: center;
color:gray;
}
/* Dart CSS */
/* header */
#componentAdLeaderboard{margin-left: 10px; margin-right: 10px; padding: 5px 0pt; width: 994px;}
#top-ad{
text-align: center;
font-weight: bold;
}
/* right nav */
#componentAdSkyscraper{background: url('http://images.stylintrucks.com/design/bg_banneradheader-right.gif'); color:#ffffff; background-repeat: repeat-y; float: left; padding: 10px; position: relative; width: 160px; top: 143px;}
/* google plus */
#gplusone {
margin: 0 0 0 5px;
}
#gplusone iframe {
float: right;
position:static !important;
}
/* social networking sites */
#SocialNetwork ul {
list-style: none;
}
#SocialNetwork ul li {
display: block;
float: left;
}
#gplusone {
margin: 0 0 0 5px;
}
#gplusone iframe {
float: right;
position:static !important;
}
/** this for the new VLP **/
form#ymm_selectedvehicle p#selectedVehicleLabel strong { margin-right:5px; width:162px }
.vlp #InnerpageLists h3 {
color:#9f9292;
text-transform:uppercase;
font-size:13px;
padding:0 0 0 10px;
}
.vlp #InnerpageLists .il-ul ul li a.seemore {
clear:both;
display:block;
font-weight:bold;
font-size:11px;
color:#9f9292;
text-decoration:underline;
}
.pl-img-name-sub { margin-bottom:5px }
.categorylists { list-style:none }
.categorylists li {
float: left;
padding: 0 10px 25px;
width: 235px;
}
.categorylists li h4 {
background:url(http://images.stylintrucks.com/design/imgs-categories.jpg) no-repeat 0 0;
color:#fff;
font-size:14px;
height:29px;
margin:0 0 10px;
padding:11px 11px 0;
}
.categorylists li.cat-new h4 { background-position:0 0 }
.categorylists li.cat-clearance h4 { background-position:0 -40px }
.categorylists li.cat-exterior h4 { background-position:0 -80px }
.categorylists li.cat-fuel savings h4 { background-position:0 -120px }
.categorylists li.cat-interior h4 { background-position:0 -160px }
.categorylists li.cat-jeep h4 { background-position:0 -200px }
.categorylists li.cat-lighting h4 { background-position:0 -240px }
.categorylists li.cat-performance h4 { background-position:0 -280px }
.categorylists li.cat-replacement h4 { background-position:0 -320px }
.categorylists li.cat-suspension h4 { background-position:0 -360px }
.categorylists li.cat-tools & garage h4 { background-position:0 -400px }
.categorylists li.cat-towing h4 { background-position:0 -440px }
.categorylists li li {
background: url(http://images.stylintrucks.com/design/arrow-bullet.gif) no-repeat 0 7px;
float:none;
list-style:none;
padding:0 10px 0 12px;
width:auto;
}
.categorylists a.viewall {
color:#bf2e00;
padding-left:12px;
float: right;
}
/*** for new DSC implementation **/
.ubox-bg {
background:#000000;
opacity:0.7;
position:absolute;
top:0;
left:0;
}
#ubox-container
{
background:#000000;
opacity:0.7;
position:absolute;
top:0;
left:0;
}
#ubox-subcontainer
{ background: white; }
/*
* .ubox-loader
* The AJAX loading screen
*/
.ubox-loader
{
width: 100px; height: 100px;
background: #fff url(http://images.stylintrucks.com/design/ubox-load.gif) center center no-repeat;
}
/*
* .ubox-content
* Content screen
* (Tip: you're probably editing htis file to adjust this padding value)
*/
.strong {
font-weight: bold;
}
.normal {
font-weight: normal;
}
.grey {
color: #8a8a8a;
}
.small {
font-size: 11px;
}
.ml {
margin-left: 3px;
}
.mr {
margin-right: 3px;
}
.mb {
margin-bottom: 5px;
}
.block {
display: block;
float: left;
}
a.question {
background: url(http://images.stylintrucks.com/design/questionmark.gif) 0 0 no-repeat;
float: left;
height: 12px;
width: 12px;
display: block;
}
a.exclamation {
background: url(http://images.stylintrucks.com/design/exclamationpoint.gif) 0 0 no-repeat;
height: 12px;
padding: 0 6px;
width: 12px;
}
#shippinghandling .close,
#shippingstate .close,
#surcharge .close {
background: #ffec22; /* Old browsers */
background: -moz-linear-gradient(top, #ffec22 0%, #fbc407 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffec22), color-stop(100%,#fbc407)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffec22 0%,#fbc407 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffec22 0%,#fbc407 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffec22 0%,#fbc407 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec22', endColorstr='#fbc407',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffec22 0%,#fbc407 100%); /* W3C */
border: 1px solid #b89e65;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #333;
font-size: 11px;
line-height: 1em;
margin: 0 auto;
padding: 5px 8px;
text-align: center;
text-transform: uppercase;
width: 44px;
}
#shippinghandling .close a,
#shippingstate .close a,
#surcharge .close a {
text-decoration: none;
}
#shippinghandling,
#shippingstate,
#surcharge {
background: #fff;
border: 10px solid #333;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px;
position: absolute;
width: 480px;
z-index:9999;
top:100px;
}
#shippinghandling h4,
#shippingstate h4,
#surcharge h4 {
background: url(http://images.stylintrucks.com/design/free-shipping-popup.gif) 0 0 no-repeat;
font-size: 15px;
padding-left: 35px;
margin: 5px 0 0;
}
#shippinghandling h5,
#surcharge h5 {
font-size: 13px;
margin: 20px 0 2px;
}
#shippinghandling p,
#shippingstate p,
#surcharge p {
margin: 0 0 5px 0;
}
#shippinghandling .close,
#shippingstate .close,
#surcharge .close {
margin-top: 4px;
}
.ship-method .question {
margin-left: 3px;
}
.ship-method table {
}
.ship-method table thead td {
font-weight: bold;
}
.ship-method table td.type {
width: 45%;
}
.ship-method table td.date {
width: 35%;
}
.ship-method table td.cost {
width: 20%;
}
#OrderSteps table tr {
margin-bottom: 10px;
}
#OrderSteps table tr td {
border-bottom: 1px solid #c0c0c0;
padding-top: 10px;
}
#OrderSteps table .td-item p a {
color: #333;
}
#OrderSteps table .td-item p a:hover {
color: #b01b00;
}
#OrderSteps table p span {
font-size: 12px;
line-height: 1.4em;
}
#newshoppingcart {
}
#newshoppingcart span {
display: block;
}
#newshoppingcart div {
border: 0 none;
padding: 0;
}
#newshoppingcart div.image {
float: left;
}
#newshoppingcart div.item-details {
float: left;
width: 310px;
}
#newshoppingcart div.item-details span {
font-size: 11px;
}
#newshoppingcart .prod-item-name-cart {
font-size: 13px;
font-weight: bold;
}
#newshoppingcart th.item {
width: 45%;
}
#newshoppingcart th.dsurcharge {
width: 19%;
}
#newshoppingcart th.uprice,
#newshoppingcart td.uprice {
width: 8%;
}
#newshoppingcart th.quantity,
#newshoppingcart td.quantity {
text-align: center;
width: 8%;
}
#newshoppingcart td.quantity span a {
font-size: 11px;
}
#newshoppingcart td.quantity span a.grey {
color: #8a8a8a;
}
#newshoppingcart th.coreprice,
#newshoppingcart td.coreprice {
width: 12%;
}
#newshoppingcart th.tprice {
width: 10%;
}
#newshoppingcart td.tprice {
color: #b01b00;
font-size: 14px;
font-weight: bold;
}
.ship-method p {
margin-left: 5px;
}
/* ==================================== Clear ==================================== */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.clearer { margin: 0; padding: 0; clear: both; }
/**core deposit**/
span.core-ex span,
span.core span {
position: relative;
float: right;
}
span.core-ex span em,
span.core span em {
background: #fff;
border: 2px solid red;
display: none;
left: -170px;
padding: 5px;
position: absolute;
top: 20px;
width: 200px;
font-weight:normal;
}
/* my account */
/* track order */
#StaticPages.trackorder { padding:0 20px 30px }
#StaticPages.trackorder h1 { margin-top:0 }
.trackorder form {
background:url(http://images.stylintrucks.com/design/bg-trackorder.gif) repeat-x 0 bottom;
border:1px solid #ccc;
border-radius:10px;
-moz-border-radius:10px;
padding:15px 20px;
width:auto;
position:relative;
}
#StaticPages.trackorder ul { margin:0 }
.trackorder ul li {
list-style:none;
padding:5px 0;
}
.trackorder ul li.action { padding-top:15px }
.trackorder ul li label {
display:block;
font-size:14px;
font-weight:bold;
color:#333;
padding:0 0 5px;
}
.trackorder ul li input {
padding:10px;
font-size:12px;
width:300px;
}
.trackorder ul li input.trackmyorder {
background:#ffdb00 url(http://images.stylintrucks.com/design/btn-trackorder.gif) repeat-x 0 0;
height:30px;
padding:0;
width:150px;
}
.trackorder img {
position:absolute;
top:-47px;
right:30px;
}
/* START : df-rollout:ticket:2623 -- New Directories and Directory Enhancement */
/* Sitemap Main Page */
.sitemap-new {
overflow:hidden;
border:1px #ccc solid;
border-radius:4px;
-moz-border-radius:4px;
margin:0 0 30px 0;
}
.sitemap-new ul {
padding:0;
margin:0;
}
.sitemap-new li {
padding:8px 12px;
list-style:none;
list-style-image:none;
list-style-type:none;
}
.sitemap-new li.smap-heading {
color:#333;
background:#b8b8b8;
font-size:14px;
font-weight:bold;
}
.sitemap-new li.smap-content-3cols, .sitemap-new li.smap-content-2cols {
overflow:hidden;
}
.sitemap-new li.smap-content-3cols ul, .sitemap-new li.smap-content-2cols ul {
padding:0;
margin:0;
}
.sitemap-new li.smap-content-3cols li {
float:left;
list-style:none;
list-style-image:none;
list-style-type:none;
width:28%;
margin-right:15px;
}
.sitemap-new li.smap-content-2cols li {
float:left;
list-style:none;
list-style-image:none;
list-style-type:none;
width:45%;
margin-right:15px;
}
.sitemap-new li.smap-content-3cols li a, .sitemap-new li.smap-content-2cols li a {
display:block;
}
/* Cart Refresh */
#ShoppingCart-Refresh {
background:#fff;
padding:10px 20px 20px;
}
.title-action {}
.title-action h2 {
float:left;
font-size:24px;
margin:0;
padding-top:10px;
line-height:30px;
overflow:visible;
}
.title-action .checkout {
float:right;
}
#ShoppingCart-Refresh #form_checkout_paypal {
float:left;
}
#ShoppingCart-Refresh #form_checkout_paypal input { border:0 }
.title-action div div {
float:right;
border-left:1px solid #ccc;
padding-left:12px;
margin-left:10px;
}
.title-action .btn-checkout {
background: url(http://images.stylintrucks.com/design/btn-securecheckout.jpg) no-repeat 0 0;
border:0;
cursor:pointer;
height:37px;
width:196px;
}
#ShoppingCart-Refresh div.checkout form div input.btn-checkout{
background: url(http://images.stylintrucks.com/design/btn-securecheckout.jpg) no-repeat 0 0;
border:0;
cursor:pointer;
height:37px;
width:196px;
}
.thecart {
margin:10px 0 15px;
}
.thecart table {
border-top:1px solid #ccc;
border-left: 1px solid #ccc;
}
.thecart th,
.thecart td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
vertical-align: top;
}
.thecart th { background:#f4f4f4; color:#333; padding:7px 10px; }
.thecart th.th-item { }
.thecar th.th-core{}
.thecart td {}
.thecart td.td-total { text-align: right; width:70px}
.thecart .total td { background:#fafafa; }
.thecart .total td.es { border-right:0 }
#ShoppingCart-Refresh .thecart td.td-item img {
border:0;
float:left;
margin-right:10px;
}
#ShoppingCart-Refresh .thecart td.td-item p { margin:0 }
#ShoppingCart-Refresh .thecart td.td-item p a { display:inline-block; font-weight:bold; }
#ShoppingCart-Refresh .thecart td.td-item span { display:block; font-size:11px; }
#ShoppingCart-Refresh .thecart td.td-item p em { display: block; font-size:11px; font-style:normal; color:#999 }
#ShoppingCart-Refresh div.thecart table tbody tr td form div.clearfix input#coupon_code.txt-input{
padding:4px 5px 3px;
display: inline-block;
font-size:12px;
width:226px;
}
.subtotalJke {
width: 290px;
display: block;
}
.subtotalJke li {
list-style: none;
float: left;
display: inline-block;
padding: 2px 0;
width: 290px;
}
.subtotalJke li label,
.subtotalJke li strong {
float: left;
}
.subtotalJke li span {
float: right;
}
#ShoppingCart-Refresh div.thecart table tbody tr td form div.clearfix input.submit{
background:url(http://images.stylintrucks.com/design/btn-apply.jpg);
display: inline-block;
height:23px;
width:49px;
padding:0;
border:0;
}
.youmightalsolike { margin:20px 0 0 }
.youmightalsolike h4 {
font-size:16px;
border-bottom:1px solid #ccc;
padding:0 0 7px;
}
.youmightalsolike ul { list-style:none; margin:15px 0 0 }
.youmightalsolike ul li {
float:left;
width:186px;
margin-right:6px;
text-align: center;
}
.youmightalsolike ul li.l { margin-right:0 }
.youmightalsolike ul li .prodname {
font-size:12px;
font-weight:bold;
color:#333;
display:block;
line-height:15px;
margin:10px 0 0;
}
.youmightalsolike ul li strong {
font-size:14px;
font-weight:bold;
color:#ff0000;
margin: 5px 0;
display: block
}
.youmightalsolike ul li .btn-quickinspect {
background:url(http://images.stylintrucks.com/design/btn-quickinspect.jpg);
display:block;
width:99px;
height:23px;
text-indent:-9999px;
margin:0 auto;
}
.re{position: relative;}
.ab{position: absolute;}
.mb25{margin-bottom: 25px;}
.displaynone{display: none;}
.fl{float: left;}
.fr{float: right;}
#filterByCategory, #selection{
/* background: #ccc; */
padding-top: 5px;
}
#filterByCategory h5, #selection h5{
font-size: 14px;
font-weight: bold;
border-bottom: dotted 1px #ccc;
padding: 0 0 5px;
margin: 5px 0;
}
#filterByCategory .darkenH5, #selection .darkenH5{
border-bottom: dotted 1px #b01b00;
}
#filterByCategory ul, #selection ul{
list-style: none;
list-style-position: outside;
}
#selection ul.darken li a, #filterByCategory ul.darken li a, a.darken{
color: #111;
}
#filterByCategory ul li a, #selection ul li a{
color: #111;
opacity: 0.7;
}
#filterByCategory ul li a.sideNavBoxLink, #selection ul li a.sideNavBoxLink{
color: #b01b00 ;
text-decoration: underline;
}
#filterByCategory ul li, #selection ul li{
padding: 0;
margin: 0;
position: relative;
}
#filterByCategory ul li:hover, #selection ul li:hover{
background: #ffffe1;
}
#filterByCategory ul li a:hover, #selection ul li a:hover{
color: #b01b00;
}
#filterByCategory ul li span, #selection ul li span{
color: #ccc;
}
.showMore{
font-weight: bold;
margin: 5px 0;
font-size: 10px;
}
.showMore div:hover{
text-decoration: none;
color: #333;
cursor: pointer;
}
#selection .removeAll{
margin: 0;
right: 0;
top: 0;
font-weight: bold;
color: #999;
font-size: 11px;
}
#selection .deleteSelection{
border: none;
height: 14px;
width: 14px;
background: url(http://images.stylintrucks.com/design/delete.jpg) no-repeat center center;
right: 0;
cursor: pointer;
}
#selection .selectionTop a.selectionLink{
color: #b01b00;
opacity: 1.0;
cursor: default;
}
/*****************
*
* PAGINATION
*
*****************/
.paginationBar{
height: 28px;
/* border: solid 1px #C0C0C0; */
margin: 10px 0;
background: #f4f4f4;
color: 333333;
font-weight: bold;
padding: 5px;
}
.viewListDiv{
margin: 7px 0 0 10px;
}
.gridView{
background: url("http://images.stylintrucks.com/design/view_list.jpg") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 13px;
margin: 0 10px 0 0;
width: 13px;
}
.listView{
background: url("http://images.stylintrucks.com/design/view_list.jpg") no-repeat scroll -24px 0 transparent;
border: medium none;
cursor: pointer;
height: 13px;
margin: 0;
width: 14px;
}
.rightPaginationView{
margin: 5px 0 0;
}
.paginationContainer{
margin: 2px 0 0;
}
.paginationContainer a, .itemsPerPage a{
margin: 0 5px;
}
.paginationContainer a.selected, .itemsPerPage a.selected{
color: #d33035;
}
.paginationLeft{
background: url("http://images.stylintrucks.com/design/pagination_arrow.png") no-repeat scroll 0 0 transparent;
border: medium none;
height: 17px;
margin: 0 5px 0 10px;
width: 18px;
cursor: pointer;
}
.paginationRight{
background: url("http://images.stylintrucks.com/design/pagination_arrow.png") no-repeat scroll -18px 0 transparent;
border: medium none;
height: 17px;
margin: 0 10px 0 5px;
width: 18px;
cursor: pointer;
}
.itemsPerPage{
margin: 7px 0 0 125px;
}