@charset "utf-8";

/* Original design work copyright © OCDesignsOnline, All Rights Reserved. Used with permission by The Ann Arbor TShirt Company. */

/* General page formatting
-------------------------------------------------- */
body				{ margin:0 2px !important; padding:0 !important; }
.x-bg				{ background:#DCF3F0 url(images/x-bg.jpg) center top scroll no-repeat; padding: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			{ width:960px; background:transparent url(images/x-content.png) left top repeat-y; padding:0 !important; }
#CentralArea, #x-template		{ width:697px; margin:0 !important; padding:0 20px 0 0 !important; float:right; vertical-align:top; }
#LeftPanel			{ margin:0 !important; padding:0 0 0 20px !important; float:left; vertical-align:top !important; }
#x-home				{ margin:0 auto; padding:0; float:right; }

p, a, .x-bg, .x-bg p, .x-bg a		{ font:12px Georgia, "Times New Roman", Times, Serif; color:#515151; }
a:link, .x-bg a:link, 
a:visited, .x-bg a:visited,
a:active, .x-bg a:active 		{ color:#515151; text-decoration:none; }
a:hover, .x-bg a:hover		{ color:#67AE21; text-decoration:underline; }

#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-template ul.x-tt		{ list-style-type:none; }
#x-hd-menu li, #x-template ul.x-tt li	{ display:inline; float:left; }
.x-content, .x-tb-mid, ul.x-tt, 
#x-hd-menu, #x-hd-srch,
#x-ln-news, #x-ln-srch		{ overflow:hidden; }
#LeftPanel .ttl, #LeftPanel .link,
#LeftPanel .all_cats, #LeftPanel .cnt,
#LeftPanel .v4acpcont,
#x-cat ul.lev1 li br, #x-cat ul.lev2 li br,
#x-template .x-fb br		{ display:none !important; }



/* Header formatting
-------------------------------------------------- */
#x-head				{ position:relative; width:960px; height:228px; background:transparent url(images/x-head.png) 0 0 no-repeat; margin:0 auto; }
#x-hd-logo			{ position:absolute; left:3px; top:16px; width:300px; height:155px; display:block; }

#x-hd-tnav			{ position:absolute; left:609px; top:0; width:340px; height:32px; text-align:center; }
#x-hd-tnav, #x-hd-tnav a		{ font:normal 11px/32px Georgia, "Times New Roman", Times, Serif; color:#515151; }
#x-hd-tnav a			{ padding:0 5px; }
#x-hd-tnav a, #x-hd-tnav a:visited,
#x-hd-tnav a:active, #x-hd-tnav a:link	{ color:#515151; text-decoration:none; }
#x-hd-tnav a:hover			{ color:#67AE21; text-decoration:none; }

#x-hd-srch			{ position:absolute; left:614px; top:116px; width:328px; height:60px; } 
#x-hd-srch #x-hd-sbox		{ width:284px; height:24px; border:0; background-color:transparent; margin:0; padding:0 10px; float:left; font:normal 11px/24px Georgia, "Times New Roman", Times, Serif; color:#515151; }
#x-hd-srch #x-hd-sbtn		{ width:24px; height:24px; float:right; cursor:pointer; }

#x-hd-srch p.x-ckbx			{ font:normal 11px/14px Georgia, "Times New Roman", Times, Serif; color:#515151;  margin:12px 0 0; float:left; }
#x-hd-srch p.x-ckbx:not(#foo) > input		{ width:16px; height:16px; position:absolute; left:0; opacity:0; float:left; }
#x-hd-srch p.x-ckbx > label			{ font-size:11px; line-height:16px; padding-left:5px; }
#x-hd-srch p.x-ckbx:not(#foo) > label		{ float:left; padding-left:20px; }
#x-hd-srch p.x-ckbx:not(#foo) > input + label	{ background:transparent url(images/x-ckbx.png) 0 0 no-repeat; height:16px; }
#x-hd-srch p.x-ckbx:not(#foo) > input[type=checkbox]:checked + label { background-position:0 -16px; }

#x-hd-menu			{ position:absolute; left:21px; top:184px; width:918px; height:44px; }
#x-hd-menu li			{ text-align:center; background:transparent url(images/x-hd-mdiv.png) right top no-repeat; padding:0 2px 0 0; cursor:pointer; }
#x-hd-menu li.last			{ background-image:none; padding:0; }
#x-hd-menu li a			{ font:normal 14px/44px Georgia, "Times New Roman", Times, Serif; color:#FFF; text-decoration:none; padding:0 12px; display:block; }
#x-hd-menu li a:hover		{ color:#FFF; text-decoration:none; background:transparent url(images/x-hd-mhov.png) 0 0 repeat-x; }



/* Left panel formatting
-------------------------------------------------- */
#LeftPanel, .x-ln-title, .x-ln-top, 
.x-ln-mid, .x-ln-btm 		{ width:210px !important; }
#LeftPanel, #LeftPanel p, 
#LeftPanel a, #LeftPanel ul li, 
#LeftPanel span			{ text-align:left; font:normal 12px/16px Georgia, "Times New Roman", Times, Serif; color:#515151; }
.x-ln-title				{ background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:32px; }
.x-ln-title-brnd			{ background-image:url(images/x-ln-title-brnd.png); }
.x-ln-title-cats			{ background-image:url(images/x-ln-title-cats.png); }
.x-ln-title-news			{ background-image:url(images/x-ln-title-news.png); }
.x-ln-title-srch			{ background-image:url(images/x-ln-title-srch.png); }
.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:17px; }
#LeftPanel .x-ln-ins			{ padding:10px 10px 0; overflow:hidden; }
#LeftPanel .x-ln-promo		{ display:block; margin:0 0 1px; }

#LeftPanel p.x-ckbx			{ margin:10px 0; overflow:hidden; }
#LeftPanel p.x-ckbx:not(#foo)		{ overflow:hidden !important; }
#LeftPanel p.x-ckbx:not(#foo) > input		{ width:16px; height:16px; position:absolute; left:0; opacity:0; float:left; }
#LeftPanel p.x-ckbx > label			{ font-size:11px; line-height:16px; padding-left:5px; }
#LeftPanel p.x-ckbx:not(#foo) > label		{ float:left; padding-left:20px; }
#LeftPanel p.x-ckbx:not(#foo) > input + label	{ background:transparent url(images/x-ckbx.png) 0 0 no-repeat; height:16px; }
#LeftPanel p.x-ckbx:not(#foo) > input[type=checkbox]:checked + label { background-position:0 -16px; }

#LeftPanel ul.lev1 li				{ margin:1px 3px; padding:1px 0; border-top:1px solid #DEDEDE; cursor:pointer; }
#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) 15px 12px no-repeat; line-height:14px; display:block; margin:0; padding:7px 5px 7px 25px; }
#LeftPanel ul.lev1 li a:hover			{ color:#67AE21; text-decoration:none; background-color:#F3F3F3; background-image:url(images/x-ln-lev1h.png); }
#LeftPanel ul.lev2				{ margin-left:10px; padding-bottom:5px; }
#LeftPanel ul.lev2 li, #LeftPanel ul.lev3 li	{ padding:0; border:0 none; }
#LeftPanel ul.lev2 li a, #LeftPanel ul.lev2 li span 	{ background:transparent none; font-size:11px; line-height:13px; display:block; margin:0; padding:2px 5px 2px 25px; }
#LeftPanel ul.lev2 li a:hover			{ color:#67AE21; text-decoration:none; background:transparent 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 5px 2px 25px; }
#LeftPanel ul.lev3 li a:hover			{ color:#67AE21; text-decoration:none; background:transparent none; }

#x-ln-news #x-signup		{ width:90px; height:24px; background:transparent url(images/x-ln-nbtn.png) 0 0 no-repeat; margin:0 0 5px; display:block; float:right; cursor:pointer; }
#x-ln-news #x-signup:hover		{ background-position:left bottom; }



/* Homepage formatting
-------------------------------------------------- */
#x-home, .x-tb-title, .x-tb-top,
.x-tb-mid, .x-tb-btm, #x-hm-bann	{ width:697px; }


#x-hm-bann			{ position:relative; height:250px; margin:0 0 2px; }
#x-hm-bann-01			{ position:absolute; left:0; top:0; }
#x-hm-bann-02			{ position:absolute; left:256px; top:0; }
#x-hm-bann-03			{ position:absolute; left:512px; top:0; }
#x-hm-bann-01, #x-hm-bann-01 img,
#x-hm-bann-02, #x-hm-bann-02 img	{ width:256px; height:250px; }
#x-hm-bann-03, #x-hm-bann-03 img	{ width:185px; height:250px; }

#x-hm-divd			{ width:697px; height:31px; margin:0 0 8px; display:block; }

.x-tb-title				{ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:32px; }
.x-tb-title-desc			{ background-image:url(images/x-tb-title-desc.png); }
.x-tb-title-shop			{ background-image:url(images/x-tb-title-shop.png); }
.x-tb-top				{ background:transparent url(images/x-tb-top.png) 0 0 no-repeat; height:5px; }
.x-tb-top-tt			{ background-position:0 -1px; height:4px; }
.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:17px; }
.x-tb-ins				{ padding:0 15px 0; }
.x-tb-mid, .x-tb-mid p, 
.x-tb-mid a, .x-tb-mid li		{ text-align:left; font:12px/16px Georgia, "Times New Roman", Times, Serif; color:#515151; }
.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 a, .x-tb-mid a:visited,
.x-tb-mid a:active, .x-tb-mid a:link	{ color:#515151; text-decoration:underline; }
.x-tb-mid a:hover			{ color:#67AE21; text-decoration:underline; }

#x-shop				{ padding-left:4px; line-height:1px; }
#x-shop img			{ width:162px; height:177px; margin:5px 0 5px 8px; display:block; float:left; }
#x-shop br				{ clear:both; height:1px; }
#x-shop img#x-home-more	{ width:667px; height:137px; margin:10px auto 0; display:block; float:none; clear:both; }




/* Footer formatting
-------------------------------------------------- */
#x-bg-foot			{ position:relative; width:100%; height:227px;  background:#DCF3F0 url(images/x-bg-foot.jpg) center bottom scroll no-repeat;margin:0 auto; }
#x-foot				{ position:relative; width:960px; height:227px; background:transparent url(images/x-foot.png) 0 0 no-repeat; margin:0 auto; text-align:left; }
#x-foot p, #x-foot a			{ font:normal 11px/18px Georgia, "Times New Roman", Times Serif; color:#515151; letter-spacing:0.04em; }
#x-foot a, #x-foot a:visited,
#x-foot a:active, #x-foot a:link	{ color:#515151; text-decoration:none; }
#x-foot a:hover			{ color:#67AE21; text-decoration:none; }
#x-foot p.links			{ padding:36px 0 0 10px; }
#x-foot p.copy			{ padding:5px 0 0 10px; }


