@charset "utf-8";

/* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by Coast National Sales. */

/* General page formatting
-------------------------------------------------- */
body											{ margin:0 2px !important; padding:0 !important; }
.x-bg											{ background:#E8E8E8 url(images/x-bg.jpg) center top scroll repeat-x; padding:10px 0 0; }
.x-bg *											{ margin:0; padding:0; vertical-align:top; }
.x-bg img										{ border:0; }
.x-bg, .x-content							{ margin:0 auto; text-align:center; vertical-align:top; }
.x-content									{ background:transparent url(images/x-content.png) center top repeat-y; padding:10px 0 !important; }
.x-content, #x-head, #x-foot		{ width:970px; position:relative; margin:0 auto; }
#x-bg-head, #x-bg-foot				{ width:100%; position:relative; margin:0 auto; }
#CentralArea, #x-tmpl, 
#x-home, #x-shop, #x-fa, 
.x-tb-title, .x-tb-top, 
.x-tb-mid, .x-tb-btm, ul.x-tt			{ width:697px; }
#LeftPanel, .x-ln-title, 
.x-ln-top, .x-ln-mid, .x-ln-btm 		{ width:210px !important; }
#CentralArea, #x-tmpl, #x-home { margin:0 !important; padding:0 25px 0 0 !important; float:right; vertical-align:top; }
#x-home										{ padding:0 !important; }
#LeftPanel									{ margin:0 !important; padding:0 0 0 25px !important; float:left; vertical-align:top !important; }

p, a, .x-bg, .x-bg p, .x-bg a			{ font:12px Arial, Tahoma, Sans-serif; color:#555; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 				{ color:#555; text-decoration:none; }
a:hover, .x-bg a:hover				{ color:#0B59AD; text-decoration:underline; }
#x-template h1							{ text-align:left; font:bold 16px/19px Arial, Tahoma, Sans-serif; color:#0B59AD; background:transparent none; margin:0; padding:0 0 15px; }
#CentralArea h5, #x-tmpl h5		{ text-align:left; font:bold 12px/18px Arial, Tahoma, Sans-serif; color:#0B59AD; margin:0; padding:5px 0 10px; }
#CentralArea p, #CentralArea ul	{ padding:0 0 15px; list-style-type:none; }
#CentralArea li							{ background:transparent url(images/x-tb-bull.png) 0 0 no-repeat; padding:0 0 5px 15px; }

#CentralArea .r3							{ background-color:#FFF; } /* catalog pg background, same as tb bg color */
#CentralArea .r3_cm					{ padding:10px; }
#CentralArea .ctrlbr						{ padding:3px 10px; }
#CentralArea .cmpBr					{ padding:0 10px; }
#CentralArea span.pdmt img		{ vertical-align:middle; }
#CentralArea span.tpr, 
#CentralArea a.tpr						{ font-size:11px; line-height:15px; padding-top:0; padding-bottom:0; }
#TopPromoArea							{ display:none !important; margin:0 !important; padding:0 !important; }

#x-head form, #LeftPanel form	{ display:inline; }
#x-head ul, #LeftPanel ul,
#x-foot ul, #x-tmpl ul.x-tt			{ list-style-type:none; }
#x-hd-menu li, #x-tmpl ul.x-tt li	{ display:inline; float:left; }
.x-content, .x-tb-mid, ul.x-tt, 
#x-hd-menu, #x-hd-srch, 
.x-ln-mid, #x-shop, #x-fa, #x-tg	{ overflow:hidden; }
#x-hd-sbtn, #x-hd-menu li,
#x-ln-sbtn, #LeftPanel li,
#x-ln-nbtn, #x-ft-nbtn					{ cursor:pointer; }
#LeftPanel .ttl, #LeftPanel .link,
#LeftPanel .all_cats, 
#LeftPanel .cnt, 
#LeftPanel .v4acpcont,
#x-cat ul.lev1 li br, 
#x-cat ul.lev2 li br,
#x-tmpl .x-fb br, .x-hide				{ display:none !important; }



/* Header formatting
-------------------------------------------------- */
#x-head										{ height:220px; background:transparent url(images/x-head.png) 0 0 no-repeat; }
#x-hd-logo									{ position:absolute; left:8px; top:6px; width:240px; height:80px; display:block; }

/* search box */
#x-hd-srch									{ position:absolute; left:691px; top:74px; width:248px; height:28px; }
#x-hd-sbox									{ width:164px; height:28px; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; font:normal 11px/28px Arial, Tahoma, Sans-serif; color:#FFF; }
#x-hd-sbtn									{ width:62px; height:28px; float:right; }

/* menu bar */
#x-hd-menu								{ position:absolute; left:27px; top:111px; width:916px; height:37px; }
#x-hd-menu li								{ text-align:center; background:transparent url(images/x-hd-mdiv.png) right center no-repeat; padding:0 2px 0 0; }
#x-hd-menu li.last						{ background-image:none; padding:0; }
#x-hd-menu li a							{ color:#FFF; font:normal 13px/37px Arial, Tahoma, Sans-serif; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px #0B59AD; padding:0 32px; display:block; }
#x-hd-menu li a:hover					{ color:#FFF; text-decoration:none; background:transparent url(images/x-hd-mhov.png) left center repeat-x; }




/* Left panel formatting
-------------------------------------------------- */
#LeftPanel, #LeftPanel p, 
#LeftPanel a, #LeftPanel ul li, 
#LeftPanel span							{ text-align:left; font:normal 12px/18px Arial, Tahoma, Sans-serif; color:#555; }

/* left text boxes */
.x-ln-title										{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:30px; }
.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 .x-ln-ins						{ padding:10px 10px 0; overflow:hidden; }
#LeftPanel .x-ln-promo				{ display:block; }

/* categories menu */
.x-ln-title-cats								{ background-image:url(images/x-ln-title-cats.png); }
#LeftPanel ul.lev1 li						{ margin:0 2px; border-top:1px dotted #CECECE; }
#LeftPanel ul.lev1 li.first				{ border-top:0 none; }
#LeftPanel ul.lev1 li a, 
#LeftPanel ul.lev1 li span			{ background:transparent url(images/x-ln-lev1.png) 10px 10px no-repeat; line-height:14px; display:block; margin:0; padding:6px 6px 6px 20px; }
#LeftPanel ul.lev1 li a:hover		{ color:#0B59AD; text-decoration:none; }
#LeftPanel ul.lev2						{ margin-left:20px; padding-bottom:5px; }
#LeftPanel ul.lev2 li,
#LeftPanel ul.lev3 li						{ border:0 none; }
#LeftPanel ul.lev2 li a,
#LeftPanel ul.lev2 li span 			{ background:transparent url(images/x-ln-lev2.png) 2px 7px no-repeat; font-size:11px; line-height:13px; display:block; margin:0; padding:2px 6px 2px 9px; }
#LeftPanel ul.lev2 li a:hover		{ color:#0B59AD; text-decoration:none; }
#LeftPanel ul.lev3						{ margin-left:15px; padding-bottom:5px; }
#LeftPanel ul.lev3 li a,
#LeftPanel ul.lev3 li span			{ background:transparent none; font-size:11px; line-height:13px; display:block; margin:0; padding:2px 6px 2px 10px; }
#LeftPanel ul.lev3 li a:hover		{ color:#0B59AD; text-decoration:none; }

/* newsletter text box */
.x-ln-title-news							{ background-image:url(images/x-ln-title-news.png); }
#x-ln-nbtn									{ width:95px; height:30px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:0 0 5px; display:block; float:right; }
#x-ln-news p.x-ckbx					{ margin:10px 0; overflow:hidden; }
#x-ln-news p.x-ckbx:not(#foo)							{ overflow:hidden !important; }
#x-ln-news p.x-ckbx:not(#foo) > input				{ width:16px; height:16px; position:absolute; left:0; opacity:0; float:left; }
#x-ln-news p.x-ckbx > label								{ font-size:11px; line-height:16px; padding-left:5px; }
#x-ln-news p.x-ckbx:not(#foo) > label				{ float:left; padding-left:20px; }
#x-ln-news p.x-ckbx:not(#foo) > input + label	{ background:transparent url(images/x-ckbx.png) 0 0 no-repeat; height:16px; }
#x-ln-news p.x-ckbx:not(#foo) > input[type=checkbox]:checked + label { background-position:0 -16px; }


/* Homepage formatting
-------------------------------------------------- */
/* rotating banner */
#x-hm-bann								{ width:697px; height:322px; margin:0 auto 6px; display:block; }
#x-slider										{ position:relative; width:697px; height:322px; margin:0 auto; padding:0; overflow:hidden; }
#x-slider img								{ border:0 none; }
#x-slider li									{ position:absolute; top:0; left:0; }
#x-slider .caption										{ opacity:0.8; background:#000; height:33px; padding:5px 0 0; color:#FFF; text-align:center; font:25px/1 Georgia, "Times New Roman", Times, Serif; z-index:200; display:none !important; }
.prev-link, .next-link						{ display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:left top; position:absolute; bottom:20px; z-index:300; }
.prev-link										{ left:10px; background-image:url(images/prev.png ); }
.next-link										{ left:40px; background-image:url(images/next.png ); }
.circle											{ display:block; width:16px; height:16px; background:url(images/circle-empty.png ) 0 0 no-repeat; position:absolute; bottom:20px; z-index:300; }
.circle-current								{ background-image:url(images/circle-full.png ); }

/* text boxes */
.x-tb-title										{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:30px; }
.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; }
.x-tb-btm										{ background:transparent url(images/x-tb-btm.png) 0 0 no-repeat; height:18px; }
.x-tb-ins										{ padding:10px 15px 0; }
.x-tb-mid, .x-tb-mid p, 
.x-tb-mid a, .x-tb-mid li				{ text-align:left; font:12px/18px Arial, Tahoma, Sans-serif; color:#555; }
.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-tb-bull.png) 0 0 no-repeat; padding:0 0 5px 15px; }
.x-tb-mid ol									{ padding:0 15px 15px 25px; }
.x-tb-mid ol li								{ background:transparent none; padding:0 0 5px 0; }
.x-tb-mid a, .x-tb-mid a:link,
.x-tb-mid a:active, 
.x-tb-mid a:visited						{ color:#555; text-decoration:underline; }
.x-tb-mid a:hover							{ color:#0B59AD; text-decoration:underline; }

/* shop cats images */
#x-shop										{ margin:0 0 4px; }
#x-shop img								{ width:168px; height:200px; margin:0 0 2px 8px; float:left; display:block; }
#x-shop img.x-first						{ margin-left:0; }

/* auto feat items horizontal */
.x-tb-title-feat								{ background-image:url(images/x-tb-title-feat.png); }
#x-feat										{ width:697px; background:transparent url(images/x-tb-mid.png) 0 0 repeat-y; overflow:hidden; padding:10px 0 0 1px; }
#x-feat .x-fp								{ width:164px; height:240px; background:transparent url(images/x-fa-bg.png) center top no-repeat; float:left; margin:0 0 0 8px; padding:10px 0 0; }
#x-feat .x-fp a,
#x-feat .x-fp a span					{ text-align:left; font:normal 11px/13px Arial, Tahoma, Sans-serif; text-decoration:none; display:block; }
#x-feat .x-fp a .title						{ color:#555; text-decoration:none; height:39px; margin:7px 12px 6px; overflow:hidden; }
#x-feat .x-fp a .title:hover			{ color:#0B59AD; text-decoration:none; }
#x-feat .x-fp a .price					{ color:#0B59AD; font:bold 14px/36px Arial, Tahoma, Geneva, Sans-serif; height:36px; border-top:1px dotted #CECECE; background:transparent url(images/x-fa-button.png) right center no-repeat; display:block; padding:0 12px; }
#x-feat .x-fp a .thumb					{ width:140px; height:140px; display:table-cell; padding:0 12px; vertical-align:middle; overflow:hidden; }
#x-feat .x-fp a img						{ width:140px; height:auto; max-height:140px; }



/* Template formatting
-------------------------------------------------- */
/* adjust left nav */
#x-template ul.lev1 li					{ height:26px; }
#x-template ul.lev2 li, 
#x-template ul.lev3 li					{ height:17px; }

/* description */
.x-tb-title-desc								{ background-image:url(images/x-tb-title-desc.png); }
#x-dtop										{ width:667px; margin:0 auto 10px; overflow:hidden; }

/* specs table */
#x-specs										{ float:right; }
#x-specs, .x-sp-title, 
.x-sp-mid, .x-sp-btm					{ width:230px; }
.x-sp-title										{ background:transparent url(images/x-sp-title.png) 0 0 no-repeat; height:30px; }
.x-sp-mid										{ background:transparent url(images/x-sp-mid.png) 0 0 repeat-y; padding:5px 0 0; }
.x-sp-btm										{ background:transparent url(images/x-sp-btm.png) 0 0 no-repeat; height:17px; }
#x-sp-table									{ width:228px; border:0 none; border-collapse:collapse; margin:0 auto; padding:0; cellpadding:0; cellspacing:0; }
#x-sp-table th,
#x-sp-table td								{ border-bottom:1px dotted #CECECE; padding:5px 10px; text-align:left; font:normal 12px/15px Arial, Tahoma, Geneva, Sans-serif; }
#x-sp-table th								{ border-right:1px dotted #CECECE; color:#0B59AD; width:40%; }
#x-sp-table td								{ color:#555; }
#x-sp-table tr.last th, 
#x-sp-table tr.last td					{ border-bottom:0 none; }

/* image gallery */
#x-tg											{ margin:0 auto; float:left; }
#x-tg, #x-tg-thumbs					{ width:420px; overflow:hidden; text-align:left; }
#x-tg-main img							{ width:408px; border:4px solid #CECECE; margin-bottom:6px; }
#x-tg-enlarge								{ width:420px; height:30px; background:transparent url(images/x-tg-enlarge.png) 0 0 no-repeat; }
#x-tg-thumbs								{ text-align:center; }
#x-tg-thumbs div							{ display:inline-block; }
#x-tg-thumbs img						{ width:76px; margin:0 3px 6px; display:inline-block; cursor:pointer; }
#x-tg-thumbs img.x-hide				{ display:none; }

/* terms tabs */
ul.x-tt											{ height:34px; background:transparent url(images/x-tb-top.png) 0 29px no-repeat; }
ul.x-tt li a img								{ width:167px; height:30px; display:block; float:left; margin-left:3px; }
ul.x-tt li a img.first						{ margin-left:10px; }
#terms1										{ display:block; visibility:visible; }
#terms2, #terms3, #terms4		{ display:none; }


/* Footer with links formatting
-------------------------------------------------- */
#x-foot										{ height:124px; background:transparent url(images/x-foot.png) 0 0 no-repeat; text-align:left; }
#x-foot p, #x-foot a					{ font:normal 11px/15px Arial, Tahoma, Sans-serif; letter-spacing:0.04em; text-shadow:1px 1px #EEE; }
#x-foot p, #x-foot a, 
#x-foot a:link,
#x-foot a:active, 
#x-foot a:visited							{ color:#383838; text-decoration:none; }
#x-foot a:hover							{ color:#034A9F; text-decoration:none; }
#x-foot p.x-links							{ padding:40px 0 0 35px; }
#x-foot p.x-copy							{ padding:10px 0 0 35px; }