@charset "utf-8";

/* Original design work copyright © OCDesignsOnline, All Rights Reserved. Used with permission by Exotic City Shoes. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:#E4E6E4 url(images/x-bg.jpg) center top scroll repeat-x; padding:10px 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) 0 0 repeat-y; padding:0 !important; }
#CentralArea, #x-template		{ padding:0 10px 0 0 !important; }
#LeftPanel			{ padding:0 0 0 10px !important; margin:0 !important; }

p, a, .x-bg, .x-bg p, .x-bg a		{ font:14px "Trebuchet MS", Tahoma, Sans-serif; color:#191919; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#191919; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#848219; text-decoration:underline; }

#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		{ display:none !important; }



/* Header formatting
-------------------------------------------------- */
#x-head				{ position:relative; width:960px; height:135px; background:transparent url(images/x-bg-head.png) 0 0 no-repeat; margin:0 auto; }
#x-hd-logo			{ position:absolute; left:6px; top:23px; }
#x-hd-logo, #x-hd-logo img		{ width:324px; height:42px; }
#x-hd-soci			{ position:absolute; left:853px; top:0px; }
#x-hd-soci, #x-hd-soci img		{ width:100px; height:23px; }

#x-hd-srch			{ position:absolute; left:599px; top:39px; width:352px; height:29px; background:transparent url(images/x-hd-sbox.png) 0 0 no-repeat; } 
#x-hd-srch #x-hd-sbox		{ width:250px; height:29px; border:0; background-color:transparent; margin:0; padding:0 10px 0 30px; float:left; font:normal 11px/29px "Trebuchet MS", Tahoma, Sans-serif; color:#8D8C8C; }
#x-hd-srch #x-hd-sbtn		{ width:61px; height:29px; float:right; }

#x-hd-menu			{ position:absolute; left:10px; top:90px; width:940px; height:37px; }
#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.last			{ background-image:none; padding:0; }
#x-hd-menu li:hover		{ background-position:right bottom; }
#x-hd-menu li.last:hover		{ }
#x-hd-menu li a			{ font:normal 16px/37px "Trebuchet MS", Tahoma, Sans-serif; color:#FFF; text-decoration:none; text-transform:uppercase; letter-spacing:0.04em; 
				  padding:0 15px; display:block; cursor:pointer; }
#x-hd-menu li a:hover		{ color:#FFF; text-decoration:none; background:transparent url(images/x-hd-mhov.png) 0 0 repeat-x; }



/* Left nav bar formatting
-------------------------------------------------- */
#LeftPanel			{ vertical-align:top !important; float:left; }
#LeftPanel, #x-cat, #x-ln-news, 
.x-ln-title, .x-ln-top, .x-ln-mid, .x-ln-btm { width:210px !important; }
#LeftPanel, .x-ln-mid,
#x-ln-news, #x-ln-news p, #x-cat,
#x-cat ul li a, #x-cat ul li span,
#x-brnd, #x-brnd ul li, #x-brnd ul li a	{ text-align:left; font:normal 14px/18px "Trebuchet MS", Tahoma, Sans-serif; color:#191919; }
.x-ln-title				{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:32px; }
.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; }

#x-cat ul.lev1 li, #x-brnd ul li		{ margin:0 10px; padding:1px 0; border-top:1px dotted #999; cursor:pointer; }
#x-cat ul.lev1 li.first	, #x-brnd ul li.first	{ border-top:0 none; }
#x-cat ul.lev1 li a, #x-cat ul.lev1 li span,
#x-brnd ul li a			 { background:transparent url(images/x-ln-lev1.png) 3px 4px no-repeat; line-height:17px; display:block; margin:0; padding:4px 0 4px 14px; }
#x-cat ul.lev1 li a:hover, 
#x-brnd ul li a:hover		{ color:#848219; text-decoration:none; }
#x-cat ul.lev2			{ margin-left:10px; padding-bottom:5px; }
#x-cat ul.lev2 li, #x-cat ul.lev3 li	{ padding:0; border:0 none; }
#x-cat ul.lev2 li a, #x-cat ul.lev2 li span { background:transparent url(images/x-ln-lev2.png) 4px 2px no-repeat; font-weight:normal; font-size:13px; line-height:15px; display:block; margin:0; padding:2px 0 2px 14px; }
#x-cat ul.lev2 li a:hover		{ color:#848219; font-weight:normal; text-decoration:none; }
#x-cat ul.lev3			{ margin-left:10px; padding-bottom:5px; }
#x-cat ul.lev3 li a, #x-cat ul.lev3 li span { background:transparent url(images/x-ln-lev2.png) 4px 2px no-repeat; font-weight:normal; font-size:13px; line-height:15px; color:#487D74; display:block; margin:0; padding:2px 0 2px 14px; }
#x-cat ul.lev3 li a:hover		{ color:#848219; font-weight:normal; text-decoration:none; }

#x-ln-news p			{ padding:10px 10px 5px; }
#x-ln-news #x-signup		{ width:90px; height:24px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:5px 10px; display:block; float:right; }
#x-ln-news #x-signup:hover		{ background-position:left bottom; }



/* Homepage formatting
-------------------------------------------------- */
#x-home				{ margin:0 auto; padding:0; float:right; }
#x-home, .x-tb-title, .x-tb-top,
.x-tb-mid, .x-tb-btm,
#x-hm-bann, #x-hm-bann img,
#x-hm-boxs, #x-hm-boxs img	{ width:717px; }

#x-hm-bann, #x-hm-bann img	{ height:352px; }
#x-hm-boxs, #x-hm-boxs img	{ height:108px; }
#x-hm-brnd			{ text-align:center; }
#x-hm-brnd img			{ vertical-align:middle; margin:0 5px; }

.x-tb-title				{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:32px; }
.x-tb-title-abou			{ background-image:url(images/x-tb-title-abou.png); }
.x-tb-title-desc			{ background-image:url(images/x-tb-title-desc.png); }
.x-tb-title-faqs			{ background-image:url(images/x-tb-title-faqs.png); }
.x-tb-title-poli			{ background-image:url(images/x-tb-title-poli.png); }
.x-tb-title-rets			{ background-image:url(images/x-tb-title-rets.png); }
.x-tb-title-ship			{ background-image:url(images/x-tb-title-ship.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:14px/18px "Trebuchet MS", Tahoma, Sans-serif; color:#191919; }
.x-tb-mid p, .x-tb-mid ul		{ padding:0 0 16px; 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; } /* bullet img w10px h15px */
.x-tb-mid a, .x-tb-mid a:visited,
.x-tb-mid a:active, .x-tb-mid a:link	{ color:#484848; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#848219; text-decoration:underline; }

.x-fb, .x-fb a			{ width:164px; height:189px; } 
.x-fb				{ background:transparent url(images/x-fb-bg.png) 0 0 no-repeat; margin:6px 0 4px 12px; float:left; }
.x-fb a, .x-fb a:visited,
.x-fb a:active, .x-fb a:link		{ color:#191919; text-decoration:none; text-align:center; font:bold 14px/16px "Trebuchet MS", Tahoma, Sans-serif; display:block; }
.x-fb a:hover			{ color:#487D74; text-decoration:none; }
.x-fb img				{ width:164px; height:148px; margin:0 auto 15px; display:block; }

/* welcome box */
#x-hm-welc			{ padding:10px 5px 5px; background-color:#FAFAFA;  margin-bottom:12px; }
#x-hm-welc p			{ text-align:center; font:normal 13px/18px "Trebuchet MS", Tahoma, Sans-serif; color:#191919; padding:0 0 10px; }
#x-hm-welc p.x-welc-01		{ font:bold 17px/20px "Trebuchet MS", Tahoma, Sans-serif; color:#487D74; }
#x-hm-welc p.x-welc-02		{ font-weight:bold; font-size:15px; }


/* Subpage formatting
-------------------------------------------------- */
#x-sub				{ width:717px; margin:0 auto; padding:0; float:right; overflow:hidden; }
#x-sub p.x-ques			{ color:#32A28F; font-weight:bold; padding:0 0 5px; }
#x-sub .x-tb-mid h5		{ text-align:left; font:bold 14px/17px "Trebuchet MS", Tahoma, Sans-serif; color:#487D74; width:100%; border-bottom:1px dotted #AAA;  margin:0 0 8px; padding:8px 0 5px; }
#x-sub .x-return			{ font-size:11px; background-color:#EEEEE3; border:1px solid #848219; width:auto; padding:3px 8px; }
#x-sub .x-return, 
#x-sub .x-return:link,
#x-sub .x-return:active,
#x-sub .x-return:visited		{ color:#848219; text-decoration:none; }
#x-sub .x-return:hover		{ color:#487D74; text-decoration:none; background-color:#EEE; border:1px solid #487D74; }



/* Footer formatting
-------------------------------------------------- */
#x-foot				{ width:960px; height:80px; background:transparent url(images/x-bg-foot.png) center top no-repeat; margin:0 auto; text-align:center; }
#x-foot, #x-foot a			{ font:normal 12px/100px "Trebuchet MS", Tahoma, 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:#E4E6E4; text-decoration:underline; }