/* */
/* ==================================== 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; }
.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: 0 0 10px 0;
}
/* 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: #000; color: #333; }
#All { margin: 0 auto; width: 1000px; position: relative; padding: 0; background: #fff; }
/* ==================================== Common items ============================================================== */
/* Links */
a { color: #136b98; text-decoration: none; font-weight: bold; padding: 1px; }
a:visited { color: #136b98; }
a:hover { color: #136b98; text-decoration: underline; }
a img { border: 0; }
/* Form Elements */
input.submit { background: #333; color: #ddd; padding: 2px 10px; border: 0; -moz-border-radius: 4px; font-weight: bold; cursor:pointer; }
/* Lists */
ul.columns, li.column { list-style-type: none; margin: 0; padding: 0; }
li.column { float: left; display: block; }
ul.l3-columns li.column { width: 33%; }
ul.l4-columns li.column { width: 24.5%; }
ul.l6-columns li.column { width: 16%; }
ul.l3-columns li.thumbcol { list-style: none; text-align: center; }
ul.l3-columns li.thumbcol ul li { list-style: none; margin:4px 0 15px 0; }
ul.l4-columns li.thumbcol { list-style: none; text-align: center; }
ul.l4-columns li.thumbcol ul li { list-style: none; margin:4px 0 15px 0; }
ul.l6-columns li.thumbcol { list-style: none; text-align: center; }
ul.l6-columns li.thumbcol ul li { list-style: none; margin:4px 0 15px 0; }
ul.content-list li { background:url(http://images.motopower.com/design/dot.gif) no-repeat 10px 9px; padding:2px 0 2px 25px; }
/* Generic Divs */
.c { margin: 0; padding: 0; }
/* 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 4px 0 0;
color: #136b98;
text-decoration: underline;
}
.breadcrumbs .path strong {
color:#3d3d3d;
margin:0 4px;
}
/* ==================================== Common Layout =================================================================== */
#Logo { margin: 0; padding: 0; padding-top: 20px; padding-left: 10px; height: 117px; }
/* Layouts */
.one-col .w { width: auto; }
.one-col .ad { display: none; }
.two-col-160 .w { width: 600px; margin-right: 10px; float: left; overflow: hidden; }
.two-col-160 .ad { width: 160px; float: right; }
.two-col-160 .nlc { width:810px; 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: 320px; float: right; }
/* For Checkout Pages */
.two-col-250 .w { margin-right: 10px; float: left; overflow: hidden; }
.two-col-250 .ad { width: 250px; float: right; }
.full-width { width: auto; padding: 0 20px 0 20px; }
.r-one-col .w { width:770px }
#Container { margin: 0; padding: 0 10px 0 10px; }
/* ==================================== Header =================================================================== */
#Header { margin: 0; padding: 10px 0 0 0; background: url(http://images.motopower.com/design/header-bg.gif) top left repeat-x; position: relative; }
#Header .widgets { height: 100%; padding-right: 10px; float: left; margin-left: 29px; width: 745px;}
#Header .live-chat, #Header .toll-free, #Header .mcaffee { margin-right: 10px; padding: 0; float: left; }
#Header .toll-free {}
#Header .mcaffee { width: 115px; height: 40px; }
#Header ul li { display: inline; }
#Header ul.header-links { float: right; width:330px; padding-left:4px;}
#Header ul.header-links a{ text-decoration: underline;}
/* Search */
#search {
padding: 0;
margin: 10px 0 0 18px;
background: url(http://images.motopower.com/design/search-bg.jpg) top left no-repeat;
overflow:hidden;
height: 38px;
width: 750px;
float: left;
padding: 5px 0 0 8px;
}
#search form {
float:left;
}
#search form .text {
background:none repeat scroll 0 0 white;
border: 0;
height:16px;
padding: 5px 5px 3px 5px;
width:650px;
color: #404040;
}
#search form .submit {
width: 72px;
height: 28px;
background:none;
color:#DDDDDD;
line-height:16px;
padding:5px 10px;
text-indent: -999px;
cursor: pointer;
}
/* Type Tabs */
#Tabs { width: 760px; margin: 10px 0 0 18px; float: left; }
#Tabs ul { margin: 0 0 0 0; float: left; }
#Tabs ul.type { margin: 0; padding: 0; float: left; }
#Tabs ul.type li { float: left; margin-right: 3px; }
#Tabs ul.type li#home a {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) 0 0 no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#home a:hover, #Tabs ul.type li#home a:focus, #Tabs ul.type li#home a.active {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) 0 -36px no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#street a {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -96px 0 no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#street a:hover, #Tabs ul.type li#street a:focus, #Tabs ul.type li#street a.active {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -96px -36px no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#offroad a {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -192px 0 no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#offroad a:hover, #Tabs ul.type li#offroad a:focus, #Tabs ul.type li#offroad a.active {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -192px -36px no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#cruiser a {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -288px 0 no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#cruiser a:hover, #Tabs ul.type li#cruiser a:focus, #Tabs ul.type li#cruiser a.active {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -288px -36px no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#atv a {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -384px 0 no-repeat;
text-indent: -9999px;
}
#Tabs ul.type li#atv a:hover, #Tabs ul.type li#atv a:focus, #Tabs ul.type li#atv a.active {
width: 94px; height: 32px; display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -384px -36px no-repeat;
text-indent: -9999px;
}
/* My Account, View Cart Tabs */
#Tabs ul.account-cart { margin:0; padding: 0; float: right; }
#Tabs ul.account-cart li { float: left; }
#Tabs ul.account-cart li#account a {
width: 94px;
height: 32px;
display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -480px 0 no-repeat;
text-indent: -9999px;
}
#Tabs ul.account-cart li#cart a {
width: 94px;
height: 32px;
display: block;
background: url(http://images.motopower.com/design/tabs.jpg) -480px -36px no-repeat;
text-indent: -9999px;
}
/* Categories */
.Categories { background: #333; text-align: center; clear:both; padding:1px; /*height:18px; padding: 10px; */ }
.Categories ul { display: block; height:auto; min-height:18px; padding: 9px; }
.Categories ul li { display: inline; margin-right: 15px; }
.Categories ul li a { color: #fff; }
/* Street */
.Street { background: #F8B947; }
/* Offroad */
.Offroad { background: #1C65B4; }
/* Cruisers */
.Cruiser { background: #45A412; }
/* Atv/Utv */
.Atv-fs-utv { background: #9E1819; }
/* ==================================== Footer =================================================================== */
#Footer {
background: url(http://images.motopower.com/design/footer-bg.gif) repeat-x top left;
height: auto;
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 20px;
}
#FooterContainer {
margin: 0 auto;
height: auto;
width: 800px;
padding: 0 0 0 0;
text-align: center;
}
#FooterTop {
height: auto;
width: 800px;
padding: 7px 0 20px 0;
}
#FooterTop img {
vertical-align: top;
padding-top: 5px;
}
#FooterTop img.payment {
margin-top: 30px;
}
#FooterTop input.email {
margin: 0 0 0 0;
border: 1px solid #999;
padding: 6px;
width: 181px;
font-size: 12px;
margin-right: 7px;
vertical-align: top;
color: #404040;
}
#FooterTop input.footer-btn-go {
background: transparent url(http://images.motopower.com/design/footer-submit.gif) no-repeat scroll 0 0;
border: none;
cursor: pointer;
height:22px;
width:81px;
margin-top: 4px;
}
#FooterBottom {
height: 110px;
margin: 0 auto;
padding: 0px 0 0 0;
position: relative;
text-align: left;
width: 760px;
margin-left: 60px;
}
#FooterBottom .footer-list {
float: left;
height: auto;
line-height: 15px;
overflow: hidden;
text-align: left;
width: 185px;
line-height: 18px;
}
#FooterBottom .footer-list .heading {
color:#555555;
font-size:12px;
font-weight:bold;
padding-bottom:5px;
}
#FooterCopy {
height: auto;
width: 800px;
padding: 30px 0 15px 0;
text-align: center;
}
#FooterCopy .toll-free {
color: #f7941d;
font-size: 13px;
font-weight: bold;
}
/* ==================================== Left Column =================================================================== */
#Container #Left {
width: 200px;
padding: 10px 0 10px 0;
float: left;
}
/* Type Year Make Model Selector : Updated 12.08.2010 */
#PartfinderSidebar .vehicle-pick-hdr {
margin: 0;
background: url(http://images.motopower.com/design/part-finder-title.jpg) no-repeat;
width: 200px;
position: relative;
}
#PartfinderSidebar .vehicle-pick-hdr h3 {
margin: 0;
padding: 1px;
text-indent: -9999px;
}
#PartfinderSidebar .shop-ride {
width: 200px;
height: 44px;
}
#PartfinderSidebar .shop-ride h3 {
margin-left: 8px;
background: url(http://images.motopower.com/design/shop-by-ride.gif) top left no-repeat;
width: 130px;
height: 22px;
position: absolute;
top: 14px;
left: 2px;
}
#PartfinderSidebar .vehicle-pick-hdr .current-ride {
margin: 0;
padding: 7px 0 0 0;
}
#PartfinderSidebar .vehicle-pick-hdr .current-ride h3 {
margin-bottom: 1px;
margin-left: 8px;
background: url(http://images.motopower.com/design/your-current-vehicle.gif) top left no-repeat;
width: 100px;
height: 12px;
}
#PartfinderSidebar .vehicle-pick-hdr .current-ride p {
margin: 0 5px 0 10px;
padding: 0;
color: #fbbb3d;
font-weight: bold;
}
#PartfinderSidebar .vehicle-pick-hdr .current-ride p.o-ride {
margin: 0;
padding: 0;
color: #fff;
font-weight: normal;
}
#PartfinderSidebar .vehicle-pick-hdr .current-ride p span a {
color: #b6e3ff;
font-weight: normal;
font-size: 11px;
}
#PartfinderSidebar .other-rides {
margin: 4px 0 0 0;
padding: 4px 5px 4px 10px;
background: #235487;
border-top: 1px solid #2A598B;
border-bottom: 1px solid #0D3C5E;
}
#PartfinderSidebar .other-rides ul {
margin: 0 0 0 4px;
padding: 0;
list-style: none;
color: #fbbb3d;
}
#PartfinderSidebar .other-rides ul li {
width: 175px;
border: 1px solid #235487;
}
#PartfinderSidebar .other-rides ul li a {
font-size: 11px;
color: #B6E3FF;
font-weight: normal;
}
#PartfinderSidebar .other-rides ul li a.x {
float: right;
}
#PartfinderSidebar .other-rides ul li a.x span {
margin: 0;
padding: 0;
background: url(http://images.motopower.com/design/x-close.gif) top left no-repeat;
width: 17px;
height: 17px;
float: right;
text-indent: -9999px;
}
#PartfinderSidebar .other-rides p {
margin: 0;
color: #fff;
}
#PartfinderSidebar form {
background: url(http://images.motopower.com/design/bg-part-finder.jpg) no-repeat;
height: 230px;
padding-top: 1px;
}
#PartfinderSidebar form p {
margin: 0;
margin: 4px 0;
padding: 6px 10px;
}
#PartfinderSidebar form p.opt {
color: #fff;
font-size: 11px;
padding: 0 10px;
}
#PartfinderSidebar form p select {
font-size: 12px;
padding: 1px;
width: 180px;
}
#PartfinderSidebar form p.opt input {
margin-right: 3px;
vertical-align: middle;
}
#PartfinderSidebar form p.action {
text-align: center
}
#PartfinderSidebar form p.active {
background: #164d79;
}
#PartfinderSidebar form .btn-findpart {
background: url(http://images.motopower.com/design/btn-findparts.jpg);
border: 0;
cursor: pointer;
height: 31px;
width: 131px;
}
/*================================================ Left Column List ==============================*/
/* Tree List */
.tree-list { margin:10px 0;}
.tree-list h3 {
background:#c3dbe9 url(http://images.motopower.com/design/bg-left-titles.gif) repeat-x 0 bottom;
border:1px solid #9cafba;
border-bottom:2px solid #80b3cf;
font-weight:normal;
margin:0;
padding:5px 10px;
}
.tree-list ul {
border:1px solid #c4c4c4;
border-top:0;
list-style:none;
padding:10px;
}
.tree-list ul li { padding:2px 0 }
.tree-list ul li select {
font-size:12px;
padding:1px;
width:178px;
}
.tree-list ul ul { border:0; margin-left:3px; padding:0 }
.tree-list ul ul li {
background:url(http://images.motopower.com/design/bg-scndlvl-treelist.gif) no-repeat -1px 0;
border-left:1px solid #dcdcdc;
padding:3px 0 0 0;
}
.tree-list ul ul li.l {
background:url(http://images.motopower.com/design/bg-scndlvl-treelist.gif) no-repeat 0 0;
border:0;
padding-left:1px;
}
.tree-list ul ul li a { margin-left:16px }
.tree-list ul ul ul { margin:0 }
.tree-list ul ul ul li {
background:none;
border:0;
padding:0 0 0 25px;
}
.tree-list ul ul ul li a { margin:0; }
/* Regular List */
.list { margin:10px 0;}
.list h3 {
background:#c3dbe9 url(http://images.motopower.com/design/bg-left-titles.gif) repeat-x 0 bottom;
border:1px solid #9cafba;
border-bottom:2px solid #80b3cf;
font-weight:normal;
margin:0;
padding:5px 10px;
}
.list ul {
border:1px solid #c4c4c4;
border-top:0;
list-style:none;
padding:10px;
}
.list ul li { padding:2px 0 }
/* ==================================== Content Area =================================================================== */
#Container #Right {
padding: 10px 0 10px 0;
float: right;
width:770px; }
/* ==================================== Homepage =================================================================== */
.heroshot { padding: 0; margin: 0 0 10px 0; }
#HomeCategories {
padding: 50px 5px 15px 5px;
margin-bottom: 10px;
border: 1px solid #b4b4b4;
border-width: 0 1px 1px 1px;
-moz-border-radius: 0 2px 2px 2px;
}
#HomeCategories ul { width: 135px; height: 295px; min-height: 250px; margin-bottom: 20px; padding-left: 10px; float: left; list-style: none; }
#HomeCategories li.thumb { height: 122px; width: 122px; }
#HomeCategories h5 { margin-bottom: 4px; font-size: 13px; font-weight: bold; color: #136b98;}
#HomeCategories li ul { width: 120px; list-style: disc; list-style-position: outside; height:auto; margin-bottom:0; padding-left: 15px; float:none }
#HomeCategories li.thumb a { width: 122px; height: 122px; border: 2px solid #fff; display: block; }
#HomeCategories li.thumb a:hover { width: 120px; height: 120px; border: 2px solid #136b98; -moz-border-radius: 4px; display: block; }
#HomeCategories.top {
background: url(http://images.motopower.com/design/hdr-top-categories.jpg) top left no-repeat;
}
#HomeCategories.street {
background: url(http://images.motopower.com/design/hdr-street-cat.jpg) top left no-repeat;
}
#HomeCategories.offroad {
background: url(http://images.motopower.com/design/hdr-offroad-cat.jpg) top left no-repeat;
}
#HomeCategories.cruiser {
background: url(http://images.motopower.com/design/hdr-cruiser-cat.jpg) top left no-repeat;
}
#HomeCategories.atv-utv {
background: url(http://images.motopower.com/design/hdr-atv-utv-cat.jpg) top left no-repeat;
}
#ByManufacturer {
background: url(http://images.motopower.com/design/shop-by-manufacturer.jpg) top left no-repeat;
padding: 50px 5px 15px 5px;
margin-bottom: 10px;
border: 1px solid #b4b4b4;
border-width: 0 1px 1px 1px;
-moz-border-radius: 0 2px 2px 2px;
}
#ByManufacturer ul { width: 135px; padding-left: 10px; float: left; list-style: none; }
#ByManufacturer li { height: 18px; }
#ByManufacturer li.thumb { display: block; height: 100px; margin-bottom: 10px; }
#ByBrand {
background: url(http://images.motopower.com/design/shop-by-brand.jpg) top left no-repeat;
padding: 50px 5px 15px 5px;
margin-bottom: 10px;
border: 1px solid #b4b4b4;
border-width: 0 1px 1px 1px;
-moz-border-radius: 0 2px 2px 2px;
}
#ByBrand ul { width: 135px; padding-left: 10px; float: left; list-style: none; }
/*#ByBrand li { height: 18px; }*/
#ByBrand li.thumb { display: block; /*height: 100px;*/ margin-bottom: 10px; height: 40px; }
/* ==================================== Type and Category Page ========================================================= */
.category-page, .serp-brand {
width: 600px;
overflow: hidden;
margin-bottom: 10px;
}
.category-page h4, .serp-brand h4 {
font-size: 16px;
line-height: auto;
margin: 10px 0 7px 0;
padding: 0 0 0 0;
color: #136b98;
font-weight: bold;
line-height: 20px;
}
/* ==================================== Search Results Page ============================================================ */
.serp-page {
width: 600px
}
.serp-page .pagination {
background: #f3f3f3;
overflow: hidden;
padding: 5px 0 5px 0;
width: 596px;
border: 1px solid #c9c9c9;
}
.serp-page .pagination .result-navi ul {
float: right;
margin: 0 0 0 0;
overflow: hidden;
padding: 0 0 0 0;
text-align: right;
font-size: 12px;
}
.serp-page .pagination .result-navi ul li {
display: inline;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.serp-page .pagination .result-navi ul li a {
font-weight: bold;
text-decoration: underline;
}
.serp-page .pagination .result-navi ul li.active {
font-weight: bold
}
.serp-page .result-count, .serp-page .result-navi, .serp-page .sortby {
font-size: 12px;
float: left;
}
.serp-page .result-count {
padding-left: 10px;
width: 159px;
}
.serp-page .result-navi {
float: right;
width: auto;
padding-right: 10px;
}
.serp-page .sortby {
text-align: center;
margin: 3px 0 0 0;
padding: 0 0 0 0;
float: right;
}
.serp-page .serp-container {
margin: 2px 0;
padding: 0;
width: 597px;
float: left;
display: block;
}
.serp-results {
margin: 0;
padding: 7px;
border: 1px solid #c9c9c9;
}
.serp-results h3 {
margin: 0 0 0 0;
}
.serp-results .product-img {
margin: 0;
padding: 0;
width: 120px;
float: left;
}
.serp-results p.partman-number {
margin: 2px 0;
padding: 0;
font-size: 11px;
}
.serp-results .product-info {
margin: 10px 0 0 0;
padding: 0;
width: 290px;
float: left;
}
.serp-results .product-info .tabbed ul {
border: 1px solid #9e9e9e;
border-width: 0 0 1px 0;
line-height: 21px;
*line-height: 24px;
margin: 1px 0 15px 0;
}
.serp-results .product-info .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;
}
.serp-results .product-info .tabbed ul li.first {
margin-left: 4px;
}
.serp-results .product-info .tabbed ul li.current {
border: 1px solid #9e9e9e;
border-width: 1px 1px 0 1px;
background: #fff;
margin: 29px 2px 46px 2px;
height:21px;
}
.serp-results .product-info .tabbed ul li a {
color: #fff;
font-weight: normal;
}
.serp-results .product-info .tabbed ul li a:hover {
text-decoration: none;
}
.serp-results .product-info .tabbed ul li.current a {
color: #136B98;
}
.tabbed .features table {
width: 100%;
}
.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;
}
.btn-add-to-cart {
display: block;
margin: 0 auto;
}
a.btn-add-to-cart {
background: url(http://images.motopower.com/design/serp-add-to-cart.gif) no-repeat scroll 0 0;
height: 25px;
text-indent: -9999px;
width: 89px;
}
.buybox {
margin: 28px 0 0 4px;
padding: 5px;
width: 154px;
border: 1px solid #ccc;
float: left;
}
.buybox table {
width: 100%;
}
.buybox table tr td {
width: 100%;
}
.buybox table tr td span { float: right; }
.buybox table tr td span.line { text-decoration: line-through; }
.buybox table tr td span.red { color: red; font-size: 14px; }
.buybox table tr td span.gren { color: green; font-size: 14px; }
.buybox input.text { float: right; width: 30px; }
.addtocart {
margin
}
.addtocart { text-align: center; }
img.compare { margin: 2px 0 0 2px; vertical-align: bottom; }
.bigger-compare { margin: 10px 0 0 0; }
.bigger-compare p { margin: 3px 0 0 4px; padding: 0; float: left; }
/*================================================ Product Detail Page ==============================*/
#Right .product-detail {}
#Right .product-detail h1 { font-size:19px; color:#333; line-height:22px; }
#Right .product-detail h1 span { display:block; font-size:14px; font-weight:normal }
.prod-img { float:left; text-align:center; width:200px; }
.prod-img a { font-size:11px; font-weight:normal }
.prod-info { float:right; width:590px; }
.prod-description {
color:#4e4e4e;
float:left;
width:415px;
}
.prod-description ul {
border-top:1px solid #ccc;
list-style:none;
margin:15px 0;
padding-top:5px
}
.prod-description ul li { padding:2px 0; }
.prod-description ul li select { border:2px solid #333; color:#999; font-size:12px; padding:2px; width:195px }
.product-pricing {
background:#edf6f8;
border:1px solid #b5b5b5;
float:right;
-moz-border-radius:5px 5px 5px 5px;
margin-top:15px;
padding:10px;
text-align:center;
width:136px
}
.product-pricing ul { list-style:none; margin:0 }
.product-pricing ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.product-pricing ul li {display:inline-block;}
.product-pricing ul li {color:#333; display:block; padding:2px 0}
.product-pricing ul li span { float:left; }
.product-pricing ul li strong { float:right; }
.product-pricing ul li.lp strong { color:#a90303; text-decoration:line-through }
.product-pricing ul li.op strong { color:#288b1b; }
.product-pricing ul li.ys strong { color:#5d5d5d; font-weight:normal }
.product-pricing ul li input {
background:url(http://images.motopower.com/design/shdw-txtinput.gif) repeat-x 0 0;
border:1px solid #b4b4b4;
border-top:1px solid #666;
float:right;
font-size:12px;
padding:2px;
text-align:center;
width:30px;
}
.product-pricing input.btn-addtocart {
background:url(http://images.motopower.com/design/btn-addtocart.gif) no-repeat 0 0;
border:0;
height:31px;
margin-top:5px;
width:128px;
cursor: pointer;
}
.boxed-lists {
border:1px solid #b4b4b4;
border-top:3px solid #398eb8;
margin:10px 0;
}
.boxed-lists h3 {
background:#cce1ec;
color:#333;
font-size:14px;
font-weight: bold;
height:18px;
margin:0;
padding:5px;
}
.boxed-lists ul {
margin:0;
padding:20px;
}
.boxed-lists ul li { float:left; list-style:none; padding:0 41px; text-align:center; width:110px; }
.boxed-lists ul li .btn-quickinspect {
background:url(http://images.motopower.com/design/btn-quickinspect.gif);
display:block;
font-size:1px;
height:16px;
line-height:0;
margin:0 auto;
padding:0;
text-indent:-9999px;
width:80px;
}
.boxed-lists ul li .prod-name { display:block; margin:10px 0 0; text-align:left }
.boxed-lists ul li p { margin:0; text-align:left }
.boxed-lists ul li p.lp { }
.boxed-lists .link-list { padding:8px 5px; }
.boxed-lists .link-list li {
float:none;
line-height:20px;
margin:0 5px;
padding:0;
text-align:left;
width:auto;
}
.boxed-lists .ll-twocol li {
float:left;
width:284px;
}
.boxed-lists .ll-threecol li {
float:left;
width:186px;
}
.boxed-lists .link-list li a {
font-weight:normal;
font-size:11px;
padding:0;
text-decoration:underline
}
.boxed-lists .link-list li ul { padding:0 }
.boxed-lists .link-list li li { float:none; line-height:17px; margin:0 0 0 10px; width:auto }
.show-all {
background:#e6e7e8;
margin:0;
text-align:right;
padding:5px 10px;
}
.show-all a { text-decoration:underline }
.bl-black {
border-top:0;
-moz-border-radius:2px 2px 2px 2px;
}
.bl-black h3 {
background:url(http://images.motopower.com/design/bg-bl-black.gif) repeat-x 0 0;
color:#f8bb49;
-moz-border-radius:2px 2px 0 0;
}
.bl-black .show-all { -moz-border-radius:0 0 2px 2px; }
.prod-info-sku ul { list-style-type:none; }
/*================================================ SEO Pages ==============================*/
#Right .seo {}
#Right .seo h1 { margin-bottom: 10px; color:#136b98; }
#Right .seo h1 span { float:left; padding-top:4px; }
#Right .seo h1 img { float:right; vertical-align:middle }
.seo-heroshot {
height:140px;
}
.m-photos { padding:0 4px }
.m-photos li { float:left; list-style:none; margin:0 9px }
.m-photos li a { border:2px solid #fff; display:block; padding:0 }
.m-photos li a:hover { border:2px solid #398eb8; }
.m-photos li a span {
border:1px solid #c6cacb;
cursor:pointer;
display:block;
height:110px;
width:110px
}
.m-photos li a:hover span { border:1px solid #398eb8; }
.motorcycle-specs {}
.motorcycle-specs h2 { margin-bottom:5px }
.motorcycle-specs .boxed-lists { margin:0 }
.motorcycle-specs .boxed-lists dl { padding:5px 10px }
.motorcycle-specs .boxed-lists dt {
float:left;
font-weight:bold;
padding:2px 0;
width:145px
}
.motorcycle-specs .boxed-lists dd { float:right; padding:2px 0; width:420px }
.related-links { font-size:11px; margin:10px 13px; }
.related-links a { color:#6a6b6b; font-weight:normal; text-decoration:underline }
/*================================================ Serp List ==============================*/
.seo-serp h2 { margin-bottom:5px }
.seo-serp-wrap {
border:1px solid #cbcaca;
padding:5px 5px 0;
}
.result {
background:#eee;
border:1px solid #cbcaca;
margin-bottom:5px;
}
.cbox-compare {
float:left;
padding:10px 0;
text-align:center;
width:31px;
}
.seo-prod-info {
background:#fff;
border-left:1px solid #cbcaca;
float:right;
padding:5px;
width:544px;
}
.seo-prod-info h3 {
border-bottom:1px solid #cbcaca;
margin:5px 0;
padding:0 0 5px;
}
.seo-prod-info h3 span {
color:#136b98;
float:left;
font-weight:normal;
width:400px;
}
.seo-prod-info h3 span em {
color:#6d6d6d;
display:block;
font-size:13px;
font-style:normal;
}
.seo-prod-info h3 img { float:right }
.seo-serp .prod-img { margin-left:10px; padding-top:10px; width:110px; }
.seo-serp .prod-info { width:410px; }
.seo-serp .prod-description { width:240px }
.brand-list { margin:30px 0 }
.brand-list h2 { margin-bottom:0px }
.brand-list .boxed-lists { margin-top:5px }
.brand-list .boxed-lists ul { padding:0 10px 30px }
.brand-list .boxed-lists ul li {
padding:0 17px;
text-align:center;
width:110px;
}
.brand-list .boxed-lists ul li a { text-decoration:underline }
/*================================================ Checkout Pages ==============================*/
/* Header */
#Header .checkout-arrow { float: right; margin: 35px 10px 0 0; }
#Header .orange-border { border-bottom: 3px solid #f7941d; clear:both }
.btn-placeorder { width: 160px; height: 43px; margin-top: 10px; background: url(http://images.motopower.com/design/place-order.gif) no-repeat top left; cursor: pointer; border: 0 none; float: right; }
/* Billing and Shipping */
.checkout { width: 710px; }
.checkout form fieldset { border: 0 none; }
.checkout h3 { font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #b9b9b9; }
.checkout h3 strong { padding-top: 12px; }
.checkout ul { list-style: none; padding: 0 20px; }
.checkout ul li { padding: 8px 0 8px 0; display: block; clear: both; }
.checkout 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;
}
.checkout ul li span { width: 300px; }
.checkout ul li label { display: block; width: 200px; }
.checkout ul li.company input { width: 583px; }
.checkout ul li span.phone input { width: 40px; }
.checkout ul li.expiry select { width: 80px; }
.checkout ul li.sec-code input { width: 80px; }
.checkout ul li input.rbtn { width: 20px; vertical-align: middle; }
.checkout em { font-size: 10px; }
#ShippingAndPaymentMethod { padding-bottom: 10px; border-bottom: 1px solid #a4a4a4; }
#ShippingAndPaymentMethod label {
float:left;
font-weight:normal;
margin:0 0 0 18px;
padding-top:5px;
}
#ShippingAndPaymentMethod li img { vertical-align: middle; }
#ShippingAndPaymentMethod li em { margin-left: 219px; }
/* Checkout Right Column */
.two-col-250 .order-summary { margin-top: 44px; padding: 5px 8px 5px 8px; background: #e1f7fd; border: 1px solid #a4a4a4; width:232px }
.two-col-250 .order-summary ul { list-style: none; font-size: 13px; }
.two-col-250 .order-summary ul li { height: 20px; clear: both; }
.two-col-250 .order-summary ul li.total { padding-top: 10px; border-top: 1px solid #a4a4a4; clear: both; }
.two-col-250 .worry-free { margin-top: 10px; padding: 5px 8px 9px 8px; border: 1px solid #a4a4a4; -moz-border-radius: 3px 3px 3px 3px; text-align: center; }
.two-col-250 .worry-free h4 { margin: 4px 0 4px 0; }
.two-col-250 .secure-shopping { margin-top: 10px; padding: 5px 8px 5px 8px; border: 1px solid #a4a4a4; -moz-border-radius: 3px 3px 3px 3px; text-align: center; }
/* Checkout */
.checkout-full { width: auto; padding: 0 20px 0 20px; }
.checkout-full h1 { font-size: 18px; color: #136b98; }
.checkout-full .order table { margin: 0; padding: 0; border: 1px solid #a4a4a4; border-width: 1px 1px 0 0; float: left; }
.checkout-full .order table tr td { padding: 7px; border: 1px solid #a4a4a4; border-width: 0 0 1px 1px; }
.checkout-full .order-details { margin: 10px 0 10px 0; padding: 0; width: 100%; border: 1px solid #a4a4a4; border-width: 1px 1px 0 0; }
.checkout-full .order-details thead { background: #e0f0ff; }
.checkout-full .order-details td, .checkout-full .order-details th { padding: 5px; border: 1px solid #a4a4a4; border-width: 0 0 1px 1px; }
.checkout-full .order-details tr.total { background: #fcfbdd; }
.create-account {
background:#FCFBDD;
border:5px solid #ccc;
margin:20px 0;
padding:20px
}
.create-account h1 {
margin-top:0;
color:#333;
}
.create-account form,
.create-account fieldset { border:0 }
.create-account ul {
border:1px solid #CCCCCC;
margin:0;
list-style:none;
padding:10px 10px 20px;
}
.create-account ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.create-account ul li {display:inline-block;}
.create-account ul li{display:block; padding:5px 0}
.create-account ul li label {
display:block;
float:left;
font-weight:bold;
margin-right:15px;
padding:3px 0 0;
text-align:right;
width:150px;
}
.create-account ul li span {
display:block;
float:left;
}
.create-account ul li span input { border:1px solid #ccc; padding:4px; width:300px }
.create-account ul li span .btn-createaccount {
border:0;
background:#333;
color:#fff;
width:auto;
font-weight:bold;
padding:5px 10px;
}
.checkout-customer-info { margin-top:20px; }
.checkout-customer-info h2 { text-align:center }
.checkout-customer-info p { font-size:11px; }
.checkout-customer-info p.action { text-align:right }
.receipt h1 strong { color:#136B98; }
.receipt p { margin:3px 0}
.brdrd-cont h3 { margin:20px 0 0 }
.purchase-details {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
font-size:11px;
margin:10px 0;
width:100%;
}
.purchase-details th,
.purchase-details td,
.order table td {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:5px;
}
.order-details th { width:25% }
.purchase-details th {
background:#e0f0ff;
color:#000;
font-weight:bold;
text-align:center;
}
.purchase-details td {
text-align:center;
}
.purchase-details .total td { background:#FCFBDD; color:#ff0000; font-weight:bold; }
.gt { color:#008000; }
.purchase-details td.al { text-align:left }
.purchase-details td.ar { text-align:right }
.other-details { margin:10px 0; width:100% }
.other-details th,
.purchase-details .title th {
background:#0c335f;
color:#fff;
font-weight:bold;
padding:8px 10px;
text-align:left;
}
.purchase-details .title th { border-bottom:4px solid #fff; text-align:left; font-size:12px; }
.other-details td {
padding:10px;
}
.other-details td p { margin:0 }
/* Footer for Checkout Pages */
#FooterCheckout { margin: 20px 20px 0 20px; padding: 0 150px 0 150px; border-top: 1px solid #a4a4a4; text-align: center; }
#FooterCheckout p.lockp a { padding-left: 5px; }
#FooterCheckout p img { padding-bottom: 4px; vertical-align: middle; }
/* ============================= View Cart================================== */
.view-cart-table {
border-top: 3px solid #2d5f78;
border-right: 1px solid #b4b4b4;
background: #fff;
width: 960px;
margin:0 10px;
text-align: center;
}
.view-cart-table .tdheader {
padding: 6px 4px 6px 4px;
background: #e5e5e5;
vertical-align: top;
border-left: 0px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
text-align: center;
}
.view-cart-table .sku { border-left: 1px solid #b4b4b4; width: 171px; }
.view-cart-table .desc { width:372px; }
.view-cart-table .qty { width:42px; }
.view-cart-table .price { width:82px; }
.view-cart-table .shppng { width:182px; }
.view-cart-table .stotal { width:82px; }
.prod-list-cart {
padding: 15px 4px 15px 4px;
vertical-align: top;
border-left: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
width: auto;
text-align: center;
}
.prod-list-cart-desc {
vertical-align: top;
border-left: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
text-align: left;
padding: 15px 9px 15px 9px;
width: 362px;
}
.prod-list-cart-ship {
vertical-align: top;
border-left: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
text-align: left;
padding: 15px 9px 15px 9px;
width: 172px;
}
.prod-item-name-cart {
font-size: 14px;
line-height: 16px;
}
.order-for-vehicle {
display: block;
}
.availability-item-cart {
color: #408011;
font-weight: bold;
}
.small-font-size-link {
font-size: 10px;
display: block;
line-height: 13px;
}
.prod-list-cart input {
background: transparent url(http://images.motopower.com/design/shdw-txtinput.gif) repeat-x scroll 0 0;
border-top: 1px solid #666;
border-left: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
font-size: 12px;
padding: 2px;
text-align: right;
width: 22px;
margin-bottom: 5px;
}
.cart-top-buttons {
clear: both;
padding-bottom: 0px;
margin: 10px;
}
.cart-top-buttons span {
float:left;
margin-top:10px;
}
.cart-top-buttons .btn-checkout { float:right }
.cart-summary { margin:10px; width:960px }
.p-option strong { display:block }
.p-cards { display:block; margin:10px 0 }
.order-summary {
width: 260px;
background: #ededed;
border: 1px solid #c5c5c5;
padding: 10px;
}
.order-summary td { padding:3px; text-align:right }
.order-summary tr.total td { border-top:1px solid #ccc; padding-top:10px; }
.order-summary td strong { display:block; text-align:left }
.order-summary td em { font-style:normal; color:#b71e0f; font-weight:bold; display:block; }
.other-payment-option {
margin-top: 0px;
width: 190px;
padding-top:10px;
text-align: left;
}
.other-payment-option img { margin-bottom:5px }
/* ==================================== Static Pages ===================================================== */
/* Customer Service Pages */
.customer-service h1 { padding: 0; border: 0 none; }
.customer-service h3 { margin: 0; padding-top: 20px; border: 1px solid #d1d1d1; border-width: 1px 0 0 0; }
.customer-service h3.non { border: 0 none; }
.customer-service p { margin: 5px 0; }
.cs-nav {
border-bottom:1px solid #ccc;
font-size:12px;
padding-bottom:5px;
}
.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;
}
.contact-us { padding:1px 0 20px}
.contact-us fieldset {
border:0;
}
.contact-us fieldset ul { list-style:none }
.contact-us fieldset ul li { padding:12px 0}
.contact-us fieldset ul li label { float:left; font-weight:bold; display:block; width:150px }
.contact-us fieldset ul li input,
.contact-us fieldset ul li select,
.contact-us fieldset ul li textarea { padding:4px; border:1px solid #ccc; width:300px }
.contact-us fieldset ul li select { width:307px }
.contact-us fieldset ul li textarea { height:113px }
.contact-us fieldset ul li.captcha input { width:100px }
.contact-us fieldset ul li.captcha img { vertical-align:middle }
.contact-us fieldset ul li.action input {
border:0;
background:#333;
color:#fff;
width:auto;
font-weight:bold;
margin-left:150px;
padding:5px 10px;
}
.track-order-page h3, .ship-info-page h3, .privacy-policy-page h3, .return-part-page h3 {
font-size: 18px;
padding-bottom: 8px;
border-bottom: 1px solid #b9b9b9;
}
.track-order-page input, .return-part-page input {
padding: 2px 6px;
margin-top: 8px;
}
.track-order-page .basic_text, .track-order-page label, .return-part-page .basic_text {
border: 1px solid #CCCCCC;
color: #333;
font-family: Arial,Tahoma,Verdana,sans serif;
font-size: 12px;
padding: 5px;
width: 273px;
margin-top: 3px;
margin-bottom: 5px;
}
.track-order-page label { border: 0; }
.track-order-page form { padding: 15px 15px; }
.customer-service form.return-part {
padding: 0px;
float: left;
}
.customer-service form.return-part input {
margin-bottom: 5px;
border:1px solid #CCCCCC;
color:#333;
font-family:Arial,Tahoma,Verdana,sans serif;
font-size:12px;
padding:5px;
width:200px;
cursor:pointer;
}
.customer-service form.return-part .basic_textarea {
border: 1px solid #CCCCCC;
color: #333;
font-family: Arial,Tahoma,Verdana,sans serif;
font-size: 12px;
padding: 5px;
width: 273px;
margin-top: 3px;
margin-bottom: 5px;
height: 100px;
}
.partial-match-page h2 { margin-bottom:0px }
.partial-match-page p { margin:2px 0 20px }
.partial-match-page .boxed-lists .ll-fourcol li { float:left; width:179px }
.partial-match-page .boxed-lists h3 span { float:left }
.partial-match-page .boxed-lists h3 strong { float:right }
.btn-search {
background:url(http://images.motopower.com/design/btn-search.gif);
border:0;
height:19px;
margin-left:5px;
width:81px;
}
.no-match-page h2 { margin-bottom:0px; text-align:center; }
.no-match-page p { margin:2px 0 20px; text-align:center; }
.search-forms { margin:0 auto; padding:20px; width:600px; border:3px solid #ccc}
.search-by-keyword { float:left; width:360px }
.search-by-keyword p { text-align:left }
.search-by-keyword p label { display:block; font-size:14px; font-weight:bold; margin-bottom:5px }
.search-by-keyword p input { border:1px solid #ccc; padding:8px 5px; width:308px }
.search-by-keyword .btn-go { background:url(http://images.motopower.com/design/btn-go.gif); border:0; width:37px; height:31px }
.search-tips { border:1px solid #ccc; background:#F3F3DA; padding:10px }
.search-tips h4 { margin:0 0 5px }
.search-tips ul { margin:0 }
.search-tips li { margin-left:15px; }
.vsearch { border-left:1px solid #ccc; float:right; width:200px; padding-left:20px }
.privacy-policy-page ul { margin-left:15px }
/* 404 */
.four-o-four { height: 237px; margin-top: 75px; }
.four-o-four h1 { margin-bottom: 0; color: #136b98; }
.four-o-four h3 { margin-top: 5px; font-size: 12px; }
/* ==================================== Feedback Page =================================================== */
.feedback { width:500px; margin:0 auto }
.feedback form h2,
.feedback form p { margin:10px 0 }
.feedback form p select { width:300px }
.feedback form p textarea { width:495px; height:120px }
.feedback form p input { width:490px; padding:3px }
.feedback form p input.rbtn { width:auto; padding:0 }
.feedback form p.action { border-top:1px solid #ccc; padding:10px 0 0; text-align:center; margin-top:20px }
.feedback form p.action input {
border:0;
background:#333;
color:#fff;
width:auto;
font-weight:bold;
padding:5px 10px;
}
/* ==================================== QAS Page ===================================================== */
.warning-messages {
width: 951px;
background: #fff888;
border: 1px solid #a4a4a4;
margin-top: 20px;
padding: 12px;
}
.warning-messages h4 {
font-size: 16px;
line-height: 18px;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}
.rbtn-qas {
margin-right: 7px;
position: relative;
top: 2px;
}
.qas-options {
height: 22px;
margin-bottom: 2px;
}
.street-address {
width: 90px;
padding: 2px;
border: 1px solid #333;
background: #fff;
}
.text-blue { color: #0033ff; }
.qas-options-desc, .qas-change {
height: auto;
width: 660px;
border: 2px solid #ccc;
overflow: hidden;
display: block;
background: #ffffcc;
margin-left: 22px;
padding: 5px 10px;
line-height: 22px;
margin-bottom: 4px;
}
.qas-change {
padding: 0 0 0 0;
border: 0;
background: none;
margin-top: 20px;
}
.qas-error {
font-weight: bold;
border: 1px solid #990000;
background: #fff888;
padding: 0 2px;
margin-right: 5px;
}
/* ==================================== Vehicle Landing Page ========================================= */
.feat-parts {}
.vlp-boxed-lists h3 { color:#136b98; }
.feat-parts ul { }
.feat-parts ul li {
float:left;
display:inline;
margin:4px;
padding:0;
width:130px;
}
.feat-parts li a { display:block; text-align:center }
.fp-thumb {
border:2px solid #fff;
display:block;
height:100px;
margin:0 auto 5px;
width:100px;
}
.fp-thumb:hover { border:2px solid #398eb8; }
.vlp-boxed-lists .link-list li { background:url(http://images.motopower.com/design/blue-dot.gif) no-repeat 0 10px; padding:2px 0 2px 13px; width:173px }
.vlp-boxed-lists .link-list li a { font-size:12px; font-weight:bold }
.vlp-boxed-lists .link-list li em { color:#7f7f7f; font-style:normal; }
/* ==================================== 404 Page ===================================================== */
/* ==================================== 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 */
############## rollout ###############
############## edited ###############
### home ##
#Header .toll-free { margin-left: 0px; }
#HomeCategories.dirt-bike {
background: url(http://images.motopower.com/design/hdr-dirt-categories.jpg) top left no-repeat;
}
### cart ###
.btn-add-to-cart {
display: block;
margin: 0 auto;
}
a.btn-add-to-cart, .btn-add-to-cart {
background: url(http://images.motopower.com/design/btn-addtocart.gif) no-repeat scroll 0 0;
height: 31px;
text-indent: -9999px;
width: 128px;
border:0;
cursor:pointer;
}
.serp-results { height: auto; }
### 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;
}
### checkout Fail entries ###
.checkout ul li div { display: inline; clear: both; }
.checkout .required_fields {
float: left;
}
div.required_fields, span.required_fields {
width: 100px; display: inline;
}
.checkout .required_fields_askterisk_error {
float: left; width: auto;
}
.checkout .required_fields_notification_error {
float: right;
}
.zip .required_fields {
width: 80px;
}
.checkout .required_fields_error, .required_fields, .required_fields_askterisk_error {
font-weight: bold;
}
.checkout .required_fields_askterisk_error {
color: #ff0000;
}
.checkout .required_fields_notification_error {
color: #ff0000;
font-size: 10px;
}
/* ==================================== Message Fit ======================================================================== */
#MessageFit { background-position: 30px center; border:1px solid #ddd; border-width: 1px 0; margin-bottom:10px; overflow:hidden; }
#MessageFit .text { color:#323232; padding:20px 0 20px 100px }
#MessageFit .text strong { display:block; margin-bottom:3px }
#MessageFit .text, #ie8#fix { }
.universal-fit { background:#fff url(http://images.motopower.com/design/icon-universal.gif) no-repeat 0 0; }
.universal-fit strong { color: #a89278; font-size: 16px; font-weight: bold;}
.perfect-fit { background:#fff url(http://images.motopower.com/design/icon-perfect-fit.gif) no-repeat scroll 0 0; }
.perfect-fit strong { color: #48961d; font-size: 16px; font-weight: bold; }
.caution-fit { background:#fff url(http://images.motopower.com/design/icon-caution.gif) no-repeat scroll 0 0; }
.caution-fit strong { color: #83201a; font-size: 16px; font-weight: bold; }
.guarantee-fit { background:#fff url(http://images.motopower.com/design/icon-tip.gif) no-repeat scroll 0 0; }
.guarantee-fit strong { color: #48961d; font-size: 16px; font-weight: bold; }
.prod-detail-perfect-fit { background:#fff url(http://images.motopower.com/design/icon-perfect-fit.gif) no-repeat scroll 0 0; }
.prod-detail-perfect-fit strong { color: #48961d; font-size: 16px; font-weight: bold; }
/*BuyBox Tool Tip */
.BuyBoxToolTextHover { cursor: not-allowed; }
.BuyBoxToolTextHover span {
width:200px;
height:auto;
position: absolute;
left: 10;
z-index:4;
zoom: 1;
border:1px #000000 solid;
text-align:left;
font-size:11px;
display:block;
background-color:#fcf5ce;
padding:5px 5px 5px 10px;
line-height:14px;
color:#000000;
}
/*RideType Tool Tip*/
.RideTypeToolTextHover { cursor: hand; }
.RideTypeToolTextHover span {
width:200px;
height:auto;
position: absolute;
left: 10;
z-index:4;
zoom: 1;
border:1px #000000 solid;
text-align:left;
font-size:11px;
display:block;
background-color: #fcf5ce;
padding:5px 5px 5px 10px;
line-height:14px;
color:#000000;
}
/* Year Make Model Banner */
.ymm-banner {
margin: 0;
margin-bottom: 5px;
padding; 0;
text-indent: -99999px;
position: relative;
}
.ymm-banner .year {
width: 600px;
height: 140px;
background: url(http://images.motopower.com/design/ymm-banner.jpg) 0 0 no-repeat;
}
.ymm-banner .make {
width: 600px;
height: 140px;
background: url(http://images.motopower.com/design/ymm-banner.jpg) 0 -141px no-repeat;
}
.ymm-banner .model {
width: 600px;
height: 140px;
background: url(http://images.motopower.com/design/ymm-banner.jpg) 0 -282px no-repeat;
}
/***** Catalog Tabs *****/
#STab { background:#e5e5e5 url(http://images.motopower.com/design/bg-stabs-ul.gif) repeat-x 0 bottom; padding:5px 0 4px }
#STab li {
list-style:none;
float:left;
margin-left:-18px;
}
#STab li#sft { margin:0 }
#STab li a,
#STab li a span {
background:url(http://images.motopower.com/design/bg-stabs.gif) no-repeat 0 0;
display:block;
float:left;
line-height:11px;
outline:none;
}
#STab li a {
background-position:0 -182px;
background-repeat:repeat-x;
padding:0;
text-decoration:none;
}
#STab li.active a { background-position:0 -208px; }
#STab li a span {
background-position:0 0;
}
#STab li#sft a span { background-position:0 -130px }
#STab li#sft.active a span { background-position:0 -156px }
#STab li.nt a span { background-position:0 -26px }
#STab li.active a span { background-position:0 -52px }
#STab li a span span {
background-position:right 0;
color:#444;
cursor:pointer;
font-weight:bold;
padding:8px 30px 0;
height:18px;
}
#STab li#slt a span span { background-position:right -78px }
#STab li#slt.active a span span { background-position:right -104px; }
#STab li#sft a span span { padding:8px 30px 0 20px }
#STab li.active a span span { color:#fff; }
/***** Catalog Tabs *****/