@charset "utf-8";

/* Original design work copyright (c) OCDesignsOnline, All Rights Reserved. Used with permission by shoesandfashions. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:#F8F8F8 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:10px 0 !important; }
#CentralArea, #x-template, #x-home,
.x-tb-title, .x-tb-top, .x-tb-mid, 
.x-tb-btm, ul.x-tt			 { width:737px; }
#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:#31333A; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#31333A; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#7465A4; text-decoration:underline; }
#x-template h1			{ text-align:left; font:bold 16px/19px Arial, Tahoma, Sans-serif; color:#7465A4; 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:#7465A4; 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-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, .x-hide		{ display:none !important; }



/* Header formatting
-------------------------------------------------- */
#x-head				{ position:relative; width:960px; height:160px; background:transparent url(images/x-head.png) 0 0 no-repeat; margin:0 auto; }
#x-hd-logo			{ position:absolute; left:20px; top:0; width:218px; height:119px; display:block; }
#x-hd-ship			{ position:absolute; left:404px; top:20px; width:200px; height:74px; display:block; }
#x-hd-face			{ position:absolute; left:758px; top:119px; width:195px; height:41px; display:block; }

/* search box */
#x-hd-srch			{ position:absolute; left:656px; top:46px; width:297px; height:26px; }
#x-hd-sbox			{ width:248px; height:26px; border:0; background-color:transparent; margin:0; padding:0 10px; float:left; font:normal 11px/26px Tahoma, Arial, Sans-serif; color:#BBB; }
#x-hd-sbtn			{ width:27px; height:26px; float:right; cursor:pointer; }

/* menu bar */
#x-hd-menu			{ position:absolute; left:0; top:119px; width:756px; height:41px; }
#x-hd-menu li			{ text-align:center; background:transparent url(images/x-hd-mdiv.png) right top no-repeat; padding:0 3px 0 0; cursor:pointer; }
#x-hd-menu li.last			{ background-image:none; padding:0; }
#x-hd-menu li a			{ font:normal 12px/41px Arial, Tahoma, Sans-serif; color:#FFF; text-decoration:none; text-transform:uppercase; letter-spacing:0.04em; padding:0 15px; 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:#31333A; }

/* left text boxes */
.x-ln-title				{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:40px; }
.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 1px; background:#FFF url(images/x-ln-libg.png) center bottom no-repeat; border-top:1px solid #DEDEDE; 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:16px; display:block; margin:0; padding:7px 10px 7px 20px; }
#LeftPanel ul.lev1 li a:hover			{ color:#7465A4; 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; background:#F2F2F2 none; }
#LeftPanel ul.lev2 li a, #LeftPanel ul.lev2 li span { background:transparent url(images/x-ln-lev2.png) 10px 8px no-repeat; font-size:12px; line-height:14px; display:block; margin:0; padding:2px 10px 2px 18px; }
#LeftPanel ul.lev2 li a:hover			{ color:#7465A4; text-decoration:none; background-image:url(images/x-ln-lev2.png); }
#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) 10px 8px no-repeat; font-size:11px; line-height:13px; display:block; margin:0; padding:2px 10px 2px 18px; }
#LeftPanel ul.lev3 li a:hover			{ color:#7465A4; text-decoration:none; background-image:url(images/x-ln-lev2.png); }

/* newsletter text box */
#x-ln-news #x-signup			{ width:93px; height:27px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:5px 0; display:block; float:right; cursor:pointer; }




/* Homepage formatting
-------------------------------------------------- */

/* main promo banner revised */
#x-hm-bann			    { position:relative; width:960px; height:318px; margin:10px auto 0; overflow:hidden; display:block; }
#x-hm-bann-mini         { position:absolute; left:0; top:202px; width:238px; height:116px; display:block; }

/* rotating banner */
#x-hm-bann-main			{ position:absolute; left:243px; top:0; width:475px; height:318px; overflow:hidden; background:transparent url(images/x-hm-bann-main.png) 0 0 no-repeat; }
#x-slider				{ position:relative; left:4px; top:4px; width:467px; height:294px; margin:0; 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 ); }

/* brand dropdowns */
#x-hm-bann-brnd         										{ position:absolute; left:0; top:0; width:238px; height:202px; overflow:hidden; background:transparent url(images/x-hm-bann-brnd.png) 0 0 no-repeat; }
#x-brnd-ins             											{ padding:86px 20px 0; text-align:left; }
#x-brnd-ins select												{ width:190px; background-color:#FFF; border:1px solid #BBB; line-height:16px; margin:0 auto 20px; padding:3px; }
#x-brnd-ins, #x-brnd-ins select 							{ color:#222; font-weight:bold; }

/* shop by size*/
#x-hm-bann-size         										{ position:absolute; left:722px; top:0; width:238px; height:318px; overflow:hidden; background:transparent url(images/x-hm-bann-size.png) 0 0 no-repeat; }
#x-hm-bann-size #x-size-ins             					{ padding:50px 12px 0; text-align:left; }
#x-hm-bann-size h3                             				{ color:#666; text-shadow:1px 1px #EEE; border-top:1px dotted #FFF; text-align:left; font-size:12px; line-height:18px; font-weight:bold; padding:5px 8px 5px; clear:both; }
#x-hm-bann-size h3:first-child                 			{ border-top:0 none; }
#x-hm-bann-size a												{ width:28px; height:24px; line-height:24px; margin:0 0 6px 6px; display:block; font-size:12px; font-weight:bold; text-align:center; float:left; }
#x-hm-bann-size a, #x-hm-bann-size a:link,
#x-hm-bann-size a:visited                      			{ color:#444; text-decoration:none; background:transparent url(images/x-size-bttn.png) 0 0 no-repeat; }
#x-hm-bann-size a:hover, 
#x-hm-bann-size a:active 									{ color:#51489F; text-decoration:none; background:transparent url(images/x-size-btth.png) 0 0 no-repeat; }


/* text boxes */
.x-tb-title				{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:40px; }
.x-tb-title-ends			{ background-image:url(images/x-tb-title-ends.png); }
.x-tb-title-feat			{ background-image:url(images/x-tb-title-feat.png); }
.x-tb-title-tops			{ background-image:url(images/x-tb-title-tops.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:#31333A; }
.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:#31333A; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#7465A4; text-decoration:underline; }

/* shop cats boxes */
#x-shop img			{ width:174px; height:211px; margin:8px 0 0 8px; display:block; float:left; }

/* shop by size vertical */
/* .x-tb-title-size			                { background-image:url(images/x-tb-title-size.png); } */
/* #x-main-size .x-lcol                        { width:345px; float:left; overflow:hidden; border-right:1px dotted #CCC; } */
/* #x-main-size .x-rcol                        { width:345px; float:right; overflow:hidden; } */
/* #x-main-size h2                             { text-align:left; font:bold 14px/17px Arial, Tahoma, Sans-serif; color:#7465A4; background:transparent none; margin:0; padding:0 0 15px; } */
/* #x-main-size a								{ width:35px; height:35px; line-height:40px; margin:0 0 10px 10px; padding:5px 7px 0 0; display:block; font-size:11px; font-weight:bold; text-align:center; float:left; } */
/* #x-main-size a, #x-ln-size a:link, */
/* #x-main-size a:visited                      { color:#444; text-decoration:none; background:transparent url(images/x-main-size.png) 0 0 no-repeat; } */
/* #x-main-size a:hover, #x-main-size a:active { color:#7465A4; text-decoration:none; background:transparent url(images/x-main-sizeh.png) 0 0 no-repeat; } */

/* shop by size horizontal */
.x-tb-title-size			                { background-image:url(images/x-tb-title-size.png); }
#x-main-size .x-lcol                        { width:100%; overflow:hidden; }
#x-main-size .x-rcol                        { width:100%; overflow:hidden; }
#x-main-size h2                             { text-align:left; font:bold 14px/17px Arial, Tahoma, Sans-serif; color:#7465A4; background:transparent none; margin:0; padding:0 0 15px; }
#x-main-size a								{ width:35px; height:35px; line-height:40px; margin:0 0 10px 10px; padding:5px 7px 0 0; display:block; font-size:11px; font-weight:bold; text-align:center; float:left; }
#x-main-size a, #x-ln-size a:link,
#x-main-size a:visited                      { color:#FFF; text-decoration:none; background:transparent url(images/x-main-size.png) 0 0 no-repeat; }
#x-main-size a:hover, #x-main-size a:active { color:#FFF; text-decoration:none; background:transparent url(images/x-main-sizeh.png) 0 0 no-repeat; }



/* Footer with links formatting
-------------------------------------------------- */
#x-bg-foot			{ position:relative; width:100%; height:89px; background:transparent url(images/x-bg-foot.png) 0 0 repeat-x; margin:0 auto; }
#x-foot				{ position:relative; width:960px; height:89px; 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:#999; letter-spacing:0.04em; }
#x-foot a, #x-foot a:visited,
#x-foot a:active, #x-foot a:link	{ color:#999; text-decoration:none; }
#x-foot a:hover			{ color:#666; text-decoration:none; }
#x-foot p.x-links			{ padding:20px 0 0 0; }
#x-foot p.x-copy			{ padding:8px 0 0 0; }