@charset "utf-8";

/* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by Shoe Box City. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:#3A33AC 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) center top repeat-y; padding:10px 0 !important; }
#CentralArea, #x-tmpl, #x-home,
.x-tb-title, .x-tb-top, .x-tb-mid, 
.x-tb-btm, ul.x-tt			 { width:737px; }
.x-tb-tsm, .x-tb-msm, .x-tb-bsm	 { width:514px; }
#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 !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:#333; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#333; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#3A269F; text-decoration:underline; }
#x-template h1			{ text-align:left; font:normal 18px/21px Arial, Tahoma, Geneva, Sans-serif; color:#3A269F; background:transparent none; margin:0; padding:10px 15px; }
#CentralArea h5, #x-tmpl h5		{ text-align:left; font:bold 13px/18px Arial, Tahoma, Geneva, Sans-serif; color:#3A269F; text-transform:uppercase; 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		{ 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				{ position:relative; width:960px; height:168px; background:transparent url(images/x-head.png) 0 0 no-repeat; margin:0 auto; }
#x-hd-logo			{ position:absolute; left:2px; top:22px; width:319px; height:84px; display:block; }
#x-hd-ship			{ position:absolute; left:763px; top:79px; width:193px; height:34px; display:block; }

/* search box */
#x-hd-srch			{ position:absolute; left:675px; top:128px; width:277px; height:25px; background:transparent url(images/x-hd-sbox.png) 0 0 no-repeat; }
#x-hd-sbox			{ width:240px; height:25px; border:0 none; background-color:transparent; margin:0; padding:0 5px; float:left; font:normal 11px/24px Arial, Tahoma, Geneva, Sans-serif; color:#888; }
#x-hd-sbtn			{ width:16px; height:25px; float:right; }

/* menu bar */
#x-hd-menu			{ position:absolute; left:1px; top:122px; width:540px; height:37px; }
#x-hd-menu li			{ text-align:center; background:transparent url(images/x-hd-mdiv.png) right center no-repeat; padding:0 1px 0 0; }
#x-hd-menu li.last			{ background-image:none; padding:0; }
#x-hd-menu li a			{ font:normal 13px/37px Arial, Tahoma, Geneva, Sans-serif; color:#3F3F3F; text-decoration:none; text-transform:uppercase; padding:0 20px; display:block; }
#x-hd-menu li a:hover		{ color:#4E48B2; text-decoration:none; background:transparent url(images/x-hd-mhov.png) 0 0 repeat-x; }

/* rotating banner */
#x-hm-bann			{ width:960px; height:423px; margin:0 auto; position:relative; display:none; }
#x-slider				{ position:relative; width:960px; height:423px; 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 ); }



/* 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:#FFF; }

/* left text boxes */
.x-ln-title				{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:36px; }
.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:10px 10px 0; overflow:hidden; }
#LeftPanel .x-ln-promo		{ display:block; }

/* categories list */
#LeftPanel ul.lev1 li				{ margin:0 10px; border-top:1px solid #331E82; }
#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 9px no-repeat; line-height:14px; display:block; margin:0; padding:7px 0 7px 18px; }
#LeftPanel ul.lev1 li a:hover			{ color:#FFF; text-decoration:none; background-color:#331E82; }
#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 url(images/x-ln-lev2.png) 5px 6px no-repeat; font-size:11px; line-height:13px; display:block; margin:0; padding:2px 5px 2px 18px; }
#LeftPanel ul.lev2 li a:hover			{ color:#8C85FF; 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 url(images/x-ln-lev2.png) 5px 6px no-repeat; font-size:11px; line-height:13px; display:block; margin:0; padding:2px 5px 2px 18px; }
#LeftPanel ul.lev3 li a:hover			{ color:#8C85FF; text-decoration:none; background:transparent none; }

/* newsletter text box */
#x-ln-nbtn				{ width:90px; height:25px; 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
-------------------------------------------------- */
/* text boxes */
.x-tb-title				{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:36px; }
.x-tb-tsm				{ background:#FFF none; border-top:5px solid #918AFF; height:auto; }
.x-tb-title-desc			{ background-image:url(images/x-tb-title-desc.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:#333; }
.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:#333; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#3A269F; text-decoration:underline; }

/* shop cats images */
#x-shop				{ padding:1px 0; }
#x-shop img			{ width:239px; height:203px; margin: 0 0 10px 10px; float:left; display:block; }
#x-shop img.x-first			{ margin-left:0; }


/* Homepage auto featured items
-------------------------------------------------- */
/* general */
#x-fa .x-showitem				{ width:169px; height:240px; background:transparent url(images/x-fa-bg.png) 0 0 repeat-x; margin:5px 0 0 12px; padding-top:10px; float:left; } /* if tb is 737px wide */
#x-fa .x-showitem				{ width:169px; height:240px; background:transparent url(images/x-fa-bg.png) 0 0 repeat-x; margin:5px 0 0 8px; padding-top:10px; float:left; } /* if tb is 737px wide */

/* gallery image */
#x-fa table.gallery td.picture div.image img	{ max-width:138px; width:auto !important; width:138px; border:1px solid #4E48B2 !important; } /* img 140px x 100px average, border optional */

/* gallery title and text */
#x-fa table.gallery div.ttl a			{ color:#FFF; font:normal 11px/12px Arial, Tahoma, Geneva, 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:#FFF !important; text-decoration:none !important; }
#x-fa table.gallery div.ttl a:hover		{ color:#5BE1FE !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:#5BE1FE !important; font:bold 14px/24px 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:95%; height:24px; 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 div.prices span.disct, 
#x-fa table.gallery span.disct2, 
#x-fa table.gallery .oriprs			{ 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:28px; }

#x-dtop				{ width:737px; margin:0 auto; overflow:hidden; }

/* specs table */
#x-specs				{ float:right; }
#x-specs, .x-sp-title, 
.x-sp-mid, .x-sp-btm		{ width:210px; }
.x-sp-title				{ background:transparent url(images/x-sp-title.png) 0 0 no-repeat; height:36px; }
.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:17px; }
#x-sp-table			{ width:100%; border:0 none; border-collapse:collapse; margin:0; padding:0; cellpadding:0; cellspacing:0; }
#x-sp-table th,
#x-sp-table td			{ border-bottom:1px solid #331E82; padding:5px 10px; text-align:left; font:normal 12px/15px Arial, Tahoma, Geneva, Sans-serif; }
#x-sp-table th			{ border-right:1px solid #331E82; color:#9D97FF; }
#x-sp-table td			{ color:#FFF; }
#x-sp-table tr.last th, 
#x-sp-table tr.last td		{ border-bottom:0 none; }

/* image gallery */
#x-tg				{ width:500px; margin:0 auto 15px; padding:0; overflow:hidden; }
#x-tg-main			{ width:380px; float:left; text-align:center; }
#x-tg-main img			{ width:370px; border:5px solid #703AB3; margin:0 auto; }
#x-tg-thumbs			{ width:77px; float:right; text-align:center !important; }
#x-tg-enlarge			{ width:77px; height:22px; background:transparent url(images/x-tg-enlarge.png) 0 0 no-repeat; }
#x-tg-thumbs img			{ width:77px; margin:5px auto 0; display:block; }

/* terms tabs */
ul.x-tt				{ height:40px; background:transparent url(images/x-tb-title.png) 0 36px no-repeat; }
ul.x-tt li a img			{ width:173px; height:36px; display:block; float:left; margin-left:1px; }
ul.x-tt li a img.first			{ margin-left:10px; }
#terms1				{ display:block; visibility:visible; }
#terms2, #terms3, #terms4		{ display:none; }
#x-clar li				{ border-bottom:1px dotted #29303A; margin:10px 0; }



/* Footer with links formatting
-------------------------------------------------- */
#x-foot				{ position:relative; width:960px; height:100px; 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, Geneva, Sans-serif; color:#FFF; letter-spacing:0.04em; }
#x-foot a, #x-foot a:visited,
#x-foot a:active, #x-foot a:link	{ color:#FFF; text-decoration:none; }
#x-foot a:hover			{ color:#8C85FF; text-decoration:none; }
#x-foot p.x-links			{ padding:25px 0 0 5px; }
#x-foot p.x-copy			{ padding:10px 0 0 5px; }