/*
dark-primary-color    { background: #303F9F; }
.default-primary-color { background: #3F51B5; }
.light-primary-color   { background: #C5CAE9; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #9E9E9E; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #727272; }
.divider-color         { border-color: #B6B6B6; }
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
    font-size: .9em;
    font-family: Georgia;
	color: #212121;
    background-color: #EAEBED;

}
a:hover {
	color: #727272; /* gray */
/*	font-weight: bold;*/
	text-decoration: underline;
    cursor: pointer;
}
a {
    color: #3f51b5; /* blue */
/*	font-weight: bold;*/
	text-decoration: none;
    cursor: pointer;
}
p {
	margin: 0 0 1.2em 0;
	padding: 0;
}

/* list */
ul, ol {
	margin: 5px 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #000;
}
h1 { font-size: 1.2em; }
/*h2 {	font-size: 1.6em;}
h3 {	font-size: 1.4em;}
h4 {	font-size: 1.2em;}
h5 {	font-size: 1.1em;}
h6 {	font-size: 1em;}*/

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 1024px;
	margin: 0 auto;
}
#pagewrap-content {
	width: 1024px;
	margin: 0 auto;
    /*
    background-image: url('../images/background.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom center;
    opacity: 0.4;
    filter: alpha(opacity=40); */ /* For IE8 and earlier */
}

#mess {
    color: red;
    margin-top: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

#mess a {
    color: red;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	position: relative;
	height: 183px;
    /* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    border-color: #727272;
    border-width: 2px;
    border-style: solid;
    
    background-color:#3F51B5; /*  #9e9e9e#3F51B5; /* #007090; */
    padding: 5px 5px 20px 5px;
	margin:5px 0;
    vertical-align: middle;
    text-align: center;
}

/* ***********************************************************************************
SITE LOGO
************************************************************************************ */
#site-logo {
    background-color: transparent;
    position: absolute;
    float:left;
    display: inline-block;
    padding-top:0px;
    padding-left: 5px;
}
#site-logo a {
	text-decoration: none;
}
#address {
    background-color: #9E9E9E;
    padding:5px;
    color:#FFF;
    float:right;
    font-size:.75em;
    text-transform: uppercase;
    width:25%;
    /* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#address2 {
    display: none;
}
/************************************************************************************
SITE DESCRIPTION
*************************************************************************************/
#site-description {
    font-weight: bold;
    font-style: italic;
    color: #FFF;
    position: absolute;
    left: 200px;
    top: 5px;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.5em;
    width:50%;
    font-family: Georgia;
}

/************************************************************************************
CONTENT
*************************************************************************************/
.frontpage {
    height:150px;
    width:100%;
    padding:10px;
    clear: both;
}

.frontpage img {
    float:left;
    padding:10px;
}

#content {
/*    background:rgba(152, 155, 160,0.95);*/
	margin-bottom: 10px;
    margin-top: 10px;
	width: 100%;
	float: left;
    
 	/* rounded corner */
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	/* box shadow */
/*	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);*/
}

.fpwords {
    background-color: grey;
    border-radius: 8px;
}

div.homepage {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
/*  padding-bottom: 5px;*/
}

div.homepage::after {
  content: "";
/*  background: url('../images/background2-gray.jpg') top center no-repeat;*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
   /* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
/*  padding-bottom: 60px;*/
}

#homepage-content {
    text-align: left;
    padding:10px;
}

#content-start {
    font-family: Georgia;
	font-size: 1.2em;

}
#content-start .homepage p {
    font-family: Georgia;
}
.alignright {
    float:right;
    margin-right:0;
}

.header {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
    padding-bottom: 15px;
}

.coheader {
	font-size: 1.1em;
	font-weight: bold;
    margin-bottom:5px;
}

.page-content img {
    padding:10px;
   
}
.fpcontent {
     color:#FFFFFF;
     /* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    font-weight: 500;
    font-size: 1.2em;
}
.fpcontent a {
    color:#060065;
}
.fpcontent a:hover {
    color:#c5cae9;
}
#content-start  #fpmess {
/*    padding: 170px 180px 160px 180px;*/
    padding: 10px;
    font-size:.9em;
}
#content-start .fpcontent p {
    font-style: italic;
}
.memberof {
    color:#006989;
    font-size:1.1em;
}
.imglg {
    width: 8%;
    height: 8%;
}

/* *** table list *** */
table.vendlist {
    border-collapse: collapse;
}
table.vendlist tr {
    border-bottom: 2px solid #727272;
}
.vendlist tr td {
    padding:10px;
}
#catList {
    float:left;
    padding-right:15px;
    margin-right:10px;
}
#catList ul {
    list-style-type: none;
}
#catItem {
    float:left;
    vertical-align: top;
}
/************************************************************************************
value menu
*************************************************************************************/
#mid-nav li {
    list-style: none;
}

#mid-nav li img {
    float: left;
    margin: 0 15px;
    margin:0;
    padding:0 10px 0 10px;
}
#mid-nav li h2 {
    margin: 0;
    padding: 2px 3px;
    
}
#mid-nav li p {
    clear:both;
    color: #3F51B5;
    margin: 0 0 5px 0;
    padding: 5px;
    font-style: italic;
    font-weight: bold;
    font-size:.8em;
    border-bottom: medium solid #303f9f;
}
/*#mid-nav li h2 a:hover {
    background-color: #727272;
    background-image:none;
    color:#FFF;
    text-shadow: none;
    float:left;
    padding-right:15px;
    padding-left:15px;
}*/

.ind_bullet img {
    vertical-align: middle;
    padding:0;
}
.ind_bullet span {
    background-color: #B6B6B6;
    background-image:none;
    color:#212121;
    text-shadow: none;
    text-decoration-style: solid;
    padding: 15px 15px 15px 0px;
    
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    line-height: 1.4em;
    font-weight: bold;
}

#mid-nav li h2 a {
    background-color: #B6B6B6;
    background-image:none;
    color:#212121;
    text-shadow: none;
    float:left;
    padding-right:15px;
    padding-left:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    font-size: .6em;
}
/************************************************************************************
FOOTER
*************************************************************************************/

#footer {
	position: relative;
	height: 200px;
    /* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    background-color: #3F51B5;
    padding:5px;
	margin:5px 0;
    text-align: center;
    vertical-align: middle;
	clear: both;
	color: #FFF;
	font-size: .8em;
}
#footer div a {
	color: #B6B6B6;
    font-weight: bold;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

/*
.content {
	//font-family: Arial, Helvetica, sans-serif;
	//font-size: small;
}
*/
/*
.content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #0D5A22;
	font-weight: bold;
}
.content a {
	font-family: Arial, Helvetica, sans-serif;
	color: #590C44;
	font-weight: bold;
}
*/

/* ****** misc ********** */
.EC, .EA {
    font-weight: bold;
}
#venList td {
    padding:5px;
}

/* ** DFAR page ** */
.dfar-cc {
    border: 2px solid #303f9f;
}
.dfar-cc p {
    padding: 15px;
    background-color: #3f51b5;
    color: #FFFFFF;
}
.dfar-cc li {
    margin-bottom: 0;
    list-style-type: none;
}

.fastq tr td input, .fastq tr td textarea {
    background-color: #b6b6b6;
}
.fastq tr td input[type="button"], .fastq tr td input[type="reset"] {
    background-color: #9e9e9e;
}
.fastq tr td input[type="button"]:hover, .fastq tr td input[type="reset"]:hover {
    background-color: #727272;
    color:#FFFFFF;
}

/* for product line card  */
.boxstyle {
   display:none;
   border:thin solid black;
   font-variant: small-caps;
   /* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    box-shadow: 10px 10px 5px #888888;
}