@charset "utf-8"; /* Original design work copyright (c) OCDesignsOnline, All Rights Reserved. Used with permission by Austin Bazaar. */ /* General page formatting -------------------------------------------------- */ body { margin:0 2px !important; padding:0 !important; } .x-bg { background:#FFF url(images/x-bg.jpg) center top scroll no-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:960px; background:transparent none; padding:0 0 10px !important; } #CentralArea, #x-template, #x-home, .x-tb-title, .x-tb-top, .x-tb-mid, .x-tb-btm { width:717px; } #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 10px 0 0 !important; float:right; vertical-align:top; } #x-home { padding:0 !important; } #LeftPanel { margin:0 !important; padding:0 0 0 10px !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:#474747; } a:link, .x-bg a:link, a:visited, .x-bg a:visited, a:active, .x-bg a:active { color:#474747; text-decoration:none; } a:hover, .x-bg a:hover { color:#4A0611; text-decoration:underline; } #x-template h1 { text-align:left; font:normal 20px/19px Arial, Tahoma, Geneva, Sans-serif; color:#474747; background:transparent none; margin:0; padding:5px 0 15px; } #CentralArea h5, #x-template h5 { text-align:left; font:bold 12px/16px Arial, Tahoma, Geneva, Sans-serif; color:#4A0611; margin:0; padding:8px 0; } #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:#F4F4F4; } /* 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:257px; background:transparent url(images/x-head.png) 0 0 no-repeat; margin:0 auto; } #x-hd-logo { position:absolute; left:0; top:10px; width:160px; height:130px; display:block; } #x-hd-tagl { position:absolute; left:541px; top:22px; width:422px; height:25px; display:block; } #x-hd-ship { position:absolute; left:29px; top:233px; width:343px; height:20px; display:block; } #x-hd-call { position:absolute; left:530px; top:111px; width:199px; height:43px; background:transparent url(images/x-hd-call.png) 0 0 no-repeat; text-align:right; } #x-hd-call p { font:bold 20px/43px Arial, Tahoma, Geneva, Sans-serif; color:#FCF7F7; padding:0 20px; } #x-hd-menu { position:absolute; left:0; top:175px; width:960px; height:42px; text-align:center; } #x-hd-menu a { font:bold 12px/42px Arial, Tahoma, Geneva, Sans-serif; color:#FCF7F7; text-decoration:none; letter-spacing:0.04em; padding:0 25px; } #x-hd-menu a:hover { color:#8D0E21; text-decoration:none; background:transparent url(images/x-hd-mhov.png) 0 0 repeat-x; } #x-hd-srch { position:absolute; left:798px; top:232px; width:146px; height:19px; } #x-hd-srch #x-hd-sbox { width:110px; height:19px; border:0; background-color:transparent; margin:0; padding:0 5px; float:left; font:normal 11px/24px Arial, Tahoma, Geneva, Sans-serif; color:#5E5E5E; } #x-hd-srch #x-hd-sbtn { width:24px; height:19px; float:right; cursor:pointer; } #x-marq { width:934px; height:74px; background:transparent url(images/x-marq-bg.jpg) 0 0 no-repeat; margin:8px auto 0; } .slidewindow { position:relative; left:10px; top:9px; width:914px; height:60px; overflow:hidden; } /* use positioning rather than margins or paddings */ .slidewindow img { width:132px; height:60px; } /* actual image height and width */ /* Left panel formatting -------------------------------------------------- */ #LeftPanel, #LeftPanel p, #LeftPanel a, #LeftPanel ul li, #LeftPanel span { text-align:left; font:normal 12px/16px Arial, Tahoma, Geneva, Sans-serif; color:#474747; } .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:35px; } .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-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:5px 10px 0; overflow:hidden; } #LeftPanel .x-ln-promo { display:block; margin:0 0 12px; } #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; } #LeftPanel ul.lev1 li { padding-top:3px; background:transparent url(images/x-ln-libg.png) center top no-repeat; cursor:pointer; } #LeftPanel ul.lev1 li.first { padding-top:0; background:transparent none; } #LeftPanel ul.lev1 li a, #LeftPanel ul.lev1 li span { background:transparent url(images/x-ln-lev1.png) 12px 9px no-repeat; line-height:14px; display:block; margin:0; padding:6px 10px 6px 25px; } #LeftPanel ul.lev1 li a:hover { color:#8D0E21; 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 { padding-top:0; background:transparent 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 10px 2px 25px; } #LeftPanel ul.lev2 li a:hover { color:#8D0E21; 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; display:block; margin:0; padding:2px 10px 2px 25px; } #LeftPanel ul.lev3 li a:hover { color:#8D0E21; text-decoration:none; background:transparent none; } #x-ln-news #x-signup { width:90px; height:24px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:0 0 5px; display:block; float:right; cursor:pointer; } #x-ln-news #x-signup:hover { background-position:left bottom; } #x-ln-brnd { width:210px; height:80px; background:transparent url(images/x-ln-brands.png) 0 0 no-repeat; overflow:hidden; text-align:center;} #x-ln-brnd .x-ln-ins { padding:20px 10px 0; } #x-ln-brnd .x-ln-drop { width:182px; background-color:#F4F4F4; border:1px solid #36030C; margin:0 auto; padding:3px; font:normal 12px/16px Arial, Tahoma, Geneva, Sans-serif; color:#474747; } /* Homepage formatting -------------------------------------------------- */ .x-tb-title { background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:36px; } .x-tb-title-desc { background-image:url(images/x-tb-title-desc.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: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:0 15px 0; } .x-tb-mid, .x-tb-mid p, .x-tb-mid a, .x-tb-mid li { text-align:left; font:12px/16px Arial, Tahoma, Geneva, Sans-serif; color:#474747; } .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:#474747; text-decoration:underline; } .x-tb-mid a:hover { color:#4A0611; text-decoration:underline; } #x-hm-bann { width:717px; height:375px; margin:0 0 12px; } #x-slider { position:relative; width:717px; height:375px; 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-prom { width:717px; height:42px; display:block; } #x-shop { overflow:hidden; } #x-shop img { width:234px; height:200px; margin:0 7px 7px 0; float:left; display:block; } #x-shop img.last { margin-right:0; } /* Footer with links formatting -------------------------------------------------- */ #x-bg-foot { position:relative; width:100%; height:118px; background:transparent url(images/x-bg-foot.jpg) center top no-repeat; margin:0 auto; } #x-foot { position:relative; width:960px; height:118px; margin:0 auto; text-align:left; } #x-foot p, #x-foot a { font:normal 11px/15px Arial, Tahoma, Geneva, Sans-serif; color:#FCF7F7; letter-spacing:0.04em; } #x-foot a, #x-foot a:visited, #x-foot a:active, #x-foot a:link { color:#FCF7F7; text-decoration:none; } #x-foot a:hover { color:#8D0E21; text-decoration:none; } #x-foot p.x-links { padding:20px 0 0 20px; } #x-foot p.x-copy { padding:25px 0 0 20px; }