@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
/* --- wall background --- */
.x-bg															{ background:#E5DED1 none; padding:10px 0; border:1px solid #D4CCBE; border-width:2px 0; }
.x-bg-02														{ width:90%; max-width:960px; background:#FFF none; padding:0; -moz-box-shadow: 0 0 10px #B7A88B; -webkit-box-shadow: 0 0 10px #B7A88B; box-shadow: 0 0 10px #B7A88B; } /* optional second inset bg */
.x-bg, .x-bg-02, .x-content							{ margin:0 auto; text-align:center; vertical-align:top; }

/* --- content area bg and width --- */
.x-content, #x-head, #x-foot    					{ width:100%; max-width:960px; }
.x-content													{ padding:13px 0 8px !important; overflow:hidden; }

/* --- left column width --- */
#LeftPanel													{ width:20%; max-width:190px; min-width:160px; }
#LeftPanel .x-tbar, 
#LeftPanel .x-main-ttop, #LeftPanel .x-tmid, 
#LeftPanel .x-tbtm, #LeftPanel .x-prom      { width:100%; max-width:190px; }
@media screen and (max-width:800px) {
#LeftPanel													{ display:none !important; }
}

/* --- main column width --- */
#CentralArea, #x-main								{ width:75%; /* max-width:731px; */ }

/*--- side gutters padding --- */
#LeftPanel													{ padding:0 0 0 13px !important; } /* optional left column padding left */
#CentralArea, #x-main                       			{ padding:0 13px 0 0 !important; } /* optional right column padding right */
#CentralArea #x-main									{ padding:0 !important; }

@media screen and (max-width:800px) {
#x-main														{ width:96%; margin:0 auto !important; padding:0 5px !important; float:none; }
}

/* --- custom content settings general --- */
.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:13px; color:#222; word-wrap:break-word; }
.x-bg a:link, .x-bg a:visited, .x-bg a:active	{ color:#222; }
.x-bg a:hover, .fpcc .countClass            		{ color:#3C7687; }
#CentralArea li, #x-main li				    		{ background:transparent url(images/x-tbul.png) 0 0 no-repeat; }




/* Header formatting
-------------------------------------------------- */
/* --- head main --- */
#x-head														{ height:auto; }
#x-head .x-fbox											{ text-align:center; width:33%; min-width:290px; margin:0 auto; padding:0; float:left; display:block; position:relative; left:0; top:0; }
@media screen and (max-width:890px) {
#x-head .x-fbox											{ float:none; }
}
#x-head-bar1												{ width:100%; background:#A6E0FF none; position:relative; text-align:center; overflow:hidden; }
#x-head-logo												{ width:272px; max-width:100%; display:block; margin:10px auto; padding:0; } /* position logo homepage link */
#x-head-prom												{ width:244px; max-width:100%; display:block; margin:10px auto; padding:0; } /* position logo homepage link */

/* --- search box --- */
#x-head-srch												{ width:250px; height:28px; position:relative; margin:38px auto 20px; padding:0; overflow:hidden; } 
@media screen and (max-width:890px) {
#x-head-srch												{ margin:10px auto 15px; }
}
#x-head-srch-sbox,
#x-head-srch-bttn										{ height:26px; line-height:26px; -moz-border-radius:5px; border-radius:5px; }
#x-head-srch-sbox										{ width:150px; color:#888; font-size:11px; font-style:italic; background:#FFF none; border:1px solid #469AC8; padding:0 10px; float:left; } /* input box */
#x-head-srch-bttn										{ width:66px; font-size:12px; font-weight:bold; color:#FFF; text-shadow:1px 1px #AA3C00; background:#FE6918 none; border:1px solid #AA3C00; float:right;} /* float submit button link */
#x-head-srch-bttn:hover								{ color:#FEF3DB; }

/* --- menu bar text links --- */
#x-head, #x-head-bar2								{ overflow:visible; z-index:9999; }
#x-head-bar2												{ width:100%; background:#D6F1FA none; text-align:center; }
#x-head-menu											{ position:relative; text-align:center; }
#x-head-menu a,
#x-head-menu div#x-head-cats					{ color:#3C7687; font:bold 14px/34px "Open Sans", Arial, Tahoma, Sans-serif; height:34px; margin:0; width:auto; padding:0 20px; display:inline-block; border-right:1px solid #CCC; }
#x-head-menu a:first-child							{ border-left:1px solid #CCC; }
#x-head-menu a:hover					    		{ color:#FF5A00; background:#F0FDFF none; }
#x-head-menu a img									{ width:16px; height:34px; }
#x-head-menu a img,
#x-head-menu div#x-head-cats					{ display:none; }
@media screen and (max-width:800px) {
#x-head-menu a											{ width:16px; }
#x-head-menu a span									{ display:none; }
#x-head-menu a img,
#x-head-menu div#x-head-cats					{ display:inline-block; position:relative;}
#x-head-menu div#x-head-cats					{ overflow:hidden; width:16px; }
#x-head-menu div#x-head-cats:hover		{ overflow:visible; height:auto; }
#x-head-menu div#x-head-cats ul				{ left:-24px; top:0; width:170px; background:#D6F1FA none; padding:5px 5px; list-style-type:none; z-index:9999; position:relative; z-index:9999; }
#x-head-menu div#x-head-cats ul li			{ background:transparent none; text-align:left; float:none; display:block; }
#x-head-menu div#x-head-cats ul li a		{ color:#3C7687 !important; font-size:12px; line-height:14px; width:auto; height:auto; text-transform:none; background:transparent url(images/x-side-lev1.png) 0 4px no-repeat; padding:3px 0 3px 12px; display:block; border:0 none; }
#x-head-menu div#x-head-cats ul li a:hover { color:#FF5A00 !important; }
}


/* Left panel formatting
-------------------------------------------------- */
/* --- adjust spacing below promo and text boxes --- */
#LeftPanel .x-prom, #x-main .x-prom,
#LeftPanel .x-tbtm, #x-main .x-tbtm 			{ display:block; margin:0 0 13px; }
#LeftPanel .x-tins						    			{ padding:5px 10px 10px; } /* text box inset padding */

/* --- toggle left column elements for storefront or template display only --- */
#LeftPanel .x-temp,
#x-template #LeftPanel .x-home              	{ display:none; } /* use this class for promo boxes on store only to hide on template */
#x-template #LeftPanel .x-temp              	{ display:block; } /* use this class for promo boxes on template only to hide on store */

/* title bars */
#LeftPanel h4												{ color:#000; text-align:center; font-weight:bold; font-size:130%; text-shadow:1px 1px #FFF; margin:0; padding:10px 10px 0; }

/* --- deal of the day --- */
#x-side-deal												{ width:auto; max-width:188px; min-width:158px; background:#FEF3DB none; border:1px solid #D2DBDE; margin:0 0 13px; -moz-border-radius:5px; border-radius:5px; } /* section bg */
#x-deal, #x-deal #x-feat								{ width:100%; position:relative; overflow:hidden; }
#x-deal #x-feat .x-fp									{ background:transparent url(images/x-side-deal-bttn.png) right bottom no-repeat; }
#x-deal #x-feat .x-fp a,
#x-deal #x-feat .x-fp a span						{ text-align:left; font-size:12px; line-height:14px; text-decoration:none; display:block; }
#x-deal #x-feat .x-fp a .title						{ color:#222; text-decoration:none;  margin:10px 0 20px; overflow:hidden; text-align:center; }
#x-deal #x-feat .x-fp a .title:hover				{ color:#3C7687; text-decoration:none; }
#x-deal #x-feat .x-fp a .price						{ color:#3C7687; font-size:14px; font-weight:bold; line-height:28px; display:block; padding:0 0 0 4px; }
#x-deal #x-feat .x-fp a .thumb					{ width:100%; margin:0 auto; padding:0; vertical-align:middle; text-align:center; }
#x-deal #x-feat .x-fp a .thumb img				{ width:98%; max-width:140px; height:100; max-height:140px; border:1px solid #CCC; margin:0 auto; }
#x-deal #cntdwn											{ position:relative; width:100%; height:18px; display:block; text-align:center !important; margin:5px auto 0; color:#222 !important; font:bold 15px/18px Arial, Tahoma, Sans-serif !important; background-color:none !important; }

/* --- side brands menu --- */
#x-side-brnd												{ width:auto; max-width:188px; min-width:158px; background:#CFEFF9 none; border:1px solid #D2DBDE; margin:0 0 13px; -moz-border-radius:5px; border-radius:5px; } /* section bg */
#x-side-brnd .x-tins			    						{ text-align:center; }
#x-side-brnd select										{ width:100%; color:#222; font-size:12px; background-color:#FFF; border:1px solid #CCC; line-height:16px; margin:0 auto 10px; padding:3px; -moz-border-radius:5px; border-radius:5px; }
#x-side-brnd #x-side-brnd-bttn					{ height:26px; color:#FFF; font-size:13px; line-height:26px; font-weight:bold; text-shadow:1px 1px #195263; background:#3C7687 none; border:1px solid #195263; padding:0 10px; display:block; float:right; -moz-border-radius:5px; border-radius:5px; }

/* --- side categories menu --- */
#x-side-cats												{ width:auto; max-width:188px; min-width:158px; background:#FFF none; border:1px solid #D2DBDE; margin:0 0 13px; -moz-border-radius:5px; border-radius:5px; } /* section bg */
#LeftPanel .lev1 li						    			{ text-align:left; }
#LeftPanel .lev1 li a, 
#LeftPanel .lev1 li span			        			{ color:#3C7687; background:transparent url(images/x-side-lev1.png) 1px 7px no-repeat; font-size:12px; line-height:14px; font-weight:bold; padding:6px 0 6px 14px; }
#LeftPanel .lev1 li span,
#LeftPanel .lev1 li a:hover		            		{ color:#FF5A00; background-image:url(images/x-side-lev1h.png); }
#LeftPanel .lev2, #LeftPanel .lev3	    		{ margin:0; padding:0 0 5px; }
#LeftPanel .lev2 li, #LeftPanel .lev3 li			{ border:0 none; }
#LeftPanel .lev2 li a,
#LeftPanel .lev2 li span                    			{ color:#3C7687; background:transparent url(images/x-side-lev2.png) 14px 4px no-repeat; font-size:12px; line-height:14px; font-weight:normal; padding:3px 0 3px 26px; }
#LeftPanel .lev3 li a,
#LeftPanel .lev3 li span 			       				{ color:#3C7687; background:transparent url(images/x-side-lev2.png) 26px 4px no-repeat; font-size:12px; line-height:14px; font-weight:normal; padding:3px 0 3px 38px; }
#LeftPanel .lev2 li span, 
#LeftPanel .lev3 li span,
#LeftPanel .lev2 li a:hover,
#LeftPanel .lev3 li a:hover		           			{ color:#FF5A00; background-image:url(images/x-side-lev2h.png); }

/* --- side newsletter text box --- */
#x-side-news												{ width:auto; max-width:188px; min-width:158px; background:#F7F5F2 none; border:1px solid #D2DBDE; margin:0 0 13px; -moz-border-radius:5px; border-radius:5px; } /* section bg */
#x-side-news p											{ text-align:center; line-height:16px; margin:0 0 10px; }
#x-side-news #x-side-news-bttn				{ height:26px; color:#FFF; font-size:13px; line-height:26px; font-weight:bold; text-shadow:1px 1px #195263; background:#3C7687 none; border:1px solid #195263; padding:0 10px; display:block; float:right; -moz-border-radius:5px; border-radius:5px; }
#x-side-news p.x-ckbx								{ line-height:16px; }
#x-side-news #general								{ margin:1px 5px 0 0; }



/* Homepage formatting
-------------------------------------------------- */



/* Support pages formatting
-------------------------------------------------- */
/* --- main general editable title bar --- */
#x-main h2													{ color:#534A3A; text-align:center; font:normal 18px/42px Arial, Tahoma, Sans-serif; height:32px; background:transparent url(images/x-main-tbar-h2bg.png) 0 0 no-repeat; margin:0; padding:0 20px; overflow:hidden; clear:both; }



/* Template formatting
-------------------------------------------------- */
/* --- main text boxes --- */
#x-main #x-main-gall.x-tmid,
#x-main #x-main-desc.x-tmid,
#x-main #x-main-ship.x-tmid,
#x-main #x-main-paym.x-tmid,
#x-main #x-main-retu.x-tmid						{ width:100%; /* max-width:729px; */ height:auto; background:#FFF none; border:1px solid #D2DBDE; margin:0 0 13px; padding:0 0 10px; -moz-border-radius:5px; border-radius:5px; }
#x-main #x-main-desc.x-tmid						{ background:#F7F5F2 none; }
#x-main .x-tins											{ padding:10px 15px 0; } /* text box inset padding */

/* --- template titles and description --- */
#CentralArea h1, #x-main h1						{ color:#3C7687; text-align:center; font:bold 16px/19px Arial, Tahoma, Sans-serif; margin:0; padding:0 0 15px; } /* listing main title */
#CentralArea h5, #x-main h5		            	{ color:#3C7687; text-align:left; font:bold 12px/18px Arial, Tahoma, Sans-serif; margin:0; padding:5px 0 10px; } /* listing section subtitles */
#x-template #x-main h4								{ color:#000; text-align:center; font-weight:bold; font-size:130%; text-shadow:1px 1px #FFF; margin:0; padding:6px 10px; background:#F7F5F2 none; border-bottom:1px solid #D2DBDE;  }


/* --- template product image single --- */
#x-gall-main												{ width:100%; max-width:680px; height:auto; border:0 none; background:#FFF none; text-align:center; margin:8px auto; overflow:hidden; }
#x-temp-gall .x-cntr										{ display:table-cell; vertical-align:middle; text-align:center; }
#x-gall-main img											{ width:80%; max-width:680px; display:block; margin:0 auto; }

/* --- dynamic button single --- */
#x-temp-bttn	   			  								{ width:100%; margin:0 auto; overflow:hidden; text-align:center; }
#x-temp-bttn div, #x-temp-bttn div a			{ width:168px; height:50px; display:block; cursor:pointer; }
#x-temp-bttn div#x-temp-bbin					{ background:transparent url(images/x-temp-bbin.png) left top no-repeat; margin:0 auto 13px; }
#x-temp-bttn div#x-temp-bbin:hover			{ background-position:left bottom; }

/* --- template promo banner image --- */
#x-main #x-main-prom								{ width:100%; max-width:714px; height:auto; margin:0 auto 13px; display:block; text-align:center; }
#x-main #x-main-prom table						{ margin:0 auto; }
#x-main #x-main-prom table tr td				{ vertical-align:middle; }
#x-main #x-main-prom table tr td,
#x-main #x-main-prom table tr td p,
#x-main #x-main-prom table tr td a			{ color:#3C7687; text-decoration:none; }
#x-main #x-main-prom table tr td a:hover	{ color:#FF5A00; text-decoration:underline; }
#x-main #x-main-prom table tr td img		{ padding-left:5px; }

/* --- template terms tabs --- */
#x-main-tabs												{ height:35px; border-bottom:1px solid #D5D5D5; }
#x-main-tabs a img										{ width:233px; height:35px; display:block; float:left; margin-bottom:1px; }
#x-main-tabs a img#x-main-ttab-01			{ margin-left:0px; }
#x-main-tabs a img#x-main-ttab-02			{ margin-left:7px; }
#x-main-tabs a img#x-main-ttab-03			{ margin-left:8px; }



/* Footer
-------------------------------------------------- */
#x-foot														{ height:auto; background:#D6F1FA none; padding:15px 0; text-align:center; }
#x-foot *					        							{ color:#625A48; font-size:12px; line-height:16px; }
#x-foot a:hover							    			{ color:#3C7687; text-decoration:underline; }
#x-foot-subm							    				{ padding:0 20px 0; }
#x-foot-copy							    				{ padding:5px 20px 0; }