@charset "utf-8";
/* CSS Document */

body {font-family: 'Lato', serif; margin-top:0px; font-size:16px; color:#222; background-color:#ccc;}

h1 {font-family: 'Varela Round', sans-serif; margin:0 0 20px 0; padding:0px; font-size:24px; color:#0f3458; border-bottom:solid 1px #0f3458;}
h2 {font-family: 'Lato', serif; margin:0px; padding:0px; font-size:18px; color:#676766; font-weight:100;}
h3 {padding:0px; margin:0px; font-size:14px;}
h4 {text-decoration:none; font-weight:bold; color:#0f3458; text-transform:uppercase; font-size:11px; margin:0 0 10px 0; padding:0px; border-top:solid 1px #676766; display:block;}
h5 {text-decoration:none; font-weight:bold; color:#0f3458; text-transform:uppercase; font-size:11px; margin:0px; padding:0px;}
h6 {padding:0px; margin:0 0 10px 0; font-size:18px; font-family: 'Varela Round', sans-serif; color:#676766;}
h7 {padding:0px; margin:0px; font-size:12px; color:#666;}
h8 {padding:0; margin:0; font-size:14px; color:#222; font-weight:bold;}
h9 {text-decoration:none; font-weight:bold; color:#0f3458; text-transform:uppercase; font-size:11px; margin:0; padding:5px; border-top:solid 1px #676766; display:block; background-color:#deeffa;}


a {color:#4585c5; text-decoration:underline;}
a:hover {color:#0f3458;}
a:visited {color:#67a1d7;}

.clear {clear:both;}

.outter-wrapper {padding:10px 20px 20px 20px; background-color:#fff; height:100%;}

.logo {float:left; width: 10%; padding:0px; margin:0px;}
.logo img{border:none;}
.searchbar {float:right; width:80%; padding:4px 0 0 0; margin:0px;}

article {margin-top:20px;}

.content-wrapper {max-width: 1450px; }

.left-subnav {margin-right:20px; width:15%; line-height:0.7em;}
.left-subnav a{text-decoration:none; font-weight:bold; color:#222; text-transform:uppercase; font-size:11px;}
.left-subnav a:hover{color:#4585c5;}
.left-subnav ul li{padding-bottom:5px; float:none; display:block; clear:both;}
.left-subnav ul li ul {padding-top:8px; margin-left:10px;}
.ls-active a{color:#4585c5;}
.ls-active a:hover{color:#222;}
.ls-active ul li a{color:#222;}
.ls-active ul li a:hover{color:#4585c5;}

.right-wrapper {width:75%;}
.right-wrapper ul {}
.right-wrapper li {}

.headliner {margin-bottom:20px; width:100%; padding:0 20px 0 0;}
.headliner img{width:95%; margin-top:20px;}

.overview {width:70%; margin-right:20px; margin-bottom:20px;  padding:0px;}
.overview-blue {width:70%; margin-right:20px; margin-bottom:20px;  padding:0 0 20px 10px; background-color:#f2fafe; border-top:solid 1px #676766;}
.white-again {background-color:#fff; width:90%; padding-left:10px;}


.r-rail {width:15%;}
.r-rail ul li ul li {font-size:13px;}

.r-rail ul {width:100%}

.r-header-blue{background-color:#a8d1ef; text-transform:uppercase; width:173px; font-size:11px; font-weight:bold; padding:5px 0 5px 5px;}
.r-list-blue{margin-bottom:20px; padding:10px; background-color:#f2fafe; width:159px;}
.r-list-blue ul{line-height:0.9em;}
.r-list-blue ul li{margin-bottom:5px; width:159px;}
.r-list-blue a{font-size:12px;}

.r-header-green{background-color:#9dc53b; text-transform:uppercase; width:173px; font-size:11px; font-weight:bold; padding:5px 0 5px 5px;}
.r-list-green{margin-bottom:20px; padding:10px; background-color:#e6f5c1; width:159px;}
.r-list-green ul{line-height:0.9em;}
.r-list-green ul li{margin-bottom:5px; width:159px;}
.r-list-green a{font-size:12px;}


.r-header-gray{background-color:#c1c1c1; text-transform:uppercase; width:173px; font-size:11px; font-weight:bold; padding:5px 0 5px 5px;}
.r-list-gray{margin-bottom:20px; padding:10px; background-color:#f1efef; width:159px;}
.r-list-gray ul{line-height:0.9em;}
.r-list-gray ul li{margin-bottom:5px; width:159px;}
.r-list-gray a{font-size:12px;}



footer {text-align:center; margin-top:20px;}
footer ul {list-style:none; margin:0 0 20px 0; padding:0px;}
footer li {display:inline; padding-right:50px; height:50px; min-width:50px;}


/* Homepage */
.content-left {width:500px; float:left; margin-right:20px; margin-bottom:20px;}
.content-right {min-width:20%; max-width:45%; float:left;}

.news {padding:20px; background-color:#deeffa; margin:0 0 20px 0; width:100%; font-size:12px;}
.news p {margin-bottom:0px;}

.s-links ul {list-style:none; margin:0px; padding:0px;}
.s-links ul li {background-color:#ccc; padding:10px; margin-bottom:5px; width:450px;}
.s-links a {font-family: 'Varela Round', sans-serif; font-size:18px; color:#fff;}

.aside1 {float:left; min-width:26.3%; max-width:40%;padding:20px; margin:0 20px 20px 0;  background-color:#0f3458; color:#fff;font-family: 'Varela Round', sans-serif; font-size:18px;  line-height:1.0em;}
.aside2 {float:left; min-width:26.3%; max-width:40%; padding:20px; margin:0 20px 20px 0; background-color:#4585c5; color:#fff;font-family: 'Varela Round', sans-serif; font-size:18px; line-height:1.0em;}
.aside3 {float:left; min-width:24%; max-width:100%; padding:20px; background-color:#9dc53b; color:#fff;font-family: 'Varela Round', sans-serif; font-size:18px; line-height:1.0em; margin:0 0 20px 0; }

.aside-copy {font-family: 'Lato', serif; font-size:12px; color:#fff;}
.aside-copy a{font-family: 'Lato', serif; font-size:12px; color:#fff;}
.aside-copy a:hover{color:#c1c1c1;}
/* END Homepage */



/* Quality Systems */
.q-wrapper ul {list-style:none; margin:0px; padding:0px;}
.q-wrapper ul li {float:left; display:inline;}


/* Careers */
.career-link{margin:10px 10px 10px 0; padding:10px; background-color:#fef8f1; border:solid 1px #f2e1c8;}

/* History */
.history img{width:80%; height:80%;}

/* Contact */
.contact-title {font-size:18px; color:#036; line-height:1.1em;}
.contact-bucket {font-size:14px; color:#333; font-weight:bold; margin-bottom:30px;}
.contact-email {font-weight:normal; font-size:14px; text-decoration:underline; color:blue;}
.contact-email a, a:hover a:visited {font-weight:normal; font-size:14px; text-decoration:underline; color:blue;}
.contact-links {font-size:12px;}
.contact-link2 {font-weight:normal; font-size:12px; text-decoration:underline; color:blue;}
.contact-link2 a, a:hover a:visited {font-weight:normal; font-size:12px; text-decoration:underline; color:blue;}
.contact-top {margin-bottom:30px;}
.contact-faq1 {font-size:14px; color:#333;}
.contact-faq2 {font-size:11px; color:#333;}
.contact-link3 a, a:hover a:visited {font-weight:normal; font-size:11px; text-decoration:underline; color:blue;}

/* Accordian  */
#accordion {width:100%;}
#accordion ul li{float:none; display:block; margin-bottom:20px;}
#accordion ul li a{text-decoration:none;}
#accordion ul li a span{text-decoration:none; font-size:14px; color:#666; margin-bottom:5px;}
.accordion {display:none; width:100%;}
.accordion:target{display:block;}

/* FXI Products Retail */
.product-wrapper {font-family:Arial, Helvetica, sans-serif; font-size:0.9em; margin-bottom:10px; border-bottom:dotted 1px #666; padding-bottom:10px;}
.product-image {float:left; border:solid 1px #666; margin-right:10px;}
.product-copy-wrapper {float:left; width:250px;}
.product-copy {font-size:1.0em;}
.product-copy a {font-size:1.0em; font-weight:bold;}
.product-copy a:hover {color:#666;}
.product-sub-copy {font-size:0.8em;}

/* Browse-boxes */
.browse-box {float:left; width:135px; height:160px; background-color:#f1fafe; padding:10px; margin:5px; font-size:13px;}
.browse-box a{line-height:1.3em;}

.browse-box2 {float:left; width:135px; height:180px; background-color:#f9fceb; padding:10px; margin:5px; font-size:13px;}
.browse-box2 a{line-height:1.3em;}


.browse-box3 {float:left; width:135px; height:180px; background-color:#f1fafe; padding:10px; margin:5px; font-size:13px;}
.browse-box3 a{line-height:1.3em;}

.browse-box4 {float:left; width:135px; height:180px; background-color:#f9fceb; padding:10px; margin:5px; font-size:13px;}
.browse-box4 a{line-height:1.3em;}

.browse-box5 {float:left; width:135px; height:180px; background-color:#f1f1f1; padding:10px; margin:5px; font-size:13px;}
.browse-box5 a{line-height:1.3em;}

/* TRF on Product Pages*/
.trf-callout {background-color:#f1fafe; padding:10px; height:110px; display:block; margin-bottom:20px;}
.trf-callout img {float:left; margin-right:10px;}
.trf-link {font-size:12px;}
.trf-callout:hover{ background-color:#fefdf1;}

.img-product-logo {width:30%; float:right;}
.img-maincopy {width:90%;}

/* Healthcare Product Pages */
.hproduct-wrapper {margin:0 0 20px 0; border-bottom: dotted 1px #ccc; padding:0 0 10px 0;}
.hproduct-img {float:left; padding:0 10px 0 0; width:140px;}
.hproduct-copy {float:left; font-size:12px; width:350px; }
.hproduct-list {float:left; font-size:12px; width:100px; margin-left:10px;}
.hproduct-copy img {float:left; margin:0 10px 0px 0;}
.hproduct-copy a{font-size:12px; line-height:1.5em;}
.hproduct-wrapper-single {margin:0 0 10px 0;  padding:0 0 10px 0;}
.product-img-left {float:left; margin:10px;}
.product-img-right {float:right; margin:10px;}

.hproduct-wrapper2 {margin:0 0 20px 0; border-bottom: dotted 1px #ccc; padding:0 0 10px 0;}
.hproduct-img2 {float:left; padding:0 10px 0 0; width:100%;}
.hproduct-copy2 {float:left; font-size:12px; width:100%; }
.hproduct-list2 {float:left; font-size:12px; width:100%; margin-left:10px;}
.hproduct-copy2 img {float:left; margin:0 10px 0px 0;}
.hproduct-copy2 a{font-size:12px; line-height:1.5em;}
.hproduct-wrapper-single2 {margin:0 0 10px 0;  padding:0 0 10px 0;}
.product-img-left2 {float:left; margin:10px;}
.product-img-right2 {float:right; margin:10px;}

.product-callout {padding:10px; font-size:16px; color:#0C2C6E; font-weight:bold; background-color:#ccc;}
.product-callout {padding:10px; font-size:16px; color:#0C2C6E; font-weight:bold; background-color:#ccc; width:87%;}
.product-callout a{font-size:16px; color:#0079c2; text-decoration:underline;}

.tech-checklist2 {text-decoration:none; font-weight:bold;  text-transform:uppercase; font-size:14px; margin:0px; padding:10px; background-color:#deeffa;}
.tech-checklist2 a{color:#0f3458;}

.tech-checklist {text-decoration:none; font-weight:bold; color:#0f3458; text-transform:uppercase; font-size:14px; margin:0px; padding:10px; background-color:#a8d1ef;}
.tech-checklist a{color:#0f3458;}

.bluelist1 {margin-top:10px; padding:10px; background-color:#f2fafe;}

.innovation-pic {float:left; margin:0 20px 20px 0;}
.bluetext {color:#4585c5;}

@media only screen and (max-width: 760px) {
	.searchbar {
		width: 70%; 
	}
	.logo {
		width: 20%; 
	}
	
	.news {
		width: 90%; 
	}
	
.content-wrapper {max-width: auto;}

.subnavi-hide {display:none;}

/* Homepage */
.content-left {width:90%; float:none; margin-right:0;}
.content-right {min-width:90%; max-width:93%; float:none;}
.news {width: 97%;}

.aside1 {min-width:90%; max-width:90%;}
.aside2 {min-width:90%; max-width:90%;}
.aside3 {min-width:90%; max-width:90%;}
/* END Homepage */

.right-wrapper {width:100%;}
.overview {width:100%;}
.overview-blue {width:100%;}
.r-rail {width:100%;}

.r-header-blue{width:100%;}
.r-list-blue{width:100%}
.r-list-blue ul li{width:100%;}

.r-header-green{width:100%;}
.r-list-green{width:100%}
.r-list-green ul li{width:100%;}

.r-header-gray{width:100%;}
.r-list-gray{width:100%}
.r-list-gray ul li{width:100%;}

footer li {height:50px; width:100%; display:block;}

.browse-box {width:100%; height:auto;}
.browse-box2 {width:100%; height:auto;}
.browse-box3 {width:100%; height:auto;}
.browse-box4 {width:100%; height:auto;}
.browse-box5 {width:100%; height:auto;}
.browse-box6 {width:100%; height:auto;}
	
.img-product-logo {width:40%;}	
.img-maincopy {width:100%;}
.img-maincopy2 {max-width:50%;}
.img-maincopy3 {width:95%;}

.hproduct-copy {margin-bottom:10px; width:95%;}
.hproduct-list {width:95%;}
.product-callout {width:95%;}

.tech-checklist {padding:20px;}
.tech-checklist2 {padding:20px;}

}