@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
body										{ margin:0 2px !important; padding:0 !important; }
.x-bg										{ background:#EFEFEF url(images/x-bg.jpg) center top fixed repeat; padding:15px 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:10px 0 !important; overflow:hidden; }
.x-content, #x-head, #x-foot		        { width:960px; 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:737px; display:block; overflow:hidden; }
#CentralArea, #x-main                       { margin:0 !important; padding:0 !important; float:right; vertical-align:top; }
#CentralArea #x-main						{ padding:0 !important; }
#LeftPanel									{ margin:0 !important; padding:0 !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:960px !important; }

.x-bg *                                     { font-family:Arial, Tahoma, Sans-serif; text-decoration:none; }
.x-bg, .x-bg p, .x-bg a, .x-bg li,
.x-bg table                                 { font-size:12px; color:#555; }
.x-bg a:link, .x-bg a:visited,
.x-bg a:active 				                { color:#555; }
.x-bg a:hover, .fpcc .countClass            { color:#0656B9; }
.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:300px; background:transparent url(images/x-head.png) 0 0 no-repeat; }
#x-head-logo								{ position:absolute; left:0; top:0; width:257px; height:154px; display:block; }

/* search box */
#x-head-srch								{ position:absolute; left:676px; top:109px; width:284px; height:32px; }
#x-head-srch-sbox							{ width:234px; height:32px; line-height:32px; font-size:11px; color:#BBB; font-style:italic; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; }
#x-head-srch-bttn							{ width:28px; height:32px; float:right; border:0 none; background:transparent none; }

/* menu bar links */
#x-head-menu								{ position:absolute; left:1px; top:190px; width:750px; height:43px; }
#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 14px/43px Arial, Tahoma, Sans-serif; text-shadow:1px 1px #0656B9; text-transform:uppercase; padding:0 20px; display:block; }
#x-head-menu li a:hover					    { color:#D0E8FF; }

/* menu bar title */
#x-head-stor                                { position:absolute; left:769px; top:190px; width:190px; height:43px; text-align:center; }
#x-head-stor a                              { text-align:center; color:#FFF; font:normal 14px/43px Arial, Tahoma, Sans-serif; text-shadow:1px 1px #0656B9; display:block; }
#x-head-stor a:hover					    { color:#D0E8FF; }



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


/* 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 #CCC; }
#LeftPanel .lev1 li						    { margin:0 1px; border-top:1px dotted #CCC; }
#LeftPanel .lev1 li.first				    { border-top:0 none; }
#LeftPanel .lev1 li:hover                   { background:#ECECEC url(images/x-side-libg.png) 0 0 repeat-x; }
#LeftPanel .lev1 li a, 
#LeftPanel .lev1 li span			        { background:transparent url(images/x-side-lev1.png) 10px 7px no-repeat; line-height:14px; padding:6px 10px 6px 24px; }
#LeftPanel .lev1 li span,
#LeftPanel .lev1 li a:hover		            { color:#000; 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; }
#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:#000; background-image:url(images/x-side-lev2h.png); }

/* side brands menu  */
#LeftPanel .x-tbar-brnd						{ background-image:url(images/x-side-tbar-brnd.png); }
#LeftPanel #x-side-brnd                     { padding:9px 0 5px; }
#LeftPanel #x-side-brnd #x-brnd-drop        { width:194px; height:26px; margin:0 auto; background:transparent url(images/x-brnd-drop.png) 0 0 no-repeat; }
#LeftPanel #x-side-brnd #x-brnd-drop a      { display:block; line-height:26px; width:174px; padding:0 10px; }
#LeftPanel #x-side-brnd #answer1            {  }
#LeftPanel #x-side-brnd #answer1 ul         { width:174px; background:#FFF none; border:1px solid #CCC; margin:0 auto; padding:5px 10px; list-style-type:none; max-height:120px; overflow:auto; }
#LeftPanel #x-side-brnd #answer1 ul li      { background:transparent none; }
#LeftPanel #x-side-brnd #answer1 ul li a    { background:transparent url(images/x-side-lev1.png) 0 3px no-repeat; padding:2px 0 2px 12px; font-size:11px; line-height:13px; }
#LeftPanel #x-side-brnd #answer1 ul li a:hover { color:#000; background-image:url(images/x-side-lev1h.png); }

/* newsletter text box */
#LeftPanel .x-tbar-news						{ background-image:url(images/x-side-tbar-news.png); }
#x-side-news #x-side-news-bttn				{ width:90px; height:25px; background:transparent url(images/x-side-news-bttn.png) 0 0 no-repeat; margin:0 0 5px; display:block; float:right; }
#x-side-news p.x-ckbx					    { margin:10px 0; overflow:hidden; }
#x-side-news p.x-ckbx:not(#foo)				{ overflow:hidden !important; }
#x-side-news p.x-ckbx:not(#foo) > input		{ width:16px; height:16px; position:absolute; left:0; opacity:0; float:left; }
#x-side-news p.x-ckbx > label				{ font-size:11px; line-height:16px; padding-left:5px; }
#x-side-news p.x-ckbx:not(#foo) > label		{ float:left; padding-left:20px; }
#x-side-news p.x-ckbx:not(#foo) > input + label	{ background:transparent url(images/x-ckbx.png) 0 0 no-repeat; height:16px; }
#x-side-news p.x-ckbx:not(#foo) > input[type=checkbox]:checked + label { background-position:0 -16px; }



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

/* promo banner */
#x-main #x-main-bann						{ width:737px; height:286px; display:block; }

/* featured cats boxes */
#x-main #x-main-fcat a						{ width:172px; height:234px; background:transparent url(images/x-main-fcat.png) 0 0 no-repeat; margin:0 0 0 16px; float:left; } 
#x-main #x-main-fcat a.x-first				{ margin-left:0; }
#x-main #x-main-fcat a, 
#x-main #x-fcat a:link,
#x-main #x-main-fcat a:active, 
#x-main #x-main-fcat a:visited				{ color:#FFF; text-align:center; font-size:12px; line-height:16px; text-shadow:1px 1px #0656B9; font-weight:bold; text-decoration:none; }
#x-main #x-main-fcat a:hover				{ color:#D0E8FF; text-decoration:none; }
#x-main #x-main-fcat a img					{ width:148px; height:151px; margin:15px auto 26px; }
#x-main #x-main-fcat a img.x-2row			{ margin-bottom:18px; }



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

/* image gallery side */
#x-tg										{ width:660px; margin:0 auto 15px; overflow:hidden; }
#x-gm										{ width:452px; float:left; }
#x-gm img									{ width:450px; border:1px solid #CCC; }
#x-gt										{ float:right; }
#x-gt, #x-gt .x-tg-mid			            { width:200px; }
#x-gt .x-tg-mid								{ overflow:hidden; }
#x-gt .x-tg-mid img							{ width:90px; border:1px solid #CCC; margin:0 0 8px 8px; display:block; float:left; 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:34px; background:transparent url(images/x-main-ttop.png) 0 29px no-repeat; }
#x-main-tabs a img							{ width:127px; height:30px; display:block; float:left; margin-right:2px; }
#x-main-tb01								{ display:block; visibility:visible; }
#x-main-tb02, #x-main-tb03			        { display:none; }


/* Footer with links formatting
-------------------------------------------------- */
#x-foot										{ height:155px; 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:#FFF; }
#x-foot a:hover							    { color:#D0E8FF; }
#x-foot-subm							    { padding:80px 0 0 30px; }
#x-foot-copy							    { padding:10px 0 0 30px; }


