@charset "utf-8"; /* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by ebargainsquare. */ /* General page formatting -------------------------------------------------- */ body { margin:0 2px !important; padding:0 !important; } .x-bg { background:#F1F1F1 url(images/x-bg.png) center top fixed repeat-x; padding:10px 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:960px; position:relative; margin:0 auto; } #x-bg-head, #x-bg-foot { width:100%; position:relative; margin:0 auto; } #x-home, .x-tb-title, .x-tb-top, .x-tb-mid, .x-tb-btm { width:960px; } #CentralArea, #x-tmpl, ul.x-tt { width:737px; } #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 !important; float:right; vertical-align:top; } #x-home { padding:0 !important; } #LeftPanel { margin:0 !important; padding:0 !important; float:left; vertical-align:top !important; } p, a, .x-bg, .x-bg p, .x-bg a { font:12px Verdana, Geneva, Sans-serif; color:#454545; } a:link, .x-bg a:link, a:visited, .x-bg a:visited, a:active, .x-bg a:active { color:#454545; text-decoration:none; } a:hover, .x-bg a:hover { color:#CD0002; text-decoration:underline; } #x-template h1 { text-align:center; font:bold 15px/39px Verdana, Geneva, Sans-serif; color:#454545; background:transparent none; margin:0; padding:0 10px; } #CentralArea h5, #x-tmpl h5 { text-align:left; font:bold 12px/18px Verdana, Geneva, Sans-serif; color:#CD0002; margin:0; padding:5px 0 10px; } #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-news, #x-ln-srch, #x-shop, #x-fa, #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:139px; background:transparent url(images/x-head.png) 0 0 no-repeat; } #x-hd-logo { position:absolute; left:5px; top:0; width:306px; height:91px; display:block; } #x-hd-ship { position:absolute; left:359px; top:13px; width:276px; height:66px; display:block; } /* search box */ #x-hd-srch { position:absolute; left:663px; top:34px; width:285px; height:24px; } #x-hd-sbox { width:242px; height:24px; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; font:normal 11px/24px Verdana, Geneva, Sans-serif; color:#666; } #x-hd-sbtn { width:22px; height:24px; float:right; } /* menu bar */ #x-hd-menu-01 { position:absolute; left:0; top:99px; width:100px; height:40px; display:block; background:transparent url(images/x-hd-menu-01.png) 0 0 no-repeat; } #x-hd-menu-02 { position:absolute; left:100px; top:99px; width:162px; height:40px; display:block; background:transparent url(images/x-hd-menu-02.png) 0 0 no-repeat; } #x-hd-menu-03 { position:absolute; left:262px; top:99px; width:123px; height:40px; display:block; background:transparent url(images/x-hd-menu-03.png) 0 0 no-repeat; } #x-hd-menu-04 { position:absolute; left:385px; top:99px; width:118px; height:40px; display:block; background:transparent url(images/x-hd-menu-04.png) 0 0 no-repeat; } #x-hd-menu-05 { position:absolute; left:503px; top:99px; width:125px; height:40px; display:block; background:transparent url(images/x-hd-menu-05.png) 0 0 no-repeat; } #x-hd-menu-06 { position:absolute; left:628px; top:99px; width:104px; height:40px; display:block; background:transparent url(images/x-hd-menu-06.png) 0 0 no-repeat; } #x-hd-menu-07 { position:absolute; left:732px; top:99px; width:113px; height:40px; display:block; background:transparent url(images/x-hd-menu-07.png) 0 0 no-repeat; } #x-hd-menu-08 { position:absolute; left:845px; top:99px; width:115px; height:40px; display:block; background:transparent url(images/x-hd-menu-08.png) 0 0 no-repeat; } #x-hd-menu-01:hover { background-image:url(images/x-hd-menu-01h.png); } #x-hd-menu-02:hover { background-image:url(images/x-hd-menu-02h.png); } #x-hd-menu-03:hover { background-image:url(images/x-hd-menu-03h.png); } #x-hd-menu-04:hover { background-image:url(images/x-hd-menu-04h.png); } #x-hd-menu-05:hover { background-image:url(images/x-hd-menu-05h.png); } #x-hd-menu-06:hover { background-image:url(images/x-hd-menu-06h.png); } #x-hd-menu-07:hover { background-image:url(images/x-hd-menu-07h.png); } #x-hd-menu-08:hover { background-image:url(images/x-hd-menu-08h.png); } /* Left panel formatting -------------------------------------------------- */ #LeftPanel, #LeftPanel p, #LeftPanel a, #LeftPanel ul li, #LeftPanel span { text-align:left; font:normal 12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#969696; } /* left text boxes */ .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:39px; } .x-ln-title-cats { background-image:url(images/x-ln-title-cats.png); } .x-ln-title-news { background-image:url(images/x-ln-title-news.png); } .x-ln-title-srch { background-image:url(images/x-ln-title-srch.png); } .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:17px; } #LeftPanel .x-ln-ins { padding:10px 10px 0; overflow:hidden; } #LeftPanel .x-ln-promo { display:block; margin:0 0 12px; } /* categories list */ #LeftPanel ul.lev1 li { margin:0 2px; padding:2px 0 0; } #LeftPanel ul.lev1 li a, #LeftPanel ul.lev1 li span { background:#EAEAEA url(images/x-ln-lev1.png) 8px 10px no-repeat; font-size:13px; line-height:15px; display:block; margin:0; padding:6px 0 6px 16px; } #LeftPanel ul.lev1 li a:hover { color:#454545; text-decoration:none; } #LeftPanel ul.lev2 { margin-left:10px; padding-bottom:5px; } #LeftPanel ul.lev2 li, #LeftPanel ul.lev3 li { padding:0; } #LeftPanel ul.lev2 li a, #LeftPanel ul.lev2 li span { background:transparent none; font-size:11px; line-height:13px; display:block; margin:0; padding:3px 0 3px 14px; } #LeftPanel ul.lev2 li a:hover { color:#454545; text-decoration: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; line-height:13px; display:block; margin:0; padding:3px 0 3px 14px; } #LeftPanel ul.lev3 li a:hover { color:#454545; text-decoration:none; } /* paypal financing */ #x-ppfin img { width:210px !important; height:370px !important; } /* Homepage formatting -------------------------------------------------- */ /* rotating banner */ #x-hm-bann { width:960px; height:542px; margin:0 auto 12px; overflow:hidden; position:relative; } #x-hm-bann-01 { position:absolute; left:0; top:0; width:709px; height:542px !important; background:transparent url(images/x-hm-bann-01a.jpg) 0 0 no-repeat; } #x-slider { position:relative; width:709px; height:542px; margin:0 auto; padding:0; overflow:hidden; } #x-slider img { border:0 none; } #x-slider li { position:absolute; top:0; left:0; } .caption { opacity:0.8; background:#000; height:33px; padding:5px 0 0; color:#FFF; text-align:center; font:25px/1 Georgia, "Times New Roman", Times, Serif; z-index:200; } .prev-link, .next-link { display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:left top; position:absolute; bottom:10px; z-index:300; } .prev-link { left:10px; background-image:url(images/prev.png ); } .next-link { left:40px; background-image:url(images/next.png ); } .circle { display:block; width:16px; height:16px; background:url(images/circle-empty.png ) 0 0 no-repeat; position:absolute; bottom:10px; z-index:300; } .circle-current { background-image:url(images/circle-full.png ); } #x-hm-bann-02 { position:absolute; left:710px; top:0; width:250px; height:180px; display:block; } #x-hm-bann-03 { position:absolute; left:710px; top:181px; width:250px; height:180px; display:block; } #x-hm-bann-04 { position:absolute; left:710px; top:362px; width:250px; height:180px; display:block; } /* text boxes */ .x-tb-title { background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:39px; } .x-tb-title-feat { background-image:url(images/x-tb-title-feat.png); } .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:17px; } .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 Verdana, Geneva, Sans-serif; color:#454545; } .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:visited, .x-tb-mid a:active, .x-tb-mid a:link { color:#454545; text-decoration:underline; } .x-tb-mid a:hover { color:#CD0002; text-decoration:underline; } /* shop cats boxes */ #x-shop { width:960px; height:60px; background:transparent url(images/x-hm-shop.png) 0 0 no-repeat; position:relative; } #x-shop-01 { position:absolute; left:0px; top:9px; width:169px; height:40px; background:transparent url(images/x-hm-shop-01.png) 0 0 no-repeat; display:block; } #x-shop-02 { position:absolute; left:197px; top:9px; width:169px; height:40px; background:transparent url(images/x-hm-shop-02.png) 0 0 no-repeat; display:block; } #x-shop-03 { position:absolute; left:395px; top:9px; width:169px; height:40px; background:transparent url(images/x-hm-shop-03.png) 0 0 no-repeat; display:block; } #x-shop-04 { position:absolute; left:593px; top:9px; width:169px; height:40px; background:transparent url(images/x-hm-shop-04.png) 0 0 no-repeat; display:block; } #x-shop-05 { position:absolute; left:791px; top:9px; width:169px; height:40px; background:transparent url(images/x-hm-shop-05.png) 0 0 no-repeat; display:block; } #x-shop-01:hover { background-image:url(images/x-hm-shop-01h.png); } #x-shop-02:hover { background-image:url(images/x-hm-shop-02h.png); } #x-shop-03:hover { background-image:url(images/x-hm-shop-03h.png); } #x-shop-04:hover { background-image:url(images/x-hm-shop-04h.png); } #x-shop-05:hover { background-image:url(images/x-hm-shop-05h.png); } /* Homepage auto featured items -------------------------------------------------- */ /* general */ #x-fa-vert { background:transparent url(images/x-fa-divs.png) center top no-repeat; overflow:hidden; } #x-fa .x-showitem { width:205px; height:240px; background:transparent url(images/x-fa-bg.png) 0 0 repeat-x; margin:5px 0 0 36px; padding-top:10px; float:left; } #x-fa .x-first { margin-left:17px; } /* gallery image */ #x-fa table.gallery td.picture div.image img { max-width:138px; width:auto !important; width:138px; border:1px solid #D7D7D7 !important; } /* img 140px x 100px average, border optional */ /* gallery title and text */ #x-fa table.gallery div.ttl a { color:#454545; font:normal 12px/14px Verdana, Geneva, Sans-serif; text-decoration:none; position:relative; z-index:9999; cursor:pointer; } /* title font */ #x-fa table.gallery div.ttl a:link, #x-fa table.gallery div.ttl a:active, #x-fa table.gallery div.ttl a:visited { color:#454545 !important; text-decoration:none !important; } #x-fa table.gallery div.ttl a:hover { color:#CD0002 !important; text-decoration:none !important; } #x-fa table.fixed tr td span.bin, #x-fa div.basics span.bin, #x-fa table.fixed tr td span.bid, #x-fa div.basics span.bid { color:#333 !important; font:bold 13px/36px Arial, Tahoma, Geneva, Sans-serif !important; display:block; float:left; margin:0 15px; } /* price font and location */ /* shop button */ #x-fa table.gallery table.fixed { width:205px; height:36px; background:transparent url(images/x-fa-button.png) right center no-repeat; } /* set height to same as button img */ /* hide bin or bid pricing */ #x-fa div.basics span.bid, #x-fa table.fixed tr td span.bid { display:none; } /* borders and spacing resets */ #x-fa table.gallery td.picture { text-align:center; vertical-align:middle; } /* height auto set inline to 140px */ #x-fa table.gallery td.picture div.image { width:100% !important; margin:0 auto; padding:0; } #x-fa table.gallery div.ttl { height:42px; margin:0; padding:10px 15px 0; position:relative; } /* title text, set height to accommodate up to 3 rows of title text */ #x-fa table.gallery div.ttl a { display:block; height:70px; } /* extend link over buy button */ #x-fa #showcase, #x-fa table.v4stw, #x-fa table.v4shwc td.grItm, #x-fa table.gallery td.picture { margin:0; padding:0; } #x-fa .whiter-rcp .whiter-n, #x-fa .whiter-s, #x-fa table.gallery .mi, #x-fa div.basics div.clr, #x-fa table.gallery div.catItms, #x-fa div.basics div.prices div.amount img, #x-fa div.basics span.label, #x-fa div.subtitle, #x-fa div.anchors div.group, #x-fa img.ii, #x-fa img.iippl, #x-fa table.v4shwc td.bline, #x-fa table.fixed tr td .label, #x-fa table.fixed tr td img, #x-fa table.fixed tr td .time2, #x-fa table.gallery span.disct, #x-fa table.gallery span.disct2, #x-fa table.gallery .oriprs { display:none; } #x-fa .whiter-rcp { border:0 none; } #x-fa table.v4shwc td.lcell { border-right:0 none; } /* Subpages formatting -------------------------------------------------- */ #x-subpage { padding:0 10px 10px; } #x-subpage h1 { text-align:left; font:bold 18px/21px Verdana, Geneva, Sans-serif; color:#454545; background:transparent none; margin:0; padding:0 0 10px; } #x-subpage h5 { text-align:left; font:bold 12px/18px Verdana, Geneva, Sans-serif; color:#CD0002; margin:0; padding:5px 0 10px; } #x-subpage p { text-align:left; padding:0 0 16px; } #x-subpage a { text-decoration:underline; } #x-subpage .x-sizes { display:block; margin:0 0 20px; } /* Template formatting -------------------------------------------------- */ /* adjust left nav */ #x-template ul.lev1 li { height:27px; } #x-template ul.lev2 li, #x-template ul.lev3 li { height:19px; } /* text boxes */ .x-ib-title { background-image:url(images/x-ib-title.png); width:737px; } .x-ib-title-desc { background-image:url(images/x-ib-title-desc.png); width:737px; } .x-ib-top { background-image:url(images/x-ib-top.png); width:737px; } .x-ib-mid { background-image:url(images/x-ib-mid.png); width:737px; } .x-ib-btm { background-image:url(images/x-ib-btm.png); width:737px; } /* image gallery */ #x-tg { width:707px; margin:0 auto 15px; overflow:hidden; } #x-tg-main { width:480px; float:left; } #x-tg-main img { width:480px; } #x-tg-thumbs { float:right; } #x-tg-thumbs, .x-th-title, .x-th-mid, .x-th-btm { width:200px; } #x-tg-thumbs .x-th-title { background:transparent url(images/x-tg-enlarge.png) 0 0 no-repeat; height:30px; } #x-tg-thumbs .x-th-mid { background:transparent none; padding:0 0 12px; overflow:hidden; } #x-tg-thumbs .x-th-mid img { width:90px; border:0 none; margin:8px 8px 0 0; float:left; cursor:pointer; display:block; } #x-tg-thumbs .x-th-mid img.x-hide { display:none; } #x-tg-thumbs .x-cl { clear:both; width:0; height:0; } /* terms tabs */ ul.x-tt { height:43px; background:transparent url(images/x-ib-top.png) 0 38px no-repeat; } ul.x-tt li a img { width:145px; height:38px; display:block; float:left; margin-top:1px; margin-left:3px; } ul.x-tt li a img.first { margin-left:0; } #terms1 { display:block; visibility:visible; } #terms2, #terms3, #terms4, #terms5 { display:none; } /* Footer with links formatting -------------------------------------------------- */ #x-foot { height:84px; 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; color:#656565; letter-spacing:0.04em; } #x-foot a, #x-foot a:visited, #x-foot a:active, #x-foot a:link { color:#656565; text-decoration:none; } #x-foot a:hover { color:#CD0002; text-decoration:none; } #x-foot p.x-links { padding:16px 0 0 10px; } #x-foot p.x-copy { padding:6px 0 0 10px; } #x-ft-news { position:absolute; left:753px; top:18px; width:160px; height:24px; } #x-ft-face { position:absolute; left:753px; top:52px; width:160px; height:24px; }