@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
body										{ margin:0 2px !important; padding:0 !important; }
.x-bg										{ background:#FFF url(images/x-bg.jpg) center top scroll no-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:10px 0 !important; }
.x-content, #x-head, #x-foot		        { width:940px; position:relative; margin:0 auto; }
#x-bg-head, #x-bg-foot				        { width:100%; position:relative; margin:0 auto; }
#CentralArea, #x-tmpl, 
#x-home, #x-shop, #x-feat, #x-brnd, 
.x-tb-title, .x-tb-top, 
.x-tb-mid, .x-tb-btm, ul.x-tt			    { width:697px; }
#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 10px 0 0 !important; float:right; vertical-align:top; }
#x-home										{ padding:0 !important; }
#LeftPanel									{ margin:0 !important; padding:0 0 0 10px !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; }

p, a, .x-bg, .x-bg p, .x-bg a			    { font:12px Arial, Tahoma, Sans-serif; color:#333; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 				    { color:#333; text-decoration:none; }
a:hover, .x-bg a:hover				        { color:#689B09; text-decoration:underline; }
.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, #x-tmpl ul.x-tt		{ 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-hd-menu li, #x-tmpl ul.x-tt 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-shop *, #x-feat *                        { text-decoration:none; }
.x-content, #x-hd-menu, #x-hd-srch, 
.x-ln-mid, .x-ln-ins, .x-tb-mid, .x-tb-ins,
#x-shop, #x-feat,  #x-brnd, #x-tg, ul.x-tt	{ overflow:hidden; }
#x-hd-sbtn, #x-hd-menu li,
#x-ln-sbtn, #LeftPanel li,
#x-ln-nbtn, #x-ft-nbtn					    { cursor:pointer; }
#x-head *, #x-foot *, LeftPanel *           { text-decoration:none; }
#LeftPanel .x-ln-promo, 
#LeftPanel ul li a, #LeftPanel ul li span,
#x-shop a, #x-shop a img, #x-feat .fp a,
#x-feat .fp a span, #x-feat .fp a img       { 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                       { display:none; }
#x-template #LeftPanel .x-ln-temp           { display:block; }



/* Header formatting
-------------------------------------------------- */
#x-head										{ width:960px; height:205px; background:transparent url(images/x-head.png) 0 0 no-repeat; }
#x-hd-logo									{ position:absolute; left:16px; top:9px; width:256px; height:133px; display:block; background:transparent url(images/x-hd-logo.png) 0 0 no-repeat; }

/* search box */
#x-hd-srch									{ position:absolute; left:668px; top:116px; width:246px; height:28px; }
#x-hd-sbox									{ width:188px; height:28px; line-height:28px; font-size:11px; color:#666; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; }
#x-hd-sbtn									{ width:36px; height:28px; float:right; border:0 none; background-color:transparent; }

/* menu bar */
#x-hd-menu								    { position:absolute; left:26px; top:162px; width:906px; height:26px; }
#x-hd-menu li								{ text-align:center; background:transparent url(images/x-hd-mdiv.png) right center no-repeat; padding:0 12px 0 10px; }
#x-hd-menu li.last						    { background-image:none; padding:0 10px; }
#x-hd-menu li a							    { color:#FFF; font:bold 14px/26px Arial, Tahoma, Sans-serif; text-shadow:1px 1px #4B7106; padding:0 18px; display:block; }
#x-hd-menu li a:hover					    { color:#395802; text-shadow:1px 1px #F7FB95; background:transparent url(images/x-hd-mhov.png) 0 0 no-repeat; }

/* why shop banner */
#x-whys                                     { width:911px; height:128px; margin:10px auto 0; display:block; }



/* Left panel formatting
-------------------------------------------------- */
/* left text boxes */
.x-ln-title									{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:43px; }
.x-ln-top									{ background:transparent none; height:5px; }
.x-ln-mid									{ background:transparent none; }
.x-ln-btm									{ background:transparent none; height:18px; }
#LeftPanel .x-ln-ins						{ padding:10px 10px 0; }
#LeftPanel .x-ln-promo				        { margin:0 0 13px; }

/* categories menu */
.x-ln-title-cats							{ background-image:url(images/x-ln-title-cats.png); }
.x-ln-bsh							        { background-position:0 -6px; height:13px; border-top:1px solid #C4C4C4; }
#LeftPanel .lev1 li						    { margin:0 10px; border-top:1px dotted #C4C4C4; }
#LeftPanel .lev1 li.first				    { border-top:0 none; }
#LeftPanel .lev1 li a, 
#LeftPanel .lev1 li span			        { background:transparent url(images/x-ln-lev1.png) 11px 7px no-repeat; line-height:14px; padding:6px 6px 6px 24px; }
#LeftPanel .lev1 li a:hover		            { color:#689B09; 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; }
#LeftPanel .lev2 li a,
#LeftPanel .lev2 li span                    { background:transparent url(images/x-ln-lev2.png) 24px 2px no-repeat; font-size:11px; line-height:13px; padding:2px 6px 2px 36px; }
#LeftPanel .lev3 li a,
#LeftPanel .lev3 li span 			        { background:transparent url(images/x-ln-lev2.png) 36px 2px no-repeat; font-size:11px; line-height:13px; padding:2px 6px 2px 48px; }
#LeftPanel .lev2 li a:hover,
#LeftPanel .lev3 li a:hover		            { color:#689B09; 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-news                                  { height:153px; background:transparent url(images/x-ln-news.png) 0 0 no-repeat; margin:0 0 13px; }
#x-ln-news .x-ln-ins                        { padding:5px 10px 0; }
#x-ln-nbtn									{ width:65px; height:24px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:3px 10px 5px 0; display:block; float:right; }
#x-ln-news p                                { color:#FFF; font-weight:bold; font-size:11px; line-height:16px; text-shadow:1px 1px #689B09; }
#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
-------------------------------------------------- */
/* promo banner */
#x-hm-bann								    { width:688px; height:337px; margin:0 auto 18px; display:block; }
#x-slider								    { width:688px; height:337px; margin:0 auto; padding:0; overflow:hidden; position:relative; }
#x-slider img							    { border:0 none; }
#x-slider li							    { position:absolute; top:0; left:0; }
#x-slider .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; display:none !important; }
.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:17px; margin-right:10px; z-index:300; }
.circle-current							    { background-image:url(images/circle-full.png ); }

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

/* shop by brands*/
#x-brnd										{ text-align:center; border-bottom:1px solid #C4C4C4; margin:0 0 18px; }
#x-brnd img									{ margin:0 10px 10px; display:inline-block; }


/* Homepage auto featured items
-------------------------------------------------- */
/* general */
.x-tb-title-feat							{ background-image:url(images/x-tb-title-feat.png); }
.x-tb-title-ends							{ background-image:url(images/x-tb-title-ends.png); }
#x-feat .x-fp						        { width:168px; height:262px; background:transparent url(images/x-fp-bg.png) center top no-repeat; margin:5px 0 18px 8px; padding-top:10px; float:left; }
#x-feat .x-fp:first-child                   { margin-left:0; }

/* gallery image */
#x-feat table.gallery td.picture div.image img		{ max-width:140px; width:auto !important; width:140px; border:0 none !important; } /* img 140px x 100px average, border optional */
#x-feat table.gallery td.picture div.image img.sale { width:auto; height:auto; } /* optional floating sale icon */

/* gallery title and text */
#x-feat table.gallery div.ttl a				{ color:#333 !important; font-size:11px !important; line-height:12px !important; text-decoration:none; position:relative; z-index:9999; cursor:pointer; } /* title font */
#x-feat table.gallery div.ttl a:link,
#x-feat table.gallery div.ttl a:active,
#x-feat table.gallery div.ttl a:visited		{ color:#333 !important; text-decoration:none !important; }
#x-feat table.gallery div.ttl a:hover		{ color:#689B09 !important; text-decoration:none !important; }
#x-feat table.fixed tr td span.bin, 
#x-feat div.basics span.bin,
#x-feat table.fixed tr td span.bid, 
#x-feat div.basics span.bid					{ color:#AD2B2B !important; font:normal 18px/24px Arial, Tahoma, Geneva, Sans-serif !important; display:block; float:left; margin:0 15px; } /* price font and location */

/* shop button */
#x-feat table.gallery table.fixed			{ width:168px; height:24px; background:transparent url(images/x-fp-bbtn.png) right center no-repeat; margin-top:0; } /* set height to same as button img */

/* hide bin or bid pricing */
#x-feat div.basics span.bid, 
#x-feat table.fixed tr td span.bid			{ display:none; }

/* borders and spacing resets */
#x-feat table.gallery td.picture			{ text-align:center; vertical-align:middle; } /* height auto set inline to 140px */
#x-feat table.gallery td.picture div.image  { width:100% !important; margin:0 auto; padding:0; }
#x-feat table.gallery div.ttl				{ height:48px; margin:0; padding:6px 15px 0; position:relative; } /* title text, set height to accommodate up to 3 rows of title text */
#x-feat table.gallery div.ttl a				{ display:block; height:100px; } /* extend link over buy button */
#x-feat #showcase, #x-feat table.v4stw, 
#x-feat table.v4shwc td.grItm, 
#x-feat table.gallery td.picture			{ margin:0; padding:0; }
#x-feat .whiter-rcp .whiter-n, 
#x-feat .whiter-s, 
#x-feat table.gallery .mi, 
#x-feat div.basics div.clr, 
#x-feat table.gallery div.catItms,
#x-feat div.basics div.prices div.amount img,
#x-feat div.basics span.label, 
#x-feat div.subtitle,
#x-feat div.anchors div.group, 
#x-feat img.ii, #x-feat img.iippl, 
#x-feat table.v4shwc td.bline,
#x-feat table.fixed tr td .label, 
#x-feat table.fixed tr td img, 
#x-feat table.fixed tr td .time2,
#x-feat table.gallery span.disct, 
#x-feat table.gallery span.disct2, 
#x-feat table.gallery .oriprs,
#x-feat table.gallery .ship,
x-fa table.gallery .stp					    { display:none; }
#x-feat .whiter-rcp							{ border:0 none; }
#x-feat table.v4shwc td.lcell			    { border-right:0 none; }



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

/* description */
.x-tb-title-desc							{ background-image:url(images/x-tb-title-desc.png); overflow:hidden; }
#x-template h1							    { color:#000; text-align:left; font:normal 22px/25px Arial, Tahoma, Sans-serif; text-shadow:1px 1px #EEE; margin:0; padding:0 0 15px; }
#CentralArea h5, #x-tmpl h5		            { color:#486E01; text-align:left; font:bold 15px/18px Arial, Tahoma, Sans-serif; text-shadow:1px 1px #EEE; margin:0; padding:5px 0 10px; }

/* image gallery */
#x-tg, #x-gm, #x-gt, #x-gt .x-gt-title,
#x-gt .x-gt-mid, #x-gt .x-gt-btm	   		{ width:490px; text-align:center; margin:0 auto; overflow:hidden; }
#x-tg  		  								{ margin-bottom:13px; }
#x-gm img									{ width:486px; border:2px solid #CCC; margin-bottom:12px; }
#x-gt .x-gt-title							{ background:transparent url(images/x-gt-title.png) 0 0 no-repeat; height:30px; }
#x-gt .x-gt-mid								{ background:transparent none; }
#x-gt .x-gt-btm								{ background:transparent none; height:18px; }
#x-gt .x-gt-mid img							{ width:70px; border:1px solid #CCC; margin:8px 3px 0; display:inline-block; cursor:pointer; }
#x-gt .x-gt-mid img.x-hide				    { display:none; }

/* terms tabs */
ul.x-tt										{ height:43px; background:transparent url(images/x-tt-bg.png) 0 0 no-repeat; }
ul.x-tt li a img							{ width:110px; height:43px; display:block; float:left; margin-left:24px; }
ul.x-tt li a img.first						{ margin-left:15px; margin-right:8px; }
#terms1										{ display:block; visibility:visible; }
#terms2, #terms3, #terms4, #terms5			{ display:none; }

/* shop cats images */
#x-shop img								    { width:168px; height:192px; margin:0 0 13px 8px; float:left; }
#x-shop img.x-first                         { margin-left:0; }




/* Footer with links formatting
-------------------------------------------------- */
#x-bg-foot									{ height:696px; background:transparent url(images/x-bg-foot.jpg) center top no-repeat; }
#x-foot										{ height:126px; background:transparent url(images/x-foot.png) 0 0 no-repeat; text-align:left; }
#x-foot p, #x-foot a					    { font-size:11px; line-height:15px; letter-spacing:0.05em; }
#x-foot p, #x-foot a, 
#x-foot a:link, 
#x-foot a:active, 
#x-foot a:visited							{ color:#FFF; font-weight:bold; }
#x-foot a:hover							    { color:#FCEA31; font-weight:bold; }
#x-foot p.x-links							{ padding:45px 0 0 35px; }
#x-foot p.x-copy							{ padding:6px 0 0 35px; }