@charset "utf-8";

/* Original design work copyright © OCDesignsOnline, All Rights Reserved. Used with permission by Pacific Northwest Home Hardware. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:#22180E url(images/x-bg.jpg) center top scroll no-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-color:#FFF2DE; padding:0 !important; overflow:hidden; }
.x-contenthead			{ width:960px; background-color:#FFF2DE; margin:0 auto; padding:0 !important; overflow:hidden; }
#CentralArea			{ padding:0 9px 0 0 !important; }
#TopPromoArea			{ display:none !important; margin:0 !important; padding:0 !important; }

p, a, .x-bg, .x-bg p, .x-bg a		{ font:12px Georgia, "Times New Roman", Times, Serif; color:#22180E; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#5B2F11; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#5B0001; text-decoration:underline; }



/* Header formatting
-------------------------------------------------- */
#x-header			{ position:relative; width:960px; height:133px; background:transparent url(images/x-header.jpg) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-logo				{ position:absolute; left:10px; top:10px; }
#x-logo, #x-logo img		{ width:413px; height:62px; border:0; }

#x-menu				{ position:absolute; left:40px; top:89px; width:670px; overflow:hidden; }
#x-menu, x-menu ul li a span	{ height:36px; }
#x-menu ul			{ list-style-type:none; margin:0; 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 12px Georgia, "Times New Roman", Times, 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 19px 0 0; }
#x-menu ul li a span		{ background:transparent url(images/x-menu-button.png) left top no-repeat; padding:0 0 0 16px; }
#x-menu ul li a:hover, 
#x-menu ul li a:hover span		{ color:#FFE0C9; 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-search			{ position:absolute; left:707px; top:93px; width:188px; height:27px; background:transparent url(images/x-search.png) 0 0 no-repeat; }
#x-search form			{ display:inline; }
#x-search #x-query			{ width:188px; height:27px; margin:0; overflow:hidden; }
#x-search #x-query .v4sbox		{ width:136px; height:17px; border:0 none; background-color:transparent; font:11px Georgia, "Times New Roman", Times, Serif; color:#22180E; line-height:17px; margin:0; padding:5px 8px; float:left; } 
#x-search #x-query .x-lookup	{ margin:7px 6px 0 0; padding:0; float:right; }

#x-topbanner			{ position:relative; width:942px; height:97px; margin:0 auto; padding:0; }
#x-topbanner-01			{ position:absolute; left:0; top:0; }
#x-topbanner-02			{ position:absolute; left:318px; top:0; }
#x-topbanner-03			{ position:absolute; left:635px; top:0; }
#x-topbanner-01, #x-topbanner-01 img,
#x-topbanner-02, #x-topbanner-02 img,
#x-topbanner-03, #x-topbanner-03 img	{ width:306px; height:97px; }



/* Left nav bar formatting
-------------------------------------------------- */
#LeftPanel			{ margin:0 !important; padding:0 0 0 9px !important; vertical-align:top !important; float:left; }
#LeftPanel, #x-cat, #x-news,
.x-ln-bg, .x-ln-ft, #LeftPanel h4	{ width:210px !important; text-align:left; }
.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:16px; }
.x-ln-inset			{ padding:10px 10px 5px; }
#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:32px; 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.finish		{ background-image:url(images/x-ln-title-finish.png); }
#LeftPanel h4.news		{ background-image:url(images/x-ln-title-news.png); }

#x-cat ul.lev1, #x-cat ul.lev1 li	{ margin:0; padding:0; }
#x-cat ul.lev1 li a, #x-cat ul.lev1 li span	 { height:26px; background:transparent url(images/x-ln-button-lev1.png) left top no-repeat; display:block; margin:0; padding:0 10px 0 36px;
				  color:#22180E; font:normal 12px Georgia, "Times New Roman", Times, Serif; text-decoration:none; line-height:26px; }
#x-cat ul.lev1 li a:hover		{ color:#FFF; text-decoration:none; background-position:left bottom; }

form.x-ln-dd			{ display:inline; }
.x-ln-dropbox			{ width:190px; background-color:#F8F8F8; border:1px solid #9A886A; margin:0 auto; padding:3px; 
				  font:normal 12px Georgia, "Times New Roman", Times, Serif; color:#22180E; line-height:15px; }

#x-news				{ overflow:hidden; }
#x-news p			{ text-align:left; font:normal 12px Georgia, "Times New Roman", Times, Serif; color:#22180E; line-height:15px; padding:10px 10px 5px; }
#x-news .x-signup			{ margin:5px 10px; float:right; }
#x-news .x-signup img		{ width:90px; height:24px; }

.x-ln-promo			{ width:210px; height:100px; }
#x-ln-tm				{ background:transparent url(images/x-ln-promo-tm.png) 0 0 no-repeat; }
#x-ln-tm p			{ text-align:left; font:normal 12px Georgia, "Times New Roman", Times, Serif; color:#5B0001; line-height:17px; padding:10px 10px; }



/* Homepage formatting
-------------------------------------------------- */
#x-home				{ width:718px; margin:0 auto; padding:0; float:right; }
.x-tb-title h4			{ text-align:left; font:normal 15px Trebuchet MS, Arial, Sans-serif; color:#131212; line-height:35px; margin:0; padding:0 20px; }

#x-hba				{ width:718px; height:258px; background:transparent url(images/x-home-banner.jpg) 0 0 no-repeat; margin:0 0 4px; }
#x-hba p				{ text-align:left; font:normal 16px Georgia, Times New Roman, Times, Serif; color:#FFF; line-height:19px; padding:105px 400px 0 16px; }
#x-hba p .bright			{ font-weight:bold; color:#DABA59; }

.x-tb-title, .x-tb-top,
.x-tb-mid, .x-tb-btm			{ width:718px; } /* section text box */
.x-tb-title				{ background:transparent url(images/x-tb-title.jpg) 0 0 no-repeat; height:32px; }
.x-tb-title-shopcats			{ background-image:url(images/x-tb-title-shopcats.jpg); }
.x-tb-title-shopfinish		{ background-image:url(images/x-tb-title-shopfinish.jpg); }
.x-tb-title-descr			{ background-image:url(images/x-tb-title-descr.jpg); }
.x-tb-title-similar			{ background-image:url(images/x-tb-title-similar.jpg); }
.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:12px; margin:0 0 4px; }
.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 Georgia, "Times New Roman", Times, Serif; color:#22180E; 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:#574115; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#5B0001; text-decoration:underline; }

.x-sc, .x-sc a			{ width:168px; height:167px; } /* featured item boxes */
.x-sc				{ background:transparent url(images/x-sc-bg.png) 0 0 no-repeat; margin:0 0 0 9px; float:left; }
.x-sc a, .x-sc a:visited,
.x-sc a:active, .x-sc a:link		{ color:#FFF; text-decoration:none; text-align:center; font:normal 12px Georgia, "Times New Roman", Times, Serif; display:block; }
.x-sc a:hover			{ color:#FFE0C9; font-weight:bold; text-decoration:none; }
.x-sc img				{ width:156px; height:112px; margin:6px 6px 14px; display:block; }

.x-sf, .x-sf a			{ width:76px; height:99px; } /* featured item boxes */
.x-sf				{ background:transparent url(images/x-sf-bg.png) 0 0 no-repeat; margin:4px 0 0 12px; float:left; }
.x-sf-last				{ margin:4px 16px 0 12px; }
.x-sf a, .x-sf a:visited,
.x-sf a:active, .x-sf a:link		{ color:#5B0001; text-decoration:none; text-align:center; font:normal 11px Georgia, "Times New Roman", Times, Serif; line-heigh:14px; display:block; }
.x-sf a:hover			{ color:#8A4F18; text-decoration:none; }
.x-sf img				{ width:66px; height:52px; margin:5px 5px 10px; display:block; }
.x-s2r img			{ margin:5px 5px 4px; }

p.x-finish				{ text-align:left; font:normal 11px Georgia, "Times New Roman", Times, Serif; color:#22180E; line-height:19px; letter-spacing:0.02em; margin:0; padding:0 15px 0 0 !important; display:block; }
p.x-finish span			{ font-weight:bold; color:#5B0001; }



/* Footer formatting
-------------------------------------------------- */
#x-footer				{ width:960px; height:72px; 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 Georgia, "Times New Roman", Times, Serif; color:#FFF2DE; letter-spacing:1px; padding:0; line-height:90px; }
#x-footer a, #x-footer a:link,
#x-footer a:active			{ color:#FFF2DE; text-decoration:none; }
#x-footer a:hover			{ color:#FECFCF; text-decoration:underline; }