@font-face {
font-family: 'oswald';
src: url('../fonts/oswald/oswald-regular-webfont.eot'); /* IE9 Compat Modes */
src: url('../fonts/oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/oswald/oswald-regular-webfont.woff') format('woff'), /* Modern Browsers */
url('../fonts/oswald/oswald-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/oswaldoswald-regular-webfont.svg#svgFontName') format('svg') /* Legacy iOS */
}


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */


html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: 'arial narrow', Helvetica, Arial; color: #777; }

body { margin: 0; font-size:15px; line-height: 1.4; color:#444; font-family: 'arial narrow', Helvetica, Arial; }
h1 {color:#B20000;font-family: oswald,'arial narrow'; font-size:1.2em; margin:30px; text-transform:uppercase;font-weight:800; text-align:left;}
h2 {font-family: oswald,'arial narrow'; font-size:1.2em; margin:30px; font-weight:normal; text-align:left; color:#039;}
h3 {color:#888; border-bottom:#DDD 1px solid;font-family: oswald,'arial narrow'; font-size:1em; margin:10px; font-weight:normal; text-align:left;}
h4 {color:#fff; font-family: oswald,'arial narrow'; font-size:1.3em; margin:10px; font-weight:normal; text-align:right;}
h5 {color:#fff; font-family: 'arial narrow'; font-size:1em; color:#fff; margin:20px; font-weight:normal; text-align:left;}
p {margin:20px 20px 20px 30px; font-size:15px;}
.byLine { 	font-family:Oswald, 'Arial Narrow';
	color:#666;
	margin: 0px 50px 0 50px}
.bgBlue{background-color:#0F3774;}
.bgGrey {background-color:#666;}
.bgLightGrey {background-color:#eee;}	
	
.bgRed{background-color:#D9251C;}	
.bgSocial {background-image:url(../images/socialBG.gif); background-repeat:no-repeat; background-position:bottom right;}
.green {color:#096;}
.red {color:#F00;}
.grey {color:#555;}
.white {color:#fff;}
.white: hover{color:#fff;}
.white: visited{color:#fff;}
.addBG {background-image:url(../images/footer-bg.jpg); background-position:bottom; background-repeat:no-repeat;}
.more{ font-family:oswald,'arial narrow'; margin:20px; font-weight:normal; color:#ddd; text-align:right; border-top:1px #ddd solid;}
.leftAlign {text-align:left;}
.roundBlock {margin:20px 30px 20px 30px; color:#666;}
.large {font-family:oswald, 'arial narrow'; font-size:1.1em; font-weight:normal;}
.infoBlock {background-color:#eee; border:0px #fff solid; border-radius:10px}
.roundBlockHeading {text-transform: uppercase;margin:10px; color:#222;font-family:Oswald, 'arial narrow', arial; font-size:1.1m; border-bottom:1px #CCC solid;}
.quoteboxIndex {margin:0; background-position:top;}
.quoteboxPage {margin:10px;}
.code {background-color:#B20000; color:#fff; padding:3px 6px 3px 6px;}
.ProductHeading {color:#fff;font-size:1.1em;font-family:Oswald, 'arial narrow', arial; margin:10px; text-align:center; font-weight:normal;}
	.borderRight {border-right:1px solid #eee;}
	.borderLeft{border-left:1px solid #eee;}
	
	.breadcrumbs {color:#fff; margin:10px;}
	.breadcrumbs a {color:#fff;}
	.breadcrumbs a:hover {color:#fff;}
	.breadcrumbs a:visited {color:#fff;}
	
	
	
	
.button {
    background-color: #D90000; 
    border: solid 1px #fff;
    color: #FFF;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13x;
	border-radius:5px;
	font-weight:normal;
}
.button:hover {
    background-color: #FF0000; /* Green */
    color: #fff;
}

.button:visited {
    background-color: #D90000; /* Green */
    color: #fff;
}

.error_strings{ font-size:16px; color:#B20000; margin-left:20px; font-weight:normal;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* =============================================================================
   Links
   ========================================================================== */

a { color: #444; text-decoration:none;}
a:visited { color: #444; text-decoration:none; }
a:hover { color: #666; text-decoration:none;}
a:focus { outline: thin dotted;text-decoration:none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }



/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }



/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 40px 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


.orderedList {margin-top:20px; margin-bottom:20px}
.orderedList li {margin:10px}
/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:bottom;}

svg:not(:root) { overflow: hidden; }

figcaption {text-align:center; margin:10px;}
/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0;text-align:center; }

/* == =====================================================
 Thumbnail HOver
   ========================================================================== */



.thumbnailPic{  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
margin:0;
border-top:1px solid #fff;
border-left:1px solid #fff;

  }
 .thumbnailPic:hover { opacity: 0.7; filter: alpha(opacity=70);
}



/* =============================================================================
   Forms
   ========================================================================== */

form#contact fieldset {
	padding: 0;
	margin-left: 10%;
	margin-right:10%;
	border: 0;
	background-color: #fff;
	width: 80%;
	text-align: left;
	border-radius: 8px;
	display: block;
	font-size: 1.1m;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}

form#contact input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea {
	margin: 3px 0 5px 0;
	padding: 6px 2px 6px 2px; 
	width: 94%; 
	margin-left:2.5%;
	margin-mrgin:2.5%;
	font-family: arial, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

form#contact textarea {
	width: 94%; 
	margin-left:2.5%;
	height: 50px;
}

form#contact input[type="checkbox"] {
	margin-left:15px;
	height: 20px;
	width:20px;
}
form#contact input[type="radio"] {
	margin-left:15px;
	height: 20px;
	width:20px;
}


form#contact label {
	display: block;
	font-size: 1em;
	color: #666;
	margin-top: 10px;
	font-weight: bold;
	width: 95%; 
	margin-left:1.5%;

}

form#contact label.error { 
	width: 95%; 
	margin-left:2.5%;
	display: block;
	color: #cf0101;                              
	font-size: 11px; 
	text-align: right;
}

form#contact .placeholder {
	color: #aaa;
	
}

form#contact .SubmitButton {
	display: inline-block;
	margin: 15px 0 0 15px;
	padding: 5px 15px 5px 15px;
	background-color:#C00;
	border: none;
	color: #fff;
	width: 95%; 
	margin-left:2.5%;
	margin-bottom:10px;
	text-align:center;
	font-weight:normal;
	font-family:Oswald, 'arial narrow', arial;
	text-transform:uppercase;
	font-size:16px;
}

form#contact .SubmitButton:hover {
	background-color: #ff0000;
	cursor: pointer;
}

form#contact .SubmitButton:active {
	margin-top: 16px;
	background-color: #C00;
	cursor: pointer;
}



/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
#subMenu a:link {
	font-weight: normal;
	text-decoration:none;
	text-align:left;
	margin-left:25px;
	color: #222;
}
#subMenu a:visited {
	color: #222;
	font-weight:normal;
	text-decoration:none;
}
#subMenu a:active,
#subMenu a:hover {
	color: #B20000;
	text-decoration:none;
}
#subMenu {
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
	font-size:15px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin-top:40px;
	margin-bottom:20px;
	border:#ccc 2px solid;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	align:center;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
#subMenu th {
	font-family: Oswald;
	font-weight:normal;
	font-size:15px;
	color:#D93600;
	padding:4px 4px 4px 2px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
#subMenu th:first-child{
	text-align: left;
	padding-left:20px;
}
#subMenu tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
#subMenu tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
#subMenu tr{
	text-align: center;
	padding-left:20px;
}
#subMenu tr td:first-child{
	text-align: left;
	padding-left:10px;
	border-left: 0;
}
#subMenu tr td {
	
	padding:6px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	color:#222222;
}
#subMenu tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
#subMenu tr:last-child td{
	border-bottom:0;
}
#subMenu tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#subMenu tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#subMenu tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}



.contactTable
{
	font-family: 'arial narrow', Arial;
	color:#fff;
	font-size: 1em;
	width: 90%;
	margin-left:5%;
	text-align: left;
	border-collapse: collapse;
}
.contactTable td
{
	padding: 6px;
	color: #fff;
}
.contactTable a
{
	color: #fff;
}

.contactTable a:hover
{
	color: #ccc;
}
.contactTable a:visited
{
	color: #fff;
}





/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */


/*
 * Animated CSS3 Only Horizontal Accordion by Martin Ivanov (@wemakesitesnet)
 * @version 1.0
 * @author Martin Ivanov
 * @url portfolio http://wemakesites.net/
 * @url twitter https://twitter.com/wemakesitesnet
 * @url blog http://acidmartin.wordpress.com/
 **/
 
/*
 * Do you like this solution? Please, donate:
 * https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=QFUHPWJB2JDBS
 **/
 
.acidjs-horizontal-accordion,
.acidjs-horizontal-accordion > form > ul > li > div,
.acidjs-horizontal-accordion > form > ul > li > label
{
    overflow: hidden;
     
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.acidjs-horizontal-accordion > form > ul,
.acidjs-horizontal-accordion > form > ul > *
{
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.acidjs-horizontal-accordion > form > ul,
.acidjs-horizontal-accordion > form > ul > li > div
{
    height: 159px; /* height of the accordion */
}
 
.acidjs-horizontal-accordion,
.acidjs-horizontal-accordion > form > ul > li > input:checked + label
{
    background: #2f343a;
}
 
.acidjs-horizontal-accordion > form > ul > li > input,
.acidjs-horizontal-accordion > form > ul > li > label
{
    position: absolute;
}
 
.acidjs-horizontal-accordion > form > ul > li,
.acidjs-horizontal-accordion > form > ul > li:last-child
{
    border: solid 1px rgba(255,255, 255, .75);
}
 
.acidjs-horizontal-accordion > form > ul > li > div,
.acidjs-horizontal-accordion > form > ul > li > input
{
    opacity: 0; /* we hide the radio button with opacity and position: absolute in order to preserve the keyboard arrow navigation */
}
 
.acidjs-horizontal-accordion
{
    width: 964px;
    font-family: Arial, Helvetica, Sans-serif;
    padding: 1px;
    cursor: default;
}
 
.acidjs-horizontal-accordion > form > ul > li > label
{
    display: block;
    width: 159px; /* height of the accordion button */
    padding: 0 8px;
    letter-spacing: 1px;
    font: bold 14px/32px "Arial Rounded MT", Arial, Helvetica, Sans-serif;
    background: #e74c3c;
    color: #fff;
    text-align: right;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    text-overflow: ellipsis;
    white-space: nowrap;
     
    -webkit-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -moz-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -ms-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -o-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    transition: all .3s cubic-bezier(.09, .11, .24, .91);
     
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -moz-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    -o-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
     
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
     
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
 
.acidjs-horizontal-accordion > form > ul > li > input:not(:checked) + label:hover
{
    background: #e02f1c;
}
 
.acidjs-horizontal-accordion > form > ul > li > input:checked + label
{
    border-bottom-color: transparent;
    color: rgba(255, 255, 255, .5);
}
 
.acidjs-horizontal-accordion > form > ul > li
{
    float: left;
    padding: 0 32px 0 0;
    border-right: 0;
}
 
.acidjs-horizontal-accordion > form > ul > li > div
{
    width: 0;
    font-size: 10px;
    color: #fff;
    margin: 0 -32px 0 32px;
     
    -webkit-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -moz-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -ms-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    -o-transition: all .3s cubic-bezier(.09, .11, .24, .91);
    transition: all .3s cubic-bezier(.09, .11, .24, .91);
}
 
.acidjs-horizontal-accordion > form > ul > li > input:checked ~ div
{
    width: 763px; /* the width of the expanded panel */
    padding: 8px;
    overflow: auto;
    opacity: 1;
}
 
.acidjs-horizontal-accordion > form > ul > li > div h3
{
    font: inherit;
    font-size: 14px;
    border: 0;
}
 
.acidjs-horizontal-accordion > form > ul > li > div h3,
.acidjs-horizontal-accordion > form > ul > li > div p
{
    color: #fff;
}
 
.acidjs-horizontal-accordion > form > ul > li > div p
{
    font-size: 11px;
}






/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
</style>






/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}