@charset "utf-8";

/* Original design work copyright © OCDesignsOnline, All Rights Reserved. Used with permission by Store Velo. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:transparent url(images/x-bg.png) left top repeat-x; padding:0; }
.x-bg *				{ margin:0; padding:0; }
.x-bg img				{ border:0; }
.x-bg, .x-content			{ margin:0 auto; text-align:center; vertical-align:top; }
.x-content			{ width:960px; padding:0 0 10px !important; overflow:hidden; }
#CentralArea			{ padding:0 !important; }
#TopPromoArea			{ display:none !important; margin:0 !important; padding:0 !important; }

p, a, .x-bg, .x-bg p, .x-bg a		{ font:12px Verdana, Geneva, Sans-serif; color:#6A6A6A; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#6A6A6A; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#6DE00E; text-decoration:underline; }



/* Header formatting
-------------------------------------------------- */
#x-header			{ position:relative; width:960px; height:365px; background:transparent url(images/x-header.png) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-logo				{ position:absolute; left:22px; top:0; }
#x-logo, #x-logo img		{ width:286px; height:75px; border:0; }
#x-paypal			{ position:absolute; left:762px; top:4px; }
#x-paypal, #x-paypal img		{ width:187px; height:27px; border:0; }
#x-hbanner			{ position:absolute; left:0; top:145px; }
#x-hbanner, #x-hbanner img		{ width:960px; height:220px; border:0; }

#x-search			{ position:absolute; left:643px; top:57px; width:300px; height:24px; background:transparent url(images/x-search.png) 0 0 no-repeat; }
#x-search form			{ display:inline; }
#x-search #x-query			{ width:300px; height:24px; margin:0; overflow:hidden; }
#x-search #x-query .v4sbox		{ width:256px; height:14px; border:0px solid #000; background-color:transparent; font:12px Verdana, Geneva, Sans-serif; color:#172B4C; line-height:14px; margin:0; padding:5px 8px; float:left; }
#x-search #x-query .x-lookup	{ margin:5px 6px 0 0; padding:0; float:right; }

#x-menu				{ position:absolute; left:0; top:96px; width:960px; }
#x-menu, x-menu ul li a span	{ height:36px; }
#x-menu ul			{ list-style-type:none; margin:0 10px; padding:0; }
#x-menu ul li			{ float:left; margin:0; }
#x-menu ul li a			{ display:block; text-align:center; font:normal 13px Verdana, Geneva, Sans-serif; color:#4F4F4F; line-height:36px; text-decoration:none;
				  background:url(images/x-menu-button-r.png) right top no-repeat; padding:0 14px 0 10px; }
#x-menu ul li a span		{ display:block; text-align:center; font:normal 13px Verdana, Geneva, Sans-serif; color:#4F4F4F; line-height:36px; background:url(images/x-menu-button.png) left top no-repeat; cursor:pointer; padding:0 10px 0 13px; }
#x-menu ul li a:hover		{ color:#FFF; text-decoration:none; background-position:right bottom; }
#x-menu ul li a:hover span		{ color:#FFF; text-decoration:none; background-position:left bottom; }

#x-menu ul li a.last			{ background-image:none; padding:0 3px 0 10px; }
#x-menu ul li a.last span		{ background-image:none; padding:0 10px 0 13px; }
#x-menu ul li a.last:hover		{ background:url(images/x-menu-button-l.png) right top no-repeat; }
#x-menu ul li a.last span:hover	{ background:url(images/x-menu-button.png) left bottom no-repeat; }




/* Left nav bar formatting
-------------------------------------------------- */
#LeftPanel			{ margin:0 !important; padding:0 !important; vertical-align:top !important; float:left; }
#LeftPanel, #x-cat, #x-news,
.x-ln-title, .x-ln-bg, .x-ln-ft, 
.x-ln-smallbox			{ width:210px !important; text-align:left; }
.x-ln-title				{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:41px; }
.x-ln-bg				{ background:transparent url(images/x-ln-bg.png) 0 0 repeat-y; }
.x-ln-ft				{ background:transparent url(images/x-ln-ft.png) 0 0 no-repeat; height:5px; margin:0 0 13px; }
#LeftPanel ul			{ list-style-type:none; margin:0; padding:0; }
#LeftPanel .ttl, #LeftPanel .cnt,
#LeftPanel .all_cats, #LeftPanel .link,
#LeftPanel .v4acpcont		{ display:none !important; }

#LeftPanel h4			{ height:41px; background:transparent url(images/x-ln-title.png) 0 0 no-repeat; display:block; margin:0; padding:0; }
#LeftPanel h4.cats			{ background-image:url(images/x-ln-title-cats.png); }
#LeftPanel h4.news		{ background-image:url(images/x-ln-title-news.png); }
#LeftPanel h4.why			{ background-image:url(images/x-ln-title-why.png); }

#x-cat ul.lev1 li a, #x-cat ul.lev1 li span	 { background:transparent url(images/x-ln-button-lev1.png) left top no-repeat; display:block; margin:0; padding:0 10px;
				  color:#6A6A6A; font:normal 12px Verdana, Geneva, Sans-serif; text-decoration:none; line-height:25px; }
#x-cat ul.lev1 li a:hover		{ color:#6DA00E; text-decoration:none; background-position:left bottom; }

.x-ln-smallbox			{ height:46px; background:transparent url(images/x-ln-smallbox.png) 0 0 no-repeat; margin:0 0 13px; }
form.x-ln-dd			{ display:inline; }
.x-ln-dropbox			{ width:186px; background-color:#F6F6F6; border:1px solid #BFBFBF !important; margin:11px 12px; padding:3px; 
				  font:12px Verdana, Geneva, Sans-serif; font-weight:normal; color:#6A6A6A; line-height:15px; }
#x-news				{ overflow:hidden; }
#x-news p			{ text-align:left; font:normal 12px Verdana, Geneva, Sans-serif; color:#6A6A6A; line-height:15px; padding:10px 10px 5px; }
#x-news .x-signup			{ margin:0 10px 5px 0; float:right; }
#x-news .x-signup img		{ width:90px; height:24px; }

#x-ln-contact, #x-ln-orgs		{ margin:0 0 13px; }
#x-ln-contact, #x-ln-contact img	{ width:210px; height:152px; }
#x-ln-orgs, #x-ln-orgs img		{ width:210px; height:152px; }


/* Homepage formatting
-------------------------------------------------- */
#x-home				{ width:737px; margin:0 auto; padding:0; float:right; }

#x-welcome			{ width:737px; height:287px; background:transparent url(images/x-home-welcome.png) 0 0 no-repeat; margin:0 0 13px; }
#x-welcome .x-hw-inset		{ padding:60px 10px 0; }
#x-welcome p			{ text-align:left; font:normal 12px Verdana, Geneva, Sans-serif; color:#6A6A6A; line-height:18px; margin:0; padding:0 0 18px; }

.x-tb-title, .x-tb-top,
.x-tb-mid, .x-tb-btm			{ width:737px; } /* section text box */
.x-tb-title				{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:35px; }
.x-tb-title-cats			{ background-image:url(images/x-tb-title-shopcats.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; overflow:hidden; }
.x-tb-btm				{ background:transparent url(images/x-tb-btm.png) 0 0 no-repeat; height:5px; margin:0 0 13px; }
.x-tb-ins				{ padding:0 15px 0; } /* inset */
.x-tb-mid, .x-tb-mid p, 
.x-tb-mid a, .x-tb-mid li		{ text-align:left; font:12px Verdana, Geneva, Sans-serif; color:#6A6A6A; line-height:15px; }
.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-bullet.png) 0 0 no-repeat; padding:0 0 5px 15px; line-height:15px; } /* bullet img w10px h15px */
.x-tb-mid a, .x-tb-mid a:visited,
.x-tb-mid a:active, .x-tb-mid a:link	{ color:#6DA00E; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#0B3170; text-decoration:underline; }

.x-sc, .x-sc a			{ width:182px; height:191px; } /* featured item boxes */
.x-sc				{ background:transparent url(images/x-sc-bg.png) 0 0 no-repeat; margin:8px 0 0 2px; float:left; }
.x-sc a, .x-sc a:visited,
.x-sc a:active, .x-sc a:link		{ color:#2C4400; text-decoration:none; text-align:center; font:normal 14px Verdana, Geneva, Sans-serif; display:block; }
.x-sc a:hover			{ color:#0B3170; text-decoration:none; }
.x-sc img				{ width:140px; height:120px; margin:13px 21px 24px; display:block; }



/* Footer formatting
-------------------------------------------------- */
#x-footbg				{ width:100%; height:52px; margin:0 auto; background:transparent url(images/x-footer.png) 0 0 repeat-x; }
#x-footer				{ width:960px; height:52px; margin:0 auto; }
img.x-ftlogo			{ width:63px; height:44px; border:0; margin:7px 8px 0 0; padding:0; float:left; }
#x-footer, #x-footer a		{ text-align:left; font:normal 11px Verdana, Geneva, Sans-serif; color:#727272; letter-spacing:1px; padding:0; line-height:60px; }
#x-footer a, #x-footer a:link,
#x-footer a:active			{ color:#727272; text-decoration:none; }
#x-footer a:hover			{ color:#172B4C; text-decoration:underline; }