@charset "utf-8"; /* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by The Jellie Bean Guru Candy Store. */ /* General page formatting -------------------------------------------------- */ body { margin:0 2px !important; padding:0 !important; } .x-bg { background:#FFF url(images/x-bg.jpg) center top scroll repeat-x; padding: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; } #CentralArea, #x-tmpl, #x-home, #x-shop, #x-fa, .x-tb-title, .x-tb-top, .x-tb-mid, .x-tb-btm, ul.x-tt { width:721px; } #LeftPanel, .x-ln-title, .x-ln-top, .x-ln-mid, .x-ln-btm { width:226px !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 Arial, Tahoma, Sans-serif; color:#424242; } a:link, .x-bg a:link, a:visited, .x-bg a:visited, a:active, .x-bg a:active { color:#424242; text-decoration:none; } a:hover, .x-bg a:hover { color:#BE2E93; text-decoration:underline; } #x-template h1 { text-align:center; font:normal 18px/21px Arial, Tahoma, Sans-serif; color:#BE2E93; background:transparent none; margin:0; padding:0 0 15px; } #CentralArea h5, #x-tmpl h5 { text-align:left; font:bold 13px/18px Arial, Tahoma, Sans-serif; color:#BE2E93; 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:260px; background:transparent url(images/x-head.png) 0 0 no-repeat; } #x-hd-logo { position:absolute; left:304px; top:0; width:350px; height:200px; display:block; } /* search box */ #x-hd-srch { position:absolute; left:736px; top:21px; width:208px; height:30px; } #x-hd-sbox { width:170px; height:30px; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; font:normal 11px/30px Arial, Tahoma, Sans-serif; color:#333; } #x-hd-sbtn { width:26px; height:30px; float:right; } /* menu bar */ #x-hd-menu { position:absolute; left:0; top:224px; width:960px; height:24px; text-align:center; } #x-hd-menu a { font:bold 16px/24px Arial, Tahoma, Sans-serif; text-transform:uppercase; padding:0 18px; display:inline-block; } #x-hd-menu a, #x-hd-menu a:link, #x-hd-menu a:active, #x-hd-menu a:visited { color:#5CB7D9; font-weight:bold; text-decoration:none; } #x-hd-menu a:hover { color:#DF65BA; font-weight:bold; text-decoration:none; } #x-hd-menu span.x-hd-mdiv { width:12px; height:24px; background:transparent url(images/x-hd-mdiv.png) 0 0 no-repeat; display:inline-block; } /* 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:#424242; } /* left text boxes */ .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:52px; } .x-ln-title-brnd { background-image:url(images/x-ln-title-brnd.png); } .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:20px; } #LeftPanel .x-ln-ins { padding:10px 20px 0; overflow:hidden; } #LeftPanel .x-ln-promo { display:block; margin:0 0 12px; } /* categories list */ #LeftPanel ul.lev1 li { margin:0 18px; border-top:1px dotted #BAD9E4; } #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) 5px 10px no-repeat; line-height:14px; display:block; margin:0; padding:6px 0 6px 18px; } #LeftPanel ul.lev1 li a:hover { color:#BE2E93; text-decoration:none; } #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; line-height:13px; display:block; margin:0; padding:2px 0 2px 18px; } #LeftPanel ul.lev2 li a:hover { color:#BE2E93; 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:2px 0 2px 18px; } #LeftPanel ul.lev3 li a:hover { color:#BE2E93; text-decoration:none; } /* newsletter text box */ #x-ln-nbtn { width:97px; height:32px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:0 0 5px; display:block; float:right; } #LeftPanel p.x-ckbx { margin:10px 0; overflow:hidden; } #LeftPanel p.x-ckbx:not(#foo) { overflow:hidden !important; } #LeftPanel p.x-ckbx:not(#foo) > input { width:16px; height:16px; position:absolute; left:0; opacity:0; float:left; } #LeftPanel p.x-ckbx > label { font-size:11px; line-height:16px; padding-left:5px; } #LeftPanel p.x-ckbx:not(#foo) > label { float:left; padding-left:20px; } #LeftPanel p.x-ckbx:not(#foo) > input + label { background:transparent url(images/x-ckbx.png) 0 0 no-repeat; height:16px; } #LeftPanel p.x-ckbx:not(#foo) > input[type=checkbox]:checked + label { background-position:0 -16px; } /* Homepage formatting -------------------------------------------------- */ /* welcome banner */ #x-hm-bann { width:960px; height:322px; position:relative; background:transparent url(images/x-hm-bann.png) 0 0 no-repeat; margin:10px auto 0; display:none; } #x-hm-bann p { color:#333; text-align:left; padding:88px 550px 0 50px; } #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:#333; text-decoration:underline; } #x-hm-bann p a:hover { color:#DF232C; text-decoration:underline; } #x-hm-bann a#x-hm-bbtn { position:absolute; left:44px; top:232px; width:141px; height:54px; 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:52px; } .x-tb-title-desc { background-image:url(images/x-tb-title-desc.png); } .x-tb-title-feat { background-image:url(images/x-tb-title-feat.png); } .x-tb-title-shop { background-image:url(images/x-tb-title-shop.png); } .x-tb-top { background:transparent url(images/x-tb-top.png) 0 0 no-repeat; height:20px; } .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:20px; } .x-tb-ins { padding:5px 20px 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:#424242; } .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:#424242; text-decoration:underline; } .x-tb-mid a:hover { color:#BE2E93; text-decoration:underline; } /* shop cats boxes */ #x-shop .x-fb, #x-shop .x-fb a { width:179px; height:214px; } #x-shop .x-fb { background:transparent url(images/x-fb-bg.png) 0 0 no-repeat; margin:0 0 1px 1px; float:left; } #x-shop .x-fb:hover { background-image:url(images/x-fb-bh.png); } #x-shop .x-fb a, #x-shop .x-fb a:link, #x-shop .x-fb a:active, #x-shop .x-fb a:visited { color:#C75AA6; text-decoration:none; text-align:center; font:bold 14px/15px Arial, Tahoma, Sans-serif; text-transform:uppercase; display:block; } #x-shop .x-fb a:hover { color:#C75AA6; text-decoration:none; } #x-shop .x-fb img { width:153px; height:145px; margin:16px auto 16px; display:block; } /* Homepage auto featured items -------------------------------------------------- */ /* general */ #x-fa { padding-left:3px; } #x-fa .x-showitem { width:168px; height:240px; background:transparent url(images/x-fa-bg.png) center top no-repeat; margin:7px 0 0; padding:11px 5px 0; float:left; border-left:1px dotted #BAD9E4; } #x-fa .x-first { border-left:0 none; } /* gallery image */ #x-fa table.gallery td.picture div.image img { max-width:138px; width:auto !important; width:138px; border:0 none !important; } /* img 140px x 100px average, border optional */ #x-fa table.gallery td.picture div.image img.sale { width:auto; height:auto; } /* optional floating sale icon */ /* gallery title and text */ #x-fa table.gallery div.ttl a { color:#424242; font:normal 11px/12px Arial, Tahoma, 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:#424242 !important; text-decoration:none !important; } #x-fa table.gallery div.ttl a:hover { color:#5CB7D9 !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:#BE2E93 !important; font:bold 14px/28px 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:168px; height:28px; 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, #x-fa table.gallery .ship { display:none; } #x-fa .whiter-rcp { border:0 none; } #x-fa table.v4shwc td.lcell { border-right:0 none; } /* Template formatting -------------------------------------------------- */ /* adjust left nav */ #x-template ul.lev1 li { height:26px; } #x-template ul.lev2 li, #x-template ul.lev3 li { height:17px; } /* image gallery */ #x-tg { margin:0 auto 20px; } #x-tg, #x-tg-thumbs { width:500px; overflow:hidden; text-align:center; } #x-tg-main img { width:400px; border:1px solid #BAD9E4; padding:5px; margin-bottom:12px; } #x-tg-enlarge { width:400px; height:30px; background:transparent url(images/x-tg-enlarge.png) 0 0 no-repeat; margin:0 auto; } #x-tg-thumbs { background:transparent url(images/x-tg-bg.png) 0 0 no-repeat; } #x-tg-thumbs img { width:60px; margin:5px 4px 0; display:inline-block; cursor:pointer; } #x-dtop { width:681px; margin:0 auto 10px; overflow:hidden; } /* price box */ #x-price { float:right; } #x-price, .x-pr-top, .x-pr-mid, .x-pr-btm { width:211px; } .x-pr-top { background:transparent url(images/x-pr-top.png) 0 0 no-repeat; height:13px; } .x-pr-mid { background:transparent url(images/x-pr-mid.png) 0 0 repeat-y; padding:10px 0; } .x-pr-btm { background:transparent url(images/x-pr-btm.png) 0 0 no-repeat; height:13px; } #x-pr-table { width:200px; border:0 none; border-collapse:collapse; margin:0 auto; padding:0; cellpadding:0; cellspacing:0; } #x-pr-table th, #x-pr-table td { border-bottom:1px dotted #BAD9E4; padding:9px 12px; text-align:left; font:normal 18px/21px Arial, Tahoma, Geneva, Sans-serif; } #x-pr-table th { color:#424242; } #x-pr-table td.x-pr-ret { color:#5CB7D9; text-align:right; } #x-pr-table td.x-pr-our { color:#268112; text-align:right; } #x-pr-table td.x-pr-sav { color:#BE2E93; text-align:right; } #x-pr-table tr.last th, #x-pr-table tr.last td { border-bottom:0 none; } /* specs table */ #x-specs { float:left; } #x-specs, .x-sp-title, .x-sp-mid, .x-sp-btm { width:462px; } .x-sp-title { background:transparent url(images/x-sp-title.png) 0 0 no-repeat; height:50px; } .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:13px; } #x-sp-table { width:450px; border:0 none; border-collapse:collapse; margin:0 auto; padding:0; cellpadding:0; cellspacing:0; } #x-sp-table th, #x-sp-table td { border-bottom:1px dotted #BAD9E4; padding:7px 12px; text-align:left; font:normal 12px/15px Arial, Tahoma, Geneva, Sans-serif; } #x-sp-table th { border-right:1px dotted #BAD9E4; color:#BE2E93; } #x-sp-table td { color:#424242; } #x-sp-table tr.last th, #x-sp-table tr.last td { border-bottom:0 none; } /* terms tabs */ ul.x-tt { height:52px; background:transparent url(images/x-tt-bg.png) 0 0 no-repeat; } ul.x-tt li a img { width:112px; height:40px; display:block; float:left; margin:6px 0 0 3px; } ul.x-tt li a img.first { margin-left:17px; } #terms1 { display:block; visibility:visible; } #terms2, #terms3, #terms4, #terms5, #terms6 { display:none; } /* Footer with links formatting -------------------------------------------------- */ #x-bg-foot { height:250px; background:transparent url(images/x-bg-foot.jpg) center top repeat-x; } #x-foot { height:250px; background:transparent url(images/x-foot.png) 0 0 no-repeat; text-align:center; } #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:#FFF; text-decoration:none; } #x-foot a:hover { color:#84CEE8; text-decoration:none; } #x-foot p.x-links { padding:200px 0 0; } #x-foot p.x-copy { padding:5px 0 0; } /* social icons */ #x-ft-soci { position:absolute; left:11px; top:71px; width:198px; height:35px; text-align:right; overflow:hidden; } #x-ft-soci p { font:bold 11px/35px Arial, Tahoma, Sans-serif; color:#FFF; margin:0; padding:0; } #x-ft-soci img { width:35px; height:35px; float:right; margin-left:5px; display:block; }