/*/
	Stylizor/CSS.php (c) 2004 by Locke Enterprises (www.iLocke.com) - All rights reserved.
	LICENSE:  Authorized for use on the AutoGlassHosting.com website and its Affiliate websites.
	PURPOSE:  CSS class elements exported for use on this website.
	CREATED:  6/2004 - Locke Enterprises (iLocke.com) - taken from Nathan's master template
	MODIFICATION HISTORY:
		· 6/25/2004 - Nathan - adapted for the AGH Affiliate website
		· mm/dd/yyyy - [name] - [comment]
/*/

/*/
	Stylizor/default_green_merc.css (c) 2005 by Locke Enterprises (www.iLocke.com) - All rights reserved.
	LICENSE:  Authorized for use on the AutoGlassHosting.com website and its Affiliate websites.
	PURPOSE:  CSS class elements exported for use on this website.
	CREATED:  4/2005 - Locke Enterprises (iLocke.com) - taken from Nathan's master template
	MODIFICATION HISTORY:
		· 4/2005 - Nathan - final adaptations including handlers for special div ID's
		· mm/dd/yyyy - [name] - [comment]
	NOTE:  Key colors... orange=#FF9000 cadet=#6F7B91 deepcadet=#404870 darkorange=#C87840
/*/


/* -------------------------------------------------------------------------
	AGH affiliate account template websites
------------------------------------------------------------------------- */

	/* main block defaults */
		BODY{ background: #6F7B91; }
		BODY, TD, P { color: #000000; font-size: 12px; font-family: Tahoma, Arial, Helvetica; }

	/* basic orange links */
		A, A:link, A:visited { color: #FF6400; text-decoration: none; font-family: Tahoma, Arial, Helvetica; font-weight: bold; }
		A:hover, A:active { text-decoration: underline; }

	/* thin links */
		A.thin, A.thin:link, A.thin:visited { color: #FF6400; text-decoration: none; font-family: Tahoma, Arial, Helvetica; font-weight: normal; }
		A.thin:hover, A.thin:active { text-decoration: underline; }

	/* small links */
		A.small, A.small:link, A.small:visited { color: #FF6400; font-size: 11px; text-decoration: none; font-weight: bold; }
		A.small:hover, A.small:active { text-decoration: underline; }

	/* smallThin links */
		A.smallThin, A.smallThin:link, A.smallThin:visited { color: #FF6400; font-size: 11px; text-decoration: none; font-weight: normal; }
		A.smallThin:hover, A.smallThin:active { text-decoration: underline; }

	/* main nav links */
		A.nav, A.nav:link, A.nav:visited { color: #FFFFFF; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: none; }
		A.nav:hover, A.nav:active { color: #FFFFFF; font-family: verdana; font-size: 12px; font-weight: bold; text-decoration: underline; }

	/* bottom nav links */
		A.bottomnav, A.bottomnav:link, A.bottomnav:visited { color: white; font-family: Verdana; font-size: 10px; font-weight: normal; text-decoration: none; }
		A.bottomnav:hover, A.bottomnav:active { color: #FFC068; font-family: Verdana; font-size: 10px; font-weight: normal; text-decoration: none; }

	/* alert */
		A.alert, A.alert:link, A.alert:visited { font-size: 12px; color: #FF0000; font-weight: bold; text-decoration: none; }
		A.alert:hover, A.alert:active { font-size: 12px; color: #FF0000; text-decoration: underline; }

	/* various cells */
		TD.slogan{ color: black; font-family: Arial; text-align: center; font-size: 12px; font-weight: normal; padding: 1px 4px 1px 8px; }
		TD.newsTitle{ color: #686868; font-family: verdana, tahoma, arial, helvetica; font-size: 12px; text-decoration: none; font-style: normal; font-weight: bold; border-left: 0; border-right: 0; border-top: #C09863 1px solid; border-bottom: #C09863 1px solid; padding: 0 0 0 10px; }
		TD.news{ color: #808080; font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: none; font-style: normal; font-weight: normal; padding: 0 0 0 10px; }
		TD.navLink{ padding: 0; }
		TD.sectionTitle{ color: #000000; font-family: Verdana; font-size: 18px; font-weight: bold; padding: 0 0px; vertical-align: middle; padding: 0 0 0 3px; }
		TD.copyright{ color: #404040; font-family: Tahoma, Arial, Helvetica; font-size: 11px; text-decoration: none; font-weight: normal; }

	/* paragraphs */
		P.action{ color: #00A000; background: none; text-decoration: none; font-weight: bold; font-size: 16px; }
		P.error{ color: #E00000; background: none; text-decoration: none; font-weight: bold; font-size: 18px; }
		P.notice{ width: 80%; color: #E80000; background: #FCFCEC; padding: 6px; text-decoration: none; font-weight: bold; font-size: 18px; border: #C06060 1px dotted; }
		P.title{ color: #6F7B91; font-family: Tahoma, Arial, Helvetica; font-size: 14pt; font-weight: bold; text-decoration: none; }
		P.siteText{ color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 10pt; font-weight: normal; }
		P.siteText:first-line{ font-weight: bold; }

	/* specific spans */
		SPAN.companyName{ color: #000000; font-family: Arial, Helvetica; font-size: 20px; text-decoration: none; font-style: normal; font-weight: bold; }
		SPAN.logoDomain{ color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 9px; font-weight: normal; }
		SPAN.required{ color: #F80000; }

	/* other special items */
		LI.newsItem{ color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: none; font-weight: bold; }

	/* specific zones - mostly for overflow protection */
		#logoArea{ width: 268px; height: 73px; display: block; visibility: visible; overflow: hidden; padding: 0; margin: 0; }
		#logoAreaMiddle{ width: 268px; height: 73px; display: block; visibility: hidden; overflow: hidden; padding: 0; margin: 0; }
		#logoAreaHighlight{ width: 268px; height: 73px; display: block; visibility: hidden; overflow: hidden; padding: 0; margin: 0; }
		#titleArea{ width: 462px; height: 32px; display: block; visibility: visible; overflow: hidden; }
		#navArea{ width: 224px; height: 100%; display: block; visibility: visible; overflow: hidden; }
		#newsTitleArea{ width: 216px; height: 26px; display: block; visibility: visible; overflow: hidden; }
		#newsArea{ width: 216px; height: 100%; display: block; visibility: visible; overflow: hidden; }
		#bottomNavArea{ width: 600; height: 62px; display: block; visibility: visible; overflow: hidden; }
		#contentArea{ width: 482px; height: 100%; display: block; visibility: visible; overflow: hidden; }

	/* generic areas */
		.normal {
			color: #000080; background: #F0F0F0; font-size: 11px; font-weight: normal; border-color: #E0E0E0;
			vertical-align: middle; font-family: Tahoma, Arial, Helvetica; text-decoration: none;
			scrollbar-face-color: #A0A0A0; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #E8E8E8; scrollbar-3dlight-color: #C0C0C0;
			scrollbar-darkshadow-color: #000000; scrollbar-track-color: #E0E0E0; scrollbar-arrow-color: #FFFFFF;
		}
		.requiredField {
			color: #000080; background: #F0F0F0; font-size: 11px; font-weight: normal; border-color: #E0E0E0; border-bottom: #C82040 2px solid;
			vertical-align: middle; font-family: Tahoma, Arial, Helvetica; text-decoration: none;
			scrollbar-face-color: #A0A0A0; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #E8E8E8; scrollbar-3dlight-color: #C0C0C0;
			scrollbar-darkshadow-color: #000000; scrollbar-track-color: #E0E0E0; scrollbar-arrow-color: #FFFFFF;
		}
		.readonly {
			color: #404040; background: #D8D8D8; font-size: 8pt; font-family: Tahoma, Arial, Helvetica; font-weight: normal;
			border-color: #C0C0C0; vertical-align: middle; text-decoration: none;
		}
		.button {
			/* color: #E8E8E8; background: #6F7B91; */
			color: #FFFFFF; background: #4F7399; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold;
			height: 26px; vertical-align: middle; border: #E0D0C0 2px outset;
		}
		.smallButton {
			color: #FFFFFF; background-color: #4F7399; font-size: 10px; font-family: Tahoma, Arial, Helvetica;
			vertical-align: middle; border-style: solid; border-width: 1px; border-left-color: #000000;
			border-right-color: #000000; border-top-color: #000000; border-bottom-color: #000000;
		}
		.highlightLine{ color: #6F7B91; background: #6F7B91 }
	
	/* AGH affiliate wizard */
		A.wizard,A.wizard:link,A.wizard:visited{ color: #FF0000; font-weight: normal; text-decoration: none; font-family: Arial, Helvetica; }
		A.wizard:hover,A.wizard:active{ color: #C80000; font-weight: normal; text-decoration: underline; font-family: Arial, Helvetica; }

		TABLE.wizardTable{ border: #404870 2px solid; background: #E0E0E0; }

		TD.wizardStep{ color: #E8E8E8; background: #00A499; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; }
		TD.wizardStepCurrent{ color: #FFFFFF; background: #4F7399; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; }
		TD.wizardTitle{ color: #000000; background: #00A499; font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; }
		TD.wizardSeparator{ color: #F8F8F8; background: #00A499; font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; padding: 0; }
		TD.wizardText{ color: #FF0000; font-family: Arial, Helvetica; font-size: 14px; font-weight: normal; }

		TD.checkoutTitle{ color: #F0F0F0; background: #00A499; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; }

		SPAN.regularText{ font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; }
		SPAN.wizardTitleHidden{ color: #00A499; font-size: 12px; font-weight: normal; }

		.wizardButton {
			color: #F0F0F0; background: #4F7399; font-family: Tahoma, Arial, Helvetica; vertical-align: middle;
			font-size: 12px; font-weight: bold; width: 260px; height: 26px; border: #004098 2px outset; padding: 0;
		}

/* (UNUSED elements) */

	/* main nav links - not currently used */
		A.navsel, A.navsel:link, A.navsel:visited { padding: 2px; font-size: 11px; color: #C80000; background: #DADAEB; text-decoration: none; font-weight: normal; }
		A.navsel:hover, A.navsel:active { padding: 2px; font-size: 11px; color: #E80000; background: #C0C0D8; text-decoration: none; font-weight: normal; }

	/* action */
		A.action, A.action:link, A.action:visited { color: #F08000; font-weight: bold; text-decoration: none; }
		A.action:hover, A.action:active { color: #FFC040; text-decoration: underline; }