@charset "utf-8"; /* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by Top Parts Store. */ /* General page formatting -------------------------------------------------- */ body { margin:0 2px !important; padding:0 !important; } .x-bg { background:#F0F0F0 none; padding:5px 0; } .x-bg * { margin:0; padding:0; vertical-align:top; } .x-bg img { border:0; } .x-bg, .x-content { margin:0 auto; text-align:center; vertical-align:top; } .x-content { background:transparent url(images/x-content.png) center top repeat-y; padding:10px 0 !important; } .x-content, #x-head, #x-foot { width:964px; position:relative; margin:0 auto; } #x-bg-head, #x-bg-foot { width:100%; position:relative; margin:0 auto; } #CentralArea, #x-tmpl, #x-home, #x-shop, #x-feat, .x-tb-title, .x-tb-top, .x-tb-mid, .x-tb-btm, ul.x-tt { width:717px; } #LeftPanel, .x-ln-title, .x-ln-top, .x-ln-mid, .x-ln-btm { width:210px !important; } #CentralArea, #x-tmpl, #x-home { margin:0 !important; padding:0 12px 0 0 !important; float:right; vertical-align:top; } #x-home { padding:0 !important; } #LeftPanel { margin:0 !important; padding:0 0 0 12px !important; float:left; vertical-align:top !important; } p, a, .x-bg, .x-bg p, .x-bg a { font:12px Arial, Tahoma, Sans-serif; color:#6A6969; } a:link, .x-bg a:link, a:visited, .x-bg a:visited, a:active, .x-bg a:active { color:#6A6969; text-decoration:none; } a:hover, .x-bg a:hover { color:#87C106; text-decoration:underline; } #CentralArea p, #CentralArea ul { padding:0 0 15px; list-style-type:none; } #CentralArea li { background:transparent url(images/x-tb-bull.png) 0 0 no-repeat; padding:0 0 5px 15px; } #CentralArea .r3 { background-color:#FFF; } /* catalog pg background, same as tb bg color */ #CentralArea .r3_cm { padding:10px; } #CentralArea .ctrlbr { padding:3px 10px; } #CentralArea .cmpBr { padding:0 10px; } #CentralArea span.pdmt img { vertical-align:middle; } #CentralArea span.tpr, #CentralArea a.tpr { font-size:11px; line-height:15px; padding-top:0; padding-bottom:0; } #TopPromoArea { display:none !important; margin:0 !important; padding:0 !important; } #x-head form, #LeftPanel form { display:inline; } #x-head ul, #LeftPanel ul, #x-foot ul, #x-tmpl ul.x-tt { list-style-type:none; } #x-hd-menu li, #x-tmpl ul.x-tt li { display:inline; float:left; } .x-content, .x-tb-mid, ul.x-tt, #x-hd-menu, #x-hd-srch, .x-ln-mid, #x-shop, #x-feat, #x-tg { overflow:hidden; } #x-hd-sbtn, #x-hd-menu li, #x-ln-sbtn, #LeftPanel li, #x-ln-nbtn, #x-ft-nbtn { cursor:pointer; } #LeftPanel .ttl, #LeftPanel .link, #LeftPanel .all_cats, #LeftPanel .cnt, #LeftPanel .v4acpcont, #x-cat ul.lev1 li br, #x-cat ul.lev2 li br, #x-tmpl .x-fb br, .x-hide { display:none !important; } /* Header formatting -------------------------------------------------- */ #x-head { height:135px; background:transparent url(images/x-head.png) 0 0 no-repeat; } #x-hd-logo { position:absolute; left:21px; top:17px; width:236px; height:63px; display:block; background:transparent url(images/x-hd-logo.png) 0 0 no-repeat; } #x-hd-tagl { position:absolute; left:310px; top:35px; width:283px; height:29px; display:block; background:transparent url(images/x-hd-tagl.png) 0 0 no-repeat; } /* search box */ #x-hd-srch { position:absolute; left:608px; top:33px; width:344px; height:32px; } #x-hd-sbox { width:285px; height:32px; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; font:normal 11px/32px Arial, Tahoma, Sans-serif; color:#AAA; } #x-hd-sbtn { width:37px; height:32px; float:right; border:0 none; background-color:transparent; } /* menu bar */ #x-hd-menu { position:absolute; left:22px; top:95px; width:920px; height:40px; } #x-hd-menu li { text-align:center; background:transparent url(images/x-hd-mdiv.png) right center no-repeat; padding:0 2px 0 0; } #x-hd-menu li.last { background-image:none; padding:0; } #x-hd-menu li a { color:#FFF; font:bold 14px/40px Arial, Tahoma, Sans-serif; text-decoration:none; text-shadow:1px 1px #75AA00; text-transform:uppercase; padding:0 20px; display:block; } #x-hd-menu li a:hover { color:#FFF; text-decoration:none; text-shadow:1px 1px #000; background:transparent url(images/x-hd-mhov.png) left center repeat-x; } /* Left panel formatting -------------------------------------------------- */ #LeftPanel, #LeftPanel p, #LeftPanel a, #LeftPanel ul li, #LeftPanel span { text-align:left; font:normal 12px/18px Arial, Tahoma, Sans-serif; color:#6A6969; } /* left text boxes */ .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:36px; } .x-ln-top { background:transparent url(images/x-ln-top.png) 0 0 no-repeat; height:5px; } .x-ln-mid { background:transparent url(images/x-ln-mid.png) 0 0 repeat-y; } .x-ln-btm { background:transparent url(images/x-ln-btm.png) 0 0 no-repeat; height:18px; } #LeftPanel .x-ln-ins { padding:10px 10px 0; overflow:hidden; } #LeftPanel .x-ln-promo { display:block; margin:0 0 13px; } /* categories menu */ .x-ln-title-cats { background-image:url(images/x-ln-title-cats.png); } #LeftPanel ul.lev1 li { margin:0 2px; padding:1px; border-top:1px dotted #E6E6E6; } #LeftPanel ul.lev1 li.first { border-top:0 none; } #LeftPanel ul.lev1 li a, #LeftPanel ul.lev1 li span { background:transparent url(images/x-ln-lev1.png) 14px 11px no-repeat; font-weight:bold; text-transform:uppercase; line-height:14px; display:block; margin:0; padding:7px 10px 7px 28px; } #LeftPanel ul.lev1 li a:hover { color:#87C106; text-decoration:none; background-image:url(images/x-ln-lev1h.png); background-color:#F8F8F8; } #LeftPanel ul.lev2 { margin-left:10px; padding-bottom:5px; } #LeftPanel ul.lev2 li, #LeftPanel ul.lev3 li { border:0 none; } #LeftPanel ul.lev2 li a, #LeftPanel ul.lev2 li span { background:transparent none; font-size:11px; font-weight:normal; text-transform:none; line-height:13px; display:block; margin:0; padding:2px 10px 2px 24px; } #LeftPanel ul.lev2 li a:hover { color:#87C106; text-decoration:none; background:transparent none; } #LeftPanel ul.lev3 { margin-left:15px; padding-bottom:5px; } #LeftPanel ul.lev3 li a, #LeftPanel ul.lev3 li span { background:transparent none; font-size:11px; font-weight:normal; text-transform:none; line-height:13px; display:block; margin:0; padding:2px 10px 2px 24px; } #LeftPanel ul.lev3 li a:hover { color:#87C106; text-decoration:none; background:transparent none; } /* newsletter text box */ .x-ln-title-news { background-image:url(images/x-ln-title-news.png); } #x-ln-nbtn { width:90px; height:24px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:0 0 5px; display:block; float:right; } #x-ln-news p.x-ckbx { margin:10px 0; overflow:hidden; } #x-ln-news p.x-ckbx:not(#foo) { overflow:hidden !important; } #x-ln-news p.x-ckbx:not(#foo) > input { width:16px; height:16px; position:absolute; left:0; opacity:0; float:left; } #x-ln-news p.x-ckbx > label { font-size:11px; line-height:16px; padding-left:5px; } #x-ln-news p.x-ckbx:not(#foo) > label { float:left; padding-left:20px; } #x-ln-news p.x-ckbx:not(#foo) > input + label { background:transparent url(images/x-ckbx.png) 0 0 no-repeat; height:16px; } #x-ln-news p.x-ckbx:not(#foo) > input[type=checkbox]:checked + label { background-position:0 -16px; } /* Homepage formatting -------------------------------------------------- */ /* welcome banner */ #x-hm-bann { width:717px; height:266px; position:relative; background:transparent url(images/x-hm-bann.jpg) 0 0 no-repeat; margin:0 auto 13px; } #x-hm-bann p { color:#888; text-align:left; padding:76px 340px 0 18px; } #x-hm-bann p, #x-hm-bann p a { font:normal 12px/17px Arial, Tahoma, Sans-serif; } #x-hm-bann p a, #x-hm-bann p a:link, #x-hm-bann p a:active, #x-hm-bann p a:visited { color:#6A6969; text-decoration:underline; } #x-hm-bann p a:hover { color:#87C106; text-decoration:underline; } #x-hm-bann a#x-hm-bbtn { position:absolute; left:18px; top:175px; width:138px; height:34px; background:transparent url(images/x-hm-bbtn.png) 0 0 no-repeat; display:block; } /* text boxes */ .x-tb-title { background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:36px; } .x-tb-top { background:transparent url(images/x-tb-top.png) 0 0 no-repeat; height:5px; } .x-tb-mid { background:transparent url(images/x-tb-mid.png) 0 0 repeat-y; padding:5px 0; } .x-tb-btm { background:transparent url(images/x-tb-btm.png) 0 0 no-repeat; height:18px; } .x-tb-ins { padding:10px 15px 0; } .x-tb-mid, .x-tb-mid p, .x-tb-mid a, .x-tb-mid li { text-align:left; font:12px/18px Arial, Tahoma, Sans-serif; color:#6A6969; } .x-tb-mid p, .x-tb-mid ul { padding:0 0 15px; list-style-type:none; } .x-tb-mid li { background:transparent url(images/x-tb-bull.png) 0 0 no-repeat; padding:0 0 5px 15px; } .x-tb-mid ol { padding:0 15px 15px 25px; } .x-tb-mid ol li { background:transparent none; padding:0 0 5px 0; } .x-tb-mid a, .x-tb-mid a:link, .x-tb-mid a:active, .x-tb-mid a:visited { color:#6A6969; text-decoration:underline; } .x-tb-mid a:hover { color:#87C106; text-decoration:underline; } /* shop cats boxes */ #x-shop a { width:175px; height:209px; background:transparent url(images/x-fc-bg.png) 0 0 no-repeat; margin:0 0 13px 5px; float:left; } #x-shop a.x-first { margin-left:0; } #x-shop a, #x-shop a:link, #x-shop a:active, #x-shop a:visited { color:#6A6969; text-decoration:none; text-align:center; font:bold 16px/19px Arial, Tahoma, Sans-serif; text-shadow:1px 1px #DDD; text-transform:uppercase; display:block; } #x-shop a:hover { color:#87C106; text-decoration:none; } #x-shop a img { width:157px; height:161px; margin:9px auto 10px; display:block; } /* Homepage auto featured items -------------------------------------------------- */ /* general */ .x-tb-title-feat { background-image:url(images/x-tb-title-feat.png); } #x-feat .x-fp { width:164px; height:230px; background:transparent url(images/x-fp-bg.png) center top no-repeat; margin:5px 0 0 12px; padding-top:10px; float:left; } /* gallery image */ #x-feat table.gallery td.picture div.image img { max-width:140px; width:auto !important; width:140px; border:0 none !important; } /* img 140px x 100px average, border optional */ #x-feat table.gallery td.picture div.image img.sale { width:auto; height:auto; } /* optional floating sale icon */ /* gallery title and text */ #x-feat table.gallery div.ttl a { color:#6A6969; font:normal 11px/12px Arial, Tahoma, Sans-serif; text-decoration:none; position:relative; z-index:9999; cursor:pointer; } /* title font */ #x-feat table.gallery div.ttl a:link, #x-feat table.gallery div.ttl a:active, #x-feat table.gallery div.ttl a:visited { color:#6A6969 !important; text-decoration:none !important; } #x-feat table.gallery div.ttl a:hover { color:#87C106 !important; text-decoration:none !important; } #x-feat table.fixed tr td span.bin, #x-feat div.basics span.bin, #x-feat table.fixed tr td span.bid, #x-feat div.basics span.bid { color:#222 !important; font:bold 14px/24px Arial, Tahoma, Geneva, Sans-serif !important; display:block; float:left; margin:0 0 0 12px; } /* price font and location */ /* shop button */ #x-feat table.gallery table.fixed { width:164px; height:24px; background:transparent url(images/x-fp-bbtn.png) right center no-repeat; margin-top:0; } /* set height to same as button img */ /* hide bin or bid pricing */ #x-feat div.basics span.bid, #x-feat table.fixed tr td span.bid { display:none; } /* borders and spacing resets */ #x-feat table.gallery td.picture { text-align:center; vertical-align:middle; } /* height auto set inline to 140px */ #x-feat table.gallery td.picture div.image { width:100% !important; margin:0 auto; padding:0; } #x-feat table.gallery div.ttl { height:46px; margin:0; padding:10px 12px 0; position:relative; } /* title text, set height to accommodate up to 3 rows of title text */ #x-feat table.gallery div.ttl a { display:block; height:70px; } /* extend link over buy button */ #x-feat #showcase, #x-feat table.v4stw, #x-feat table.v4shwc td.grItm, #x-feat table.gallery td.picture { margin:0; padding:0; } #x-feat .whiter-rcp .whiter-n, #x-feat .whiter-s, #x-feat table.gallery .mi, #x-feat div.basics div.clr, #x-feat table.gallery div.catItms, #x-feat div.basics div.prices div.amount img, #x-feat div.basics span.label, #x-feat div.subtitle, #x-feat div.anchors div.group, #x-feat img.ii, #x-feat img.iippl, #x-feat table.v4shwc td.bline, #x-feat table.fixed tr td .label, #x-feat table.fixed tr td img, #x-feat table.fixed tr td .time2, #x-feat table.gallery span.disct, #x-feat table.gallery span.disct2, #x-feat table.gallery .oriprs, #x-feat table.gallery .ship, x-fa table.gallery .stp { display:none; } #x-feat .whiter-rcp { border:0 none; } #x-feat table.v4shwc td.lcell { border-right:0 none; } /* Template formatting -------------------------------------------------- */ /* adjust left nav */ #x-template ul.lev1 li { height:28px; } #x-template ul.lev2 li, #x-template ul.lev3 li { height:17px; } /* description */ .x-tb-title-desc { background-image:url(images/x-tb-title.png); overflow:hidden; } #x-template h1 { text-align:left; font:bold 16px/36px Arial, Tahoma, Sans-serif; color:#FFF; text-shadow:1px 1px #000; margin:0; padding:0 10px 0 35px; } #CentralArea h5, #x-tmpl h5 { text-align:left; font:bold 13px/18px Arial, Tahoma, Sans-serif; color:#87C106; text-shadow:1px 1px #DDD; margin:0; padding:5px 0 10px; } /* product image */ #x-tg { width:687px; margin:0 auto; padding-bottom:12px; overflow:hidden; text-align:center; } #x-tg img { width:400px; padding:20px; border:1px solid #BBB; background:#FFF none; margin:0 auto; } /* terms tabs */ ul.x-tt { height:40px; background:transparent url(images/x-tb-top.png) 0 36px no-repeat; } ul.x-tt li a img { width:172px; height:36px; display:block; float:left; margin-left:3px; } ul.x-tt li a img.first { margin-left:10px; } #terms1 { display:block; visibility:visible; } #terms2, #terms3, #terms4 { display:none; } /* Footer with links formatting -------------------------------------------------- */ #x-foot { height:75px; background:transparent url(images/x-foot.png) 0 0 no-repeat; text-align:left; } #x-foot p, #x-foot a { font:normal 11px/15px Arial, Tahoma, Sans-serif; letter-spacing:0.04em; } #x-foot p, #x-foot a, #x-foot a:link, #x-foot a:active, #x-foot a:visited { color:#999; text-decoration:none; } #x-foot a:hover { color:#93CD12; text-decoration:none; } #x-foot p.x-links { padding:20px 0 0 15px; } #x-foot p.x-copy { padding:5px 0 0 15px; }