﻿body {
	background-color: #DAD8C5;
	margin-top:0px; 
	margin-left:30px; 
	margin-right:30px;
	margin-bottom:0px;
	 border: none 0px black;
	font-family: Times New Roman,Georgia,Serif;
	color:#565353;
	font-size: 14px;
	line-height:21px;
	 padding:0px;

}



/*Provide Arial Narrow for download
@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALN.eot);
}
 
@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALNI.eot);
	font-style: italic;
}
 
@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALNB.eot) ;
	font-weight: bold;
}
 
@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALNBI.eot);
	font-weight: bold;
	font-style: italic;
}

/* Other major browser rules come after IE rules 

@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALN.TTF) format("truetype");
}
 
@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALNI.TTF) format("truetype");
	font-style: italic;
}
 
@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALNB.TTF) format("truetype");
	font-weight: bold;
}
 
@font-face {
	font-family: "Arial Narrow";
	src: url(Fonts/ARIALNBI.TTF) format("truetype");
	font-weight: bold;
	font-style: italic;
}

 */


img{
border:0px;
}

h1.H1Med{
	font-family: verdana,arial,helvetica,sans-serif;
	color: Gray;
	font-size: medium;
	display:inline;
}

h1.H1dc{

	font-family: Calibri,arial,verdana,helvetica,sans-serif;
	color: #313035;
	font-size: medium;
	display:inline;
	font-weight:bold; 
	font-size: 20px;  
	line-height:28px;
	text-transform: uppercase;
}

h1.Hdc{

	font-family: Calibri,arial,verdana,helvetica,sans-serif;
	color: #313035;
	font-size: medium;
	display:block;
	font-weight:normal; 
	font-size: 20px;  
	line-height:25px;
	vertical-align:bottom;
	margin-left:30px;
	text-transform: uppercase;
	margin-top:13px;
	font-weight:bold; 
	/*text-transform: uppercase;*/
}



td.spacingCell
{
width:30;
}

td.cent
{
 text-align:center;
  margin:0px auto;
   width:180px;
}

td.reqd
{
 text-align:right;
 font-weight:bold;
 /*BACKGROUND: url(images/field-req.gif) no-repeat right center;	*/ 
}

td.notreqd
{
 text-align:right;
 /*font-weight:bold;*/ 
}
td.textInput
{
 text-align:left;
}

a.button{
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	color:White;
	text-decoration:none;
	height: 25px; 
	display:inline-block;
	padding-top: 0px; 
	vertical-align:middle;
	text-align:center;
	margin-top:10px;
	margin-left:15px;
	font-family: Arial, Helvetica, sans-serif;
}
a.BtnLg{
	width: 225px;
	background:url(images/ButtonLg.gif);
}
a.BtnSm{
	width: 74px;
	background:url(images/ButtonSm.gif);
}

a.BtnMd{

	width: 150px;
	background:url(images/ButtonMd.gif);
}



a.BtnLg2{
	width: 225px;
	background:url(images/Button2Lg.png);
	margin-top:20px;
	
}

a.RollOverButton{
	font-weight: bold;
	font-size: 16px;
	color:White;
	text-decoration:none;
	height: 21px; 
	width: 130px;
	background:url(images/RollOverButton4.png);
	display:inline-block;
	padding-top: 4px; 
	vertical-align:middle;
	text-align:center;
	margin-top:2px;
	margin-left:3px;
	font-family:  "Arial Narrow", Helvetica, sans-serif;
	
}


.msg{ color: #C00000;}

table.indented td{ padding:5px;}

highlight{padding:0px;}


input.reqdlg{width:225px}
input.reqdnum{width:50px;}
input.reqd{}


input.numBox{ width:50px;}





input.reqdnumconfig{ border:solid #D8A730 2px; width:50px;}

input.reqdnumconfigNoVal{ border-color:#D8A730;}

input.readonlyconfig{ border:none; background-color:Black; color:White; text-align:center;}

div.configOverlay{}

div.inputarea{
	position:relative;
	width: 961px; 
	margin: 0 auto; }

div.containerBack{
	width: 957px; 
	margin: 0 auto; 
	background:url(Images/containerBack2.png);
}

div.containerBody{
	width: 905px; 
	margin: 0px auto; 
	background-position: center top; 
	background-color:#FFFFFF;
	padding:5px 15px;
	position:relative;	
	top: 0px;
	left: 0px;
	 z-index:100;
}

div.containerBodyNoPad{
	width: 905px; 
	margin: 0px auto; 
	background-position: center top; 
	background-color:#FFFFFF;
	padding:0px;
	position:relative;
	top: 0px;
	left: 0px;
}

div.containerTop{
	width: 957px; 
	height: 7px; 
	margin:0 auto;
	 margin-top: 0px;
	background:url(Images/containerTop957x20.png);
}

div.containerBottom{
	width: 957px; 
	height: 7px; 
	margin: 0 auto; 
	background:url(Images/containerBottom2957_20.png);
}

div.after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.header{
	width: 920px; 
	height: 125px; 
	margin: 0 auto; 
	position:relative;
	background:url(Images/HeaderBack.png);
}


a:hover{
 text-decoration:underline;
}

h2.Tan{font-style: italic; color: #FFDEA8; font-weight: bold; font-family: Georgia,Times New Roman,Serif;font-size: 14px; margin:0px;}


.h2Grey{font-style: italic; font-weight: bold; font-family: Georgia,Times New Roman,Serif; color: #A7A7A7; font-size: 14px; 
 margin-bottom:10px;  margin-left:0px;  margin-top:0px;  margin-right:0px;}
 
h2.Grey{font-style: italic; font-weight: bold; font-family: Georgia,Times New Roman,Serif; color: #A7A7A7; font-size: 14px; 
 margin-bottom:10px;  margin-left:0px;  margin-top:0px;  margin-right:0px;}
 
h2.Black{font-weight: normal; font-size: 20px; font-weight: bold;
        padding-top: 10px; padding-bottom: 10px;  color: #303030;font-family: Arial Black; margin:0px;}
        
h2.Black2{font-weight: normal; font-size: 20px; font-weight: bold;
        padding-top: 10px; padding-bottom: 5px;  color: #303030;font-family: Arial Black; margin:0px;}    
        
h2.Black3{font-weight: normal; font-size: 20px; font-weight: bold;
        padding-top: 0px; padding-bottom: 0px;  color: #303030;font-family: Arial Black; margin:0px;}

h1{font-size: 19px; font-weight:bold;color: #313131;
             font-weight: bold; font-family: Arial Black; margin:0px;}
             
.h1Black{font-size: 19px; font-weight:bold;color: #313131;font-weight: bold; font-family: Arial Black; margin:0px;}

div.LogIn
{
	top: 17px;
	position:absolute;
	
}

div.Left{
	width:49%; 
	float:left;
}

div.Right{
	width:49%; 
	float:right;
}


a.link{
/*color:#DAAD3E;*/
 color:#E68733;
 text-decoration:none;
 font-weight: bolder;
 font-size: 11px;
font-family: Arial Black;
 font-style:normal;
}
a.link:hover{
 text-decoration:underline;
}
a.link:visited{
  color:#E68733;
}

a.linkSmall{
/*color:#DAAD3E;*/
 color:Gray;
 text-decoration:none;
 font-weight: bolder;
 font-size: 11px;
font-family: Arial Black;
 font-style:normal;
}
a.linkSmall:hover{
 text-decoration:underline;
}
a.linkSmall:visited{
  color:Gray;
}


.linkColor{
 color:#E68733;
}
.linkColor:visited{
 color:#E68733;
}

a.blink{
/*color:#DAAD3E;*/
 color:#E68733;
 text-decoration:none;
 font-weight: bolder;
 font-size: 14px;
font-family: Arial Black;
 font-style:normal;
}
a.blink:hover{
 text-decoration:underline;
}

a.H1link{
	color:#DAAD3E;
	font-size: medium;
	display:inline;
	text-decoration:none;
	font-weight: bolder;
	font-family: Arial Black;
	font-style:normal;
}

a.H1link:hover{
 text-decoration:underline;
}



div.Navigation
{
	position:absolute;
	top: 65px;
	left: 186px;
	width: 758px;
	text-align:center;
	color:#C3C3C3;
	font-weight:bold;
	font-family:  "Arial Narrow","Arial", Helvetica, sans-serif;
	font-size: 15px;
}

div.MembersOnly
{
	position:absolute;
	top: 98px;
	left: 737px;
	width: 176px;
	text-align:center;
	font-size: 18px;
}

a.HeaderLink{
		
	color:#636257;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	padding-top: 3px; 
	height: 24px; 
	display:inline-block;	
	white-space: nowrap;

		
}




a.HeaderLink:hover{
 /* background:url(Images/new/HeaderLinkBack.gif); */
 color: White;
}

a.HLXS{width: 56px;}
a.HLXS:hover{background:url(Images/HeaderLinkBackXS.gif);}
a.HLXSA{width: 56px;background:url(Images/HeaderLinkBackXS.gif); color: White;}

a.HLS{width: 72px;	}
a.HLS:hover{background:url(Images/HeaderLinkBackS.gif);}
a.HLSA{width: 72px;background:url(Images/HeaderLinkBackS.gif); color: White;}

a.HLM{width: 81px;}		
a.HLM:hover{background:url(Images/HeaderLinkBackM.gif);}
a.HLMA{width: 81px;background:url(Images/HeaderLinkBackM.gif); color: White;}

a.HLL{width: 108px;}		
a.HLL:hover{background:url(Images/HeaderLinkBackL.gif);}
a.HLLA{width: 108px;background:url(Images/HeaderLinkBackL.gif); color: White;}

a.HLXL{width: 116px;}		
a.HLXL:hover{background:url(Images/HeaderLinkBackXL.gif);}
a.HLXLA{width: 116px;background:url(Images/HeaderLinkBackXL.gif); color:White; color: White;}

ul { list-style-image: url("Images/arrow.png"); margin-top:0px;  }

/* The wider this li is, the fewer columns there will be */

    ul.multiple_columns{margin: 0 auto;
    padding: 0;
}
    ul.multiple_columns li{
        text-align: left;
        float: left;
        list-style: none;
        list-style-image: url("Images/arrow.png"); margin-top:0px; 
        height: 17px;
        width: 142px;
    }
    
    
    
ul.app_columns{margin: 0 auto;
    padding: 0px;
    padding-left: 50PX;
    padding-right:50PX;
     font-size:10px;
     line-height:10px;
     
}
ul.app_columns li{
        float: left;
        list-style: none;
		width:100px;
		height:120px;
        padding-left:30px;
        padding-right:30px;
        padding-top:0px;
        padding-bottom:20px;
        margin: 0 auto;
         text-align:center;
    }
    
    .app_columns div{
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
   text-align: center;
  }

.app_columns img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  
  
  
      
ul.app_columns{margin: 0 auto;
    padding: 0px;
    padding-left: 50PX;
    padding-right:50PX;
     font-size:10px;
     line-height:10px;
     
}

    .center div{
  float: none;
  background: none;
  margin: 0 auto;
  text-align: center;
  }

ul.cust_columns{margin: 0 auto;
    padding: 0;}

ul.cust_columns li{
        float: left;
        list-style: none;
	 height: 145px;
        width: 135px;
        border: solid 1px #E58730;
        text-align : center;
		padding-top:7px;
		padding-left:15px;
        padding-bottom:2px;
        line-height:10px;	
         margin:13px; 
    }
   
    .cust_columns div{
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
   text-align: center;
  }

.cust_columns img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
    
    
    
ul.multiple_image_columns{margin: 0 auto;
    padding: 0;
}
    ul.multiple_image_columns li{
    
        float: left;
        list-style: none;
		margin:6px; 
        height: 135px;
        width: 135px;
        border: solid 1px #E58730;
		text-align: center;
		padding-top:10px;
		
		

    }
    
    
.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
    
    
    ul.applications{margin: 0 auto;
  margin-top:0px;  padding-left:15px;
}
    ul.two li{	
    
        float: left;
        list-style: none;
		width: 48%;
		text-align:  left;

    }
    
     ul.one li{
    
        float: left;
        list-style: none;
        width: 100%;
		text-align:  left;
		padding-bottom:20px;

    }
    
    
 img.applications{float: left; padding:8px}


    

.imgSub3rd{
padding:0px;
float: left;
border: solid 1px #E58730;
 width:135px;
 height:115px;
  margin-left:10px;
  margin-right:30px;
}


.imgProd{
padding-left:0px;
padding-right:0px;
padding-top:30px;
padding-bottom:40px;
float: left;
margin-left:10px;
margin-right:10px;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

td.spacingCell
{
width:30;
}





div.InputArea{
 position:relative;
}

td.product{}

#configmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#configmenu li {display: inline; color:White; text-align:center; }

table.configmenu{
font-weight: normal; z-index: 100;
  background-color:black ;
   border:solid 2px black; padding:0px; 
}

table.modelSelection{
font-weight: normal; z-index: 100;
 padding:0px; 
}


.ontop{
    z-index:99990;
    background-color : #fff;
    border-width : 1px;
    border-style : solid;
    padding:0;
	margin : 0px!important;
	
   /*
    visibility : hidden;

    
    color : windowtext;
    border : buttonshadow;

    cursor : 'default';
    overflow : auto;
    height : 180px;
        text-align : left;
        list-style-type : none;
      
*/
}


div.upProgress{position: absolute;z-index: 1000;background-color: White;
                    opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40);  }
                    
                    
                   
                    
div.upProgressTemp{position: absolute;z-index: 100;background-color: White;
                    opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); border:solid 2px blue; }

.ValidatorCalloutExtender div, .ValidatorCalloutExtender td{ color:Black;}

    
div.disabled{background-color: White;
                    opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40);  width: 150px; height: 100px;float: left; margin-left:15px;margin-right:15px; text-align:center;
				font-size: 16px;
				line-height: 18px;
				 font-weight:bold;
				text-decoration:none;
				font-family:  Arial, Helvetica, sans-serif;  }


div.UnSelected{ color:White; 
				background-image: url(images/ButtonSQUnselected.png); 
				width: 150px; 
				height: 100px;
				float: left; 
				margin-left:15px;
				margin-right:15px; 
				text-align:center;
				 font-weight:bold;
				font-size: 16px;
				line-height: 18px;
				text-decoration:none;
				font-family:  Arial, Helvetica, sans-serif;







}
div.UnSelected:hover{ color:White; background-image: url(../images/ButtonSq.gif); width: 150px; height: 100px;float: left; margin-left:15px;margin-right:15px; text-align:center;
				font-size: 16px;
				line-height: 18px;
				text-decoration:none;
				 font-weight:bold;
				font-family:  Arial, Helvetica, sans-serif;}

div.selected{ color:White; background-image: url(../images/ButtonSq.gif); width: 150px; height: 100px;float: left; margin-left:15px;margin-right:15px; text-align:center;
				font-size: 16px;
				line-height: 18px;
				 font-weight:bold;
				text-decoration:none;
				font-family:  Arial, Helvetica, sans-serif;}

.center{ margin:0 auto; text-align:center;}

table.optionGroup{ border:solid 1px #F5D0AE;  margin-top:8px; margin-bottom:12px;  width:100%; }

table.input{
font-weight: normal; z-index: 99;
/*  background-color:#F0F0F0;
	height: 160px;
	width:100%; 
	border:solid 2px #F5D0AE; */
}

table.input td{
	 padding:4px;
}

table.modelCell td{
	text-align:center; 
	 width:120px;
}

td.OptionHeader{

	font-family: Calibri,arial,verdana,helvetica,sans-serif;
	color: #313035;
	font-size: 18px;  
	text-transform: uppercase;
	font-weight:bold; 
	/*
	border-bottom:solid 1px #F5D0AE;
	*/
}

.Caution{ font-weight:bold; font-size:.8em; color:#EF7931;}




.vertB { border-collapse: collapse; }
.vertB td { border-left: 1px solid #F5D0AE; border-right: 1px solid #F5D0AE;  border-top: 1px solid #F7ECE3;   padding-left:10px;padding-right:10px;}
.vertB th { border-left: 1px solid #F8BD87; border-right: 1px solid #F8BD87; border-bottom: 1px solid #F7ECE3;   padding-left:10px;padding-right:10px; }

.vertB2 { border-collapse: collapse; margin:0px auto; }
.vertB2 td { border-left: 1px solid #F5D0AE; border-right: 1px solid #F5D0AE;  border-top: 1px solid #F7ECE3;  border-bottom: 1px solid #F7ECE3;  padding-left:10px;padding-right:10px;}
.vertB2 th { border-left: 1px solid #F8BD87; border-right: 1px solid #F8BD87; border-bottom: 1px solid #F7ECE3;   padding-left:10px;padding-right:10px; }




div.ajax__calendar_days table tr td{padding-right: 0px;}
div.ajax__calendar_body{width: 215px;}
div.ajax__calendar_container{width: 215px;}


.fieldreq {	PADDING-RIGHT: 0px;	PADDING-LEFT: 12px;	BACKGROUND: url(/images/field-req.gif) no-repeat left center;	PADDING-BOTTOM: 0px;	PADDING-TOP: 0px;	HEIGHT: 20px}

.grey-box {	PADDING-RIGHT: 20px;	PADDING-LEFT: 20px;		margin: 0 auto; 	PADDING-BOTTOM: 20px;	PADDING-TOP: 20px;	BACKGROUND-COLOR: #e4e5e5}

.fieldnorm {	WIDTH: 16px;	HEIGHT: 20px}