/* ------------- 

This file depreciates cms.css 
stylesheet.css, checkout.css == OSCOMMERCE stylesheets
main.css== top nav menu creator stylesheet

------------- */

/* Depreciate these styles
Replace h1 with h2
Replace <h2> with <h1>
Replace WhiteTextBigBold with H4
Replace <font size . . .<sup>TM with just <sup>
Replace  style1 with <strong>
Replace WhiteTextBig with nothing since this is now covered by body tag
Replace WhiteText with smallText because it is more descriptive
Replace WhiteTextBigBold with <h4>
Replace RedHeading with <h5>
Replace Links with smallLinks because the name is more descriptive
Replace  with

/* ------------- Main Body styles ------------- */



/* replace this <h2><font face="Arial"> with just h2 - use h1 because old styles had h1 smaller than h2*/
H1 {
	FONT-FAMILY: Verdana, Arial, sans-serif
}

/* font color gray - replaces current h1 - use h2 because old styles had h1 smaller than h2 */
H2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 20px; 
	MARGIN-BOTTOM: 20px; 
	COLOR: #9a9a9a; 
	FONT-FAMILY: Verdana, Arial, sans-serif
}


/* big yellow font -replace <span style="font-family:Arial,sans-serif;"><font size="+1" color="#FFCC00"> */
H3 {
	FONT-FAMILY: Verdana, Arial, sans-serif;
	color: #FFCC00
}

H4 {
	font-family: Arial;
	color: #FFFFFF;
	margin-bottom:5px;	
}

H4 a {
	font-family: Arial;
	color: #FFFFFF;
	text-decoration: none;	
}

H5 {
	font-family: Arial;
	font-size: 15px;
	color: #FF0000;
	text-decoration: none;
	margin-bottom:5px;	
}

BODY {
	BACKGROUND: #000000; 
	MARGIN: 0px; 
	COLOR: #ffffff;
	SCROLLBAR-FACE-COLOR: #cc0000;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #000000;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #333333;
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}



A {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}

/* replace sup font sizes */
sup {
	font-size: smaller;
	
}

/* neon green - replace style1 */
strong {
	color: #33FF00;
	font-weight: bold;

}
.Padding {
	padding:10px;
}


.smallText {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/* eliminate  WhiteTextBig, as this is covered by the body tag. change WhiteTextBig to textBig */
.bigText {
	font-family: Arial;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
}

/* eliminated WhiteTextBigBold since it is redundant with <b> tags, strong, and h4 tag
.WhiteTextBigBold {
	font-family: Arial;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/* eliminated RedHeading, replace with h5
.RedHeading {
	font-family: Arial;
	font-size: 14px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

/* eliminate  Links, change to smallLinks since it is more descriptive */
.smallLinks {
}
.smallLinks a {
	font-family: Arial;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
}


.LinksBold {
	
}

.LinksBold  a{
	font-family: Arial;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

/* ------------- Special section styles ------------- */
.index {

}
.index h3{
	margin:0;
	font-size:13px;
	font-family: arial;
	font-color: #FFCC00;


}

.index h1{
	color:#F4464A;
	font-family: times;
	margin:0;
	font-size:23pt;
	font-weight:bold;


}

.leftNav {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;


}

.leftNav H1{
	font-family: Arial;
	font-size: 17px;
	color: #FFffff;
	text-decoration: none;
	margin-bottom:8px;
}

.navLinks {
	color: #ffffff;	
	padding:15px;
	line-height:140%;
}

.navLinks a{
	color: #ffffff;	
}

.navLinks A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}

/* also defined in checkout.css */
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	text-decoration: none;
}

/* Keyword list at bottom of page  */
#keys H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 3px; TEXT-ALIGN: center
}

.siteMap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: none;
}
.siteMap a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #33FF00;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: underline;
}
.siteMap a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #33FF00;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: underline;
}
.siteMap a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #33FF00;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: underlinee;
}
.siteMap a:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #33FF00;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: underline;
}




/* ------------- shopping cart ------------- */

.noBorders {
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: C4CFD0;
}
input {
	background-color: #C4CFD0 ;
}


select {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}






















/* ------------- no reference found ------------- */
.boxText {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, sans-serif
}
.boxText SELECT {
	WIDTH: 95%
}

.BigHeading {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #C60000;
	text-decoration: none;
}
.MidHeading {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #C60000;
	text-decoration: none;
}
.Heading {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #C60000;
	text-decoration: none;
}
.WhiteTextBold {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.RedTextBold {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.HeadLinks {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

.RedText {

	font-family: Arial;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
.pagelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCC00;
	text-decoration: none;
}
.Red {
	color:#ff0000 ;
}
.BoldFont {
	font-weight::bold ;
}