@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:#000 url(images/x-bg.png) left top scroll repeat; 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; background:#1C1C1C url(images/x-content.png) 0 0 repeat-y; padding:0 0 5px !important; overflow:hidden; }
#CentralArea			{ padding:0 10px 0 0 !important; }
#TopPromoArea			{ display:none !important; margin:0 !important; padding:0 !important; }
/* catalog main content area */ table.r3 { background-color:#FFF !important; }

p, a, .x-bg, .x-bg p, .x-bg a		{ font:12px Tahoma, Geneva, Arial, Sans-serif; color:#A2A2A2; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#000; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#FF1A00; text-decoration:underline; }



/* Header formatting
-------------------------------------------------- */
#x-header			{ position:relative; width:960px; height:239px; background:transparent url(images/x-header.png) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-logo				{ position:absolute; left:1px; top:4px; }
#x-logo, #x-logo img		{ width:188px; height:136px; }
#x-htrs				{ position:absolute; left:266px; top:14px; }
#x-htrs, #x-htrs img		{ width:88px; height:121px; }
#x-heps				{ position:absolute; left:445px; top:35px; }
#x-heps, #x-heps img		{ width:189px; height:81px; }
#x-hifb				{ position:absolute; left:778px; top:37px; }
#x-hifb, #x-hifb img			{ width:90px; height:26px; }
#x-hitw				{ position:absolute; left:868px; top:37px; }
#x-hitw, #x-hitw img		{ width:90px; height:26px; }
#x-hiph				{ position:absolute; left:737px; top:80px; }
#x-hiph, #x-hiph img		{ width:221px; height:27px; }

#x-menu				{ position:absolute; left:0; top:144px; 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, #x-menu ul li a span	{ display:block; text-align:center; font:normal 14px Verdana, Geneva, Sans-serif; color:#FFF; line-height:36px; text-decoration:none; cursor:pointer; }
#x-menu ul li a			{ background:transparent url(images/x-menu-button-r.png) right top no-repeat; padding:0 2px 0 0; }
#x-menu ul li a span		{ background:transparent url(images/x-menu-button.png) left top no-repeat; padding:0 18px; }
#x-menu ul li a:hover, 
#x-menu ul li a:hover span		{ color:#FFF; text-decoration:none; }
#x-menu ul li a:hover		{ background-position:right bottom; }
#x-menu ul li a:hover span		{ background-position:left bottom; }

#x-menu ul li a.last			{ background-image:none; padding:0; } /* last button with divider and hover image - remove divider on far right */
#x-menu ul li a.last span		{ background-image:none; padding:0 18px; }
#x-menu ul li a.last:hover		{ background:transparent none; }
#x-menu ul li a.last span:hover	{ background:transparent url(images/x-menu-button.png) left bottom no-repeat; }

#x-search			{ position:absolute; left:0px; top:186px; width:440px; height:24px; background:transparent url(images/x-search.png) right top no-repeat; }
#x-search form			{ display:inline; }
#x-search-title			{ position:absolute; left:0; top:0; width:140px; height:24px; }
#x-search-title p			{ text-align:right; font:normal 14px Verdana, Geneva, Sans-serif; color:#A2A2A2; line-height:24px; margin:0; padding:0 8px 0 0; }
#x-search #x-query			{ position:absolute; left:140px; top:0; width:300px; height:24px; margin:0; overflow:hidden; }
#x-search #x-query .v4sbox		{ width:260px; height:24px; border:0 none; background-color:transparent; font:normal 12px Verdana, Geneva, Sans-serif; color:#FFF; line-height:24px; margin:0; padding:0 5px; float:left; } 
#x-search #x-query .x-lookup	{ margin:0; padding:0; float:right; }



/* Left nav bar formatting
-------------------------------------------------- */
#LeftPanel			{ margin:0 !important; padding:0 0 0 10px !important; vertical-align:top !important; float:left; }
#LeftPanel, #x-cat, #x-news,
.x-ln-top, .x-ln-mid, .x-ln-btm		{ width:210px !important; text-align:left; }
.x-ln-top				{ background:transparent url(images/x-ln-top.png) 0 0 no-repeat; height:5px; }
.x-ln-mid				{ background:transparent url(images/x-ln-mid.png) 0 0 repeat-y; }
.x-ln-btm				{ background:transparent url(images/x-ln-btm.png) 0 0 no-repeat; height:18px; }
#LeftPanel ul			{ list-style-type:none; margin:0; padding:0; }
#LeftPanel .ttl, #LeftPanel .cnt,
#LeftPanel .all_cats, #LeftPanel .link,
#LeftPanel .v4acpcont		{ display:none !important; }
#x-cat ul.lev1 li a, #x-cat ul.lev1 li span,
#x-cat ul.lev2 li a, #x-cat ul.lev2 li span,
#x-news p, #x-size .x-ln-dropbox	{ text-align:left; font:normal 12px Tahoma, Geneva, Arial, Sans-serif; color:#A2A2A2; line-height:16px; }

#LeftPanel h4			{ width:210px; height:48px; 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); }

#x-cat ul.lev1 li			{ margin:0; padding:3px 0; cursor:pointer; }
#x-cat ul.lev1 li a, #x-cat ul.lev1 li span	 { background:transparent url(images/x-ln-lev1.png) 0 0 no-repeat; display:block; margin:0; padding:0 10px 0 20px; }
#x-cat ul.lev1 li a:hover		{ color:#FF1A00; text-decoration:none; background:transparent url(images/x-ln-lev1-h.png) 0 0 no-repeat; }

#x-cat ul.lev2 li a, #x-cat ul.lev2 li span { background:transparent none; display:block; margin:0; padding:0 10px 0 35px; font-size:11px; }
#x-cat ul.lev2 li a:hover		{ color:#FF1A00; text-decoration:none; background:transparent none; }

#x-size form			{ margin:0; padding:5px 10px; }
#x-size .x-ln-dropbox		{ width:190px; background-color:#282828; border:1px solid #454545; margin:0 auto; padding:3px; }

#x-news				{ overflow:hidden; }
#x-news p			{ padding:10px 10px 5px; }
#x-news .x-signup			{ margin:5px 10px; float:right; }
#x-news .x-signup img		{ width:90px; height:24px; }

#x-promo img			{ width:190px; height:180px; margin:0 auto; display:block; padding:5px 0; }



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

#x-ba				{ width:716px; height:263px; background:transparent url(images/x-home-banner.jpg) 0 0 no-repeat; margin:0; } /* welcome banner */
#x-ba p				{ color:#A2A2A2; text-align:left; padding:40px 246px 20px 10px; }
#x-ba p, #x-ba p a			{ font:normal 12px Tahoma, Geneva, Arial Sans-erif; line-height:17px; }
#x-ba p a, #x-ba p a:visited,
#x-ba p a:active, #x-ba p a:link	{ color:#B6B8B9; text-decoration:underline; }
#x-ba p a:hover			{ color:#EFEFEF; text-decoration:underline; }

.x-fb, .x-fb a			{ width:171px; height:227px; } /* featured item boxes */
.x-fb				{ background:transparent url(images/x-fb-bg.png) 0 0 no-repeat; margin:0 0 0 10px; float:left; }
.x-fb-first				{ margin:0; }
.x-fb a, .x-fb a:visited,
.x-fb a:active, .x-fb a:link		{ color:#FFF; text-decoration:none; text-align:center; font:normal 14px Tahoma, Geneva, Arial, Sans-serif; display:block; }
.x-fb a:hover			{ color:#FF1A00; text-decoration:none; }
.x-fb img				{ width:151px; height:161px; margin:10px auto 20px; display:block; }
.x-fb2r img			{ margin-bottom:12px; }



/* Footer formatting
-------------------------------------------------- */
#x-footer				{ width:960px; height:71px; margin:0 auto; background:transparent url(images/x-footer.png) 0 0 no-repeat; }
#x-footer, #x-footer a		{ text-align:center; font:normal 11px Tahoma, Geneva, Arial, Sans-serif; color:#A2A2A2; letter-spacing:0.04em; padding:0; line-height:98px; }
#x-footer a, #x-footer a:link,
#x-footer a:active			{ color:#A2A2A2; text-decoration:none; }
#x-footer a:hover			{ color:#B6B8B9; text-decoration:underline; }