/* CSS Document */

/*Template Css*/
#tempOuterContainer {
	position: absolute;
	width: 760px;
	height: 549px;
	top: 5px;
	left: 5px;
	background: white;
}	
		
img {
	border: 0;
}

/*header components*/
#tempHeader {
	float:left;
}

#tempLeftLogo {
	float: left
}

#tempTopCopy{
	padding: 1px;
	font: 9px/120% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: right;
	margin-top: 3px;
}

#tempTopLine {
	float: left;
	width: 760px;
	border-bottom: 1px solid #848383;
}


/*Mav Bars*/
#templateNavBar1 {
	float: left;
	margin-top: 3px;
	border-top: 1px solid #EC2E0D;
	border-bottom: 1px solid #EC2E0D;
	width: 760px;
	height: 17px;
}

#templateNavBar2 {
	float: left;
	margin-top:1px;
	width: 760px;
	height: 19px;
	background-color: #949494;
}

/* Column A components */
		
#tempColAContainer {
	float: left;
	width:160px;
}
	
#tempColumnA {
	float: left;
	padding-top: 8px;
	width: 158px;    
}


/*footer components*/
	
#tempFooter {
	float: left;
	margin-top: 5px;
}

#tempRedBar {
	float: left;
	height: 10px;
	width: 760px;
	background: #EC2E0D;
}
	
#tempLowerRightLogos {
	float: right;
	width: 262px;
	height: 39px;
}
	
#tempBottomLine {
	float: left;
	width: 760px;
	height: 3px;
	margin-top: 3px;
	margin-bottom: -3px;
	border-top: 1px solid #848383;
}

.copyright {
	float: left;
	font: 9px/120% Verdana, Arial, Helvetica, sans-serif;
	color: #7D7D7D;
}
.copyright a:link, .copyright a:visited, .copyright a:hover, .copyright a:active
{
	color: #7D7D7D;
}

.footerSpacer {
	float: left;
	width: 200px;
	height: 1px;
}
.note
{
	font: 9px/120% Verdana, Arial, Helvetica, sans-serif;
	color:  #666666;
}
#footerBaseContainer{
	float: left;
	width:760px;
	height: 39px;
	text-align: right;
	vertical-align: middle;
}

#footerBaseContainer img {
	margin-right: 30px;
}

#footerBaseContainer img.last {
	margin-right: 0px;
}

#tempBackToTop {
	float: right;
	margin-top: 5px;
}

 
/*column B components */
#tempColBContainer {
	float: right;
	width: 585px;
}

#navBar1 {
	/* float: left;
	margin-top: 3px; */
	border-top: 1px solid #EC2E0D;
	border-bottom: 1px solid #EC2E0D;
	background: white;
	width: 412px;
	/* height: 17px; */
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	height: 15px;
}

#top_nav
{
	margin: 0px;
	padding: 0px;
	/* margin-left:-40px; */
}
#top_nav li
{
	display:block;
	float:left; 
	/* display: inline;*/
	list-style-type:none;
	text-align:left;
	padding: 0px;
	margin: 0px;
}

.tempColBProdContainer {
	float: left;
	padding-top: 8px;
	border-bottom: 1px solid #848383;
	width: 590px;
	}
	
.tempColBAboutUsCopy {
	float: left;
	padding-top: 8px;
	width: 590px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	line-height: 16px;
	}
	
.tempColBAboutUsCopyHeader{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:  #EC2E0D;
	padding-right: 125px;
	}
	
.tempColBContactUsCopy{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	line-height: 16px; 
	}
	
.tempColBContactUsCopy a:link {
	text-decoration: none;
	color: #666666;
}

.tempColBContactUsCopy a:hover {
	text-decoration: underline;
	color: #EC2E0D;
}
	
.tempColBPictContainer {
	float: left; 
	width: 155px;
	}

.tempProdImage {
	float: left;
}
	
.tempProdCopy {
	float: right;
	width: 420px;
	margin-top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	line-height: 16px;    
}

ul {
	margin-top: 0;
}

.rolloverCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	text-align: left;
}
.rolloverCopy a:link {
	text-decoration: none;
	color: #EC2E0D;
}

.rolloverCopy a:hover {
	text-decoration: underline;
	color: #EC2E0D;
}

.infoRolloverCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
}
.infoRolloverCopy a:link {
	text-decoration: none;
	color: #494949;
}

.infoRolloverCopy a:hover {
	text-decoration: underline;
	color: #EC2E0D;
}

.imageBorder { 
	border: solid black 1px;
	}
	
.backToTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: right;
}
.backToTop a:link {
	text-decoration: none;
	color: #EC2E0D;
}

.backToTop a:hover {
	text-decoration: underline;
	color: #EC2E0D;
}
	

.col_A_spacer {
	width: 145px;
	height: 204;
}

/* top nav links -------------------------- */
#top_nav li a:link, #top_nav li a:visited, #top_nav li a:hover, #top_nav li a:active
{
	/* height:16px; */
	display: block;
	line-height: 16px;
	padding:0px 10px 1px 10px;
	background-color: white;
	font:bold 11px/16px Arial;
	text-decoration:none;
	text-transform:uppercase;
	color:#EC2E0D;
}
#top_nav li a:hover, #top_nav li a:active
{
	color:white;
	background-color:#EC2E0D;
}

/* clearing tools ---------------------- */
.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

.clearfix {display: block;}