/* */
/* ==================================== 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: 1em 0 1em 0; }
blockquote
{
border-left: solid 2px #ccc;
padding: 0 1em;
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; }
/* ==================================== 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: #ff0000; font-weight: bold; }
.required_fields_askterisk_error{ color: #ff0000; font-weight: bold; }
.green { color: #008000; }
.small { font-size: 10px; }
.big { font-size: 14px; }
.oh { overflow: hidden; }
.gtrl { padding-right: 10px; }
.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: 10px;
margin-bottom: 10px;
background: #eff8cc;
}
/* Splits */
.split .left
{
width: 49%;
padding: 0;
margin-right: 2%;
clear: both;
float: left;
}
.split .right
{
width: 49%;
padding: 0;
float: left;
}
.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: #fff;
color: #333;
}
#All
{
margin: 0 auto;
width: 990px;
position: relative;
padding: 0;
background: #fff;
}
/* ==================================== Layouts ==================================== */
#Main .one-col { width: auto; padding: 0 10px; margin: 0; float: left; }
#Main .one-col #Left { display: none; }
#Main .one-col .content-box { float: left; width: 970px; }
#Main .two-col { width: auto; padding: 0; margin: 0; float: left; }
#Main .two-col #Left { display: block; width: 236px; }
#Main .two-col .content-box { float: left; width: 744px; }
/* ==================================== Common items ==================================== */
/* Links */
a {
color: #1547a2;
text-decoration: none;
font-weight: bold;
padding: 1px;
}
a:visited { color: #1547a2; }
a:hover {
color: #1547a2;
text-decoration: underline;
}
a img { border: 0; }
/* Form Elements */
input.submit {
background: #333;
color: #ddd;
padding: 2px 10px;
font-weight: bold;
border: 0; -moz-border-radius: 4px;
}
/* Lists */
ul.columns, li.column {
list-style-type: none;
margin: 0; padding: 0;
}
li.column {
float: left;
display: block;
}
/* Breadcrumbs */
.breadcrumbs {
border-bottom: 1px solid #ddd;
margin-bottom: 5px;
overflow: hidden;
padding: 0 0 7px 0;
width: auto;
}
.breadcrumbs .path {
color: #3d3d3d;
}
.breadcrumbs .path a, .breadcrumbs .path a:visited {
font-weight: normal;
margin: 0;
color: #1547A2;
text-decoration: underline;
}
.breadcrumbs .path strong {
color:#3d3d3d;
margin:0;
}
/* ==================================== Containers ==================================== */
#Header {
margin: 10px 0;
padding: 8px 0 0 0;
background: url(http://images.carparts.com/design/background.jpg) top left no-repeat #fff;
}
#Main {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
#Footer {
margin: 0;
padding: 20px;
background: url(http://images.carparts.com/design/footer-bg.jpg) top left no-repeat #fff;
}
.c { margin: 0; padding: 0; width: auto; }
/*===================================== Year Make Model Selector + Heroshot ==================================================*/
#PartfinderSideBar {
margin: 0;
padding: 0;
width: 236px;
float: left;
position: relative;
}
#PartfinderSideBar form {
background: url(http://images.carparts.com/design/partfinder-bg.jpg) top left no-repeat;
height:200px;
padding-top:16px;
}
#PartfinderSideBar form p {
margin:0;
padding: 5px 0 0 10px;
}
#PartfinderSideBar form p.opt { color:#fff; font-size:11px; padding:0 10px; }
#PartfinderSideBar form p select { font-size:12px; padding:1px; width:215px }
#PartfinderSideBar form p.action {
margin: 10px 0 0 0;
padding: 0;
text-align:center;
}
#PartfinderSideBar form .btn-findpart {
background: url(http://images.carparts.com/design/findmypart.gif) top left no-repeat;
border:0;
cursor:pointer;
width: 118px;
height: 31px;
}
/* User wants to change his vehicle */
.ymmse-float {
margin: 0;
padding: 0;
width: 236px;
position: absolute;
top: 0;
left: 234px;
}
.ymmse-float form {
background: url(http://images.carparts.com/design/partfinder-bg.jpg) top left no-repeat;
height: 200px;
padding-top: 16px;
}
.ymmse-float form p {
margin:0;
padding: 5px 0 0 40px;
}
.ymmse-float form p.opt { color:#fff; font-size:11px; padding:0 10px; }
.ymmse-float form p select { font-size:12px; padding:1px; width:180px }
.ymmse-float form p.action {
margin: 24px 0 0 0;
padding: 0;
text-align:center;
}
.ymmse-float form .btn-findpart {
background: url(http://images.carparts.com/design/findmypart.gif) top left no-repeat;
border:0;
cursor:pointer;
width: 118px;
height: 31px;
}
/* User has selected a vehicle */
#PartfinderSideBar .ymmse-selected {
margin: 0;
padding: 20px 10px 0 10px;
width: 216px;
height: 194px;
background: url(http://images.carparts.com/design/partfinder-bg-selected.jpg) top left no-repeat;
float: left;
}
#PartfinderSideBar .ymmse-selected h3 {
margin: 30px 0 4px 0;
font-size: 18px;
color: #0b3590;
font-weight: normal;
line-height: 1.2em;
}
#PartfinderSideBar .ymmse-selected h4 {
margin: 2px 0 0 0;
font-size: 14px;
color: #434343;
font-weight: normal;
}
/* User changes his vehicle */
#PartfinderSideBar .ymmse-list {
margin: 0;
padding: 0 10px 0 10px;
width: 216px;
height: 214px;
background: url(http://images.carparts.com/design/partfinder-bg-list.jpg) top left no-repeat;
float: left;
position: relative;
}
#PartfinderSideBar .ymmse-list h3 {
margin: 7px 0 7px 0;
padding: 0;
font-size: 13px;
}
#PartfinderSideBar .ymmse-list ul { list-style-type: none; }
#PartfinderSideBar .ymmse-list ul li { margin:0; }
#PartfinderSideBar .ymmse-list ul li a { font-weight: normal; }
#PartfinderSideBar .ymmse-list ul li span.close { float: right; }
#PartfinderSideBar .ymmse-list ul li span.close a {
width: 11px;
height: 11px;
background: url(http://images.carparts.com/design/close.jpg) top left no-repeat;
text-indent: -99999px;
cursor: pointer;
display: block;
}
#PartfinderSideBar .ymmse-list .remove {
margin: 0;
padding: 0;
width: auto;
position: absolute;
top: 190px;
left: 160px;
}
#PartfinderSideBar .ymmse-list .remove a {
margin: 0;
padding: 0;
display: block;
}
/* Trick browser into rendering an empty PartFinder */
#PartfinderSideBar .phantom-ymmse {
margin: 0;
padding: 20px 10px 0 10px;
width: 216px;
float: left;
}
/* end of YMMSE scenarions*/
.popular-searches {
margin: 2px 0 0 10px;
padding: 0 7px 2px 2px;
float: left;
}
.popular-searches .path {
color: #3d3d3d;
}
.popular-searches .path a, .popular-searches .path a:visited {
font-weight: normal;
margin: 0 4px 0 0;
color: #136b98;
text-decoration: underline;
}
.popular-searches .path strong {
color:#3d3d3d;
margin:0 4px;
}
/* Heroshot */
.heroshot {
margin: 2px 0 0 0;
padding: 0 0 0 20px;
width: 734px;
height: 190px;
background: url(http://images.carparts.com/design/heroshot-aa.jpg) left top no-repeat; /* 0 -24px */
display: block;
float: left;
}
.heroshot-b {
margin: 2px 0 0 0;
padding: 0;
width: 754px;
height: 190px;
background: url(http://images.carparts.com/design/heroshot-ab.jpg) top left no-repeat;
display: block;
float: left;
}
.heroshot h3 {
margin: 8px 0 0 0;
padding: 0 4px 7px 0;
font-size: 18px;
color: #434343;
border-bottom: 1px solid #ccc;
float: left;
}
/* ==================================== Header ==================================== */
#Header .top-row {
margin: 0;
padding: 0;
height: 41px;
}
#Header .top-row a {
color: #333;
font-weight: normal;
}
#Header .top-row a:hover {
color: #1547A2;
text-decoration: none;
}
#Header .top-row .toll-free {
margin: 4px 40px 0 25px;
padding: 0;
width: 232px;
height: 23px;
background: url(http://images.carparts.com/design/toll-free.gif) top left no-repeat;
float: left;
}
#Header .top-row .bongo{
float:left;
margin: 0 0 0 20px;
}
#Header .top-row .need-assistance {
margin: 4px 20px 0 30px;
padding: 0;
width: 240px;
height: 20px;
background: url(http://images.carparts.com/design/need-assistance.jpg) top left no-repeat;
float: left;
}
#Header .top-row .top-links {
margin: 0 10px 4px 0;
padding: 4px 7px;
background: url(http://images.carparts.com/design/top-links-bg.gif) top left repeat-x;
float: right;
border: 1px solid #878787;
-moz-border-radius: 3px;
}
#Header .logo {
margin: 0 0 0 18px;
padding: 20px 0;
width: 213px;
height: 54px;
float: left;
}
#Header .banner {
margin: 0 10px 0 0;
padding: 0;
float: right;
border: 1px solid #acacac;
}
#Header .checkout-arrow-a {
margin: 28px 20px 0 0;
padding: 0;
width: 482px;
height: 50px;
background: url(http://images.carparts.com/design/checkout-arrow.gif) 0 0 no-repeat;
text-indent: -9999px;
float: right;
}
#Header .checkout-arrow-b {
margin: 28px 20px 0 0;
padding: 0;
width: 482px;
height: 50px;
background: url(http://images.carparts.com/design/checkout-arrow.gif) 0 -50px no-repeat;
text-indent: -9999px;
float: right;
}
/* ==================================== Footer ==================================== */
#Footer a { font-weight: normal; }
#Footer .container-t {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border: 1px solid #c8c8c8;
border-width: 0 0 1px 0;
}
#Footer .container-b {
float: left;
}
#Footer ul {
margin: 0 15px 0 0;
padding: 0;
width: 300px;
list-style-type: none;
float: left;
}
#Footer ul li { height: 20px; }
#Footer ul li.header {
font-size: 14px;
font-weight: bold;
color: #505050;
}
#Footer .image-assets { float: left; }
#Footer .image-assets .verisign, #Footer .image-assets .mcaffee { float: left; }
#Footer .image-assets .mcaffee { margin-left: 15px; }
#Footer .checkout { text-align: center; }
#Footer .checkout p { margin: 0; padding: 0; }
#Footer .checkout p.message {
margin: 10px 0 10px 0;
padding: 0;
}
/* ==================================== Main Content ==================================== */
#Main .content-box {
margin: 0;
padding: 0;
width: 744px;
float: right;
}
#Main .content-box .content {
width: 576px;
float: left;
}
.content-box .content h1 {
margin: 8px 0 0 0;
padding-bottom: 7px;
}
#Main .content-box .right {
margin: 0 0 0 8px;
padding: 0;
width: 160px;
float: right;
}
#Main .content-box .top-selling {
margin: 0 0 30px 0;
padding: 8px 0 0 0;
border: 1px solid #ccc;
border-width: 1px 0 0 0;
}
#Main .content-box .top-selling-products {
margin: 0 0 30px 0;
padding: 8px 0 0 0;
border: 1px solid #ccc;
border-width: 1px 0 0 0;
}
.content-box .top-selling-products table tr td,
.content-box .top-selling table tr td {
margin: 0;
padding: 10px;
width: 162px;
border: 1px solid #ccc;
border-width: 1px 1px 0 1px;
text-align: center;
}
.content-box .top-selling-products table tr td.clean-row,
.content-box .top-selling table tr td.clean-row {
margin: 0;
padding: 0 0 10px 0;
border: 1px solid #ccc;
border-width: 0 1px 1px 1px;
}
.content-box .top-selling-products table tr td.gutter,
.content-box .top-selling table tr td.gutter {
width: 12px;
padding: 0;
border: 0 none;
}
.content-box .top-selling-products table tr td p.image,
.content-box .top-selling table tr td p.image {
margin: 0;
padding: 0;
}
.content-box .top-selling-products table tr td h2,
.content-box .top-selling table tr td h2 {
margin: 3px 0;
padding: 2px;
}
.content-box .top-selling-products table tr td h2 a,
.content-box .top-selling table tr td h2 a {
font-size: 13px;
}
.top-selling .list-price, .top-selling-products .list-price { margin: 0; }
.top-selling .our-price, .top-selling-products .our-price { margin: 0; }
.top-selling .our-price span.red, .top-selling-products .our-price span.red { color: #CC0033; }
.shop-now {
margin: 0 auto;
padding: 0;
width: 104px;
height: 28px;
/* text-align: -99999px; */
background: url(http://images.carparts.com/design/shop-now.gif) top left no-repeat;
cursor: pointer;
}
.more-info {
margin: 0 auto;
padding: 0;
width: 105px;
height: 29px;
/* text-align: -99999px; */
background: url(http://images.carparts.com/design/more-info.gif) top left no-repeat;
cursor: pointer;
}
.add-to-cart {
margin: 0 auto;
padding: 0;
width: 141px;
height: 33px;
/* text-align: -99999px; */
background: url(http://images.carparts.com/design/add-to-cart.gif) top left no-repeat;
cursor: pointer;
border: 0 none;
}
.go {
margin: 0 auto;
padding: 0;
width: 60px;
height: 32px;
/* text-align: -99999px; */
background: url(http://images.carparts.com/design/go.gif) top left no-repeat;
cursor: pointer;
border: 0 none;
}
.go-small {
margin: 0 auto;
padding: 0;
width: 60px;
height: 25px;
/* text-align: -99999px; */
background: url(http://images.carparts.com/design/go-sml.gif) top left no-repeat;
cursor: pointer;
border: 0 none;
}
.fit-message {
margin: 0;
padding: 0;
height: 66px;
background: #dde6f2;
border: 1px solid #8f9db6;
-moz-border-radius: 4px;
}
/* ==================================== YMMSE ==================================== */
#Ymmsearch {
margin: 0 0 10px 0;
padding: 0;
z-index:10;
}
#Ymmsearch .search-row, #Ymmsearch .hero-row {
margin: 0;
padding: 0;
}
#Ymmsearch .search-row .ymmse-top {
margin: 0;
padding: 0;
width: 236px;
height: 46px;
background: url(http://images.carparts.com/design/ymmse-top.gif) top left no-repeat;
float: left;
}
#Ymmsearch .search-row .ymmse-top p.select-your-vehicle {
margin: 0;
padding: 4px 0 0 10px;
width: 223px;
height: 39px;
cursor: pointer;
}
#Ymmsearch .search-row .ymmse-top p.txt {
margin: 4px 0 0 7px;
padding: 0;
color: #fff;
}
.ymmse-top .vehicle-display p.txt span a {
margin: 0 8px 0 0;
padding: 0;
color: #b6f0ff;
}
.ymmse-top .vehicle-display p.vehicle-name {
margin: 3px 0 0 7px;
padding: 0;
color: #ffcc19;
font-size: 13px;
}
#Ymmsearch .search-row #search {
margin: 0;
padding: 0;
width: 530px;
height: 46px;
background: url(http://images.carparts.com/design/search-bg.jpg) top left no-repeat;
float: left;
}
#Ymmsearch .search-row #search .c-search {
margin: 0;
padding: 7px 0 7px 7px;
}
#Ymmsearch .search-row #search form .text {
width: 400px;
height: 20px;
padding: 5px 5px 4px 5px;
border: 1px solid #777;
background: none repeat scroll 0 0 white;
color: #404040;
float: left;
font-size:17px;
}
#Ymmsearch .search-row #search .submit {
margin: 0 0 0 5px;
width: 96px;
height: 32px;
background: url(http://images.carparts.com/design/search.gif) no-repeat;
cursor: pointer;
}
#Ymmsearch .search-row .persistent-cart {
margin: 0 0 0 6px;
padding: 0;
width: 208px;
height: 46px;
background: url(http://images.carparts.com/design/persistent-c-bg.jpg) top left no-repeat;
float: left;
}
#Ymmsearch .search-row .persistent-cart p.cart {
margin: 5px 0 0 1px;
width: 38px;
padding: 7px 0 0 5px;
height: 28px;
background: url(http://images.carparts.com/design/cart.gif) top left no-repeat;
text-align: center;
float: left;
}
#Ymmsearch .search-row .persistent-cart p.viewcart {
background: url(http://images.carparts.com/design/view-cart.gif) no-repeat scroll left top transparent;
cursor:pointer;
float:left;
height:23px;
margin:12px 0 0;
padding:0;
text-indent:-9999px;
width:67px
}
#Ymmsearch .search-row .persistent-cart p.checkout {
margin: 12px 5px 0 0;
padding: 0;
width: 85px;
height: 23px;
background: url(http://images.carparts.com/design/checkout.gif) top left no-repeat;
float: right;
text-indent: -9999px;
cursor: pointer;
}
/* ==================================== Left Sdebar ==================================== */
#Left {
margin: 0 10px 0 0 ;
padding: 0;
width: 236px;
float: left;
}
#Left h1 {
margin: 0;
padding: 10px;
background: url(http://images.carparts.com/design/h1-hdr.gif) top left no-repeat;
color: #fff;
font-size: 14px;
font-weight: normal;
}
#Left .box {
margin: 0 0 10px 0;
padding: 0;
}
#Left ul {
margin: 0;
padding: 0;
list-style-type: none;
border: 2px solid #9e9e9e;
border-width: 0 1px 1px 1px;
}
#Left ul li.cat {
margin: 0;
padding: 0 ;
border: 1px solid #bdbdbd;
border-width: 1px 0 0 0;
}
#Left ul li.cat a {
padding: 7px 0 6px 10px;
background: url(http://images.carparts.com/design/list-bg.gif) 0 0 no-repeat;
font-size: 14px;
font-weight: normal;
display: block;
}
#Left ul li.cat a:hover {
text-decoration: none;
background: url(http://images.carparts.com/design/list-bg.gif) 0 -30px no-repeat;
}
#Left .shop-by-brand ul {
margin: 0;
padding: 8px 8px 7px 8px;
border: 2px solid #9e9e9e;
border-width: 0 1px 1px 1px;
}
#Left .shop-by-make {
margin-bottom: 10px;
}
#Left .shop-by-make h1 span a {
color: #fff;
font-size: 12px;
float: right;
}
#Left .shop-by-brand select {
margin: 0;
padding: 2px;
width: 218px;
}
#Left .toll-free {
margin: 10px 0 0 0;
padding: 0;
width: 236px;
height: 64px;
background: url(http://images.carparts.com/design/sidebar-toll-free.jpg) top left no-repeat;
}
#Left .partname-search {
margin: 10px 0 10px 0;
}
#Left .partname-search input.text {
margin: 0 0 0 8px;
padding: 2px;
width: 150px;
height: 14px;
}
#Left .partname-search h1 {
padding: 6px 0 7px 0;
}
#Left .partname-search a { padding: 0; }
/* Selected Attributes */
#Left .selected-att {
margin: 0 0 10px 0;
padding: 0;
border: 1px solid #9e9e9e;
border-width: 0 1px 1px 1px;
border-top: 4px solid #10436b;
}
#Left .selected-att h3 {
margin: 0;
padding: 8px 0 8px 8px;
background: #e7edf6;
border-bottom: 1px solid #bdbdbd;
color: #4e7fbd;
font-weight: bold;
font-size: 15px;
}
#Left .selected-att ul {
padding: 0 0 2px 0;
border: 0 none;
}
#Left .selected-att ul li {
padding: 4px 0 4px 8px;
border-bottom: 1px solid #bdbdbd;
}
#Left .selected-att ul li a {
font-size: 13px;
font-weight: normal;
display: block;
text-decoration: underline;
}
#Left .selected-att ul li p {
margin: 1px 0 0 0;
padding: 0;
}
#Left .selected-att ul li span.close a {
margin: 3px 4px 0 0;
width: 11px;
height: 11px;
background: url(http://images.carparts.com/design/close.jpg) top left no-repeat;
cursor: pointer;
display: block;
float: right;
}
#Left .selected-att .remove {
float: right;
padding: 2px 4px 3px 0;
}
/* Filter */
#Left .filter {
margin: 10px 0 10px 0;
padding: 0;
border: 1px solid #9e9e9e;
border-width: 0 1px 1px 1px;
border-top: 4px solid #10436b;
}
#Left .filter h1 {
margin: 0;
padding: 8px 0 8px 8px;
background: #e7edf6;
border-bottom: 1px solid #bdbdbd;
color: #303030;
font-weight: bold;
font-size: 15px;
}
#Left .filter ul {
padding: 0 0 2px 0;
background: #f3efd8;
border: 0 none;
}
#Left .filter ul li {
padding: 4px 0 2px 17px;
}
#Left .filter ul li a {
font-size: 13px;
font-weight: normal;
display: inline;
text-decoration: underline;
}
span.by {
color: #1547a2;
}
/* content-pages */
.c-pages h1 {
margin: 10px 0 15px 0;
padding: 0;
}
.c-pages h2 {
margin: 0;
padding: 0;
font-size: 14px;
color: #333;
}
.c-pages p { margin: 2px 0 20px 0; padding: 0; }
.c-pages ul { list-style-type: none; }
.c-pages ul li.bulleted { list-style: disc; list-style-position: inside; }
.c-pages ul li.title { list-style-type: none; list-style-position: outside; }
.c-pages span.strong { font-weight: bold ;}
/* ==================================== Checkout pages ==================================== */
.content-box .checkout {
margin: 0;
padding: 0;
border-top: 1px solid #ccc;
}
.content-box .checkout h1 {
margin: 30px 0 15px 0;
padding: 0;
color: #1547a2;
}
.content-box .checkout .order table {
margin: 0;
padding: 0;
border: 1px solid #a4a4a4;
border-width: 1px 1px 0 0;
float: left;
}
.content-box .checkout .order table tr td {
padding: 7px;
border: 1px solid #a4a4a4;
border-width: 0 0 1px 1px;
}
.content-box .checkout .order-details {
margin: 10px 0 10px 0;
padding: 0;
width: 100%;
border: 1px solid #a4a4a4;
border-width: 1px 1px 0 0;
}
.content-box .checkout .order-details thead { background: #cfd7e1; }
.content-box .checkout .order-details td, .content-box .checkout .order-details th {
padding: 5px;
border: 1px solid #a4a4a4;
border-width: 0 0 1px 1px;
}
.content-box .checkout .order-details tr.total { background: #fcfbdd; }
.content-box .checkout .reseller { float: right; }
.content-box .checkout .continue { float: right; }
.content-box .checkout .create-account {
margin:20px 0;
padding:20px;
background:#FCFBDD;
border:5px solid #333;
}
.content-box .checkout .create-account h1 {
margin-top:0;
color:#1547a2;
}
.content-box .checkout .create-account form,
.content-box .checkout .create-account fieldset { border:0 }
.content-box .checkout .create-account ul {
margin:0;
padding:10px 10px 20px;
list-style:none;
}
.content-box .checkout .create-account ul li:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.content-box .checkout .create-account ul li {
display:inline-block;
}
.content-box .checkout .create-account ul li {
padding:5px 0;
display:block;
}
.content-box .checkout .create-account ul li label {
margin-right: 15px;
padding: 3px 0 0;
width: 150px;
font-weight: bold;
text-align: left;
display: block;
float: left;
}
.content-box .checkout .create-account ul li span {
display:block;
float:left;
}
.content-box .checkout .create-account ul li span input {
padding:4px;
width:300px;
border:1px solid #ccc;
}
.content-box .checkout .create-account ul li span .btn-createaccount {
border:0;
background:#333;
color:#fff;
width:auto;
font-weight:bold;
padding:5px 10px;
}
/* QAS */
.content-box .checkout .warning-messages {
width: 951px;
background: #f1ecd2;
border: 2px solid #333;
margin-top: 20px;
padding: 12px;
}
.content-box .checkout .warning-messages h4 {
font-size: 16px;
line-height: 18px;
margin: 0 0 5px 0;
padding: 0 0 0 0;
color: #f90e02;
}
.content-box .checkout .warning-messages p {
margin: 0;
padding: 0;
}
.content-box .checkout .rbtn-qas {
margin-right: 7px;
position: relative;
top: 2px;
}
.content-box .checkout .qas-options {
height: 22px;
margin-bottom: 2px;
}
.content-box .checkout .street-address {
width: 90px;
padding: 2px;
border: 1px solid #333;
background: #fff;
}
.content-box .checkout .text-blue { color: #0033ff; }
.content-box .checkout .qas-options-desc, .content-box .checkout .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;
}
.content-box .checkout .qas-change {
padding: 0 0 0 0;
border: 0;
background: none;
margin-top: 20px;
}
.content-box .checkout .qas-error {
font-weight: bold;
border: 1px solid #990000;
background: #fff888;
padding: 2px 4px;
margin-right: 5px;
}
.content-box .checkout form {
margin: 0;
padding: 0 0 10px 0;
}
.content-box .checkout fieldset {
border: 0 none;
}
.content-box .checkout .placeorder {
margin: 0;
padding: 0;
width: 127px;
height: 31px;
background: url(http://images.carparts.com/design/place-order.gif) top left no-repeat;
border: 0 none;
cursor: pointer;
float: right;
}
.content-box .checkout .order-summary {
background:#E1F7FD none repeat scroll 0 0;
border:2px solid #A4A4A4;
margin: 0;
padding:5px 8px;
width:232px;
float: right;
}
.content-box .checkout .order-summary ul { list-style-type: none; }
.content-box .checkout .l { float: left; }
.content-box .checkout .r { float: right; }
.content-box .checkout ul li.total {
margin: 5px 0 0 0;
padding-top: 5px;
border-top: 1px solid #9e9e9e;
font-size: 13px;
}
.content-box .checkout .worry-free {
margin: 0;
padding: 10px;
width: 232px;
text-align: right;
float: right;
}
.content-box .checkout .worry-free h4 {
margin: 0 0 5px 0;
padding: 0;
}
.content-box .checkout .brdrd-cont h3 {
margin-bottom: 0;
padding: 0;
}
.content-box .checkout .other-details {
margin: 3px 0 10px 0;
width:100%;
}
.content-box .checkout .other-details th,
.content-box .checkout .purchase-details .title th {
background:#184d9f;
color:#fff;
font-weight: normal;
padding:8px 10px;
text-align:left;
font-size: 14px;
}
.content-box .checkout .purchase-details .title th {
border-bottom:4px solid #fff;
text-align:left;
font-size:12px;
}
.content-box .checkout .other-details td {
padding:10px;
width: 50%;
border: 0 none;
text-align: left;
}
.content-box .checkout .other-details td p { margin:0; }
/* Billing and Shipping */
.content-box .checkout .billing-shipping { margin-bottom: 10px; border: 0 none; }
.content-box .checkout .billing-shipping form { border-bottom: 1px solid #ccc; }
.content-box .checkout .billing-shipping form fieldset { border: 0 none; }
.content-box .checkout .billing-shipping h3 { font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #b9b9b9; }
.content-box .checkout .billing-shipping h3 strong { padding-top: 12px; }
.content-box .checkout .billing-shipping ul { list-style: none; padding: 0 20px; }
.content-box .checkout .billing-shipping ul li { padding: 8px 0 8px 0; display: block; clear: both; }
.content-box .checkout .billing-shipping ul li select, .checkout ul li input {
border:1px solid #CCCCCC;
color:#666666;
font-size:12px;
padding:5px;
width:273px;
font-family: Arial, Tahoma, Verdana, sans serif;
}
.content-box .checkout .billing-shipping ul li span { width: 300px; }
.content-box .checkout .billing-shipping ul li label { display: block; width: 200px; }
.content-box .checkout .billing-shipping ul li.company input { width: 583px; }
.content-box .checkout .billing-shipping ul li span.phone input { width: 40px; }
.content-box .checkout .billing-shipping ul li.expiry select { width: 80px; }
.content-box .checkout .billing-shipping ul li.sec-code input { width: 80px; }
.content-box .checkout .billing-shipping ul li input.rbtn { width: 20px; vertical-align: middle; }
.content-box .checkout .billing-shipping em { font-size: 10px; }
/* ==================================== Compare page ======================================================================= */
#Compare {
margin:0;
overflow:hidden;
}
#Compare h3 {
margin:0 0 10px 0;
padding:5px;
border-bottom:1px solid #ccc;
font-size: 16px;
}
#Compare h3 span { color:#9e1c1f;}
#Compare-data { padding:10px;}
#CompareData td {
padding:10px;
border:1px solid #e4e4e4;
vertical-align:top; text-align:left
}
#CompareData table {
width:100%;
border:0;
}
#CompareData td a {
margin:0 auto;
width:150px;
display:block;
}
#CompareData td img {
margin:10px auto;
display:block;
}
#Compare strong.lt {
text-decoration:line-through;
font-size:14px;
}
#Compare strong.red {
color:red;
font-size:16px;
}
#Compare strong.green {
color:#669944;
font-size:14px;
}
#Compare input.qty {
margin-right:5px;
margin-top: 5px;
padding:3px;
width:20px;
text-align:right;
float:left;
}
#CompareData td .btn-addtocart {
margin-top:12px;
width:100px;
height:26px;
background:#666;
border:0;
}
#Compare .go-back {
margin-top: 30px;
margin-bottom: 150px;
width: auto;
text-align: center;
}
#Compare .go-back a {
padding: 12px;
background: #e5e5e5;
border: 1px solid #808b9c;
-moz-border-radius: 4px;
font-size: 14px;
font-weight: normal;
}
/* ==================================== SERP/Product Listing ==================================== */
#ResultList {
float: left;
width: 575px;
overflow: hidden;
}
.pagination {
background: #e8e8e8;
overflow: hidden;
padding: 5px 0 5px 0;
width: 573px;
border: 1px solid #c9c9c9;
float: left;
}
.pagination .result-navi ul {
float: right;
margin: 0 0 0 0;
overflow: hidden;
padding: 0 0 0 0;
text-align: right;
font-size: 12px;
width: 190px;
}
.pagination .result-navi ul li {
display: inline;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.pagination .result-navi ul li a {
font-weight: bold;
text-decoration: underline;
}
.pagination .result-navi ul li.active {
font-weight: bold;
}
.pagination .result-count,
.pagination .result-navi {
font-size: 13px;
width: 200px;
float: left;
}
.pagination .result-count {
padding-left: 10px;
width: 210px;
font-size: 12px;
}
.pagination .result-navi {
float: right;
width: 159px;
padding-right: 10px;
}
.pagination .items-per-page {
margin: 0;
padding: 0;
float: left;
}
.pagination .items-per-page ul { display: inline; }
.pagination .items-per-page ul li { display: inline; }
.pagination .items-per-page ul li.active{ font-weight: bold; }
.compare-sort {
margin: 0;
padding: 0;
width: 573px;
float: left;
}
.compare-sort p {
margin-bottom: 0;
float: left;
}
.compare-sort p.select {
margin-left: 5px;
padding: 4px 0;
float: left;
}
.compare-sort .sortby {
margin: 15px 0 0 0;
padding: 0;
width: auto;
float: right;
}
#ResultList .result {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #d1d1d1;
float: left;
height: 100%;
width: 552px;
}
.result .compare-box {
padding-bottom: 2px;
border-bottom: 1px solid #d1d1d1;
}
.result .compare-box input {
margin-top: 1px;
}
.result .info {
border-bottom: 1px solid #d1d1d1;
width: 100%;
float: left;
}
.result .info .prod-image {
margin: 10px 10px 10px 0;
float: left;
}
.result .info h1 {
margin-bottom: 2px;
float: left;
}
.result .info h1 a { padding: 0; }
.result .info .c {
float: left;
width: 400px;
}
.result .attributes {
margin: 0;
padding: 0;
width: 342px;
float: left;
}
.result .attributes table {
width: 370px;
}
.result .attributes table tr {
margin: 0;
padding: 0;
}
.result .attributes table tr td {
padding: 4px;
border-width: 1px 1px 0 1px;
text-align: left;
border-bottom: solid 1px #ccc;
}
.result .attributes table tr td.even { background: #e0e0e0; }
.buybox {
margin: 10px 0 0 0;
padding: 8px;
width: 162px;
background: #e3e1d5;
border: 1px solid #bababa;
float: right;
}
.buybox .container {
height: 85px;
}
.buybox .info-buy {
margin: 10px 0 0 12px;
padding: 0;
width: 141px;
height: 33px;
background:url(http://images.carparts.com/design/add-to-cart.gif) top left no-repeat;
cursor: pointer;
}
.buybox span { float: right; font-weight: bold; }
.buybox strong { float: left; }
.buybox span.listprice { text-decoration: line-through; }
.buybox span.ourprice { float: right; font-size: 15px; color: #ff0000; }
.buybox span.yousave { float: right; font-size: 13px; color: #669944; }
#VLP .gray { color: #888; }
#VLP .red { color: #ff0000; font-weight: bold; }
#VLP h3 span { color:#9E1C1F; }
#CatalogTypeTabs {
height:35px;
overflow:hidden;
background-image:url(http://images.carparts.com/design/bg-tabs.gif);
margin-bottom:10px;
}
#CatalogTypeTabs .tabs {
width:100%;
height: 35px;
overflow:hidden;
margin:0px;
}
#CatalogTypeTabs ul {
margin:0;
padding:0px;
}
#CatalogTypeTabs li {
list-style:none;
float:left;
}
#CatalogTypeTabs li img { border:0;}
#CatalogTypeTabs span,
#CatalogTypeTabs a {
float: left;
margin: 0;
padding:0;
height: 35px;
text-indent: -9999px;
display: block;
overflow: hidden;
}
#CatalogTypeTabs .all-active-1 span {
width: 61px;
cursor:default;
background: url(http://images.carparts.com/design/sprite-all-brakes.gif) 0 -0px;
}
#CatalogTypeTabs .all-inactive-1 a {
width: 61px;
cursor:pointer;
background: url(http://images.carparts.com/design/sprite-all-brakes.gif) 0 -35px;
}
#CatalogTypeTabs .all-inactive-4 a {
width: 61px;
cursor:pointer;
background: url(http://images.carparts.com/design/sprite-all-brakes.gif) 0 -70px;
}
#CatalogTypeTabs .all-inactive-7 a {
width: 61px; cursor:pointer;
background: url(http://images.carparts.com/design/sprite-all-brakes.gif) 0 -70px;
}
#CatalogTypeTabs .replacement-active-2 span {
width: 113px;
cursor: default;
background: url(http://images.carparts.com/design/sprite-replacement-brakes.gif) 0 -35px;
}
#CatalogTypeTabs .replacement-inactive-2 a {
width: 113px;
cursor: pointer;
background: url(http://images.carparts.com/design/sprite-replacement-brakes.gif) 0 -0px;
}
#CatalogTypeTabs .replacement-inactive-5 a {
width: 113px;
cursor: pointer;
background: url(http://images.carparts.com/design/sprite-replacement-brakes.gif) 0 -70px;
}
#CatalogTypeTabs .replacement-inactive-7 a {
width: 113px;
cursor: pointer;
background: url(http://images.carparts.com/design/sprite-replacement-brakes.gif) 0 -70px;
}
#CatalogTypeTabs .performance-active-2 span {
width: 115px;
cursor: default;
background: url(http://images.carparts.com/design/sprite-performance-brakes.gif) 0 -70px;
}
#CatalogTypeTabs .performance-inactive-2 a {
width: 115px;
cursor: pointer;
background: url(http://images.carparts.com/design/sprite-performance-brakes.gif) 0 -0px;
}
#CatalogTypeTabs .performance-inactive-3 a {
width: 115px;
cursor: pointer;
background: url(http://images.carparts.com/design/performance-brakes.gif) 0 -0px;
}
#CatalogTypeTabs .performance-inactive-7 a {
width: 115px;
cursor: pointer;
background: url(http://images.carparts.com/design/sprite-performance-brakes.gif) 0 -105px;
}
#CatalogTypeTabs .universal-active-7 span {
width: 105px;
cursor: default;
background: url(http://images.carparts.com/design/sprite-universal-brakes.gif) 0 -105px;
}
#CatalogTypeTabs .universal-inactive-7 a {
width: 105px;
cursor: pointer;
background: url(http://images.carparts.com/design/sprite-universal-brakes.gif) 0 -70px;
}
.w { margin:10px 0 }
.header-text {
background:#333;
color:#fff;
margin:0;
padding:10px;
}
.vlp-listing {
border:1px solid #ccc;
list-style:none;
padding:15px;
}
.vlp-listing li {
float:left;
margin-right:10px;
width:230px;
}
.vlp-listing li.l { margin-right:0 }
.mpp li { text-align:center; height: auto; width: 220px;}
.vlp-listing li a { font-weight:normal }
.vlp-listing li ul { list-style:none; }
.vlp-listing li li {
background:url(http://images.carparts.com/design/bullet.gif) no-repeat 0 6px;
float:none;
width:auto;
padding:0 0 0 12px;
margin:0;
}
/* ==================================== Fit Message ==================================== */
.fit-message {
padding: 10px 10px 0 10px;
}
.fit-message p.iconfit {
margin: 5px 10px 0 0;
padding: 0;
background:url(http://images.carparts.com/design/iconfit.jpg) top left no-repeat;
width: 47px;
height: 47px;
float: left;
}
.fit-message h4 {
margin: 4px 0 0 0;
font-size: 16px;
color: #1a5aaa;
}
.fit-message p {
margin: 2px 0 0 0;
}
/* ==================================== Error Landing Pages ==================================== */
.error-landing {
margin: 50px 0;
padding: 0;
text-align: center;
}
.error-landing h1.four-o-four {
margin: 0;
padding: 0;
font-size: 100px;
color: #1547A2;
line-height: 1em;
}
.error-landing h2 {
margin: 2px;
color: #3162ba;
line-height: 1em;
font-size: 22px;
}
.error-landing h3 {
margin-bottom: 4px;
line-height: 1em;
font-size: 18px;
}
.error-landing h4 {
margin: 0;
}
.error-landing .search-form {
margin: 0 auto;
width: 600px;
background: #e6ecf7;
border: 1px solid #ccc;
border-width: 1px 0 1px 0;
text-align: center;
}
.error-landing .search-form form {
padding: 0 40px;
}
.error-landing .search-form form .text {
margin-left: 5px;
padding:4px 5px 0;
width:300px;
height:20px;
background:white none repeat scroll 0 0;
border:1px solid #777777;
color:#404040;
}
.error-landing .search-form form p {
float: left;
}
.error-landing .search-form form p.button {
margin: 10px 0 0 5px;
}
.error-landing .search-tips {
margin: 0 auto;
padding: 10px 0 0 15px;
width: 700px;
}
.error-landing .search-tips h4 {
margin-bottom: 5px;
font-size: 13px;
line-height: 1em;
}
.error-landing .search-tips ul {
list-style: none;
}
.error-landing .search-tips ul li {
display: inline;
margin-right: 10px;
}
.error-landing .list {
margin: 0;
padding: 10px 0 0 0;
border-top: 1px solid #ccc;
}
.error-landing .list ul {
width: 180px;
margin-right: 10px;
float: left;
text-align: left;
list-style-position: inside;
}
/* ==================================== View Cart ==================================== */
.view-cart {
margin: 0;
padding: 0;
}
.view-cart a { padding: 0; }
.view-cart table {
margin: 0;
padding: 0;
}
.view-cart table tr td {
padding: 7px;
vertical-align: top;
border: 0;
text-align: center;
}
.view-cart .top-buttons {
margin: 10px 0 4px 0;
padding: 0;
width: auto;
}
.view-cart .top-buttons .checkout-btn {
float: right;
}
.view-cart .view-cart-table {
border: 1px solid #a4a4a4;
border-width: 1px 1px 0 1px;
}
.view-cart .view-cart-table thead {
background: #cfd7e1;
}
.view-cart .view-cart-table thead td {
border: 1px solid #a4a4a4;
border-width: 0 1px 1px 0;
}
.view-cart .view-cart-table thead td.last {
border: 1px solid #a4a4a4;
border-width: 0 0 1px 0;
}
.view-cart .view-cart-table tbody td {
border: 1px solid #a4a4a4;
border-width: 0 1px 1px 0;
}
.view-cart .view-cart-table tbody td.last {
border: 1px solid #a4a4a4;
border-width: 0 0 1px 0;
}
.view-cart .view-cart-table tbody tr .cart-desc {
width: 450px;
text-align: left;
}
.view-cart .view-cart-table tbody tr .cart-qty {
width: 50px;
}
.view-cart .view-cart-table tbody tr .cart-shipping {
text-align: left;
}
.view-cart table td.cart-qty input {
margin-bottom: 5px;
width: 20px;
clear: both;
}
.view-cart .p-option {
margin-top: 10px;
float: left;
text-align: left;
}
.view-cart .p-option .p-cards {
margin-bottom: 10px;
}
.view-cart .order-summary {
margin: 10px 0 10px 0;
padding:5px 8px;
width:232px;
background:#E1F7FD none repeat scroll 0 0;
border:2px solid #A4A4A4;
float: right;
}
.view-cart .order-summary ul { list-style-type: none; }
.view-cart .order-summary .l { float: left; }
.view-cart .order-summary .r { float: right; }
.view-cart .order-summary ul li.total {
margin: 5px 0 0 0;
padding-top: 5px;
border-top: 1px solid #9e9e9e;
font-size: 13px;
}
.content-box .checkout .order-summary ul { list-style-type: none; }
.view-cart .otherpaymentoptions {
margin: 0;
padding: 0;
text-align: right;
}
.view-cart .otherpaymentoptions a {
margin: 4px 0;
display: block;
}
.view-cart .otherpaymentoptions span.checkout-btn {
margin: 4px 0 25px 0;
display: block;
}
/* ==================================== Sitemap ==================================== */
.content-box .sitemap {
margin-top: 12px;
border: 1px solid #aeaeae;
border-width: 1px 0 0 0;
padding-bottom: 10px;
}
.content-box .sitemap h3 {
margin: 1px 0 8px 0;
padding: 5px 0 3px 6px;
border-bottom: 1px solid #aeaeae;
background: #dbdbdb;
font-weight: normal;
color: #262626;
}
ul.sitemap-list {
margin-left: 40px;
width: 265px;
list-style-position: outside;
float: left;
}
ul.sitemap-list li {
padding: 2px 0;
}
/* ==================================== RMA Form ==================================== */
.rma-form {
margin: 0;
padding: 0;
}
.rma-form .formcont {
margin-bottom: 20px;
}
.rma-form .formcont table {
margin-left: 20px;
}
.rma-form h2 {
margin: 4px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #adadad;
font-size: 16px;
color: #333;
}
.rma-form td {
width: 150px;
}
.rma-form td input.text {
margin: 4px 0;
border:1px solid #CCCCCC;
color:#666666;
font-family:Arial,Tahoma,Verdana,sans serif;
font-size:12px;
padding:5px;
width:200px;
}
.rma-form td textarea.detdesc {
border:1px solid #CCCCCC;
color:#666666;
font-family:Arial,Tahoma,Verdana,sans serif;
font-size:12px;
padding:5px;
width: 424px;
height: 150px;
}
.rma-form input.submit {
background: #333;
color: #ddd;
padding: 12px;
font-weight: bold;
border: 1px solid #000;
border: 0; -moz-border-radius: 4px;
cursor: pointer;
}
.mlfifty { margin-left: 50px; }
/* ==================================== 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; }
/******************************************
** Rollout Added/edited styles starts here *
****************************************** /
/*
.compare-btn input { background:url(http://images.canadapartsonline.dev.usautoparts.com/design/btn-compare.jpg); border:0; cursor:pointer; width:102px; height:30px }
*/
.compare-btn input { background:url(http://images.carparts.com/design/compare.gif); border:0; cursor:pointer; width:74px; height:27px }
.nomatch-btn input { background:url(http://images.carparts.com/design/go.gif); border:0; cursor:pointer; width:30px; height:32px }
/* ==================================== Partial Match ======================================================================= */
.partial-match { margin: 0; padding: 0; }
.partial-match h3 { margin-bottom: 2px; color: red; font-weight: normal; }
.partial-match p { margin-top: 3px; }
.partial-match .search-heading p { margin-top: 4px; color: #fff; }
/* ==================================== Contact Content ======================================================================= */
#Contact { margin:0 10px; overflow:hidden;}
ul.contact-link { margin:10px 0; padding:0; float:right;}
ul.contact-link li { list-style:disc; color:#9e1c1f; float:left; padding:0; margin:0 30px 0 0; }
#Contact h3 { margin:0 0 10px 0; padding:5px; border-bottom:1px solid #ccc;}
#Contact table { width:100%; margin:0;}
#Contact td { padding:10px; border:1px solid #eee; vertical-align:top;}
#Contact input.textfield { padding:3px; width:250px;}
#Contact input.captcha { padding:3px; width:100px; float:left; margin-right:10px;}
#Contact select.department { padding:3px; width:260px;}
#Contact textarea.msg { padding:3px; width:260px; height:110px;}
/*#Contact input.btn-submit { background:url(http://images.canadapartsonline.com/design/btn-submit.gif) no-repeat; width:100px; height:25px; border:0; cursor:pointer;}*/
/* ==================================== Checkout Related ======================================================================= */
/* 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;
}
/* ==================================== Expand Navigation ======================================================================= */
#show_link ul li.cat.detail { padding: 0 0 0 15px; }
#show_link ul.leftnav_subcontent { border: 0px; padding-bottom:20px;}
#show_link ul.leftnav_subcontent li a:hover {
padding: 0;
background: url(http://images.carparts.com/design/list-bg.gif) 0 0 no-repeat;
font-size: 14px;
font-weight: normal;
display: block;
}
#show_link ul#leftnav_content li ul { list-style-type: none; }
#show_link ul#leftnav_content li.cat.detail li a { border:0; margin:0; padding:0em 1em; display:block; width:180px; height:auto; color:#325c86; font:11px/1.5em arial; text-decoration: }
#show_link ul li.cat.detail.close { display: none; }
/*==================================== Box-formed (save/retrieve quote & customer related pages with no comps ======================================================================= */
.boxed-form { border:1px solid #ccc; margin:30px auto; width:500px; }
.boxed-form h3 { border-bottom:2px solid #0f3793; font-size:14px; margin:0; padding:7px 10px; }
.boxed-form ul { padding: 20px;}
.boxed-form ul li { list-style:none; padding:5px 0; }
.boxed-form ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.boxed-form ul li {display:inline-block;}
.boxed-form ul li {display:block;}
.boxed-form ul li label { display:block; float:left; width:150px; }
.boxed-form ul li input { border:1px solid #ccc; float:left; padding:3px; width:300px; }
.boxed-form ul li em { color:#333; display:block; font-size:11px; margin-left:150px; }
.boxed-form ul li.action input { border:0; background:#333; color:#fff; width:auto; font-weight:bold; padding:5px 10px; margin-left:150px; cursor:pointer; }
/* ====================================Seo customized styles ======================================================================= */
/* narrow listing*/
.narrow-listing-mainDiv{ border:solid 1px #cccccc; width:565px; float:left; padding-bottom:20px; }
.narrow-listing{ width:120px; _width:130px; float:left; padding-left:20px; _padding-left:18px; border:solid 0px red; }
.narrow-listing ul { margin:0; padding:0; list-style:none; }
.narrow-listing li{ margin-left:5px; margin-top:5px; color:#000000; font-size:11px; }
.narrow-listing a { display: inline-block; display:block; margin:0px; padding-left:14px; font:normal 11px/1.5em Arial, Helvetica, sans-serif; _height:10px; _zoom:1; background:url(http://images.carparts.com/design/bullet.gif) no-repeat 0 4px; color:#000000; text-decoration:none; }
.narrow-listing a:hover { text-decoration: underline; color:#000000; }
.menuDIV-narrow{ float:left; padding-top:10px; width:80px; }
.menuDIV ul {
display:none;
margin-top: 2px;
margin-left: 3px;
}
.menuDIV ul li {
list-style-type:none;
margin-left: 10px;
}
#categoriesDiv {
border:solid 1px #cccccc;
width:auto;
float:left;
margin:20px 0 0 0;
background: url(../ui8_images/category_bgline.gif) repeat-y;
}
#categoriesHeader {
font-weight:bold;
width:auto;
float:left;
background-color:#EEEEF0;
}
.categories_box {
float:left;
width:400px;
}
.categories_row {
float:left;
width:285px;
}
.categoriesListingContainer{
width:275px;
float:left;
padding-left:5px;
}
.categoriesList{
width:270px;
float:left;
margin-top:10px;
border:solid 0px green;
padding-left:5px;
font-size:12px;
height:auto;
}
.categoriesList ul{
margin:0;
padding:0 0 0 0px;
}
.categoriesList a{
margin-left:0px;
line-height:20px;
}
.categoriesList p{
margin:0;
padding:0 0 0 10px;
line-height:15px;
font-size:11px;
}
.categoriesList li{
margin-top:5px;
margin-left:0px;
font-size:11px;
}
.categoriesListingContainer_2{
width:188px;
float:left;
padding-top:10px;
}
.categories {
padding-left:10px;
font:600 18px/1.5em Arial;
color: #000000;
}
ul.category_list_child {
width:270px;
margin:0;
padding:0;
list-style:disc;
list-style-type:disc;
}
.category_list_child span{
float:left;
margin:0 0 0 0px;
padding:0 0 0 20px;
/* padding:0 0 0 8px */
white-space:nowrap
}
.category_list_child li{white-space:nowrap; margin:5px 5px 0 0px; padding:0;}
.shop_by_brand_2 {
background:#000000;
font-weight:900;
color:#ffffff;
padding-top:5px;
}
/* added for middle content */
.listing_container{
padding:10px 0px 10px 5px; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; float:left; width:560px;
}
.listing_container_header{
padding:5px 0px 5px 5px; border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; background-color:#EEEEF0; float:left; width:560px; margin-top:10px; color:#003366; font-weight:bold;
}
.cl_header{ padding:5px 0px 5px 5px; border-top: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; background-color:#EEEEF0; float:left; width:560px; margin-top:15px; color:#003366; font-weight:bold; }
.viewall_UV { float:left; padding:0 0 0 30px; }
.viewall_UV label{ cursor:pointer; }
.listing_container_header h3{ padding:0; margin:0; padding-left:10px; font:bold 13px/1.5em arial; }
.listing_container_header a{ padding:0px 0px 0px 15px; float:left; padding-bottom:20px; background:url(../ui8_images/dot.gif) no-repeat 6px 5px; text-decoration:underline; }
.listing_container_header a.first_nodot { background:url(../ui8_images/asd2.gif) no-repeat 6px 5px; }
.listing_container div { float:left; border: solid 0px #CCCCCC; width:135px; }
.listing_container ul { margin:0; padding:0;}
.listing_container li { margin-left:5px; margin-top:5px; font-size:11px; list-style:none; list-style-type:none; }
.listing_container a { display:block; margin:0px; padding-left:14px; font:normal 11px/1.5em Arial, Helvetica, sans-serif; _height:10px; _zoom:1; background:url(../ui8_images/red-angle.gif) no-repeat 0 4px; border:solid 0px green; color:#000000; text-decoration:none; }
.listing_container a:hover { text-decoration:underline; }
.list-heading{ font-size:14px; color:#0B3058; font-weight:bold; }
.list-heading a { color:#000000; }
.show-all{ padding:10px 0 10px 10px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; width:555px; float:left; }
.show-all div { float:left; border:solid 0px #CCCCCC; width:135px; width:134px; margin-left:0px; }
.show-all a { color:#000000; font-weight:bolder; text-decoration:none; }
.show-all a:hover { text-decoration:underline; }
#alphabetical-links { float:left; padding:10px 0 10px 0px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; width:550px; margin-top:5px; }
#alphabetical-links a { margin-left:5px; color:#000000; font-weight:bold; cursor:pointer; text-decoration:underline; }
.blue-heading { color:#003366; font-weight:bolder; font-size:20px; line-height:1.2em; }
.content-name {
float:left;
padding:5px 0 5px 0px;
border-top:0px solid #CCCCCC;
width:545px;
}
.showall_brand_sec { float:left; line-height:2em; padding:5px 0 5px 5px; border-top:1px solid #CCCCCC; width:560px; }
.showall_brand_sec a{ padding:0px 0px 0px 15px; float:left; font-weight:bold; background:url(../ui8_images/dot.gif) no-repeat 6px 10px; text-decoration:underline; }
.showall_brand_sec a.first_nodot { background:url(../ui8_images/dot.gif) no-repeat -10px 0px; }
.showall_brand { float:right; }
.showall_brand a { color:#000000; text-decoration:none; }
.showall_brand a:hover { text-decoration:underline; }
#location-identifier{ margin:10px 0 0 226px; position:relative; padding:10px 0px 10px 5px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; font-weight:bold; font-size:15px; width:765px; }
.space{ float:left; height:10px; width:300px; }
.logos { float:left; width:565px; border-top:solid 0px #cccccc; border-bottom:solid 0px #cccccc; }
.text_logos{ float:left; width:565px; margin:14px 0 0 0; border-bottom:solid 1px #cccccc; }
.logos div{ float:left; width:125px; margin-right:5px; }
div.mm_header { float:left; width:auto; padding-left:5px; padding-top:80px; }
div.multi_vehicle_img { float:right; clear:right; width:auto; padding:0; margin:0; }
.angle{ padding-bottom:10px; padding-right:10px; background-image:url(../ui8_images/red-angle.gif); border:solid 0px green; background-repeat:no-repeat; }
.double-angle{ padding-bottom:10px; padding-right:10px; background-image:url(../ui8_images/red-angle-double.gif); border:solid 0px green; background-repeat:no-repeat; }
.alphabetical_header{
width:550px;
background-color:
}
.show-all-brands{ width:567px; padding-top:10px; border-top:solid 1px #CCCCCC; text-align:right; font-weight:bold; float:left; }
.show-all-brands a { color:#000000; text-decoration:none; }
.show-all-brands a:hover { text-decoration:underline; }
.floatRight
{
float:right;
padding-right:5px;
}
.floatLeft{
float:left;
}
.site_links_header {
/*margin-top: 12px;
border: 1px solid #aeaeae;
border-width: 1px 0 0 0;
padding-bottom: 10px;
*/
border: 1px solid #aeaeae;
border-width: 1px 0 0 0;
margin: 1px 0 8px 0;
padding: 5px 0 3px 6px;
border-bottom: 1px solid #aeaeae;
background: #dbdbdb;
font-weight: normal;
color: #262626;
}
/*
ul.library_list {
margin-left: 40px;
width: 265px;
list-style-position: outside;
float: left;
}
ul.library_list li {
padding: 2px 0;
}
*/
/* ====================================Seo others styles (Selected copy from Live CarParts) ======================================================================= */
.gl_box_in{ float:left; background:#eeeef0; height:auto; width:500px; padding:0 0 0 0; }
/*end of modified on 1st March*/
.gl_box_in h3 { margin:0; padding:0; color:#024270; font:bold 13px/1.5em Arial, Helvetica, sans-serif; }
.gl_box_in h3.gl_save_box { float:left; color:#b20d1e; margin:0 5px 0 0; font:bold 120%/1.4em arial; }
.gl_name { float:left; width:540px; _width:auto; margin:0 5px 0 0; font:bold 120%/1.4em arial; }
.product_img{ float:left; }
.product_offer{ float: left; padding:10px 0 0 0; }
/*modified on 16 Sep 2008 for Cross Browser Issues*/
.product_offer_col_01{ float:left; width:150px; _width:140px; height:45px; }
/*modified on 16 Sep 2008 for Cross Browser Issues*/
.product_offer_col_02{ float:left; width:150px; height:45px; }
.product_offer_col_03{ float:left; text-align:right; width:105px; padding:0 0 0 0; height:40px; }
.gl_product{ display:block; padding:10px 5px 10px 10px; }
.price{ font:bold 11pt/1em arial; color:#b30c1e;
}
/*added on 17March*/
.page_options_bottom{ float:left; width:260px; background-image:url(../ui8_images/back_bg.gif); padding-left:10px; background-repeat:no-repeat; }
/*Added for release 8.4 CP_Layout_Changes */
.cp_product_img{ float:left; width: 140px }
/*Added for release 8.4 CP_Layout_Changes */
cp_product_detail { margin:0; padding:0; float:left; text-align:left; font-size:110%; width:auto; line-height:1.2em; }
/* content holder */
/* modified on 16 Sep 2008 for Cross Browser Issues */
#content_holder{ float:left; background:#ffffff; width:auto; height:auto; padding:0 0 10px 10px; margin:0 0 0px 0; }
.checkout_content_holder{background:#ffffff; width:100%; float:left;}
/* Middle Content*/
#middle_container { float:left; position:relative; width:auto; height:auto; margin:0px 8px 0 0; }
/*Modified 9/16/2008 for 8.4*/
#gl_box{ float:left; position:relative; width:500px; _width:562px; margin:0 0 20px 0; border:2px solid #d1d1d1; padding-bottom:15px; /* height:100px;*/ }
.cp_vehicle_spec { height:20px; text-align:left; width:275px; }
/** see additionals */
.blue-heading { color:#003366; font-weight:bolder; font-size:20px; line-height:1.2em; }
.content-name { float:left; padding:5px 0 5px 0px; border-top:0px solid #CCCCCC; width:545px; _width:550px; }
/*** Omit Live Chat background on parent container -- since LiveChat is clickable ***/
#Header .top-row .need-assistance {
background: url('') ;
}
/* make livechat image consistent with height on parent container to fit live chat image
#Header .top-row .need-assistance img
{
height: 38px;
}
*/
.bold_blue_small {
color: #003366;
font-weight: bold;
padding: 0 2px 2px 0 ;
}
/*** RMA Added css/change of html tags due to UI YMMSE return needs***/
.rma-form ul {
list-style-type:none;
outside none;
}
.rma-form ul li { display: inline-block; margin:5px 0 5px 10px; }
.rma-form .formcont .table {
margin-left: 20px;
}
.rma-form h2 {
margin: 4px 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #adadad;
font-size: 16px;
color: #333;
}
.rma-form li {
width: 160px;
margin: 0;
padding: 0
}
.rma-form li input.text, .rma-form li select {
margin: 4px 0;
border:1px solid #CCCCCC;
color:#666666;
font-family:Arial,Tahoma,Verdana,sans serif;
font-size:12px;
padding:5px;
width:200px;
}
.rma-form li, .rma-form.textarea {
font-family:arial,helvetica,sans-serif;
font-size:12px;
}
.rma-form li textarea.detdesc {
border:1px solid #CCCCCC;
color:#666666;
font-family:Arial,Tahoma,Verdana,sans serif;
font-size:12px;
padding:5px;
width: 424px;
height: 150px;
}
.rma-form li.submit {
background: #333;
color: #ddd;
padding: 12px;
font-weight: bold;
border: 1px solid #000;
border: 0; -moz-border-radius: 4px;
cursor: pointer;
}
.rma-form li.entry {
width: 210px;
}
/**** Fit Messages ***/
.fit-message p.universal-fit, .fit-message p.perfectfit, .fit-message p.caution-fit, .fit-message p.guarantee-fit, .fit-message p.guarantee-fit, .fit-message p.prod-detail-perfect-fit {
margin: 5px 10px 0 0;
padding: 0;
width: 47px;
height: 47px;
float: left;
}
.fit-message p.universal-fit {
background:#fff; background:url(http://images.carparts.com/design/icon-universal.gif) top left no-repeat;
}
.fit-message p.perfectfit {
background:url(http://images.carparts.com/design/iconfit.jpg) top left no-repeat;
}
.fit-message p.caution-fit {
background:#fff; background:url(http://images.carparts.com/design/icon-caution.gif) top left no-repeat;
}
.fit-message p.caution-fit .subtext {
color: #48961d;
}
.fit-message p.guarantee-fit {
background:#fff; background:url(http://images.carparts.com/design/icon-tip.gif) top left no-repeat;
}
.fit-message p.prod-detail-perfect-fit {
background:#fff; background:url(http://images.carparts.com/design/icon-perfect-fit.gif) top left no-repeat;
}
.fit-message.universal-fit, .fit-message.guarantee-fit, .fit-message.caution-fit{
background:#fff;
}
.fit-message.universal-fit, .fit-message.guarantee-fit {
border:1px solid #ddd; border-width: 1px 0; margin-bottom:10px; overflow:hidden;
}
.fit-message p.universal-fit, .fit-message p.perfectfit, .fit-message p.caution-fit, .fit-message p.guarantee-fit, .fit-message p.guarantee-fit, .fit-message p.prod-detail-perfect-fit {
width: 55px; /* fit other icons on p tag */
}
/**** Fit Messages Overlaying***/
#VehicleFits {
margin:20px 0 0 0;
}
#VehicleFits #overlay-syv {
width:426px;
height:296px;
background:url(http://images.carparts.com/design/overlay/syv-bg.jpg) no-repeat top left;
display:block;
margin:0;
padding:0;
position:relative;
}
#VehicleFits #overlay-syv p {
width:208px;
font-size:12px;
line-height:1.2em;
position:absolute;
left:15px;
top:40px;
}
#VehicleFits #overlay-syv .close a {
width:46px;
height:18px;
display:block;
text-indent:-9999px;
background:url(http://images.carparts.com/design/overlay/syv-close.gif) no-repeat top left;
position:absolute;
top:6px;
left:380px;
overflow:hidden;
}
#VehicleFits #overlay-syv .part-finder {
width:160px;
position:absolute;
top:30px;
left:260px;
}
.part-finder select {
margin:6px 0;
padding:0;
width:150px;
}
#overlay-syv input.submit { background: #333; color: #ddd; padding: 2px 10px; font-weight: bold; border: 0; -moz-border-radius: 4px; }
/** Vehicle Landing Page (request to be added VLP)**/
#VLP h3 { border-bottom:1px solid #CCCCCC; font-size:17px; font-weight:normal; line-height:1em; margin:0 0 10px; padding:5px 5px 5px 0; }
/* ==================================== Product Detail ==================================== */
#ProductDetail {
width: 800px;
}
#ProductDetail h1 {
margin: 10px 0 0;
padding: 0;
line-height: 1.4em;
color:#1547A2;
}
#ProductDetail .partman-number {
width: auto;
}
#ProductInfo {
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
#ProductInfo .info {
width: 600px;
float: left;
}
#ProductInfo .info .prod-image {
margin: 10px;
float: left;
}
#ProductInfo .info .partname {
margin-left: 130px;
}
#ProductDetail .attributes {
margin: 0;
padding: 0;
}
#ProductDetail .fits { margin-top: 15px; }
#ProductDetail table {
width: 100%;
}
#ProductDetail table tr {
margin: 0;
padding: 0;
}
#ProductDetail table tr td {
padding: 4px;
border-width: 0 0 1px 0;
text-align: left;
}
#ProductDetail table tr td.even { background: #e0e0e0; }
#ProductDetail table tr td.fits-header {
background: #333;
color: #fff;
font-size: 14px;
}
#ProductDetail table tr td.fits-ymm {
font-size: 13px;
}
#ProductDetail ul { margin-left: 20px; }
/* View cart fix -- converting background -ViewCart- image as anchored link*/
#Ymmsearch p.viewcart {
text-indent: 0px;
}
#Ymmsearch a.viewcart {
cursor:pointer;
float:left;
height:23px;
margin:12px 0 0;
padding:0;
text-indent: 0px;
width:67px;
}
.result .tabbed {
float: left;
width: 370px;
padding-top: 8px;
}
.result .tabbed ul {
border: 1px solid #9e9e9e;
border-width: 0 0 1px 0;
line-height: 21px;
*line-height: 24px;
margin: 1px 0 15px 0;
}
.result .tabbed ul li {
margin: 0;
padding: 4px;
list-style-type: none;
display: inline;
background: #333;
color: #fff;
height:21px;
}
.tabbed .tabContainer {
margin: 0;
padding: 0;
}
.result .tabbed ul li.first {
margin-left: 4px;
}
.result .tabbed ul li.current {
border: 1px solid #9e9e9e;
border-width: 1px 1px 0 1px;
background: #fff;
margin: 29px 2px 46px 2px;
height:21px;
}
.result .tabbed ul li a {
color: #fff;
font-weight: normal;
}
.result .tabbed ul li a:hover {
text-decoration: none;
}
.result .tabbed ul li.current a {
color: #136B98;
}
.tabbed .features table {
width: width: 369px;
}
.tabbed .features table tr td {
margin: 0;
padding: 2px 5px;
width: 49%;
}
.tabbed .features table tr.odd {
margin: 0;
padding: 2px 0;
background: #dcdcdc;
}
.tabbed .description {
padding: 5px;
}
/******************************************
** Rollout Added/edited styles ends here *
******************************************/