@charset "utf-8";

/* Original design work copyright © OCDesignsOnline, All Rights Reserved. Used with permission by The Custom Vinyl Shop. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:transparent 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:#FFF; padding:0 0 10px !important; overflow:hidden; }
#CentralArea			{ padding:0 5px 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 Verdana, Geneva, Sans-serif; color:#282828; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#696969; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#F5AE01; text-decoration:underline; }



/* Header formatting
-------------------------------------------------- */
#x-header			{ position:relative; width:960px; height:227px; background:transparent url(images/x-header.png) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-logo				{ position:absolute; left:240px; top:25px; }
#x-logo, #x-logo img		{ width:122px; height:103px; border:0; }

#x-search			{ position:absolute; left:646px; top:95px; background:transparent none; }
#x-search, #x-search #x-query	{ width:300px; height:24px; overflow:hidden; }
#x-search form			{ display:inline; }
#x-search #x-query .v4sbox		{ width:260px; height:24px; border:0 none; background-color:transparent; font:11px Tahoma, Verdana, Geneva, Sans-serif; color:#696969; line-height:24px; margin:0; padding:0 5px; float:left; } 
#x-search #x-query .x-lookup	{ margin:0; padding:0; float:right; }

#x-menu				{ position:absolute; left:262px; top:171px; width:567px; }
#x-menu, x-menu ul li a span	{ height:42px; }
#x-menu ul			{ list-style-type:none; margin:0 0 0 0px; 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 Tahoma, Geneva, Arial, Sans-serif; color:#282828; line-height:42px; 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 15px 0 5px; }
#x-menu ul li a span		{ background:transparent url(images/x-menu-button.png) left top no-repeat; padding:0 3px 0 9px; }
#x-menu ul li a:hover, 
#x-menu ul li a:hover span		{ color:#282828; 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 5px; } /* last button with divider and hover image - remove divider on far right */
#x-menu ul li a.last span		{ background-image:none; padding:0 3px 0 9px; }
#x-menu ul li a.last:hover		{ background:transparent url(images/x-menu-button-l.png) right bottom no-repeat; }
#x-menu ul li a.last span:hover	{ background:transparent url(images/x-menu-button.png) left bottom no-repeat; }

#x-ba				{ display:none; position:relative; width:960px; height:288px; background:transparent url(images/x-banner.jpg) 0 0 no-repeat; margin:0 auto; padding:0; }
#x-ba p				{ color:#C8C8C8; text-align:left; padding:47px 14px 22px 602px; }
#x-ba p, #x-ba p a			{ font:normal 11px 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:#EBEBEB; text-decoration:underline; }
#x-ba p a:hover			{ color:#FFD264; text-decoration:underline; }



/* Left nav bar formatting
-------------------------------------------------- */
#LeftPanel			{ margin:0 !important; padding:0 0 0 5px !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:42px; }
.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: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; }
#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:#696969; line-height:18px; }

#LeftPanel h4			{ width:210px; height:42px; 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				{ background:transparent url(images/x-ln-bg-cats.jpg) left bottom no-repeat; margin:0 0 13px; padding:0 0 5px; }
#x-cat ul.lev1 li			{ background:transparent url(images/x-ln-divider.png) left top no-repeat; margin:0 1px; padding:4px 0 3px; cursor:pointer; }
#x-cat ul.lev1 li:hover		{ background-color:#FFF; }
#x-cat ul.lev1 li a, #x-cat ul.lev1 li span	 { background:transparent url(images/x-ln-lev1.png) 10px 8px no-repeat; display:block; margin:0; padding:0 10px 0 24px; }
#x-cat ul.lev1 li a:hover		{ color:#F5AE01; text-decoration:none; }

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

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



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



/* Footer formatting
-------------------------------------------------- */
#x-footer				{ width:960px; height:32px; margin:0 auto; background:#FFF 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:#757575; letter-spacing:0.03em; padding:0; line-height:32px; }
#x-footer a, #x-footer a:link,
#x-footer a:active			{ color:#757575; text-decoration:none; }
#x-footer a:hover			{ color:#696969; text-decoration:underline; }