/*
	<CSSName>BODY, TABLE</CSSName>
	<Type>Tags</Type>
	<Purpose>Assign style to BODY and TABLE tags to set standard 
			 default font to be inherited throughout
			 entire site </Purpose>
	<Description>Arial, 10pt, black.</Description>
*/
BODY, TABLE
{
	font-family: Arial, Verdana, Sans-Serif, Helvetica;
	font-size: 10pt;
	color: #000000;
}

/*
	<CSSName>BODY</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign style to body tag to set default
			 bg color to be inherited throughout
			 entire site</Purpose>
	<Description>Light green bg</Description>
*/
BODY
{
	background-color: #FFFFFF;
}

/*
	<CSSName>TABLE</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign style for all tables to display bg color
			 different than default page bg</Purpose>
	<Description>White bg</Description>
*/
TABLE
{
	background-color: #ffffff;		
}

/*
	<CSSName>A:link</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign color style for text links</Purpose>
	<Description>Blue</Description>
*/
A:link
{ 
	color: #0044CF; 
}

/*
	<CSSName>A:hover</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign color style for text links when you mouse
			 over them</Purpose>
	<Description>Red</Description>
*/
A:hover 
{ 
	color: #FF0000; 
}

/*
	<CSSName>A:visited</CSSName>
	<Type>Tag</Type>
	<Purpose>Assign color style for visited text links</Purpose>
	<Description>Dark Green</Description>
*/
A:visited 
{ 
	color: #2A5442; 
}


/*
	<CSSName>StrongContent</CSSName>
	<Type>Class</Type>
	<Purpose>Assign font-weight style to text that has
		     to stand out</Purpose>
	<Description>Bold</Description>
*/
.StrongContent
{
	font-weight: bold;
}

/*
	<CSSName>ButtonStyle</CSSName>
	<Type>Class</Type>
	<Purpose>Assign style for button and button text</Purpose>
	<Description>Light green button with green text</Description>
*/
.ButtonStyle
{
	font-family: Arial, Verdana, Sans-Serif, Helvetica;  
	font-size: 8pt; 
	
	background-color: #E9B500;
	border: solid 1px black;

	color: White;
	font-weight: bold;
	text-align: center;

}

/*
	<CSSName>SideBorders</CSSName>
	<Type>Class</Type>
	<Purpose>Define the side borders on the main pages of the site</Purpose>
	<Description>set to 1px and set the color to a dark </Description>
*/
.SideBorders
{
	width: 0px;
	background: #FFFFFF;
}

/*
	<CSSName>StrongErrorStyle</CSSName>
	<Type>Class</Type>
	<Purpose>Sets error page heading style</Purpose>
	<Description>Bold, red, 18pt font</Description>
*/
.StrongErrorStyle
{
	font-weight: bold;
	font-size: 18pt;
	color: #FF0000;
}

/*
	<CSSName>ErrorStyle</CSSName>
	<Type>Class</Type>
	<Purpose>Sets error page font style</Purpose>
	<Description>Bold, red</Description>
*/
.ErrorStyle
{
	font-weight: bold;
	color: #FF0000;
}

/*
	<CSSName>PageTitle</CSSName>
	<Type>Class</Type>
	<Purpose>Sets page title font style</Purpose>
	<Description>bold, green, 11pt</Description>
*/
.PageTitle
{  
	width: 100%;
	
	font-size: 11pt;
	background-color: #E9B500;
	border: solid 1px black;

	color: White;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

/*
	<CSSName>alphabeticallisting, MajorCategories, FeaturedMagazines,
		     EmailNewsletters, footer</CSSName>
	<Type>Class</Type>
	<Purpose>Sets font styles for corresponding controls to
		     display smaller than inherited font size</Purpose>
	<Description>8pt font</Description>
*/
.alphabeticallisting, .MajorCategories, .FeaturedMagazines, .EmailNewsletters, .footer, .MagazinesAffiliateControl, .SpecialsControl
{

	font-size: 8pt;	
}
.footer
{
	text-align: center;
}

/*
.alphabeticallistingcell,.MajorCategoriesCell
{
	width: 160px;
}
*/

.MajorCategoryHeader
{
	margin: 4px 0px 0px 0px;
	padding: 5px 2px;

	background-color: #E9B500;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	
	color: White;
	font-weight: bold;
	text-align: center;
}
.MajorCategories
{
	padding: 5px 2px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	text-align: center;
	background-color: #E7E7E7;
}

.alphabeticallisting
{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	border: solid 1px black;
	text-align: center;
	background-color: #E7E7E7;
	width: 100%;
}

/*
	<CSSName>FreeLabel</CSSName>
	<Type>Class</Type>
	<Purpose>Sets font for featured mags display</Purpose>
	<Description>8pt font, free label green</Description>
*/
/* PREVIOUS JOSHY COMMENT - Class required by the categories.aspx page.  This class is referenced
   Programatically, i.e. the code expects the existence of this class. */
.FreeLabel 
{
	font-family: Arial, Verdana, Sans-Serif, Helvetica;
	font-size: 8pt;
}

/*
	<CSSName>MagazineThumbnail</CSSName>
	<Type>Class</Type>
	<Purpose>Sets magazine thumbnail display</Purpose>
	<Description>width - 65px; height - 84px;</Description>
*/
/* PREVIOUS JOSHY COMMENT - Style used for display magazine images in the categories page.  */
.MagazineThumbnail 
{
    width : 65px;
    height: 84px;
}

/*
	<CSSName>LargeMagazineThumbnail</CSSName>
	<Type>Class</Type>
	<Purpose>Sets magazine thumbnail display on description.aspx</Purpose>
	<Description>width - 65px; height - 84px;</Description>
*/
.LargeMagazineThumbnail
{
    width : 120px;
    height: 160px;
}


/*********************

	Use the following 2 classes to control the alignment of the 
	main table on the page.

	All 3 alignments, Left, Center and Right are provided.  
	Just uncomment the ones you want to use.

*********************/


/*********** USE THESE CLASSES TO LEFT JUSTIFY THE CONTENT ****************/

/*
	<CSSName>MainTable</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main table on all pages.  This is for Firefox</Purpose>
	<Description>Left Justify</Description>
.MainTable
{	
}
*/


/*
	<CSSName>MainDiv</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main div tag on all pages.  This if for IE control</Purpose>
	<Description>Left Justify</Description>
.MainDiv
{
}
*/

/*********** USE THESE CLASSES TO CENTER THE CONTENT ****************/

/*
	<CSSName>MainTable</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main table on all pages.  This is for Firefox</Purpose>
	<Description>Center</Description>
*/
.MainTable
{	
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

/*
	<CSSName>MainDiv</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main div tag on all pages.  This if for IE control</Purpose>
	<Description>Center</Description>
*/
.MainDiv
{
	text-align: center;
}

*/

/*********** USE THESE CLASSES TO RIGHT JUSTIFY THE CONTENT ****************/

/*
	<CSSName>MainTable</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main table on all pages.  This is for Firefox</Purpose>
	<Description>Right Justify</Description>
.MainTable
{	
	margin-left: auto;
	margin-right: 0;
	margin-top: auto;
	margin-bottom: auto;

}
*/

/*
	<CSSName>MainDiv</CSSName>
	<Type>Class</Type>
	<Purpose>Control the display of the main div tag on all pages.  This if for IE control</Purpose>
	<Description>Right Justify</Description>
.MainDiv
{
	text-align: right;
}
*/