@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
body				                        { margin:0 2px !important; padding:0 !important; }
.x-bg				                        { background:#FFF url(images/x-bg.png) center top scroll repeat-x; padding:20px 0 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 none; padding:5px 0 !important; }
.x-content, #x-head, #x-foot, #x-home	    { width:960px; position:relative; margin:0 auto; }
#x-bg-head, #x-bg-foot		                { width:100%; position:relative; margin:0 auto; }
#CentralArea, #x-tmpl, .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-tmpl, #x-home	            { margin:0 !important; padding:0 !important; float:right; vertical-align:top; }
#x-home				                        { padding:0 !important; }
#LeftPanel			                        { margin:42px 0 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:#444; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		            { color:#444; text-decoration:none; }
a:hover, .x-bg a:hover		                { color:#777; text-decoration:underline; }
#x-template h1			                    { text-align:left; font:normal 18px/21px Arial, Tahoma, Sans-serif; color:#000; background:transparent none; margin:0; padding:0 0 15px; }
#CentralArea h5, #x-tmpl h5		            { text-align:left; font:bold 12px/18px Arial, Tahoma, Sans-serif; color:#000; text-decoration:none; 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-feat, #x-fa, #x-tg	        { 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				                      { height:98px; background:transparent url(images/x-head.png) 0 0 no-repeat; }
#x-hd-logo			                      { position:absolute; left:1px; top:0; width:327px; height:39px; display:block; }

/* search box */
#x-hd-srch			                      { position:absolute; left:786px; top:24px; width:174px; height:18px; }
#x-hd-sbox			                      { width:143px; height:18px; border:0 none; background-color:transparent; margin:0; padding:0 5px; float:left; font:normal 11px/18px Arial, Tahoma, Sans-serif; color:#777; }
#x-hd-sbtn			                      { width:20px; height:18px; float:right; }

/* menu bar - revised store */
#x-hd-menu			                      { position:absolute; left:0; top:65px; width:960px; height:25px; }
#x-hd-menu li			                  { text-align:center; padding:0; }
#x-hd-menu li a			                  { color:#FFF; font:normal 11px/25px Arial, Tahoma, Sans-serif; text-decoration:none; letter-spacing:0.04em; text-transform:uppercase; padding:0 70px; display:block; }
#x-hd-menu li a:hover		              { color:#FFF; text-decoration:none; background:#000 none; }

/* menu bar - original */
#x-template #x-hd-menu			          { position:absolute; left:0; top:65px; width:960px; height:25px; }
#x-template #x-hd-menu li			      { text-align:center; padding:0; }
#x-template #x-hd-menu li a			      { color:#FFF; font:normal 11px/25px Arial, Tahoma, Sans-serif; text-decoration:none; letter-spacing:0.04em; text-transform:uppercase; padding:0 50px; display:block; }
#x-template #x-hd-menu li a:hover		  { color:#FFF; text-decoration:none; background:#000 none; }

/* top animated banner */
#x-hd-bann                                { width:960px; height:200px; position:relative; margin:10px auto; }
#x-hd-bann #x-slider					  { position:relative; width:960px; height:200px; margin:0 auto; padding:0; overflow:hidden; }
#x-hd-bann #x-slider img				  { border:0 none; }
#x-hd-bann #x-slider li					  { position:absolute; top:0; left:0; }
#x-hd-bann .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; }
#x-hd-bann .prev-link, 
#x-hd-bann .next-link					  { display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:left top; position:absolute; bottom:10px; z-index:300; }
#x-hd-bann .prev-link					  { left:10px; background-image:url(images/prev.png ); }
#x-hd-bann .next-link					  { left:40px; background-image:url(images/next.png ); }
#x-hd-bann .circle						  { display:block; width:16px; height:16px; background:url(images/circle-empty.png ) 0 0 no-repeat; position:absolute; bottom:10px; z-index:300; }
#x-hd-bann .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 13px/18px Arial, Tahoma, Geneva, Sans-serif; color:#444; }

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

/* categories list */
#LeftPanel ul.lev1 li				      { margin:0 1px; border-top:1px dotted #CECECE; }
#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) 15px 13px no-repeat; line-height:15px; text-transform:uppercase; display:block; margin:0; padding:9px 8px 9px 27px; }
#LeftPanel ul.lev1 li a:hover			  { color:#777; text-decoration:none; }
#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) 15px 9px no-repeat; font-size:12px; line-height:14px; text-transform:none; display:block; margin:0; padding:5px 8px 5px 26px; }
#LeftPanel ul.lev2 li a:hover			  { color:#777; text-decoration: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; font-weight:normal; margin:0; padding:5px 8px 5px 26px; }
#LeftPanel ul.lev3 li a:hover			  { color:#777; text-decoration:none; }



/* Homepage formatting
-------------------------------------------------- */
/* top banner */
#x-hm-bann			{ width:960px; height:600px; margin:0 auto 14px; display:block; }

/* text boxes */
.x-tb-title				{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:26px; }
.x-tb-title-desc			{ background-image:url(images/x-tb-title-desc.png); }
.x-tb-title-feat			{ background-image:url(images/x-tb-title-feat.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; margin:0 0 5px; }
.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, Sans-serif; color:#444; }
.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 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:visited,
.x-tb-mid a:active, .x-tb-mid a:link	{ color:#444; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#777; text-decoration:underline; }

.x-eb-title-feat			{ background-image:url(images/x-eb-title-feat.png); width:960px; height:30px; }
.x-eb-top				{ background-image:url(images/x-eb-top.png); width:960px; }
.x-eb-mid				{ background-image:url(images/x-eb-mid.png); width:960px; }
.x-eb-btm				{ background-image:url(images/x-eb-btm.png); width:960px; }

/* shop cats images */
#x-shop				{ width:960px; padding:0 0 5px; overflow:hidden; }
#x-shop img			{ width:232px; height:247px; margin:0 0 6px 10px; float:left; display:block; }
#x-shop img.x-first			{ margin-left:0; }

/* feat items scroller */
#x-marq				{ padding:1px 0; }
#x-marq .slidewindow		{ position:relative; left:15px; top:10px; width:930px; height:160px; overflow:hidden; }
#x-marq .slidewindow img		{ width:120px; height:140px; margin-left:10px;  border: 1px dotted #CECECE; }

/* mini promo boxes */
#x-hm-prom			{ position:relative; width:960px; height:108px; margin:0 0 10px; }
#x-hm-prom-01			{ position:absolute; left:0; top:0; width:315px; height:108px; display:block; }
#x-hm-prom-02			{ position:absolute; left:322px; top:0; width:315px; height:108px; display:block; }
#x-hm-prom-03			{ position:absolute; left:645px; top:0; width:315px; height:108px; display:block; }



/* Template formatting
-------------------------------------------------- */
/* adjust left nav */
#x-template ul.lev1 li		{ height:33px; }
#x-template ul.lev2 li, 
#x-template ul.lev3 li		{ height:24px; }

/* white text boxes */
#x-template .x-tb-top		{ background-image:url(images/x-wb-top.png); }
#x-template .x-tb-mid		{ background-image:url(images/x-wb-mid.png); }
#x-template .x-tb-btm		{ background-image:url(images/x-wb-btm.png); }

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

/* top buttons */
#x-topb				{ width:215px; float:right; }
#x-topb img			{ width:215px; height:24px; margin:0 0 8px; display:block; }

/* image gallery */
#x-tg				{ margin:0 auto; float:left; }
#x-tg, #x-tg-thumbs		{ width:462px; overflow:hidden; text-align:left; }
#x-tg-main img			{ width:460px; border:1px solid #CECECE; margin-bottom:12px; }
#x-tg-enlarge			{ width:460px; height:30px; background:transparent url(images/x-tg-enlarge.png) 0 0 no-repeat; }
#x-tg-thumbs			{ background:transparent url(images/x-tg-bg.png) 0 0 no-repeat; }
#x-tg-thumbs img			{ width:70px; margin:6px 6px 0 0; float:left; display:block; cursor:pointer; }

/* description box */
#x-tm-desc .x-exti			{ width:697px; border-top:1px solid #CECECE; padding:5px; display:block; }
#x-tm-desc a.x-exti, #x-tm-desc h5	{ text-decoration:none !important; }
#x-tm-desc img.img-swap		{ float:right; width:17px; height:17px; margin:5px 0 0 0; }
#x-tm-desc .x-tm-ins		{ margin:5px 5px; }
#x-tm-desc .smalltext		{ width:707px; border-top:1px solid #CECECE; padding-top:10px; font-size:11px; line-height:16px; }

/* terms tabs */
ul.x-tt				{ height:30px; background:transparent url(images/x-wb-top.png) 0 25px no-repeat; }
ul.x-tt li a img			{ width:135px; height:26px; display:block; float:left; margin-right:1px; }
#terms1				{ display:block; visibility:visible; }
#terms2, #terms3, #terms4, #terms5	{ display:none; }

/* featured item boxes */
#x-feat .x-fb, #x-feat .x-fb a		{ width:167px; height:215px; } 
#x-feat .x-fb			{ background:#FFF none; margin:22px 0 20px; padding:0 11px; float:left; }
#x-feat .x-first			{ padding-left:0; border-left:0 none; }
#x-feat .x-last			{ padding-right:0; }
#x-feat .x-fb a			{ display:block; }
#x-feat .x-fb a, #x-feat .x-fb a:link,
#x-feat .x-fb a:active, 
#x-feat .x-fb a:visited,
#x-feat .x-fb span			{ color:#444; text-decoration:none; text-align:left; font:normal 12px/15px Arial, Tahoma, Geneva, Sans-serif; }
#x-feat .x-fb a:hover,
#x-feat .x-fb span:hover		{ color:#999; text-decoration:none; }
#x-feat .x-fb span.x-fb-pric,
#x-feat .x-fb span.x-fb-pric:hover	{ color:#222; font-weight:normal; padding-left:5px; }
#x-feat .x-fb img			{ width:130px; height:150px;  border:0 none; margin:5px auto 10px; display:block; }


/* Footer with links formatting
-------------------------------------------------- */
#x-foot				                       { height:252px; background:transparent url(http://i98.photobucket.com/albums/l242/Karkabos/arteecollage/x-foot1.png) 0 0 no-repeat; text-align:left; }
#x-foot p, #x-foot li, #x-foot a		   { font:normal 11px/18px Arial, Tahoma, Sans-serif; color:#444; }
#x-foot li				                   { background:transparent url(images/x-ft-bull.png) left center no-repeat; margin:0; padding:0 0 0 12px; }
#x-foot a, #x-foot a:visited,
#x-foot a:active, #x-foot a:link	       { color:#444; text-decoration:none; }
#x-foot a:hover			                   { color:#777; text-decoration:underline; }

#x-ft-col1				                   { position:absolute; left:18px; top:50px; list-style-type:none; margin:0; padding:0; }
#x-ft-col2				                   { position:absolute; left:220px; top:50px; list-style-type:none; margin:0; padding:0; }
#x-ft-icon-fb			                   { position:absolute; left:428px; top:50px; width:110px; height:28px; display:block; }
#x-ft-icon-tw			                   { position:absolute; left:428px; top:94px; width:110px; height:28px; display:block; }
#x-foot p#x-cont			               { position:absolute; right:22px; top:94px; text-align:right; font-weight:bold; font-size:12px; }
#x-foot p#x-copy			               { position:absolute; left:10px; top:210px; letter-spacing:0.04em; }