@charset "utf-8"; /* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by The Wires Zone. */ /* General page formatting -------------------------------------------------- */ body { margin:0 2px !important; padding:0 !important; } .x-bg { background:#EEE url(images/x-bg.jpg) center top scroll repeat; padding:20px 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:0 !important; } .x-content, #x-head, #x-foot { width:960px; position:relative; margin:0 auto; } #x-head-wrap, #x-foot-wrap { width:100%; position:relative; margin:0 auto; } #CentralArea, #x-tmpl, #x-home, #x-main-fcat, #x-feat, .x-tb-title, .x-tb-top, .x-tb-mid, .x-tb-btm, #x-mc-tabs { width:711px; } #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 13px 0 0 !important; float:right; vertical-align:top; } #x-home { padding:0 !important; } #LeftPanel { margin:0 !important; padding:0 0 0 13px !important; float:left; vertical-align:top !important; } #CentralArea .r3, .fpcc span.keywordClass { background-color:#171117; } /* catalog pg background, same as tb bg color */ #CentralArea .r3 .details img, #CentralArea .r3 .fixed img { background-color:#F6F6F6; } #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-bg .x-ctr { text-align:center !important; margin:0 auto !important; max-width:960px !important; } .x-bg * { font-family:Arial, Tahoma, Geneva, Sans-serif; text-decoration:none; } .x-bg, .x-bg p, .x-bg a, .x-bg li, .x-bg table { font-size:12px; color:#EBEBEB; } .x-bg a:link, .x-bg a:visited, .x-bg a:active { color:#EBEBEB; } .x-bg a:hover, .fpcc .countClass { color:#0165B9; } .x-ln-mid, .x-ln-mid p, .x-ln-mid li, .x-tb-mid, .x-tb-mid p, .x-tb-mid li { text-align:left; line-height:18px; } #CentralArea p, #x-tmpl p, #x-home .x-tb-mid ul, #x-tmpl .x-tb-mid ul { padding:0 0 15px; } #CentralArea ul, #x-head ul, #LeftPanel ul, #x-foot ul, #x-tmpl ul { list-style-type:none; } #CentralArea li, #x-tmpl li { background:transparent url(images/x-tb-bull.png) 0 0 no-repeat; padding:0 0 5px 15px; } #x-head-menu li { display:inline; float:left; background:transparent none; padding:0; } .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, .x-tb-mid a:hover { text-decoration:underline; } #x-head *, #x-foot *, #LeftPanel *, #x-home *, #x-tmpl * { text-decoration:none; } .x-content, #x-head-menu, #x-head-srch, .x-ln-mid, .x-ln-ins, .x-tb-mid, .x-tb-ins, .x-tb-title, #x-main-fcat, #x-main-fpro, #x-feat, #x-tg, #x-mc-tabs { overflow:hidden; } #x-head-sbtn, #x-head-menu li, #x-ln-sbtn, #LeftPanel li, #x-mc-tabs img, #x-ln-nbtn, #x-ft-nbtn { cursor:pointer; } #LeftPanel .x-ln-promo, #x-mc-tabs img, #LeftPanel ul li a, #LeftPanel ul li span, #x-main-fcat a, #x-main-fcat a img, #x-feat .x-fp * { display:block; } #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; } #LeftPanel .x-ln-temp, #x-template #LeftPanel .x-ln-home { display:none; } #x-template #LeftPanel .x-ln-temp { display:block; } /* Header formatting -------------------------------------------------- */ #x-head { height:150px; background:transparent url(images/x-head.png) 0 0 no-repeat; } #x-head-logo { position:absolute; left:15px; top:20px; width:360px; height:61px; display:block; background:transparent url(images/x-head-logo.png) 0 0 no-repeat; } /* search box */ #x-head-srch { position:absolute; left:640px; top:93px; width:304px; height:29px; } #x-head-sbox { width:225px; height:29px; line-height:29px; font-size:11px; color:#888; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; } #x-head-sbtn { width:57px; height:29px; float:right; border:0 none; background:transparent none; } /* menu bar links */ #x-head-menu { position:absolute; left:16px; top:85px; width:580px; height:44px; } #x-head-menu li { text-align:center; background:transparent url(images/x-head-mdiv.png) right center no-repeat; padding:0 2px 0 0; } #x-head-menu li.last { background-image:none; padding:0; } #x-head-menu li a { color:#FFF; font:normal 14px/44px Arial, Tahoma, Geneva, Sans-serif; text-shadow:-1px -1px #000; text-transform:uppercase; padding:0 25px; display:block; } #x-head-menu li a:hover { color:#BDE1FF; } /* Left panel formatting -------------------------------------------------- */ /* left text boxes */ .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:40px; } .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; } #LeftPanel .x-ln-promo { margin:0 0 13px; } /* categories menu */ .x-ln-title-cats { background-image:url(images/x-ln-title-cats.png); } #LeftPanel .lev1 li { margin:0 1px; border-top:1px dotted #3F3F3F; } #LeftPanel .lev1 li.first { border-top:0 none; } #LeftPanel .lev1 li a { background:transparent url(images/x-ln-lev1.png) 5px 2px no-repeat; font-size:13px; line-height:16px; text-transform:uppercase; height:32px; padding:5px 10px 5px 60px; } #LeftPanel .lev1 li a#x-cats-01 { background-image:url(images/x-lnav-icon-01.png); } #LeftPanel .lev1 li a#x-cats-02 { background-image:url(images/x-lnav-icon-02.png); } #LeftPanel .lev1 li a#x-cats-03 { background-image:url(images/x-lnav-icon-03.png); } #LeftPanel .lev1 li a#x-cats-04 { background-image:url(images/x-lnav-icon-04.png); } #LeftPanel .lev1 li a#x-cats-05 { background-image:url(images/x-lnav-icon-05.png); } #LeftPanel .lev1 li a#x-cats-06 { background-image:url(images/x-lnav-icon-06.png); } #LeftPanel .lev1 li a#x-cats-07 { background-image:url(images/x-lnav-icon-07.png); } #LeftPanel .lev1 li a#x-cats-08 { background-image:url(images/x-lnav-icon-08.png); } #LeftPanel .lev1 li a#x-cats-09 { background-image:url(images/x-lnav-icon-09.png); } #LeftPanel .lev1 li a#x-cats-10 { background-image:url(images/x-lnav-icon-10.png); } #LeftPanel .lev1 li a#x-cats-11 { background-image:url(images/x-lnav-icon-11.png); } #LeftPanel .lev1 li a#x-cats-12 { background-image:url(images/x-lnav-icon-12.png); } #LeftPanel .lev1 li a#x-cats-13 { background-image:url(images/x-lnav-icon-13.png); } #LeftPanel .lev1 li a#x-cats-14 { background-image:url(images/x-lnav-icon-14.png); } #LeftPanel .lev1 li a:hover { color:#0165B9; } #LeftPanel .lev2, #LeftPanel ul.lev3 { padding:0 0 5px; } #LeftPanel .lev2 li, #LeftPanel .lev3 li { border:0 none; } #LeftPanel .lev2 li a, #LeftPanel .lev2 li span { background:transparent url(images/x-ln-lev2.png) 24px 5px no-repeat; font-size:12px; line-height:14px; text-transform:none; height:auto; padding:4px 10px 4px 36px; } #LeftPanel .lev3 li a, #LeftPanel .lev3 li span { background:transparent url(images/x-ln-lev2.png) 36px 5px no-repeat; font-size:12px; line-height:14px; text-transform:none; height:auto; padding:4px 10px 4px 48px; } #LeftPanel .lev2 li span, #LeftPanel .lev3 li span, #LeftPanel .lev2 li a:hover, #LeftPanel .lev3 li a:hover { color:#0165B9; background-image:url(images/x-ln-lev2h.png); } /* newsletter text box */ .x-ln-title-news { background-image:url(images/x-ln-title-news.png); } #x-ln-news p { color:#888; } #x-ln-nbtn { width:87px; height:27px; 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 -------------------------------------------------- */ /* promo banner */ #x-main-bann { width:711px; height:365px; margin:0 auto 5px; display:block; } /* mini horizontal promo banners */ #x-main-prom { width:711px; height:130px; margin:0 auto 13px; overflow:hidden; position:relative; } #x-main-prom img { top:0; height:130px; display:block; position:absolute; } #x-main-prom img#x-main-prom-01 { left:0; top:0; width:246px; } #x-main-prom img#x-main-prom-02 { left:246px; width:245px; } #x-main-prom img#x-main-prom-03 { left:491px; width:246px; } /* text boxes */ .x-tb-title { background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:41px; } .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; } /* shop cats images */ #x-main-fcat img { width:173px; height:222px; margin:0 0 13px 6px; float:left; } #x-main-fcat img.x-first { margin-left:0; } /* Homepage auto featured items -------------------------------------------------- */ /* general */ .x-tb-title-feat { background-image:url(images/x-tb-title-feat.png); } #x-feat .x-fp { width:168px; height:240px; background:transparent url(images/x-fp-bg.png) center top no-repeat; margin:7px 0 0 8px; padding-top:10px; float:left; } /* gallery image */ #x-feat table.gallery td.picture div.image img { max-width:140px; width:auto !important; height:140px; margin:0 auto; 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:#777; font:normal 12px/14px Arial, Tahoma, Geneva, Sans-serif; font-size:12px !important; line-height:14px !important; 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:#777 !important; text-decoration:none !important; } #x-feat table.gallery div.ttl a:hover { color:#0165B9 !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:#0165B9 !important; font:bold 12px/34px Arial, Tahoma, Geneva, Sans-serif !important; display:block; float:left; margin:0 15px; } /* price font and location */ /* shop button */ #x-feat table.gallery table.fixed { width:168px; height:30px; 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:42px !important; margin:8px 15px 17px; padding: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:80px; } /* extend link over buy button */ #x-feat table.v4shwc td.grItm { width:100%; } #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-feat 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:42px; } #x-template ul.lev2 li, #x-template ul.lev3 li { height:22px; } /* description */ .x-tb-title-desc { background-image:url(images/x-tb-title-desc.png); } #x-template h1 { color:#EEE; text-align:left; font:normal 20px/23px Arial, Tahoma, Geneva, Sans-serif; margin:0; padding:0 0 15px; } #CentralArea h5, #x-tmpl h5 { color:#0165B9; text-align:left; font:bold 13px/18px Arial, Tahoma, Geneva, Sans-serif; margin:0; padding:5px 0 10px; } .x-wb-mid { background-image:url(images/x-wb-mid.png); } .x-wb-btm { background-image:url(images/x-wb-btm.png); } .x-wb-mid, .x-wb-mid p, .x-wb-mid li { color:#333; } .x-wb-mid a, .x-wb-mid a:link, .x-wb-mid a:active, .x-wb-mid a:visited { color:#555; } .x-wb-mid a:hover { color:#0165B9; } #x-dtop { width:681px; margin:0 auto 13px; overflow:hidden; } /* specs table */ #x-sp { float:right; } #x-sp, .x-sp-title, .x-sp-mid, .x-sp-btm { width:238px; } .x-sp-title { background:transparent url(images/x-sp-title.png) 0 0 no-repeat; height:40px; } .x-sp-mid { background:transparent url(images/x-sp-mid.png) 0 0 repeat-y; padding:5px 0 0; } .x-sp-btm { background:transparent url(images/x-sp-btm.png) 0 0 no-repeat; height:18px; } #x-sp table { width:236px; border:0 none; border-collapse:collapse; margin:0 auto; padding:0; cellpadding:0; cellspacing:0; } #x-sp table th, #x-sp table td { color:#333; border-bottom:1px dotted #3D3D3D; padding:5px 10px; text-align:left; font-size:12px; line-height:15px; } #x-sp table th { color:#333; border-right:1px dotted #3D3D3D; font-weight:normal; width:40%; } #x-sp table tr.last th, #x-sp table tr.last td { border-bottom:0 none; } /* image gallery */ #x-tg { float:left; } #x-tg, #x-gm, #x-gt, #x-gt .x-tg-title, #x-gt .x-tg-mid { width:430px; text-align:left; margin:0 auto; overflow:hidden; } #x-gm img { width:414px; border:1px solid #3D3D3D; margin-bottom:12px; } #x-gt .x-tg-title { background:transparent url(images/x-tg-title.png) 0 0 no-repeat; height:30px; } #x-gt .x-tg-mid { overflow:hidden; } #x-gt .x-tg-mid img { width:62px; border:1px solid #3D3D3D; margin:6px 6px 0 0; display:block; float:left; cursor:pointer; } #x-gt .x-tg-mid img.x-hide { display:none; } #x-tg br { clear:both; width:100%; height:0; } /* terms tabs standard */ #x-main-tabs { height:44px; background:transparent url(images/x-tb-top.png) 0 39px no-repeat; } #x-main-tabs a img { width:167px; height:40px; display:block; float:left; margin-left:2px; } #x-main-tabs a img#x-tt01 { margin-left:10px; } #x-main-tb01 { display:block; visibility:visible; } #x-main-tb02, #x-main-tb03, #x-main-tb04 { display:none; } /* --- template description tabs --- */ #x-main-dtab { height:44px; background:transparent url(images/x-wb-top.png) 0 39px no-repeat; } #x-main-dtab a img { width:344px; height:40px; display:block; float:left; margin-left:2px; cursor:pointer; } #x-main-dtab a img#x-main-dtab-01 { margin-left:10px; } #x-main-dtxt-01 { display:block; visibility:visible; } #x-main-dtxt-02 { display:none; } /* template revised version */ #x-temp-rev #x-tm-gall h1 { text-align:center; } #x-temp-rev #x-tg { float:none; } #LeftPanel .lev1 li, #x-temp-rev #LeftPanel .lev1 li { height:auto; } #LeftPanel .lev1 li a, #x-temp-rev #LeftPanel .lev1 li a { padding:7px 10px 7px 20px; background-position:5px 9px; height:auto; } /* Footer with links formatting -------------------------------------------------- */ #x-foot { height:148px; background:transparent url(images/x-foot.png) 0 0 no-repeat; text-align:left; } #x-foot, #x-foot a { font-size:11px; line-height:15px; text-shadow:-1px -1px #000; letter-spacing:0.05em; } #x-foot, #x-foot a, #x-foot a:link, #x-foot a:active, #x-foot a:visited { color:#888; } #x-foot a:hover { color:#BDE1FF; } #x-foot-subm { padding:35px 0 0 25px; } #x-foot-copy { padding:5px 0 0 25px; }