@charset "utf-8"; /* Original design work copyright (c) OCDesignsOnline, All Rights Reserved. Used with permission by calcswap. */ /* 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 { width:960px; background:transparent url(images/x-content.png) left top repeat-y; padding:0 0 10px !important; } #x-template, #x-home, .x-tb-title, .x-tb-top, .x-tb-mid, .x-tb-btm, ul.x-tt { width:960px; } #LeftPanel, .x-ln-title, .x-ln-top, .x-ln-mid, .x-ln-btm { width:210px !important; } #CentralArea, #x-template, #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:#282828; } a:link, .x-bg a:link, a:visited, .x-bg a:visited, a:active, .x-bg a:active { color:#282828; text-decoration:none; } a:hover, .x-bg a:hover { color:#580078; text-decoration:underline; } #x-template h1 { text-align:center; font:normal 22px/22px Arial, Tahoma, Sans-serif; color:#282828; background:transparent none; margin:0; padding:0 0 15px; } #CentralArea h5, #x-template h5 { text-align:left; font:bold 13px/18px Arial, Tahoma, Sans-serif; color:#580078; 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 { width:737px; } #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-template ul.x-tt { list-style-type:none; } #x-hd-menu li, #x-template 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 { overflow:hidden; } #LeftPanel .ttl, #LeftPanel .link, #LeftPanel .all_cats, #LeftPanel .cnt, #LeftPanel .v4acpcont, #x-cat ul.lev1 li br, #x-cat ul.lev2 li br, #x-template .x-fb br { display:none !important; } /* Header formatting -------------------------------------------------- */ #x-head { position:relative; width:960px; height:161px; background:transparent url(images/x-head.png) 0 0 no-repeat; margin:0 auto; } #x-hd-logo { position:absolute; left:0; top:21px; width:396px; height:100px; display:block; } #x-hd-call { position:absolute; left:398px; top:48px; width:158px; height:68px; display:block; } /* top nav links */ #x-hd-tnav { position:absolute; left:403px; top:0; width:552px; height:42px; text-align:center; } #x-hd-tnav, #x-hd-tnav a, #x-hd-tnav a:link, #x-hd-tnav a:active, #x-hd-tnav a:visited { color:#FFF; font:normal 12px/42px Arial, Tahoma, Sans-serif; text-decoration:none; } #x-hd-tnav a { padding:0 6px; } #x-hd-tnav a:hover { color:#B87AD0; text-decoration:none; } /* search box */ #x-hd-srch { position:absolute; left:648px; top:70px; width:306px; height:24px; } #x-hd-sbox { width:205px; height:24px; border:0; background-color:transparent; margin:0; padding:0 5px 0 25px; float:left; font:normal 11px/24px Arial, Tahoma, Sans-serif; color:#666; } #x-hd-sbtn { width:70px; height:24px; float:right; cursor:pointer; } /* menu bar */ #x-hd-menu { position:absolute; left:0; top:121px; width:960px; height:40px; } #x-hd-menu li { text-align:center; background:transparent url(images/x-hd-mdiv.png) right top no-repeat; padding:0 2px 0 0; cursor:pointer; } #x-hd-menu li.last { background-image:none; padding:0; } #x-hd-menu li a { font:normal 12px/40px Arial, Tahoma, Sans-serif; color:#FFF; text-decoration:none; padding:0 20px; display:block; } #x-hd-menu li a:hover { color:#FFF; text-decoration:none; background:transparent url(images/x-hd-mhov.png) 0 0 repeat-x; } /* Left panel formatting -------------------------------------------------- */ #LeftPanel, #LeftPanel p, #LeftPanel a, #LeftPanel ul li, #LeftPanel span { text-align:left; font:normal 13px/18px Arial, Tahoma, Sans-serif; color:#282828; } /* left text boxes */ .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:37px; } .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: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; border-top:1px dotted #D3D3D3; cursor:pointer; } #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) 10px 12px no-repeat; line-height:14px; display:block; margin:0; padding:7px 5px 7px 17px; } #LeftPanel ul.lev1 li a:hover { color:#580078; text-decoration:none; background-image:url(images/x-ln-lev1h.png); } #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 5px 2px 17px; } #LeftPanel ul.lev2 li a:hover { color:#580078; 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; line-height:13px; color:#777; display:block; margin:0; padding:2px 5px 2px 17px; } #LeftPanel ul.lev3 li a:hover { color:#580078; text-decoration:none; background:transparent none; } /* Homepage formatting -------------------------------------------------- */ /* banner - image only */ #x-hm-bann { width:737px; height:350px; margin:0 auto 12px; display:block; } /* text boxes */ .x-tb-title { background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:37px; } .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-gall { background-image:url(images/x-tb-title-gall.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:13px/18px Arial, Tahoma, Sans-serif; color:#282828; } .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 a, .x-tb-mid a:visited, .x-tb-mid a:active, .x-tb-mid a:link { color:#282828; text-decoration:underline; } .x-tb-mid a:hover { color:#580078; text-decoration:underline; } /* inset boxes */ .x-ti-top { background:transparent url(images/x-ti-top.png) 0 0 no-repeat; width:938px; height:14px; margin:0 auto; } .x-ti-mid { background:transparent url(images/x-ti-mid.png) 0 0 repeat-y; width:938px; margin:0 auto; padding:5px 0; overflow:hidden; } .x-ti-btm { background:transparent url(images/x-ti-btm.png) 0 0 no-repeat; width:938px; height:14px; margin:0 auto; } .x-ti-ins { padding:5px 20px 0; overflow:hidden; } /* shop cats boxes */ #x-shop .x-fb, #x-shop .x-fb a { width:164px; height:171px; } #x-shop .x-fb { background:transparent url(images/x-fb-bg.png) 0 0 no-repeat; margin:12px 0 0 12px; float:left; } #x-shop .x-fb a, #x-shop .x-fb a:link, #x-shop .x-fb a:active, #x-shop .x-fb a:visited { color:#FFF; text-decoration:none; text-align:center; font:bold 12px/15px Arial, Tahoma, Sans-serif; display:block; } #x-shop .x-fb a:hover { color:#FFF; text-decoration:none; } #x-shop .x-fb img { width:154px; height:120px; margin:6px auto 18px; display:block; } #x-shop .x-fb2r img { margin-bottom:10px; } /* deals banner */ #x-hm-deal { position:relative; width:960px; height:357px; background:transparent url(images/x-hm-deal.png) 0 0 no-repeat; text-align:left; } #x-hm-deal #x-desc { position:absolute; left:252px; top:20px; width:440px; height:100px; overflow:hidden; } #x-hm-deal #x-desc h1 { font:normal 30px/33px Arial, Geneva, Sans-serif; color:#282828; padding-bottom:8px; } #x-hm-deal #x-desc p { font:normal 13px/17px Arial, Geneva, Sans-serif; color:#282828; padding:0; } #x-hm-deal #x-img { position:absolute; left:24px; top:75px; width:220px; height:240px; text-align:center; } #x-hm-deal #x-img img { max-width:220px !important; width:220px; } #x-hm-deal #x-pric { position:absolute; left:268px; top:133px; width:337px; height:105px; text-align:left; } #x-hm-deal #x-pric p { font:normal 18px/28px Arial, Geneva, Sans-serif; color:#282828; padding:0; } #x-hm-deal #x-pric p .x-red { color:#BB1C01; } #x-hm-deal #x-pric p .x-pur { color:#580078; font-size:28px; font-weight:bold; line-height:42px; } #x-hm-deal #x-pric #x-bbtn { width:129px; height:37px; position:absolute; right:0; bottom:5px; display:block; } #x-hm-deal #x-time { position:absolute; left:268px; top:257px; width:337px; height:60px; text-align:center; } #x-hm-deal #x-time p { font:bold 14px/24px Arial, Geneva, Sans-serif; color:#282828; padding:0; } #x-hm-deal #x-time #cntdwn { font:16px/24px Arial, Geneva, Sans-serif !important; color:#BB1C01 !important; } #x-hm-deal #x-wd-desc { position:absolute; left:716px; top:88px; width:200px; height:32px; overflow:hidden; text-align:center; } #x-hm-deal #x-wd-desc p { font:normal 22px/28px Arial, Geneva, Sans-serif; color:#282828; padding:0; } #x-hm-deal #x-wd-desc p .x-pur { color:#580078; } #x-hm-deal #x-wd-img { position:absolute; left:716px; top:120px; width:200px; height:170px; text-align:center; } #x-hm-deal #x-wd-img img { max-height:130px !important; height:130px; } #x-hm-deal #x-wd-img #x-wd-bbtn { width:85px; height:25px; margin:5px auto 0; display:block; } /* middle promos */ #x-hm-pro1 { position:relative; width:960px; height:120px; } #x-hm-pro1-01 { position:absolute; left:0; top:0; width:313px; height:120px; display:block; } #x-hm-pro1-02 { position:absolute; left:323px; top:0; width:313px; height:120px; display:block; } #x-hm-pro1-03 { position:absolute; left:647px; top:0; width:313px; height:120px; display:block; } /* bottom promos */ #x-hm-pro2 { position:relative; width:960px; height:93px; } #x-hm-pro2-01 { position:absolute; left:0; top:0; width:313px; height:93px; display:block; } #x-hm-pro2-02 { position:absolute; left:323px; top:0; width:313px; height:93px; display:block; } #x-hm-pro2-03 { position:absolute; left:647px; top:0; width:313px; height:93px; display:block; } /* Footer with links formatting -------------------------------------------------- */ #x-bg-foot { position:relative; width:100%; height:126px; background:transparent url(images/x-bg-foot.png) center top repeat-x; margin:0 auto; } #x-foot { position:relative; width:960px; height:126px; background:transparent url(images/x-foot.png) 0 0 no-repeat; margin:0 auto; text-align:left; } #x-foot p, #x-foot a { font:normal 11px/15px Arial, Tahoma, Sans-serif; color:#27242C; letter-spacing:0.05em; } #x-foot a, #x-foot a:visited, #x-foot a:active, #x-foot a:link { color:#27242C; text-decoration:none; } #x-foot a:hover { color:#570076; text-decoration:underline; } #x-foot p.x-links { padding:70px 0 0 10px; } #x-foot p.x-copy { padding:5px 0 0 10px; }