@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
body										{ margin:0 2px !important; padding:0 !important; }
.x-bg										{ background:#FFF 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									{ background:transparent url(images/x-content.png) center top repeat-y; padding:5px 0 !important; overflow:hidden; }
.x-content, #x-head, #x-foot		        { width:978px; position:relative; margin:0 auto; }
#x-head-wrap, #x-foot-wrap				    { width:100%; position:relative; margin:0 auto; }
#LeftPanel, #LeftPanel .x-tbar, 
#LeftPanel .x-ttop, #LeftPanel .x-tmid, 
#LeftPanel .x-tbtm, #LeftPanel .x-prom      { width:210px !important; display:block; overflow:hidden; }
#CentralArea, #x-main, #x-main-fcat, 
#x-feat, #x-main .x-tbar, #x-main .x-ttop, 
#x-main .x-tmid, #x-main .x-tbtm, 
#x-main-tabs			                    { width:717px; display:block; overflow:hidden; }
#CentralArea, #x-main                       { margin:0 !important; padding:0 19px 0 0 !important; float:right; vertical-align:top; }
#CentralArea #x-main						{ padding:0 !important; }
#LeftPanel									{ margin:0 !important; padding:0 0 0 19px !important; float:left; vertical-align:top !important; }

#CentralArea .r3, .fpcc span.keywordClass	{ background-color:#FFF; } /* gallery bg */
#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 .x-ctr                                { text-align:center !important; margin:0 auto !important; max-width:978px !important; }

.x-bg *                                     { font-family:Arial, Tahoma, Geneva, Sans-serif; text-decoration:none; }
.x-bg, .x-bg p, .x-bg a, .x-bg li,
.x-bg table                                 { font-size:12px; color:#282828; }
.x-bg a:link, .x-bg a:visited,
.x-bg a:active 				                { color:#282828; }
.x-bg a:hover, .fpcc .countClass            { color:#580078; }
.x-tmid, .x-tmid p, .x-tmid li,
.x-tmid, .x-tmid p, .x-tmid li              { text-align:left; line-height:18px; }
#CentralArea p, #x-main p, 
#x-main .x-tmid ul	                        { padding:0 0 15px; }
#CentralArea ul, #x-head ul, #foot ul,
#LeftPanel ul, #x-main ul		            { list-style-type:none; }
#CentralArea li, #x-main li				    { background:transparent url(images/x-tbul.png) 0 0 no-repeat; padding:0 0 5px 15px; }
#x-head-menu li	                            { display:inline; float:left; background:transparent none; padding:0; }
#x-main .x-tmid ol							{ padding:0 15px 15px 25px; }
#x-main .x-tmid ol li						{ background:transparent none; padding:0 0 5px 0; }
#x-head *, #x-foot *, 
#LeftPanel *, #x-main *                     { text-decoration:none; }
#x-main .x-tmid a, #x-main .x-tmid a:link,
#x-main .x-tmid a:active, 
#x-main .x-tmid a:visited, 
#x-main .x-tmid a:hover						{ text-decoration:underline; }
#x-head-menu, #x-head-srch, .x-tins,  #x-tg { overflow:hidden; }
#x-head-srch-bttn, #x-head-menu li,
#LeftPanel li, #x-side-news-bttn, 
#x-main-tabs img					        { cursor:pointer; }
#LeftPanel ul li a, #LeftPanel ul li span,
#x-main-fcat a, #x-main-fcat a img, 
#x-main-tabs img, #x-feat .x-fp *           { display:block; }

#LeftPanel .ttl, #LeftPanel .link,
#LeftPanel .all_cats, 
#LeftPanel .cnt, 
#LeftPanel .v4acpcont,
#x-side-cats ul.lev1 li br, 
#x-side-cats ul.lev2 li br, .x-hide			{ display:none !important; }
#LeftPanel .x-temp,
#x-template #LeftPanel .x-home              { display:none; }
#x-template #LeftPanel .x-temp              { display:block; }



/* Header formatting
-------------------------------------------------- */
#x-head										{ height:170px; background:transparent url(images/x-head.png) 0 0 no-repeat; }
#x-head-logo								{ position:absolute; left:33px; top:21px; width:342px; height:84px; display:block; background:transparent url(images/x-head-logo.png) 0 0 no-repeat; }
#x-head-call								{ position:absolute; left:453px; top:46px; width:143px; height:59px; display:block; background:transparent url(images/x-head-call.png) 0 0 no-repeat; }
#x-head-view								{ position:absolute; left:604px; top:66px; width:160px; height:40px; display:block; background:transparent url(images/x-head-view.png) 0 0 no-repeat; }
#x-head-fave								{ position:absolute; left:777px; top:66px; width:160px; height:40px; display:block; background:transparent url(images/x-head-fave.png) 0 0 no-repeat; }

/* top nav menu */
#x-head #x-head-tnav                        { position:absolute; left:453px; top:0; width:438px; height:35px; }
#x-head #x-head-tnav p                      { text-align:center; }
#x-head #x-head-tnav p a                    { padding:0 4px; }
#x-head #x-head-tnav p, 
#x-head #x-head-tnav p a,
#x-head #x-head-tnav p a:link,
#x-head #x-head-tnav p a:active,
#x-head #x-head-tnav p a:visited            { color:#FFF; font-size:12px; line-height:35px; }
#x-head #x-head-tnav p a:hover              { color:#BF6EDC; }

/* menu bar links */
#x-head-menu								{ position:absolute; left:9px; top:121px; width:958px; height:40px; }
#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:#FFF; font:normal 12px/40px Arial, Tahoma, Geneva, Sans-serif; text-shadow:1px 1px #000; padding:0 20px; display:block; }
#x-head-menu li a:hover					    { color:#FFF; text-shadow:-1px -1px #555; background:transparent url(images/x-head-mhov.png) left center repeat-x; }

/* promo banner full width */
#x-main-babg								{ width:978px; height:auto; background:transparent url(images/x-content.png) center top repeat-y; margin:0 auto; padding:2px 0 0; overflow:hidden; display:none; }
#x-main-bann								{ width:940x; height:306px; margin:0 auto; display:block; }



/* Left panel formatting
-------------------------------------------------- */
/* left text boxes */
#LeftPanel .x-tbar, #x-right .x-tbar		{ background:transparent url(images/x-side-tbar.png) 0 0 no-repeat; height:32px; }
#LeftPanel .x-ttop, #x-right .x-ttop		{ background:transparent url(images/x-side-ttop.png) 0 0 no-repeat; height:5px; }
#LeftPanel .x-tmid, #x-right .x-tmid	    { background:transparent url(images/x-side-tmid.png) 0 0 repeat-y; }
#LeftPanel .x-tbtm, #x-right .x-tbtm	    { background:transparent url(images/x-side-tbtm.png) 0 0 no-repeat; height:18px; }
#LeftPanel .x-tins, #x-right .x-tins	    { padding:10px 10px 0; }
#LeftPanel .x-prom				            { }

/* search box - bar with side button */
#LeftPanel .x-tbar-srch						{ background-image:url(images/x-side-tbar-srch.png); }
#LeftPanel #x-side-srch						{ width:210px; height:50px; background:transparent url(images/x-side-srch.png) 0 0 no-repeat; }
#LeftPanel #x-side-srch form				{ position:relative; left:13px; top:16px; width:184px; height:24px; display:block; }
#LeftPanel #x-side-srch #x-side-sbox		{ width:136px; height:24px; line-height:24px; font-size:11px; color:#444; border:0 none; background:transparent none; padding:0 10px; } 
#LeftPanel #x-side-srch #x-side-sbtn		{ width:26px; height:24px; border:0 none; background:transparent none; cursor:pointer; display:block; float:right; }

/* categories menu */
#LeftPanel .x-tbar-cats						{ background-image:url(images/x-side-tbar-cats.png); }
#LeftPanel .x-tbsh						    { background-position:0 -6px; height:13px; border-top:1px solid #D3D3D3; }
#LeftPanel .lev1 li						    { margin:0 1px; background:transparent url(images/x-side-libg.png) 0 0 repeat-x; border-top:1px dotted #D3D3D3; }
#LeftPanel .lev1 li:hover                   { background:transparent none; }
#LeftPanel .lev1 li.first				    { border-top:0 none; }
#LeftPanel .lev1 li a, 
#LeftPanel .lev1 li span			        { background:transparent url(images/x-side-lev1.png) 11px 7px no-repeat; line-height:14px; padding:6px 10px 6px 24px; }
#LeftPanel .lev1 li span,
#LeftPanel .lev1 li a:hover		            { color:#580078; background-image:url(images/x-side-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-side-lev2.png) 24px 2px no-repeat; font-size:11px; line-height:13px; padding:2px 10px 2px 36px; }
#LeftPanel .lev3 li a,
#LeftPanel .lev3 li span 			        { background:transparent url(images/x-side-lev2.png) 36px 2px no-repeat; 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:#580078; background-image:url(images/x-side-lev2h.png); }



/* Homepage formatting
-------------------------------------------------- */
/* columns */
#x-center                                   { width:494px; overflow:hidden; float:left; }
#x-right                                    { width:210px; overflow:hidden; float:right; }

/* text boxes */
#x-main #x-center .x-tbar					{ background:transparent url(images/x-main-tbar.png) 0 0 no-repeat; height:32px; width:494px; }
#x-main #x-center .x-ttop					{ background:transparent url(images/x-main-ttop.png) 0 0 no-repeat; height:5px; width:494px; }
#x-main #x-center .x-tmid					{ background:transparent url(images/x-main-tmid.png) 0 0 repeat-y; padding:5px 0; width:494px; }
#x-main #x-center .x-tbtm					{ background:transparent url(images/x-main-tbtm.png) 0 0 no-repeat; height:18px; width:494px; }
#x-main #x-center .x-tins					{ padding:5px 10px 0; }

/* auto feat items horizontal */
#x-main #x-center .x-tbar-feat				{ background-image:url(images/x-main-tbar-feat.png); }
#x-main #x-center .x-tbar-tops				{ background-image:url(images/x-main-tbar-tops.png); }
#x-main #x-center #x-feat					{ width:494px; background:transparent url(images/x-main-tmid.png) 0 0 repeat-y; overflow:hidden; padding:0 0 8px; }
#x-main #x-center #x-feat .x-fp				{ width:148px; height:240px; background:transparent url(images/x-fp-bg.png) center top no-repeat; float:left; margin:12px 0 0 12px; padding:10px 0 0; }
#x-main #x-center #x-feat .x-fp a,
#x-main #x-center #x-feat .x-fp a span		{ text-align:left; font-size:11px; line-height:13px; display:block; overflow:hidden; }
#x-main #x-center #x-feat .x-fp a .title	{ color:#282828; height:39px; margin:10px 10px 14px; }
#x-main #x-center #x-feat .x-fp a .title:hover { color:#580078; }
#x-main #x-center #x-feat .x-fp a .price	{ color:#A90706; font:bold 14px/30px Arial, Tahoma, Geneva, Sans-serif; height:30px; background:transparent url(images/x-fp-bbtn.png) right center no-repeat; display:block; padding:0 10px; }
#x-main #x-center #x-feat .x-fp a .thumb	{ width:148px; height:140px; display:table-cell; vertical-align:middle; text-align:center; }
#x-main #x-center #x-feat .x-fp a .thumb img { width:auto; max-width:138px; max-height:138px; border:1px solid #CCC; margin:0 auto; }

/* auto feat items vertical */
#x-main #x-right .x-tbar-week			    { background-image:url(images/x-side-tbar-week.png); }
#x-main #x-right #x-feat				    { width:210px; background:transparent url(images/x-side-tmid.png) 0 0 repeat-y; overflow:hidden; padding:5px 0 0; text-align:center; }
#x-main #x-right #x-feat .x-fp			    { width:148px; height:240px; background:transparent url(images/x-fp-bg.png) center top no-repeat; margin:0 auto 10px; padding:10px 0 0; float:none; }
#x-main #x-right #x-feat .x-fp a,
#x-main #x-right #x-feat .x-fp a span	    { text-align:left; font-size:11px; line-height:13px; display:block; overflow:hidden; }
#x-main #x-right #x-feat .x-fp a .title	    { color:#282828; height:39px; margin:10px 10px 14px; }
#x-main #x-right #x-feat .x-fp a .title:hover { color:#580078; }
#x-main #x-right #x-feat .x-fp a .price	      { color:#A90706; font:bold 14px/30px Arial, Tahoma, Geneva, Sans-serif; height:30px; background:transparent url(images/x-fp-bbtn.png) right center no-repeat; display:block; padding:0 10px; }
#x-main #x-right #x-feat .x-fp a .thumb	      { width:148px; height:140px; display:table-cell; vertical-align:middle; text-align:center; }
#x-main #x-right #x-feat .x-fp a .thumb img	  { width:auto; max-width:138px; max-height:138px; border:1px solid #CCC; margin:0 auto; }

/* deal of the day */
#x-main #x-right #x-deal, 
#x-main #x-right #x-deal #x-feat			                { width:210px; height:312px; position:relative; overflow:hidden; background:transparent none; }
#x-main #x-right #x-deal									{ background:transparent url(images/x-deal.png) 0 0 no-repeat; }
#x-main #x-right #x-deal #x-feat .x-fp						{ width:190px; height:264px; float:none; background:transparent none; margin:0 auto; padding:40px 10px 0; }
#x-main #x-right #x-deal #x-feat .x-fp a,
#x-main #x-right #x-deal #x-feat .x-fp a span				{ text-align:left; font-size:11px; line-height:13px; text-decoration:none; display:block; }
#x-main #x-right #x-deal #x-feat .x-fp a .title				{ color:#282828; text-decoration:none; height:39px; margin:8px 12px 40px; overflow:hidden; }
#x-main #x-right #x-deal #x-feat .x-fp a .title:hover		{ color:#580078; text-decoration:none; }
#x-main #x-right #x-deal #x-feat .x-fp a .price				{ color:#FFF; font:bold 13px/24px Arial, Tahoma, Geneva, Sans-serif; height:24px; background:transparent none; display:block; padding:0 0 0 15px; }
#x-main #x-right #x-deal #x-feat .x-fp a .thumb				{ width:190px; height:130px; display:table-cell; margin:0 auto; padding:0; vertical-align:middle; text-align:center; }
#x-main #x-right #x-deal #x-feat .x-fp a .thumb img			{ width:120px; height:auto; max-height:120px; border:1px solid #D3D3D3; margin:0 auto;}




/* Template formatting
-------------------------------------------------- */
/* description */
#x-main #x-center .x-tbar-desc				{ background-image:url(images/x-main-tbar-desc.png); }
#x-template h1							    { color:#580078; text-align:left; font:bold 16px/19px Arial, Tahoma, Geneva, Sans-serif; margin:0; padding:0 0 15px; }
#CentralArea h5, #x-main h5		            { color:#580078; text-align:left; font:bold 13px/18px Arial, Tahoma, Geneva, Sans-serif; margin:0; padding:5px 0 10px; }

/* image gallery bottom */
#x-tg, #x-gm, #x-gt, #x-gt .x-tg-title,
#x-gt .x-tg-mid	   		                    { width:464px; text-align:center; margin:0 auto; overflow:hidden; }
#x-tg  		  								{ margin-bottom:5px; }
#x-gm                                       { width:450px; border:1px solid #D3D3D3; margin:0 auto 12px; }
#x-gm img									{ /* width:450px; border:1px solid #D3D3D3; margin:0 auto 12px; */ display:block; }
#x-gt .x-tg-title							{ background:transparent url(images/x-tg-title.png) center center no-repeat; height:30px; }
#x-gt .x-tg-mid								{ width:450px; background:#E7E7E7 none; border:1px solid #D3D3D3; padding:5px 0; }
#x-gt .x-tg-mid img							{ width:100px; border:1px solid #D3D3D3; margin:4px 2px; display:inline-block; cursor:pointer; }
#x-gt .x-tg-mid img.x-hide				    { display:none; }
#x-tg br									{ clear:both; width:100%; height:0; }

/* terms tabs standard */
#x-main-tabs								{ height:35px; border-bottom:1px solid #D3D3D3; }
#x-main-tabs a img							{ width:122px; height:34px; display:block; float:left; margin:1px 0 0 2px; }
#x-main-tabs a img#x-tt01					{ margin-left:0; }
#x-main-tb01								{ display:block; visibility:visible; }
#x-main-tb02, #x-main-tb03, #x-main-tb04    { display:none; }



/* Footer with links formatting
-------------------------------------------------- */
#x-foot										{ height:130px; 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:#282828; }
#x-foot a:hover							    { color:#580078; }
#x-foot-subm							    { padding:72px 0 0 20px; }
#x-foot-copy							    { padding:5px 0 0 20px; }