@charset "utf-8"; /* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. */ /* General page formatting -------------------------------------------------- */ body { margin:0 2px !important; padding:0 !important; } .x-bg { background:#F4F4F4 url(images/x-bg.png) center top scroll repeat; 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:1000px; position:relative; margin:0 auto; background:transparent url(images/x-content.png) center top repeat-y; padding:10px 0 !important; } #x-head, #x-foot { width:992px; position:relative; margin:0 auto; } #x-bg-head, #x-bg-foot { width:100%; position:relative; margin:0 auto; } #CentralArea, #x-tmpl, ul.x-tt, .x-tb-title, .x-tb-top, .x-tb-mid, .x-tb-btm { width:769px; } #LeftPanel, .x-ln-title, .x-ln-top, .x-ln-mid, .x-ln-btm { width:218px !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, Geneva, Sans-serif; color:#1C1C3B; } a:link, .x-bg a:link, a:visited, .x-bg a:visited, a:active, .x-bg a:active { color:#1C1C3B; text-decoration:none; } a:hover, .x-bg a:hover { color:#5C2B50; text-decoration:underline; } #x-head *, #x-foot *, #LeftPanel *, #x-home *, #x-tmpl * { text-decoration:none; } #x-template h1 { text-align:left; font:bold 16px/19px Arial, Tahoma, Geneva, Sans-serif; color:#5C2B50; background:transparent none; margin:0; padding:0 0 15px; } #CentralArea h5, #x-tmpl h5 { text-align:left; font:bold 12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#5C2B50; 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:#FAFAFA; } /* 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 .x-ln-promo, #x-mc-tabs img, #LeftPanel ul li a, #LeftPanel ul li span, #x-shop a, #x-shop 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; } #CentralArea .x-cl, #x-template .x-cl { clear:both; } /* Header formatting -------------------------------------------------- */ #x-bg-head { height:170px; background:transparent url(images/x-bg-head.png) center top repeat-x; } #x-head { height:170px; background:transparent none; } #x-hd-logo { position:absolute; left:0px; top:5px; width:218px; height:110px; display:block; } /* connect icons */ #x-hd-mail { position:absolute; left:662px; top:7px; width:330px; height:40px; display:block; } #x-hd-call { position:absolute; left:662px; top:53px; width:330px; height:54px; display:block; } /* social icons */ #x-hd-face { position:absolute; left:628px; top:8px; width:225px; height:51px; display:block; } #x-hd-twit { position:absolute; left:862px; top:8px; width:120px; height:51px; display:block; } /* ebay icon */ #x-hd-ebay { position:absolute; left:330px; top:7px; width:260px; height:108px; background:transparent url(images/x-hd-ebay.png) center top no-repeat; } #x-hd-ebay h1 { text-align:center; font:bold 14px/17px Arial, Tahoma, Sans-serif; color:#21317C; text-shadow:1px 1px #FFF; margin:88px 0 0; padding:0; } /* search box */ #x-head-srch { position:absolute; left:757px; top:123px; width:234px; height:30px; background:transparent url(images/x-hd-srch.png) 0 0 no-repeat; } #x-head-sbox { width:182px; height:30px; line-height:24px; font-size:11px; color:#777; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; } #x-head-sbtn { width:30px; height:30px; float:right; border:0 none; background:transparent none; } /* menu bar */ #x-hd-menu { position:absolute; left:0; top:118px; width:750px; height:43px; } #x-hd-menu li { text-align:center; background:transparent url(images/x-hd-mdiv.png) right top no-repeat; padding:0 2px 0 0; } #x-hd-menu li a, #x-hd-menu li a:link, #x-hd-menu li a:active, #x-hd-menu li a:visited { color:#FFF; font:bold 14px/43px Arial, Tahoma, Geneva, Sans-serif; text-decoration:none; text-shadow:1px 1px #000; padding:0 24px; 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 12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#000; } /* left text boxes */ .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:66px; } .x-ln-top { background:transparent url(images/x-ln-top.png) 0 0 no-repeat; height:15px; } .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:19px; } #LeftPanel .x-ln-ins { padding:10px 14px 0; overflow:hidden; } #LeftPanel .x-ln-promo { display:block; margin:0 0 8px; } /* search box */ .x-ln-title-srch { background-image:url(images/x-ln-title-srch.png); } #x-ln-srch { width:218px; height:71px; background:transparent url(images/x-ln-srch.png) 0 0 no-repeat; overflow:hidden; } #x-ln-srch form { position:relative; left:15px; top:15px; width:180px; height:24px; display:block; } #x-ln-sbox { width:130px; height:24px; border:0 none; background:transparent none; font:11px/24px Arial, Tahoma, Geneva, Sans-serif; color:#888; padding:0 10px; } #x-ln-sbtn { width:26px; height:24px; border:0 none; background:transparent url(images/x-hd-sbtn.png) 0 0 no-repeat; display:block; float:right; } /* categories menu */ .x-ln-title-cats { background-image:url(images/x-ln-title-cats.png); } #LeftPanel .lev1 li { margin:0 1px; padding:4px 0 2px; background:transparent url(images/x-ln-libg.png) center top no-repeat; } #LeftPanel .lev1 li.first { background-image:none; } #LeftPanel .lev1 li a, #LeftPanel .lev1 li span { background:transparent url(images/x-ln-lev1.png) 11px 6px no-repeat; font-weight:bold; line-height:14px; padding:6px 10px 6px 28px; } #LeftPanel .lev1 li span, #LeftPanel .lev1 li a:hover { color:#5C2B50; background-image:url(images/x-ln-lev1h.png); } #LeftPanel .lev2, #LeftPanel ul.lev3 { padding:0 0 5px; } #LeftPanel .lev2 li, #LeftPanel .lev3 li { padding:1px 0; background:transparent none; } #LeftPanel .lev2 li a, #LeftPanel .lev2 li span { background:transparent url(images/x-ln-lev2.png) 28px 2px no-repeat; font-weight:normal; font-size:11px; line-height:13px; padding:2px 10px 2px 40px; } #LeftPanel .lev3 li a, #LeftPanel .lev3 li span { background:transparent url(images/x-ln-lev2.png) 40px 2px no-repeat; font-weight:normal; font-size:11px; line-height:13px; padding:2px 10px 2px 52px; } #LeftPanel .lev2 li span, #LeftPanel .lev3 li span, #LeftPanel .lev2 li a:hover, #LeftPanel .lev3 li a:hover { color:#5C2B50; background-image:url(images/x-ln-lev2h.png); } /* Homepage formatting -------------------------------------------------- */ #x-home { width:992px; margin:0 auto !important; float:none !important; } /* text boxes */ .x-tb-title { background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:40px; } .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-port { background-image:url(images/x-tb-title-port.png); } .x-tb-title-shop { background-image:url(images/x-tb-title-shop.png); } .x-tb-title-srvc { background-image:url(images/x-tb-title-srvc.png); } .x-tb-title-supp { background-image:url(images/x-tb-title-supp.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 Arial, Tahoma, Geneva, Sans-serif; color:#000; } .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:#000; text-decoration:underline; } .x-tb-mid a:hover { color:#5C2B50; text-decoration:underline; } /* inset boxes */ .x-ib-title, .x-ib-top, .x-ib-mid, .x-ib-btm { width:739px; } .x-ib-title { background-image:url(images/x-ib-title.png); height:41px; } .x-ib-top { background-image:url(images/x-ib-top.png); } .x-ib-mid { background-image:url(images/x-ib-mid.png); padding:5px 0 0; } .x-ib-btm { background-image:url(images/x-ib-btm.png); } .x-ib-mid li { margin:0 20px; } /* extended boxes */ .x-eb-title, .x-eb-top, .x-eb-mid, .x-eb-btm { width:992px; } .x-eb-title { background-image:url(images/x-eb-title.png); height:41px; } .x-eb-top { background-image:url(images/x-eb-top.png); } .x-eb-mid { background-image:url(images/x-eb-mid.png); padding:5px 0 0; } .x-eb-btm { background-image:url(images/x-eb-btm.png); } .x-eb-mid .x-tb-ins { padding:5px 15px 0; } /* rotating banner */ #x-hm-bann { width:992px; height:310px; margin:2px auto 21px; } /* packages boxes */ #x-hm-pkgs { width:992px; height:455px; position:relative; } #x-hm-pkgs-01 { position:absolute; left:0; top:0; width:248px; height:455px; background:transparent url(images/x-hm-pkgs-01.png) 0 0 no-repeat; } #x-hm-pkgs-02 { position:absolute; left:248px; top:0; width:248px; height:455px; background:transparent url(images/x-hm-pkgs-02.png) 0 0 no-repeat; } #x-hm-pkgs-03 { position:absolute; left:496px; top:0; width:248px; height:455px; background:transparent url(images/x-hm-pkgs-03.png) 0 0 no-repeat; } #x-hm-pkgs-04 { position:absolute; left:744px; top:0; width:248px; height:455px; background:transparent url(images/x-hm-pkgs-04.png) 0 0 no-repeat; } #x-hm-pkgs h1 { text-align:left; font:normal 16px/19px Arial, Tahoma, Geneva, Sans-serif; color:#FFF; text-shadow:1px 1px #244636; margin:13px 0 0 65px; padding:0; } #x-hm-pkgs p.x-top { text-align:left; font:normal 13px/22px Arial, Tahoma, Geneva, Sans-serif; color:#000; text-shadow:1px 1px #E9E9E9; margin:28px 18px 0; padding:0; } #x-hm-pkgs p.x-btm { text-align:left; font:normal 13px/31px Arial, Tahoma, Geneva, Sans-serif; color:#000; text-shadow:1px 1px #E9E9E9; margin:116px 18px 0 50px; padding:0; } #x-hm-pkgs a { width:248px; height:50px; display:block; margin:10px 0 0; } /* welcome info box */ #x-hm-welc h1 { text-align:left; font:bold 18px/22px Arial, Tahoma, Geneva, Sans-serif; color:#443E79; text-shadow:1px 1px #E9E9E9; padding:0 0 5px; } #x-hm-welc h2 { text-align:left; font:bold 13px/20px Arial, Tahoma, Geneva, Sans-serif; color:#000; text-shadow:1px 1px #E9E9E9; padding:0 0 15px; } img#x-hm-clbt { width:309px; height:287px; display:block; margin:0 0 5px; float:left; } #x-hm-wtxt { width:640px; padding-top:5px; float:right; } #x-hm-welc p, #x-hm-welc li { font-size:13px; line-height:24px; text-shadow:1px 1px #E9E9E9; } #x-hm-welc li { margin:0 20px; background-image:url(images/x-tb-bulw.png); } #x-hm-wbtn { clear:both; text-align:center; } #x-hm-wbtn .x-bt-vopf { width:230px; height:45px; display:inline-block; margin:0 auto; background:transparent url(images/x-bt-vopf.png) 0 0 no-repeat; } #x-hm-wbtn .x-bt-vopf:hover { background-position:0 -45px; } #x-hm-wbtn .x-bt-raqu { width:205px; height:45px; display:inline-block; margin:0 auto; background:transparent url(images/x-bt-raqu.png) 0 0 no-repeat; } #x-hm-wbtn .x-bt-raqu:hover { background-position:0 -45px; } /* bottom promos */ #x-hm-prom { width:992px; height:320px; position:relative; margin:5px 0; } #x-hm-prom-01 { position:absolute; left:0; top:0; width:320px; height:160px; display:block; } #x-hm-prom-02 { position:absolute; left:320px; top:0; width:326px; height:160px; display:block; } #x-hm-prom-03 { position:absolute; left:0; top:160px; width:320px; height:160px; display:block; } #x-hm-prom-04 { position:absolute; left:320px; top:160px; width:326px; height:160px; display:block; } #x-hm-whys-01 { position:absolute; left:646px; top:0; width:346px; height:260px; display:block; } #x-hm-whys-02 { position:absolute; left:646px; top:260px; width:46px; height:60px; display:block; } #x-hm-whys-03 { position:absolute; left:692px; top:260px; width:134px; height:60px; display:block; } #x-hm-whys-04 { position:absolute; left:826px; top:260px; width:134px; height:60px; display:block; } #x-hm-whys-05 { position:absolute; left:960px; top:260px; width:32px; height:60px; display:block; } /* Subpages formatting -------------------------------------------------- */ /* title bars */ #x-subpage h2 { text-align:left; font:bold 16px/36px "Myriad Pro", Arial, Tahoma, Geneva, Sans-serif; color:#31315B; text-shadow:1px 1px #E9E9E9; background:transparent none; margin:0; padding:0 15px; } #x-subpage h3 { text-align:left; font:bold 14px/18px Arial, Tahoma, Geneva, Sans-serif; color:#31315B; text-shadow:1px 1px #E9E9E9; background:transparent none; margin:0; padding:0 0 10px; } #x-subpage h2#x-ti-cont { padding-left:65px; background:transparent url(images/x-ti-cont.png) 8px 3px no-repeat; } #x-subpage h2#x-ti-logo { padding-left:65px; background:transparent url(images/x-ti-logo.png) 5px 3px no-repeat; } #x-subpage h2#x-ti-ebay { padding-left:65px; background:transparent url(images/x-ti-ebay.png) 10px 3px no-repeat; } #x-subpage h2#x-ti-ecom { padding-left:65px; background:transparent url(images/x-ti-ecom.png) 10px 3px no-repeat; } #x-subpage h2#x-ti-soci { padding-left:65px; background:transparent url(images/x-ti-soci.png) 8px 3px no-repeat; } #x-subpage img.x-fr { display:block; float:right; margin:0 0 5px 10px; } #x-subpage img.x-fl { display:block; float:left; margin:0 10px 5px 0; } /* navigation buttons */ #x-subpage .x-bttn { text-align:center; overflow:hidden; margin:0 auto 10px; } #x-subpage .x-bttn a.x-bt { width:106px; height:28px; background:transparent url(images/x-bt.png) 0 0 no-repeat; display:inline-block; margin:0 10px; } #x-subpage .x-bttn a.x-bt-shop { background-image:url(images/x-bt-shop.png); } #x-subpage .x-bttn a.x-bt-view { background-image:url(images/x-bt-view.png); } #x-subpage .x-bttn a.x-bt-buyn { background-image:url(images/x-bt-buyn.png); } #x-subpage .x-bttn a.x-bt:hover { background-position:0 -28px; } /* contact us table */ #x-subpage #x-cont { border:0 none; border-collapse:collapse; margin:0 0 12px; padding:0; cellpadding:0; cellspacing:0; } #x-subpage #x-cont th, #x-subpage #x-cont td { text-align:left; font:12px/16px Arial, Tahoma, Geneva, Sans-serif; color:#000; padding:5px 7px; } #x-subpage #x-cont th { font-weight:bold; color:#5C2B50; } /* portfolio tabs */ #x-subpage ul.x-pf { width:709px; height:40px; list-style-type:none; margin:0 auto; overflow:hidden; } #x-subpage ul.x-pf li { margin:0; padding:0; background:transparent none; } #x-subpage ul.x-pf li a img { width:133px; height:40px; display:block; float:left; margin-left:10px; } #x-subpage ul.x-pf li a img.first { margin-left:0; } #port1 { display:block; visibility:visible; } #port2, #port3, #port4, #port5 { display:none; } /* portfolio thumbs */ #x-port { width:739px; overflow:hidden; } #x-port a { width:237px; height:290px; background:transparent url(images/x-pf-bg.png) 0 0 no-repeat; margin:0 0 6px 6px; float:left; display:block; } #x-port a img { width:197px; height:215px; margin:19px auto 0; display:block; } #x-port a, #x-port a:hover, #x-port a span, #x-port a span:hover { font:bold 12px/15px Arial, Tahoma, Geneva, Sans-serif; color:#1142BD; text-shadow:1px 1px #E9E9E9; text-decoration:none; } #x-port a span { text-align:left; display:block; padding:18px 0 0 20px; } #x-port .x-port-shop { width:739px; height:94px; background:transparent url(images/x-pf-shop.png) 0 0 no-repeat; clear:both; } #x-port .x-port-shop h3 { padding:10px 0 0 130px; color:#FFF; text-shadow:1px 1px #000; } #x-port .x-port-shop a { width:106px; height:28px; background:transparent url(images/x-bt-port.png) 0 0 no-repeat; float:right; margin:40px 15px 0; display:block; } #x-port .x-port-shop a:hover { background-position:0 -28px; } /* Template formatting -------------------------------------------------- */ /* adjust left nav */ #x-template ul.lev1 li { height:26px; } #x-template ul.lev2 li, #x-template ul.lev3 li { height:17px; } /* top banner */ #x-tm-bann { width:1000px; height:257px; background:transparent url(images/x-tm-bann.jpg) 0 0 no-repeat; margin:2px auto 0; position:relative; } #x-tm-bab1 { position:absolute; left:443px; top:198px; width:198px; height:43px; display:block; } #x-tm-bab2 { position:absolute; left:649px; top:198px; width:218px; height:43px; display:block; } /* featured packages */ #x-tm-fpkg { width:769px; height:321px; overflow:hidden; margin:0 auto; } #x-tm-fpkg .x-fpkg { width:180px; height:321px; float:left; background:transparent url(images/x-tm-fpkg-bg.png) 0 0 no-repeat; margin:0 0 0 15px; position:relative; } #x-tm-fpkg .x-first { margin-left:0; } #x-tm-fpkg .x-fpkg h1 { text-align:center; color:#000; font:bold 14px/18px Arial, Tahoma, Geneva, Sans-serif; padding:3px 8px 4px; } #x-tm-fpkg .x-fpkg .x-thmb { width:160px; height:120px; margin:0 auto; border:0 none; } #x-tm-fpkg .x-fpkg ul { list-style-type:none; margin:0 14px; padding:0; } #x-tm-fpkg .x-fpkg ul li { color:#000; font:normal 12px/16px Arial, Tahoma, Geneva, Sans-serif; text-align:left; margin:0; padding:2px 0 10px 20px; background:transparent url(images/x-chck.png) 0 0 no-repeat; } #x-tm-fpkg .x-fpkg img.x-more { position:absolute; left:0; top:256px; width:181px; height:49px; display:block; } /* title bars */ #x-template .x-tb-title-white { width:769px; height:42px; background-image:url(images/x-tb-title-white.png); } #x-template .x-tb-title-white h1 { color:#0D2D6B; font:bold 18px/42px Arial, Tahoma, Geneva, Sans-serif; text-align:left; margin:0; padding:0 15px; } /* portfolio marquee scroller */ #x-template #x-tm-port .x-marq { position:relative; left:15px; top:10px; width:739px; height:70px; margin:0 0 5px; overflow:hidden; } #x-template #x-tm-port .x-marq img { width:168px; height:50px; } /* actual image height and width */ /* terms tabs */ ul.x-tt { height:40px; background:transparent url(images/x-tb-top.png) 0 35px no-repeat; } ul.x-tt li a img { width:174px; height:36px; display:block; float:left; margin-left:2px; } ul.x-tt li a img.first { margin-left:10px; } #terms1 { display:block; visibility:visible; } #terms2, #terms3, #terms4, #terms5, #terms6, #terms7, #terms8 { display:none; } /* Footer extended formatting -------------------------------------------------- */ #x-bg-foot { height:460px; background:transparent url(images/x-bg-foot.png) center top repeat-x; } #x-foot { height:460px; background:transparent url(images/x-foot.png) 0 0 no-repeat; text-align:left; } #x-ft-col1 { position:absolute; left:10px; top:156px; width:235px; height:240px; } #x-ft-col2 { position:absolute; left:245px; top:156px; width:195px; height:240px; } #x-ft-col3 { position:absolute; left:440px; top:156px; width:232px; height:240px; } #x-ft-col4 { position:absolute; left:672px; top:156px; width:310px; height:240px; } #x-foot .x-ft-ins { padding:10px 15px 0; } #x-foot p, #x-foot ul { margin:0; padding:0 0 5px; } #x-foot p, #x-foot a, #x-foot ul, #x-foot ul li { font:normal 11px/22px Arial, Tahoma, Geneva, Sans-serif; color:#CCC; text-shadow:1px 1px #000; } #x-foot ul li { background:transparent url(images/x-ft-bull.png) 0 9px no-repeat; padding:0 0 0 15px; } #x-foot a, #x-foot a:link, #x-foot a:active, #x-foot a:visited { color:#CCC; text-decoration:none; } #x-foot a:hover { color:#1096C8; text-decoration:none; } #x-foot .x-bl { color:#1096C8; } /* foot social links */ #x-foot ul li.x-ft-fb { background:transparent url(images/x-ft-icon-fb.png) left center no-repeat; padding:0 0 5px 25px; } #x-foot ul li.x-ft-tw { background:transparent url(images/x-ft-icon-tw.png) left center no-repeat; padding:0 0 5px 25px; } #x-foot ul li.x-ft-yt { background:transparent url(images/x-ft-icon-yt.png) left center no-repeat; padding:0 0 5px 25px; } #x-foot ul li.x-ft-bl { background:transparent url(images/x-ft-icon-bl.png) left center no-repeat; padding:0 0 5px 25px; } /* foot portfolio */ #x-ft-port { width:270px; height:116px; display:block; margin:0 auto; } /* foot mailing list */ #x-ft-nbox { width:163px; height:24px; background:transparent url(images/x-ft-nbox.png) 0 0 no-repeat; border:0 none; margin:0; padding:0 5px; float:left; font:normal 11px/24px Arial, Tahoma, Geneva, Sans-serif; color:#999; } #x-ft-nbtn { width:84px; height:22px; margin:5px 0 0; float:right; } /* foot bottom links & copyright */ #x-ft-copy { position:absolute; left:20px; top:419px; width:952px; height:20px; text-align:center; } #x-ft-copy p, #x-ft-copy a { line-height:20px; } #x-ft-copy p, #x-ft-copy a, #x-ft-copy a:link, #x-ft-copy a:active, #x-ft-copy a:visited { color:#51516B; text-decoration:none; } #x-ft-copy p a:hover { color:#CCC; text-decoration:none; } /* foot icons */ #x-ft-icon { position:absolute; left:0; top:20px; width:992px; height:70px; text-align:center; } #x-ft-icon img { display:inline-block; margin:0 5px; vertical-align:middle; }