@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
body										{ margin:0 2px !important; padding:0 !important; }
.x-bg										{ background:#EBEBEB url(images/x-bg-store.jpg) center top scroll no-repeat; padding:0; }
#x-template                                 { background:#EBEBEB url(images/x-bg.jpg) center top fixed 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									{ background:transparent url(images/x-content.png) center top repeat-y; padding:5px 0 !important; }
.x-content, #x-head, #x-foot		        { width:954px; position:relative; margin:0 auto; }
#x-head-wrap, #x-foot-wrap				    { width:100%; position:relative; margin:0 auto; }
#CentralArea, #x-tmpl, 
#x-home, #x-shop, #x-feat, 
.x-tb-title, .x-tb-top, 
.x-tb-mid, .x-tb-btm, #x-mc-tabs			{ width:691px; }
#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 20px 0 0 !important; float:right; vertical-align:top; }
#x-home										{ padding:0 !important; }
#LeftPanel									{ margin:0 !important; padding:0 0 0 20px !important; float:left; vertical-align:top !important; }

#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-bg *                                     { font-family:Arial, Tahoma, Sans-serif; text-decoration:none; }
.x-bg, .x-bg p, .x-bg a, .x-bg li, 
.x-bg table           { font-size:12px; color:#5B5B5B; }
.x-bg a:link, .x-bg a:visited,
.x-bg a:active 				                { color:#5B5B5B; }
.x-bg a:hover				                { color:#7A2595; }
.x-ln-mid, .x-ln-mid p, .x-ln-mid li,
.x-tb-mid, .x-tb-mid p, .x-tb-mid li        { text-align:left; line-height:18px; }
#CentralArea p, #x-tmpl p,
#x-home .x-tb-mid ul, #x-tmpl .x-tb-mid ul	{ padding:0 0 15px; }
#CentralArea ul, #x-head ul, #LeftPanel ul,
#x-foot ul, #x-tmpl ul		                { list-style-type:none; }
#CentralArea li, #x-tmpl li				    { background:transparent url(images/x-tb-bull.png) 0 0 no-repeat; padding:0 0 5px 15px; }
#x-head-menu li	                            { display:inline; float:left; background:transparent none; padding:0; }
.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,
.x-tb-mid a:hover						    { text-decoration:underline; }
#x-head *, #x-foot *, #LeftPanel *, 
#x-home *, #x-tmpl *                        { text-decoration:none; }
.x-content, #x-head-menu, #x-head-srch, 
.x-ln-mid, .x-ln-ins, .x-tb-mid, .x-tb-ins,
.x-tb-title, #x-shop, #x-feat, #x-tg, #x-mc-tabs { overflow:hidden; }
#x-head-sbtn, #x-head-menu li,
#x-ln-sbtn, #LeftPanel li, #x-mc-tabs img,
#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; }
#LeftPanel .x-ln-temp,
#x-template #LeftPanel .x-ln-home           { display:none; }
#x-template #LeftPanel .x-ln-temp           { display:block; }



/* Header formatting
-------------------------------------------------- */
#x-template #x-head-wrap					{ height:159px; background:transparent url(images/x-head-wrap.jpg) 0 0 repeat-x; }
#x-head										{ height:159px; background:transparent url(images/x-head.png) 0 0 no-repeat; }
#x-head-logo								{ position:absolute; left:10px; top:14px; width:289px; height:85px; display:block; background:transparent url(images/x-head-logo.png) 0 0 no-repeat; }

/* search box */
#x-head-srch								{ position:absolute; left:696px; top:46px; width:240px; height:28px; }
#x-head-sbox								{ width:154px; height:28px; line-height:28px; font-size:11px; color:#666; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; }
#x-head-sbtn								{ width:64px; height:28px; float:right; border:0 none; background:transparent none; }

/* menu bar links */
#x-head-menu								{ position:absolute; left:12px; top:111px; width:930px; height:39px; }
#x-head-menu li								{ text-align:center; background:transparent url(images/x-head-mdiv.png) right center no-repeat; padding:0 2px 0 0; }
#x-head-menu li.last						{ background-image:none; padding:0; }
#x-head-menu li a							{ color:#5B5B5B; font:normal 14px/39px Arial, Tahoma, Sans-serif; text-shadow:1px 1px #FFF; padding:0 26px; display:block; }
#x-head-menu li a:hover					    { color:#8003A8; background:transparent url(images/x-head-mhov.png) 0 0 repeat-x; }



/* Left panel formatting
-------------------------------------------------- */
/* left text boxes */
.x-ln-title									{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:34px; }
.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:18px; }
#LeftPanel .x-ln-ins						{ padding:10px 10px 0; }
#LeftPanel .x-ln-promo				        { }

/* left shop by size*/
.x-ln-title-size							{ background-image:url(images/x-ln-title-size.png); }
#x-ln-size .x-ln-ins			            { padding:10px 10px 5px; text-align:center; }
#x-ln-size select				            { width:182px; color:#5B5B5B; background-color:#FFF; border:1px solid #D0D0D0; font-size:12px; line-height:16px; margin:0 auto 3px; padding:3px; }
#x-ln-size #x-size-mens                     { margin-bottom:10px; }

/* categories menu */
.x-ln-title-cats							{ background-image:url(images/x-ln-title-cats.png); }
#LeftPanel .lev1 li						    { margin:0 1px; background:#F2F2F2 url(images/x-ln-libg.png) 0 0 repeat-x; border-top:1px dotted #D0D0D0; }
#LeftPanel .lev1 li.first				    { border-top:0 none; }
#LeftPanel .lev1 li a, 
#LeftPanel .lev1 li span			        { background:transparent url(images/x-ln-lev1.png) 9px 7px no-repeat; font-weight:bold; line-height:14px; padding:6px 10px 6px 24px; }
#LeftPanel .lev1 li span,
#LeftPanel .lev1 li a:hover		            { color:#7A2595; background-image:url(images/x-ln-lev1h.png); }
#LeftPanel .lev2, #LeftPanel ul.lev3	    { padding:0 0 5px; }
#LeftPanel .lev2 li, #LeftPanel .lev3 li	{ border:0 none; background:transparent none; }
#LeftPanel .lev2 li a,
#LeftPanel .lev2 li span                    { background:transparent url(images/x-ln-lev2.png) 24px 2px no-repeat; font-weight:normal; font-size:11px; line-height:13px; padding:2px 10px 2px 36px; }
#LeftPanel .lev3 li a,
#LeftPanel .lev3 li span 			        { background:transparent url(images/x-ln-lev2.png) 36px 2px no-repeat; font-weight:normal; font-size:11px; line-height:13px; padding:2px 10px 2px 48px; }
#LeftPanel .lev2 li span,
#LeftPanel .lev3 li span,
#LeftPanel .lev2 li a:hover,
#LeftPanel .lev3 li a:hover		            { color:#7A2595; background-image:url(images/x-ln-lev2h.png); }

/* newsletter text box */
.x-ln-title-news							{ background-image:url(images/x-ln-title-news.png); }
#x-ln-nbtn									{ width:97px; height:31px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:0 0 5px; display:block; float:right; }
#x-ln-news p.x-ckbx					        { margin:10px 0; overflow:hidden; }
#x-ln-news p.x-ckbx:not(#foo)				{ overflow:hidden !important; }
#x-ln-news p.x-ckbx:not(#foo) > input		{ width:16px; height:16px; position:absolute; left:0; opacity:0; float:left; }
#x-ln-news p.x-ckbx > label					{ font-size:11px; line-height:16px; padding-left:5px; }
#x-ln-news p.x-ckbx:not(#foo) > label		{ float:left; padding-left:20px; }
#x-ln-news p.x-ckbx:not(#foo) > input + label	{ background:transparent url(images/x-ckbx.png) 0 0 no-repeat; height:16px; }
#x-ln-news p.x-ckbx:not(#foo) > input[type=checkbox]:checked + label { background-position:0 -16px; }



/* Homepage formatting
-------------------------------------------------- */
/* welcome banner */
#x-hm-bann								    { width:691px; height:306px; position:relative; background:transparent url(images/x-hm-bann.jpg) 0 0 no-repeat; margin:0 auto 5px; }
#x-hm-bann p								{ color:#4C4C4C; text-align:left; padding:108px 410px 0 24px; }
#x-hm-bann p, #x-hm-bann p a	            { font:normal 14px/20px 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:#4C4C4C; text-decoration:underline; }
#x-hm-bann p a:hover				        { color:#7A2595; text-decoration:underline; }
#x-hm-bann a#x-hm-bbtn			            { position:absolute; left:24px; top:222px; width:157px; height:50px; background:transparent url(images/x-hm-bbtn.png) 0 0 no-repeat; display:block; }

/* shipping promo banner */
#x-hm-ship								    { width:691px; height:32px; margin:0 auto; display:block; }

/* text boxes */
.x-tb-title									{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:34px; }
.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:18px; }
.x-tb-ins									{ padding:10px 15px 0; }

/* shop cats images */
.x-tb-title-shop							{ background-image:url(images/x-tb-title-shop.png); }
#x-shop img								    { width:161px; height:229px; margin:5px 0 0 9px; float:left; }
#x-shop img.x-first						    { margin-left:10px; }



/* Template formatting
-------------------------------------------------- */
/* description */
.x-tb-title-desc							{ background-image:url(images/x-tb-title-desc.png); }
#x-template h1							    { color:#3284CE; text-align:left; font:bold 16px/19px Arial, Tahoma, Sans-serif; margin:0; padding:0 0 15px; }
#CentralArea h5, #x-tmpl h5		            { color:#3284CE; text-align:left; font:bold 12px/18px Arial, Tahoma, Sans-serif; margin:0; padding:5px 0 10px; }
#x-dtop										{ width:661px; margin:0 auto 13px; overflow:hidden; }

/* specs table */
#x-sp										{ float:right; }
#x-sp, .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:34px; }
.x-sp-mid									{ background:transparent url(images/x-ln-mid.png) 0 0 repeat-y; padding:5px 0 0; }
.x-sp-btm									{ background:transparent url(images/x-ln-btm.png) 0 0 no-repeat; height:18px; }
#x-sp table									{ width:208px; border:0 none; border-collapse:collapse; margin:0 auto; padding:0; cellpadding:0; cellspacing:0; }
#x-sp table th,
#x-sp table td								{ color:#5B5B5B; border-bottom:1px dotted #D0D0D0; padding:5px 10px; text-align:left; line-height:15px; }
#x-sp table th								{ color:#3284CE; border-right:1px dotted #D0D0D0; font-weight:normal; }
#x-sp table tr.last th, 
#x-sp table tr.last td						{ border-bottom:0 none; }

/* image gallery */
#x-tg  		  								{ float:left; }
#x-tg, #x-gm, #x-gt, #x-gt .x-tg-title,
#x-gt .x-tg-mid      	   		            { width:428px; text-align:left; margin:0 auto; overflow:hidden; }
#x-gm img									{ width:420px; border:4px solid #D0D0D0; margin-bottom:12px; }
#x-gt .x-tg-title							{ background:transparent url(images/x-gt-title.png) 0 0 no-repeat; height:24px; }
#x-gt .x-tg-mid								{ background:#E9E9E9 none; border:1px solid #D0D0D0; width:426px; padding:3px 0; }
#x-gt .x-tg-mid img							{ width:62px; border:1px solid #EEE; margin:3px 0 3px 6px; display:block; float:left; cursor:pointer; }
#x-gt .x-tg-mid img.x-hide					{ display:none; }
#x-tg br									{ clear:both; width:0; height:0; }

/* terms tabs standard */
#x-main-tabs								{ height:38px; background:transparent url(images/x-tb-top.png) 0 33px no-repeat; }
#x-main-tabs a img							{ width:111px; height:34px; display:block; float:left; margin-left:1px; }
#x-main-tabs a img#x-tt01					{ margin-left:10px; }
#x-main-tb01								{ display:block; visibility:visible; }
#x-main-tb02, #x-main-tb03, #x-main-tb04, 
#x-main-tb05, #x-main-tb06		            { display:none; }



/* Footer with links formatting
-------------------------------------------------- */
#x-foot										{ height:110px; background:transparent url(images/x-foot.png) 0 0 no-repeat; text-align:left; }
#x-foot, #x-foot a					        { font-size:11px; line-height:15px; letter-spacing:0.05em; }
#x-foot, #x-foot a, #x-foot a:link, 
#x-foot a:active, #x-foot a:visited			{ color:#5B5B5B; }
#x-foot a:hover							    { color:#8C15B3; }
#x-foot-subm							    { padding:40px 0 0 25px; }
#x-foot-copy							    { padding:8px 0 0 25px; }