/*********************************************************
/*********************************************************
/* GLOBAL STYLES                                         */

	body		{background-color:#919191; background-image:url(../../Graphics/Layout/Background.gif); background-repeat:repeat-x; color:#333333; font-size:75%; margin:0px; padding:0px;}
	body.Print	{background-color:#E6E6E6; background-image:none;}

	/* FONT-FAMILY and COLOR */
	*		{font-family: Verdana, Geneva, Sans-Serif;}
	
	/* FONT-SIZE - STANDARD ELEMENTS */
	p, div.Content, div.FullContent, div.CMSContent, ul, ol
			{line-height:160%;}
				
	/* FONT-SIZE - SLIGHTLY SMALLER ELEMENTS */
	#Copyright, div.PipeLinks, div.QuoteContent
			{font-size:92%;}

	/* FONT-SIZE - SMALLEST ELEMENTS */
	div.Caption, div.CalloutContent		
			{font-size:92%; line-height:170%;}

	/* FONT-SIZE - FORM ELEMENTS */	
	input, select, textarea
			{font-size:100%;}


/*********************************************************
/* MAJOR LAYOUT ELEMENTS                                 */

	#Page						{margin:0 auto; width:925px;}
	#Page #Banner				{background-color:White;}
	#Page #Banner #Logo			{float:left; width:378px;}
	#Page #Banner #Slogan		{float:left; width:547px;}
	#Page #UserInfo				{color:White; float:left; font-size:92%; height:23px; padding:9px 5px 0 0; text-align:right; width:542px;}
	#Page #UserInfo .UserName	{color:#AAAAAA;}
	#Page #UserInfo a			{color:White; font-size:100%; font-weight:bold; text-decoration:none;}
	#Page #UserInfo a:hover		{color:#CC5C57;}
	
	#Page #Nav					{background:White url(../../Graphics/Layout/Nav/Background.gif) repeat-x; clear:both; height:34px; padding-top:1px;}
	#Page #Nav ul				{margin:0; padding:0;}
	#Page #Nav ul li.Primary	{display:block; float:left; list-style-type:none;}
	#Page #Nav img.Bullet		{display:none;}
	#Page #Nav a.Primary		{color:White; display:block; font-weight:bold; text-decoration:none;}
	#Page #Nav a.Primary:hover	{color:Black;}
	#Page #CartInfo				{background-color:#E6E6E6; clear:both; color:#333333; padding:5px; text-align:right;}
	#Page #CartInfo .Summary	{}
	#Page #CartInfo a			{color:#333333; font-weight:bold;}
	#Page #CartInfo a:hover		{color:#990000;}
	#Page #FeedbackIcon			{float:right;}
	#Page #Body					{background:White url(../../Graphics/Layout/BottomBackground.gif) repeat-x bottom left; clear:both; padding:10px;}
	#Page #TwoColumn #LeftColumn{float:left; width:20%;}
	#Page #TwoColumn #MainColumn{float:right; width:78%;}
	#Page #MainColumn #MainColumn1	{float:left; width:70%;}
	#Page #MainColumn #RightColumn1	{float:right; width:28%;}
	
	#Page #SubNav				{background-color:#E6E6E6; border:solid 1px #333333; border-width:2px 0 1px 0; padding-top:1px;}
	#Page #SubNav a				{border-bottom:solid 1px White; display:block; font-size:92%; padding:2px 6px; text-decoration:none;}
	#Page #SubNav a:hover,
	#Page #SubNav a:active		{font-weight:bold;}	
	#Page #SubNav a.Active		{color:Black; font-weight:bold;}
	#Page #SubNav a img			{display:none;}
	#Page #SubNav a.Active img	{display:inline;}	
	#Page #SubNav li.Group		{}
	#Page #SubNav li.Group ul	{margin-left:0; padding-left:15px;}
	#Page #SubNav a.GroupHeader	{background-color:#333333; color:White; font-weight:bold;}
	#Page #SubNav a.GroupHeader:hover	{background-color:#333333;}
	
	#Page #Footer				{color:White; line-height:150%; margin:10px 0 40px 0; padding:0 10px; text-align:center;}
	#Page #Footer #Copyright	{float:left;}
	#Page #Footer #SocialMedia	{float:right;}
	#Page #Footer a				{color:White; font-weight:bold; text-decoration:underline;}
	#Page #Footer a:hover		{color:#990000; text-decoration:underline;}
	
	#Page #Banner img,
	#Page #Nav img				{display:block;}
	
	/* Home Page Style */
	#HomePage					{}
	#HomePage #LeftColumn		{float:left; width:698px;}
	#HomePage #HomeBanner		{margin:5px 0 10px 17px;}
	#HomePage #HomeBanner img	{display:block;}
	#HomePage #Presentation		{background:url(../../Graphics/HomePage/PresentationBackground.gif) no-repeat; height:351px; padding:31px 0 0 36px;}
	#HomePage h1				{margin:0;}
	#HomePage #CreateMyTeeButton{margin-top:20px;}
	#HomePage #Bullets			{margin:13px 0 0 35px;}
	#HomePage #Bullets ul		{margin:0; padding:0;}
	#HomePage #Bullets ul li	{font-weight:bold; line-height:16px; list-style-type:none; margin:0 0 11px 0;}
	#HomePage #Bullets ul li .Note	{font-weight:normal;}
	#HomePage #Boxes			{margin-top:15px; text-align:center;}
	#HomePage #Boxes img		{padding:0 40px 0 0;}
	#HomePage #RightColumn		{float:right; width:215px;}
	#HomePage #SignIn			{background:url(../../Graphics/HomePage/SignInBackground.gif) no-repeat; font-size:92%; height:246px;}
	#HomePage #SignIn .Content	{padding:38px 0 0 30px;}
	#HomePage #SignIn .Field		{margin-bottom:8px;}
	#HomePage #SignIn .Field label	{color:#990000; display:block; font-weight:bold;}
	#HomePage #SignInUtilities	{border-top:dotted 1px #999999; margin-top:20px; padding-top:10px; width:159px;}
	#HomePage #SignInUtilities .Link		{margin-bottom:8px;}
	#HomePage #SignInUtilities .Question	{font-weight:bold;}
	#HomePage #Satisfaction		{}
	#HomePage #GreekLicensed	{margin-top:4px; text-align:center;}
	
/*********************************************************
/* STANDARD HTML ELEMENT STYLES                          */

	a			{color:#990000;}
	a:visited	{color:#990000;}
	a:hover		{color:Black;}
	a:active	{color:Black;}

	h1			{color:#333333; font-family:Trebuchet MS, Tahoma, Geneva, Sans-Serif; font-size:160%; margin-bottom:15px;}
	h2			{color:#990000; font-size:120%;}
	h3			{color:#993333; font-size:110%;}
	
	input[type="button"],
	input[type="submit"]	{background-color:#990000; color:White; font-weight:bold;}

/*********************************************************
/* PREBUILT STYLE CLASSES (CUSTOMIZE AS NECESSARY)       */
	
	/* OTHER TEXT/CONTENT CONTAINERS */
	div.Content				{margin-bottom:0px;}		

/*********************************************************
/* CUSTOM STYLES                                         */	
	
	/* Button Bars */
	.LargeButtonBar				{font-size:120%; margin-bottom:20px; padding:10px; text-align:center;}
	
	/* Images */
	.FlavorImage				{float:right; margin-left:20px; width:350px;}
	.FlavorImage img			{display:block;}
	
	/* Content Pages */
	#ContentBox					{background:url(../../Graphics/Pages/OurStory/BoxBG.gif) repeat-y; margin:0 auto; width:894px;}
	#ContentBox .BoxTop			{background:url(../../Graphics/Pages/OurStory/BoxTop.gif) no-repeat; height:17px; width:894px;}
	#ContentBox .BoxBottom		{background:url(../../Graphics/Pages/OurStory/BoxBottom.gif) no-repeat; height:17px; width:894px;}
	#ContentBox .BoxContent		{margin:0 auto; width:861px;}
	#SectionLinks				{color:Black; margin:20px 0; text-align:center;}
	#SectionLinks .Intro		{font-weight:bold;}
	
	/* How It Works */
	#HowItWorks							{}
	#HowItWorks #Intro					{float:left; width:350px;}
	#HowItWorks #Intro h2#Process		{margin-top:38px;}
	#HowItWorks #Brace					{float:left; margin:80px 10px 0 20px; width:54px;}
	#HowItWorks #Steps					{float:left; width:425px;}
	#HowItWorks #Steps .Step			{clear:left; margin-bottom:12px;}
	#HowItWorks #Steps .Step .Icon		{float:left; padding-top:15px;}
	#HowItWorks #Steps .Step .Icon img	{display:block;}
	#HowItWorks #Steps .Step .StepNumber{color:#999999; font-size:140%; font-weight:bold; float:left; margin:30px 15px 0 10px; width:20px;}
	#HowItWorks #Steps .Step .Info		{float:left; width:300px;}
	#HowItWorks #Steps .Step h3			{color:#AA1717; font-size:100%; margin-bottom:2px;}
	#HowItWorks #Steps .Step p			{font-size:92%; margin:0;}
	
	/* FAQ */
	#FAQ			{padding:0 20px;}
	#FAQ li			{padding:4px 3px; margin:0px 0px; color:#444444;}
	#FAQ .Question	{cursor:pointer; font-weight:bold;}
	#FAQ .Answer	{cursor:normal;}
	#FAQ .Hover		{text-decoration:underline;}
	#FAQ .Expanded	{font-weight:bold;}
	
	/* The Closet */
	#TheCloset					{}
	#TheCloset #ClosetIntro		{padding:10px 15px;}
	#TheCloset .ClosetEntry		{margin-bottom:20px;}
	#TheCloset h2 a				{text-decoration:none;}
	
	/* Our Story */
	#ContentBox #OverviewLeft	{float:left; margin-right:0; width:362px;}
	#ContentBox #OverviewLeft h2	{margin-top:98px;}
	#ContentBox #OverviewBrace	{float:left; padding-top:112px; width:54px;}
	#ContentBox #OverviewRight	{float:right; padding-left:25px; width:420px;}
	#ContentBox .OverviewGroup	{margin-bottom:15px;}
	#ContentBox .OverviewGroup .OverviewImage	{float:left; margin-right:15px; text-align:center; width:120px;}
	#ContentBox .OverviewGroup img	{display:block;}
	#ContentBox .OverviewGroup p	{font-size:92%; margin:0; padding-top:6px;}

	/* History */
	#ContentBox #HistoryLeft	{float:left; width:480px;}
	#ContentBox #HistoryLeft #Slogan	{margin:35px 0 20px 0; text-align:center;}
	#ContentBox #HistoryRight	{float:right; width:350px;}	
	
	/* Philosophy */
	#ContentBox .PhilosophyBoxContent	{background:url(../../Graphics/Pages/OurStory/PhilosophyBG.jpg) no-repeat bottom; width:894px;}
	#ContentBox #Philosophy		{margin:0 auto; padding-bottom:25px; width:861px;}
	#ContentBox #Philosophy h3	{color:#990000; float:left; font-style:italic; margin:2px 0 0 0; padding-right:14px; text-align:right; width:81px;}
	#ContentBox #Philosophy p	{}
	#ContentBox #Philosophy p.Description	{margin-left:95px; width:415px;}
	
	/* Reps */
	#RepsInfo					{margin:1% 6% 0 1%; width:47%;}
	#RepsSearch					{margin:1% 3% 0 0; width:43%;}
	
	/* CMT Order Header */
	.OrderHeader				{font-size:93%;}
	.OrderHeader .CMTInfo		{width:46%;}
	.OrderHeader .CMTInfo img	{display:block; float:left; margin:0 16px 0 0;}
	.OrderHeader .CMTInfo p.Primary	{margin:30px 0 0 135px;}
	.OrderHeader h1				{margin:0 0 8px 0;}
	.OrderHeader .OrderInfo		{padding-top:28px; width:52%;}
	.OrderCustomer .BlockContent{line-height:130%; min-height:105px;}
			
	.CompanyLogo				{float:left; margin:0 20px 20px 0; overflow:hidden; width:120px;}
	.CompanyLogo img			{display:block;}
	
	/* CMT Packing Slip */
	.InspectedBy				{font-weight:bold; margin:10px 0;}
	
	/* Catalog */
	#Categories					{float:left; margin-right:20px; width:160px;}
	#Categories ul				{margin:0; padding:0;}
	#Categories li				{list-style-type:none; padding-left:10px;}
	#CategoryTeasers			{float:left; width:689px;}
	#CategoryTeasers p			{font-size:92%;}
	#CategoryTeasers a			{display:block; float:left;}
	#CategoryTeasers a img		{display:block;}
	
	#CatalogItems				{float:left; width:710px;}
	.CatalogItem				{background:url(../../Graphics/Layout/CatalogItemBackground.gif) repeat-x; border-top:solid 1px #AAAAAA; float:left; margin:0 3% 25px 0; padding:4px; width:45%;}
	.CatalogItem h3				{margin:0 0 5px 0; padding:5px;}
	.CatalogItem h3 a			{text-decoration:none;}
	.CatalogItem .Image			{float:left; margin:4px 15px 10px 0; min-height:120px; text-align:center; width:100px;}
	.CatalogItem .Links			{clear:left; margin-top:15px; text-align:center;}
	.CatalogItem .Description	{color:#666666; font-size:93%; line-height:130%;}
	.CatalogItemDetail			{float:left; font-size:92%; width:380px;}
	.CatalogItemDetail .Buttons	{margin-top:30px; text-align:center;}
	
	/* Catalog Item Layout */
	.CatalogItemFields			{float:left; width:600px;}
	
	/* Quote */
	#QuoteInfo			{border-top:solid 2px Black; margin-top:15px;}
	#QuoteInfo .Content	{padding:12px 4px;}
	.QuoteButton		{margin:0 50px 0 10px;}
	.QuoteFinePrint		{background-color:#EEEEEE; color:#990000; font-size:92%; font-weight:bold; padding:5px;}
	#QuoteNotes			{clear:both; padding-bottom:10px; text-align:center;}
	#QuoteNotes .Marketing	{background-color:#EEEEEE; border-bottom:solid 2px Black; color:Black; font-size:92%; font-weight:bold; padding:5px;}
	#QuoteNotes .Guarantee	{background-color:#EEEEEE; color:Black; font-size:92%; margin-bottom:10px; padding:4px 0;}
	
	/* Order Item */
	.FinalQtyOption			{background-color:#888888; color:White; padding:10px 10px 5px 10px;}
	.FinalQtyOption .Chk	{float:left; padding-top:1px; text-align:center; width:30px;}
	.FinalQtyOption label	{font-size:120%; font-weight:bold;}
	.FinalQtyOption ul		{margin-top:7px;}
	
	/* Checkout */
	.RepSelectionNote			{font-weight:bold; margin-bottom:6px; padding-left:12px;}
	
	/* Amounts */
	.AmountLabel				{color:#666666; font-size:92%; font-weight:bold;}
	.AmountText					{color:#990000; font-size:130%; font-weight:bold; padding:0 6px 0 4px;}
	
	/* Artwork Location Fields */
	#ArtworkLocationFields		{}
	#ArtworkLocationFields #LocationFields	{width:44%;}
	#ArtworkLocationFields #NamesNumbersNote{float:right; font-style:italic; width:140px;}
	#ArtworkLocationFields #InkFields		{width:54%;}
	#ArtworkLocationFields #FilesHeader		{width:72%;}
	#ArtworkLocationFields #AddFileLink		{padding-top:7px; text-align:right; width:25%;}
	
	/* Order Items View */
	.OrderItems .ItemRow		{background-color:#EEEEEE; border:solid 1px #CCCCCC; border-width:1px 1px 1px 0;}
	.OrderItems .DetailsRow		{background-color:White;}
	.OrderItems .DetailsCell	{padding:0 0 8px 0;}
	.OrderItems .ProductName	{font-size:110%; font-weight:bold;}
	.OrderItems .Color img		{vertical-align:middle;}
	.OrderItems .OptionName		{font-weight:bold;}
	.OrderItems h3				{background-color:#66CC66; margin:0;}
	.OrderItems h3 img			{display:block;}
	.OrderItems .SectionDetail	{margin:2px;}
	.OrderItems .PaddedSectionDetail		{background-color:#EEEEEE; padding:5px;}
	.OrderItems table.ArtworkLocations		{border-collapse:collapse; width:100%;}
	.OrderItems table.ArtworkLocations		{background-color:#EEEEEE;}
	.OrderItems table.ArtworkLocations tr	{border-bottom:solid 2px White;}
	.OrderItems table.ArtworkLocations td	{padding:5px;}
	.OrderItems table.ArtworkLocations .DescriptionRow {border-bottom:solid 2px White;}
	.OrderItems table.ArtworkLocations td.Location	{width:25%;}
	.OrderItems table.ArtworkLocations td.Inks		{width:35%;}
	.OrderItems table.ArtworkLocations td.Files		{width:40%;}
	.OrderItems h4				{background-color:#999999; margin:1px 0 2px 0;}
	.OrderItems .CurrentProof	{width:42%;}
	.OrderItems .Proofs			{padding-right:1%; width:55%;}	
	
	/* Greek Licensed Approval Page */
	.GreekOrderItems h3			{background-color:#66CC66; margin:0;}
	.GreekOrderItems h3 img		{display:block;}
	.GreekOrderItems .SectionDetail	{margin:5px 2px;}
	.GreekOrderItems .Proof		{text-align:center; width:300px;}
	.GreekOrderItems .Approval	{width:310px;}
	
	/* Blogs */
	#CMTBlog					{padding:6px;}
	.BlogView h2				{color:Black;}
	.FacebookLinks				{background-color:#EEEEEE; margin-top:10px;padding:10px;}
	
	/* Proof */
	.ProofCenter				{margin:0 auto; width:720px;}
	
	/* Reps Pages */
	#RepsResources .CMSContent	{margin-top:0;}
	.RepsTable td				{background:white url(../../Graphics/Layout/CatalogItemBackground.gif) repeat-x; border-bottom:solid 1px White; vertical-align:top;}
	.RepsTable td div.Name		{font-weight:bold;}
	.RepsTable td div.Name a	{text-decoration:none;}
	
	#RepProfile h2				{border-bottom:dotted 1px #999999; font-size:150%; margin:0 0 15px 0; padding-bottom:6px; text-transform:uppercase;}
	#RepProfile h3				{border-bottom:solid 1px #CCCCCC; color:#555555; font-size:100%; font-weight:bold; margin-bottom:5px;}
	#RepProfile .RepGroup		{color:#999999; font-size:15px; padding-left:40px;}
	#RepProfile #RepPicture		{border-right:dotted 1px #999999; float:left; min-height:250px; text-align:center; width:240px;}
	#RepProfile #RepInfo		{line-height:150%; margin-left:260px;}
	
	#RepsHomeBlog				{}
	#RepsHomeBlog .Entry		{margin-bottom:20px;}
	#RepsHomeBlog h2			{background-color:#666666; color:White; font-size:120%; margin:0 0 10px 0; padding:6px;}
	#RepsHomeBlog h2 a			{color:#EEEEEE; text-decoration:none;}
	#RepsHomeBlog h2 a:hover	{color:White;}
	#RepsHomeBlog .Entry .Date	{float:right; font-size:85%; color:White; margin:9px 15px 0 0;}
	#RepsHomeBlog .Entry .Content	{font-size:92%; padding:0 10px;}

	/* Names & Numbers View */
	.NamesNumbersView a.IconTextLink	{font-weight:normal;}
	
	/* Sigma Nu Contest Terms & Conditions */
	.ContestPrizes				{margin:0; padding:0;}
	.ContestPrizes li			{margin-left:20px;}
	.TermsAndConditions .SectionTitle	{font-weight:bold;}
	
/*********************************************************
/* STYLE OVERRIDES (FROM SHARED STYLE)                   */	

	a.IconTextLink					{color:Black; font-weight:bold;}

	/* Slide Menu Styles */
	div.SlideMenu					{background-color:#E6E6E6; border-bottom:4px solid #990000;}
	div.SlideMenu ul li				{border-bottom:solid 1px White;}
	div.SlideMenu ul li a			{color:Black; display:block; font-size:92%; font-weight:normal; padding:4px 2px 4px 21px; text-decoration:none; width:160px;}
	div.SlideMenu ul li a:hover		{font-weight:bold; text-decoration:none;}
	div.SlideMenu ul li li			{color:#666666; text-indent:10px;}
	div.SlideMenu ul a.GroupHeader	{background-color:Black; color:White; font-weight:bold;}
	div.SlideMenu ul a.GroupHeader:hover	{background-color:Black;}
	#HowItWorksMenu li a			{width:200px;}

	/* Block Styles */
	div.Block,
	div.FieldsetBlock,
	div.GridBlock					{background-color:#EEEEEE; border-color:#993333; border-bottom-color:#CCCCCC; border-width:0 0 2px 0;}
	div.MessagesBlock				{background-color:White;}
	div.BlockTitle					{background-color:#333333; color:White; font-size:100%; font-weight:bold; padding:4px 3px 5px 3px;}
	h3.BlockTitle					{background-color:#333333; color:White; font-size:100%; margin:0; padding:5px;}
	div.BlockTitle div.BlockTools a:hover	{color:Black; text-decoration:none;}
	div.QuickLinksBlock div.BlockContent	{border:dotted 1px #333333; border-width:0 1px; font-size:100%; line-height:180%;}
	
	/*  */
	div.GridToolBar					{border-bottom:solid 1px White;}
	div.GradientGridToolBar			{background:#CCCCCC url(../../Graphics/Layout/GridToolBarBackground.gif) repeat-x; border-bottom:solid 1px #999999; border-top:solid 1px Black; padding:8px 5px 4px;}
	
	/* Wizard Progress Style */
	ul.ProgressBar					{background-color:White; border-bottom:solid 4px Black;}
	ul.ProgressBar li.Step,
	ul.ProgressBar li.Selected,
	ul.ProgressBar li.Inactive		{border-width:0; font-weight:bold;}
	ul.ProgressBar li.Step			{background-color:#CCCCCC;}
	ul.ProgressBar li.Step a		{color:#333333; font-weight:bold; text-decoration:underline;}
	ul.ProgressBar li.Step a:hover	{color:Black; text-decoration:underline;}
	ul.ProgressBar li.Selected		{background-color:Black; color:White;}
	ul.ProgressBar li.Inactive		{background-color:#EEEEEE; color:#666666; font-weight:normal;}
	
	div.Checkout div.Fields			{}
	div.Checkout div.FieldsContent	{border:solid 1px Black; min-height:250px;}
	div.Checkout div.Buttons		{background-color:Black;}
	
	/* ImageViewer Style */
	.ImageViewer					{float:left; margin-right:20px; width:262px;}
	.ImageViewer .Image				{border-color:#E6E6E6;}
	.ImageViewer .Image .Caption	{border-color:#E6E6E6;}
	.ImageViewer .Nav a				{border-color:#E6E6E6; font-weight:bold; margin-right:0;}
	.ImageViewer .Nav a:hover		{background-color:#EEEEEE; color:Black; text-decoration:none;}
	.ImageViewer .Nav a.Active		{background-color:Black; color:White; margin-right:0;}
	
	/* ModalDialog Style */
	.ModalDialog h2					{background:transparent url(../../Graphics/Layout/DialogTitleBG.gif) repeat-x; border:solid 1px Black; height:16px; padding:4px 6px 6px 6px;}
	.ModalDialog .ButtonBar			{background-image:url(../../Graphics/Layout/DialogButtonsBG.gif); background-repeat:repeat-x;}
	
	.ModalDialog2 h2				{background:transparent url(../../Graphics/Layout/DialogTitleBG.gif) repeat-x; border:solid 1px Black; height:16px; padding:4px 6px 6px 6px;}
	.ModalDialog2 .ButtonBar		{background-image:url(../../Graphics/Layout/DialogButtonsBG.gif); background-repeat:repeat-x;}
	
	/* Blogs */
	.BlogView						{margin-top:0;}
	.BlogComments .ModeratorComment .Info	{background-color:#A51B18;}
	.BlogComments .ModeratorComment .Data	{border-color:#A51B18;}