@charset "utf-8";

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

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:transparent url(images/x-bg.png) left top scroll 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; background:#FFF url(images/x-content.png) left top repeat-y; 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:#191919; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#5A1F03; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#9B4D05; text-decoration:underline; }



/* Header formatting
-------------------------------------------------- */
#x-header			{ position:relative; width:960px; height:100px; background:transparent url(images/x-header.png) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-logo				{ position:absolute; left:22px; top:18px; }
#x-logo, #x-logo img		{ width:221px; height:54px; }

#x-menu				{ position:absolute; left:265px; top:20px; width:460px; }
#x-menu, x-menu ul li a span	{ height:26px; }
#x-menu ul			{ list-style-type:none; margin:0 0 0 5px; 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:bold 15px "Trebuchet MS", Tahoma, Geneva, Sans-serif; color:#FFF; line-height:26px; 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 16px 0 10px; }
#x-menu ul li a span		{ background:transparent url(images/x-menu-button.png) left top no-repeat; padding:0 3px 0 8px; }
#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 15px 0 10px; }
#x-menu ul li a.last span		{ background-image:none; padding:0 3px 0 8px; }
#x-menu ul li a.last:hover		{ background:transparent url(images/x-menu-button-l.png) right top no-repeat; }
#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:744px; top:21px; background:transparent url(images/x-search.png) 0 0 no-repeat; }
#x-search, #x-search #x-query	{ width:195px; height:26px; overflow:hidden; }
#x-search form			{ display:inline; }
#x-search #x-query .v4sbox		{ width:130px; height:26px; border:0 none; background-color:transparent; font:11px Verdana, Geneva, Sans-serif; color:#551705; line-height:26px; margin:0; padding:0 8px; float:left; } 
#x-search #x-query .x-lookup	{ margin:0 0; padding:0; float:right; }

#x-topbanner			{ position:relative; width:960px; height:135px; margin:0 auto; padding:0; }
#x-banner-01			{ position:absolute; left:0; top:0; }
#x-banner-02			{ position:absolute; left:324px; top:0; }
#x-banner-03			{ position:absolute; left:647px; top:0; }
#x-banner-01, #x-banner-01 img,
#x-banner-02, #x-banner-02 img,
#x-banner-03, #x-banner-03 img	{ width:313px; height:135px; }


/* 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-mid, .x-ln-btm		{ width:210px !important; text-align:left; }
.x-ln-title				{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:46px; }
.x-ln-top				{ background:transparent url(images/x-ln-top.png) 0 0 no-repeat; height:10px; }
.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:10px; margin:0 0 15px; }
#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-promo p		{ text-align:left; font:normal 12px Verdana, Geneva, Sans-serif; color:#191919; line-height:15px; }

#LeftPanel h4			{ width:210px; height:46px; 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:1px 0 2px; background:transparent url(images/x-ln-divider.png) left bottom no-repeat; cursor:pointer; }
#x-cat ul.lev1 li a, #x-cat ul.lev1 li span	 { background:transparent url(images/x-ln-lev1.png) 15px 11px no-repeat; display:block; margin:0; padding:5px 10px 5px 30px; }
#x-cat ul.lev1 li a:hover		{ color:#FFF; text-decoration:none; background:#855439 url(images/x-ln-lev1.png) 15px 11px no-repeat; }

#x-cat ul.lev2 li			{ margin:0; padding:0; background:transparent none; }
#x-cat ul.lev2 li a, #x-cat ul.lev2 li span { background:transparent none; font-size:11px; line-height:13px; text-indent:-5px; display:block; margin:0; padding:3px 10px 3px 45px; }
#x-cat ul.lev2 li a:hover		{ color:#FFF; text-decoration:none; background-color:#855439; background-image:none; }

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

#x-paypal			{ text-align:center; }
#x-paypal img			{ width:130px; height:148px; margin:0 auto; }



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

#x-ba				{ width:737px; height:249px; background:transparent url(images/x-home-banner.jpg) 0 0 no-repeat; margin:0 0 15px; overflow:hidden; }
#x-ba p				{ color:#191919; text-align:left; padding:80px 355px 0 25px; }
#x-ba p, #x-ba p a			{ font:normal 12px Verdana, Geneva, Sans-serif; line-height:16px; }
#x-ba p a, #x-ba p a:visited,
#x-ba p a:active, #x-ba p a:link	{ color:#5A1F03; text-decoration:underline; }
#x-ba p a:hover			{ color:#9B4D05; text-decoration:underline; }
#x-ba a.x-readmore		{ margin:15px 0 0 25px; float:left; }
#x-ba a.x-readmore img		{ width:106px; height:26px; }

.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:46px; }
.x-tb-title-shopcats			{ background-image:url(images/x-tb-title-shopcats.png); }
.x-tb-title-descr			{ background-image:url(images/x-tb-title-descr.png); }
.x-tb-title-faq			{ background-image:url(images/x-tb-title-faq.png); }
.x-tb-top				{ background:transparent url(images/x-tb-top.png) 0 0 no-repeat; height:10px; }
.x-tb-mid				{ background:transparent url(images/x-tb-mid.png) 0 0 repeat-y; padding:5px 0 0; overflow:hidden; }
.x-tb-btm				{ background:transparent url(images/x-tb-btm.png) 0 0 no-repeat; height:10px; margin:0 0 15px; }
.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:#191919; line-height:16px; }
.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:16px; } /* bullet img w10px h15px */
.x-tb-mid a, .x-tb-mid a:visited,
.x-tb-mid a:active, .x-tb-mid a:link	{ color:#5A1F03; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#9B4D05; text-decoration:underline; }
.x-tb-mid h5			{ text-align:left; font:bold 12px Verdana, Geneva, Sans-serif; color:#5A1F03; line-height:15px; text-decoration:underline; margin:0; padding:8px 0; } /* text subtitles */
.x-tb-mid .divider			{ width:100%; height:1px; background-color:#E6E6E6; margin:0 0 10px; padding:0; }

.x-fb, .x-fb a			{ width:222px; height:218px; } /* featured item boxes */
.x-fb				{ background:transparent url(images/x-fb-bg.png) 0 0 no-repeat; margin:6px 0 6px 17px; float:left; }
.x-fb a, .x-fb a:visited,
.x-fb a:active, .x-fb a:link		{ color:#191919; text-decoration:none; text-align:center; font:normal 15px "Trebuchet MS", Tahoma, Geneva, Sans-serif; line-height:16px; display:block; }
.x-fb a:hover			{ color:#5A1F03; text-decoration:none; }
.x-fb img				{ width:180px; height:134px; margin:20px auto 31px; display:block; }
.x-fb2r img			{ margin-bottom:22px; }



/* Sub page formatting
-------------------------------------------------- */
#x-sub					{ width:737px; margin:0 auto; padding:0; float:right; }




/* Footer formatting
-------------------------------------------------- */
#x-footer				{ width:960px; height:36px; 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 Verdana, Geneva, Sans-serif; color:#855439; letter-spacing:0.04em; padding:0; line-height:36px; }
#x-footer a, #x-footer a:link,
#x-footer a:active			{ color:#855439; text-decoration:none; }
#x-footer a:hover			{ color:#9B4D05; text-decoration:underline; }