/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }



/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

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

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

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

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

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

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

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

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

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

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

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

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ===============  Default Adjustments  =============== */

.mainBody, .emailBody {background:#fff; font-family: 'Nunito', sans-serif; font-weight:300; /* color:#6b7884 */ color:#000; line-height:1.5;}

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img { max-width:100% !important; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
	max-width: none !important;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

p { margin:0 0 1em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }
.visuallyHidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active, .visuallyHidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#f00 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }

.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }


/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
   PRIMARY LAYOUT STYLES
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }

h1 {font-size: 3.125em; margin:0 0 0.5em 0; font-weight:bold !important; line-height:1.1;}
h2 {font-size: 2em; margin:0 0 0.5em 0;}
h3 {font-size: 1.5em; margin:0 0 0.5em 0;}
h4 {font-size: 1em; margin:0 0 0.5em 0;}
h5 {font-size: 1em; margin:0 0 0.5em 0;}
h6 {font-size: .9em; margin:0 0 0.5em 0;}

h1, h2, h3, h4, h5 {color:#0053a0; font-weight:normal; font-family: 'PT Sans', sans-serif; line-height:1.1;}

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#99ca47; text-decoration:none; }
a:hover, a:active, a:focus { color:#99ca47; text-decoration:underline;}
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#6D6D6D; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#6D6D6D; text-decoration:none; }


/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"] { text-decoration:none; }

/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}

/* ## Start Up Layout - Use, modify, or delete as need be ## */

.siteBody { min-height:300px; margin:15px 0; }

/* ## Site Header ## */

.header {
	padding:10px 0 15px 0;
	background:transparent url(/cms/images/header-bg.png) no-repeat top center;
	position:relative; min-height:80px; 
	margin-bottom:20px;
	z-index:1000;}

.home .header {
	background-image:none;
	margin:0;
}

.home .header-text {display:none;}
.home .footer {margin-top:0em;}

.store-item .header {
	background-image:none;
}

.sitelogo {display:block; margin:0 0 10px 0;}

.nav-search-box {
	background:#99ca47;
	margin:0 -10px;
	text-align:center;}

/* ## Disabled Form Fields ## */

.siteSearch {
	float:right; 
	width:100%; 
	display:none;
	font-family: "PT Sans",sans-serif;
	font-size:14px;
	position:absolute;
	top:42px; 
	left:0;
	z-index:9999;}

.siteSearch label {
    display: none;
}

.siteSearch .formee {position:relative;}

.siteSearch .formee input[type="text"], 
.siteSearch .formee input[type="text"]:hover,
.siteSearch .formee input[type="text"]:focus {
	border-style:none;
	background:#0053a1;
	color:#fff;
	padding:12px 0px 12px 20px;
	border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	font-weight:bold;
}

.siteSearch ::-webkit-input-placeholder {
   color: #fff;  
}

.siteSearch :-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.siteSearch ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.siteSearch :-ms-input-placeholder {  
   color: #fff;   
}

.siteSearch .btnWrapper {
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	background:transparent;
	padding:0;
}
	
.siteSearch .btnWrapper input {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.siteSearch .btnWrapper:hover .icon-search {
    color:#ccc;
}

.siteSearch .icon-search{
	color:#fff;
	font-size:18px !important;
	float:right;
	padding:11px;
}

.searchCall {
	float:right;
	width:42px;
	height:42px;
}

.searchCall .icon-search{
	color:#fff;
	font-size:17px;
	padding:10px;
	float:right;
}

.searchCall.active {background:#0053a1;}
.searchCall.active .icon-search:before {content:"x";}

.siteSearch.active {display:block;} 

/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod { position: relative; }

.modHead h2 {float:left; margin:0 20px 0 0;}
.modHead a {float:left;margin:10px 0 0 0;}

.newsSummary {margin:0 0 1em 0;}

.title { position: relative; margin: 0 0 1em; }
.titleAlt { margin:0 0 0.1em; font-size:1.2em; }
.titleAlt2 {  }

.title .more {
	position: absolute;
	top:0;
	right: 0;
	font-size: 0.6em;
}

/* Item Lists Content
   ========================================================================== */

.itemList {
	margin:0;
	padding:0;
	list-style:none;
}

.item {
	display: table;
	padding: 1em 0;
	width: 100%;
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.item .contentExtra {
	display: table-cell;
	vertical-align: top;
}

.content .title { margin:0; }
.itemList .content p { margin: 0; }
.content .date { font-size:0.85em; }


/* Item Media
   ========================================================================== */

.aside {
	display: table-cell;
	padding: 0 15px 0 0;
	text-align: center;
}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists
  ========================================================================== */


@media (max-width : 400px) {

	.item { display: block; }
	.item > .content { display: block;}
	.item > .aside { display: block;}

}


/* News
   ========================================================================== */

.article > .aside {
	float:right;
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{
	padding: 1em;
	border: 1px solid #99ca47;
	margin:0 0 1em 0;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}

.filter-options{
	float: left;
}

.filter-actions{
	float: right;
}

/* Pagination
   ========================================================================== */
   
.paging-results {
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled {
	display: none;
}

.paging-list li.disabled+li {
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}


/* pagination and filters */

.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline;  padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}


.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.pagination {float:right; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999; font-weight:bold;}
.pagination .paging a {float:left; display:inline; padding:0px 4px; text-align:center; text-decoration:none; color:#0053a0; font-size:14px; line-height:26px;}
.pagination .paging .active {float:left; display:inline; padding:0px 4px; text-align:center; color:#000; text-decoration:none; font-size:18px; line-height:26px;}
.pagination .paging .total {float:left; display:block; padding:1px 0 0 4px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em; padding:0 10px;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em; margin:0 10px;}

/* ==============================================================
   GLOBAL STYLES
   ============================================================== */

/*--- where is this used at? ----*/
.alert {
	overflow:hidden;
	border: 1px solid #FE0000;
	margin: 1em 0;
	padding: 10px;
	min-height: 50px;
	color: #fff;
	background-color: #FEFF99;
}
.alert a { color:#fff; }

.bdr        { border:1px solid #555244; padding:1px; background-color:#a7a496; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: #d8d8d8;}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.sortStatus {float:left;}
.genericPager {float:right;}
.genericPager ul {list-style-type: none; margin:0; padding:0;}
.genericPager li {float:left; display:block; font-size:12px; margin:0 5px 5px 0;}
.genericPager li a {float:left; color:#009ada; padding:3px 5px; border:1px solid #009ada; text-decoration:none; }
.genericPager li a:hover, .genericPager li a:focus { color:#fff; background-color:#0053a0; border: 1px solid #0053a0; text-decoration:none; }
.genericPager li.nolink {color:#fff; border:1px solid #ddd; padding:2px 4px;}
.genericPager li.active {color:#686868; border:1px solid #ddd; padding:2px 4px; background-color:#CFCFCF;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display:none;
    position:relative;
    width:550px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
    z-index:1000;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;}
.siteOverlay .overlayContent {padding:15px;}


/* =================================================================
                           MODULE STYLES
===================================================================*/


/* ##  Breadcrumb  ## */

.breadcrumbs { padding:0 0 10px 0; font-size:.9em; }
.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; }


/* ## Page Heading ## */

.pageHeading {text-align:center;}
.pageHeading h1 {border-bottom:1px solid #dbdbdb; padding-bottom:15px; margin-bottom:35px;} 
.pageHeading .title { margin:0 0 7px 0; padding:0; font-size:1.6em; font-weight:normal; background:none; border:0; }


/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {float:right; display:inline; padding:0; text-align:right;}
.pageToolsWrapper .email,
.pageToolsWrapper .print {display:none;}

.pageTool { margin:0 10px 0; font-size:0.938em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }

.pageToolsWrapper a {float:right; display:inline; font-family: 'PT Sans', sans-serif; color:#009ada; font-weight:bold; text-decoration:none;}
.pageToolsWrapper a:hover,
.pageToolsWrapper a:focus {text-decoration:none; color:#99ca47;}

.pageToolsWrapper .addthis_toolbox { float:right; display:inline;}
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }

.addthis_toolbox a .at-icon-wrapper {display:none;}
.addthis_toolbox { display:inline; }

.store-item .pageToolsWrapper {float:none; display:inline-block; padding: 0; text-align:left; }
.store-item .pageTool {margin:0 20px 0 0;}

/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; height: auto !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	.itemLink {max-height: none !important;}
	.itemLink img {page-break-before: auto; page-break-after: auto; page-break-inside: avoid;}
	.itemWrapper.grid_3 {width: 25%; min-height: 380px; float: left;}
}

.printBody .header {}
.printBody .sitelogo {margin:0 20px;}
.printBody  .footer  .container .grid_12:first-child,
.printBody  .sub-footer .footer-links,
.printBody  .sub-footer .powered  {display:none;}

.printBody  .sub-footer  {background:#f7f7f7; padding:0 0 20px 0;}
.printBody  .sub-footer .grid_6 {width:100%;}
.printBody  .footer-contact,
.printBody  .copyright {border-style:none; display:block; color:#7b7c7c; text-align:center;}
.printBody .footer-contact {padding:0 !important;}

.printBody .hawkRailNav, 
.printBody #hawk-backToTop,
.printBody .hawk-railNavHeading,
.printBody #hawkbreadcrumb,
.printBody #hawktoppager,
.printBody #hawkbottompager {display: none;}

.emailBody .sitelogo {margin:0 20px;}
.emailBody .btnWrapper {display:inline-block; margin:20px 0;}

/* ## Button Styles ## */
/*
    <span class="btnWrapper"><input class="btn" value="Submit" /></span>
	or
	<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/

.btnWrapper { display:inline-block; text-decoration:none !important; vertical-align:top;}
.btn, a.btn { display:inline-block; margin:0; padding:10px 20px; font-weight:bold; font-family: "PT Sans",sans-serif; color:#fff; background-color:#99ca47; border-style:none; text-align:center; text-decoration:none; cursor:pointer; overflow:visible; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btn:hover, .btn:focus { background-color:#0053a0; }

.btnAlt .btn {color:#fff; background-color:#d1d1d1; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}
.btnAlt .btn:hover, .btnAlt .btn:focus { background-color:#999; color:#fff; }

.btnLarge .btn {padding:20px 10px; font-size:1.4em;}

.btnFullWidth {display:block;}
.btnFullWidth .btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }


/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }

/* ## footer ## */

.footer {padding:20px 0; background:#f7f7f7; color:#7b7c7c;}
.sub-footer {padding:20px 0; background:#0053a0; color:#fff; font-family: 'PT Sans', sans-serif;line-height:1.6;}
.sub-footer .grid_6 {font-size:0.875em;}
.sub-footer a {color:#31b2e8; text-decoration:none; margin:0 20px 0 0; display:inline-block;}
.sub-footer a:hover, 
.sub-footer a:focus {text-decoration:underline; }

.copyright {margin:0 20px 0 0;}
.copyright,
.footer-links {display:block;}

.footer-nav a {
	display:block;
	font-size:1.188em;
	color:#636363;
	text-decoration:none;
	font-family: 'PT Sans', sans-serif;
	padding:7px 0;
}

.footer-nav a:hover,
.footer-nav a:focus {
	color:#0053a0;
	text-decoration:none;}

.follow-us {margin:0 0 10px 0;}
ul.social-follow {margin:0; padding:0; list-style-type:none;}
ul.social-follow li {display:inline-block;}
ul.social-follow li a {display:inline-block; width:32px; height:32px; background:url(/cms/images/social-32.png) no-repeat 0 0; text-indent:-9999em; overflow:hidden;}
ul.social-follow li a:hover,
ul.social-follow li a:focus {filter: alpha(opacity=70); opacity: 0.7;}
ul.social-follow li.facebook a {background-position:0 0;}
ul.social-follow li.twitter a {background-position:0 -69px;}
ul.social-follow li.gplus a {background-position:0 -138px;}
ul.social-follow li.pinterest a {background-position:0 -207px;}
ul.social-follow li.linkedin a {background-position:0 -339px; width:40px;}
ul.social-follow li.instagram a {background-position:0 -276px; width:40px;}

.design {display:inline-block; padding:0px 0 0 21px; font-size:0.9em;}
.design a {color:#fff;}


/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }


/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;
}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }

.header-text {
	color:#0053a0;
	padding:1.5em 1em;
	font-family: 'PT Sans', sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:2em;}
.header-text p {margin:0;}
	
a.link-goto {
	color:#fff;
	background:#0053a0;
	position:absolute;
	display:block;
	width:75px; 
	height:75px;
	left:50%;
	bottom:-2em;
	margin-left:-25px;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari */
	transform: rotate(90deg);
	font-size:25px;
	text-decoration:none;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}	

a.link-goto:hover, 
a.link-goto:focus {background:#99ca47;}

a.link-goto .icon-bracket-right {
	position:absolute; top:21px; left:25px;
}
	
.faq-area {
	background:#0053a1;
	padding:30px 0;
	color:#fff;}

.faq-area h2 {
	color:#fff;
	font-size:1.750em;}

.faq-area a {
	color:rgba(255,255,255,0.5);}

.faq-area a:hover,
.faq-area a:focus {}

.footer-contact {
	border-top:1px solid #dedede;
	padding-top:20px !important;
	font-family: 'PT Sans', sans-serif;
}

.footer-contact a {color:#7b7c7c; text-decoration:none;}

.footer-contact-item {
	display:block;
	font-size:0.938em;
	padding:4px 0;
}

.home-main {
	background:#f4f4f4;
	padding:20px;
	font-size:1.250em;
}

.home-main h2 {
	font-size:1.5em;
	margin-bottom:1em;
}


.holder {position:relative; z-index:10000;}

.bottle {text-align:center; max-width:150px; margin:0 auto;}
.bottle a {display:block;}
.bottle a:hover,
.bottle a:focus {filter: alpha(opacity=80); opacity: 0.8;}

.bottle a img {
	position:relative;
}

.bottle-bg { 
	position:absolute;
	left:0;
	top:0;
}

.nacd {
	background:#fff;
	border:1px solid #e2e2e2;
	padding:15px 30px;
	color:#0053a0;
	font-size:13px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.nacd img {
	float:left;
	margin:0 20px 10px 0;
}


.emailSignup {
	background:#0053a0;
	color:#fff;
	padding:20px 30px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.emailSignup label {
	font-size:0.950em;
	color:#fff;
	padding-bottom:10px;
	display:block;
}

.emailSignup .formee {position:relative;}
.emailSignup .formee .text {font-size:0.8em;}
.emailSignup .btnWrapper {
	position:absolute;
	right:-10px;
	top:6px;
	width:53px;
	height:42px;
	background:transparent;
	padding:0;
}
	
.emailSignup .btnWrapper input {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
	padding:0;
}

.emailSignup .icon-bracket-right {
	background:#99ca47;
	padding:14px 10px 10px 14px;
	font-size:17px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;	
}
		
.aticon-compact {display:none !important;}

.item-area {background:transparent url(/cms/images/item-area-bg.jpg) no-repeat top center;}
.item-specifications {background:#f4f4f4; padding:20px 0;}
.item-specifications h2 {text-align:center;}

.table-wrapper { overflow:auto; }

.technical-tbl {width:100%; color:#6a6a6a;}
.technical-tbl th {font-size:1.188em; font-weight:400; padding:4px 10px; text-align:center; display:none;}
.technical-tbl td {font-size:0.938em; padding:4px 10px; text-align:center; display:block;}
.technical-title {font-size:1.188em; font-weight:400; padding:4px 10px;}

@media only screen and (min-width:60em) {
	
	.technical-tbl th {display:table-cell;}
	.technical-tbl td {display:table-cell;}	
	.technical-title {display:none;}
	
}

.sitemap  {text-align:center;}
.sitemap table {margin:0 auto; }
.sitemap td {display:block; text-align:left;}

@media only screen and (min-width:48em) {
	.sitemap td {display:table-cell;}	
}

.sitemap-store ul {list-style-type:none; font-weight:bold;}

#hdngItemName {font-size:2em; font-weight:bold; margin:0 0 0.2em; }
a.ideas-link {
	color:#0053a0; 
	font-weight:bold; 
	font-size:1.375rem; 
	font-family: "PT Sans",sans-serif;
}

.mobile-link {
	width:65%; 
	text-align:center;
	margin:0 auto; 
	display:inline-block;
	padding:8px 10px;}

.mobile-link a {
	color:#fff;
	font-family: "PT Sans",sans-serif;
	display:block; 
	font-sizE:1.2em;
	text-decoration:none; 
	font-weight:700;
}
	
.faq-item {padding:10px 10px; margin:0 20px; border-bottom:1px solid #3d74a8;}
.faq-item a {font-size:1.313em; text-decoration:none; display:block;}
.faq-item .icon-bracket-right {
		float:right;
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Safari */
		transform: rotate(90deg);
	} 
.faq-item .faq-answer {display:none;}


.project-start {position:relative;}
.project-start .btn {
	font-size:2em;
	padding:10px 20px;
	position:absolute; 
	top:3%;
	left:50%;
	margin-left:-130px;
	margin-top:-30px;
	z-index:100;
	display:none;
}

.project-start .btn span {
	font-size:20px;
	display:block;
}

.project-start  .itemWrapper {
	margin:10px 0 30px 0;
}

.project-start  .itemWrapper .itemImage {
	margin:0 auto;
	
}
.project-start  .itemWrapper .itemTitle {
	font-size:1.5rem;
}

@media only screen and (min-width:30.00em) and (max-width:48.00em) {
	.project-start .grid_3 {width:50%;}	
}


#mainContent {outline: 0;}
.mainContent {padding-bottom:20px;}
.home #mainContent {position:relative; z-index:1000;}

a.news-link  {color:#000; cursor:pointer; }
a.news-link:hover,
a.news-link:focus  {color:#000; text-decoration:none;}
a.news-link .title {color:#000; display:inline; margin-right:10px; font-size:1.1em;}
a.news-link p {display:inline;}
a.news-link .more {color:#99ca47; display:block;}
a.news-link:hover .more,
a.news-link:focus .more {text-decoration:underline;}

.project-builder {margin:2em 0;}
.project-builder h1 {font-size:4em;}
.project-builder .row {margin:0 0 2.3em 0;}
.project-builder label {display:block; color:#0053a0; font-size:1.3em; font-weight:400; }
.project-builder label .step {font-size:1.3em; text-transform: uppercase;}
.project-builder select {
		padding:10px; 
		font-size:2em;
		width:100%;
		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
		
.project-builder .info {font-size:1.2em;}
.project-builder .info .popular {font-weight:400;}
.project-builder  .btn {font-size:2em; padding:10px 40px;}

.project-builder .project-image {border:1px solid #cfcfce; }	 
.qa {font-weight:bold; }
.FAQAnswerWrpr .answer span + p {display:inline;}
.topOfPage {text-align:right; }
.topOfPage a {background:transparent url(/cms/images/arrow.gif) no-repeat 100% 50%; padding-right:13px;}


.menuToggle {border-right:1px solid #89b440;}
.searchCall {border-left:1px solid #89b440;}


.imgLeft,
.imgRight {padding:5px; border:1px solid #dbdbdb; margin-bottom:20px; display:inline-block; max-width:50%;}

.imgLeft { float:left; margin-right:25px;}
.imgRight { float:right; margin-left:25px;}

/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }
table.dataTbl {
	widtH:100%;
	display: table;
	border-collapse:collapse;
	margin-bottom:20px;}
table.dataTbl tr:nth-child(odd) {background:#f1f1f1;}
table.dataTbl th {background:#0053a0; padding:6px 15px; font-size:1em; border:1px solid #478c26; border-bottom:2px solid #99ca47; color:#fff;}
table.dataTbl td {vertical-align:top; padding:6px 8px; border:1px solid #E1E1E1; font-size:15px;}
table.dataTbl td td {border-style:none;}

@media only screen and (min-width:30em){
	table.dataTbl td { padding:6px 15px;  font-size:16px;}
}

.questionList {
	list-style: none;	
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	background:#0053a0;
	padding:20px 40px;
	border:1px solid #dbdbdb;
	margin:0 0 20px 0;
}
.questionList li:before {
    content: "\232a";
	font-family: 'icomoon';
    color: #fff; 
	position:relative; top:2px; margin-right:5px;
}
.questionList li {padding-bottom:7px;}
.questionList li a {color:#fff; font-weight:bold;}

.FAQAnswerWrpr .item {
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	background:#f7f7f7;
	padding:20px;
	border:1px solid #dbdbdb;
	margin:0 0 20px 0;
}

.FAQAnswerWrpr .topOfPage {margin:0;}

.FAQAnswerWrpr h4,
.qa {font-weight:bold; font-size:20px; color:#0053a0;}

.contentLeftRail {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 30px 0; padding:20px; color:#fff; background:#0053a0;}
.contentLeftRail h3 {color:#fff; font-weight:bold;}


.contentLeftRail.theme-1 {background:#99ca47;}
.contentLeftRail.theme-1 a {color:#0053a0;}

.home-col {margin-bottom:1em;}

/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.pageTools {display:none;}
	
}

@media only screen and (max-width:30em){

	.imgLeft,
	.imgRight {float:none; margin-right:0; margin-left:0; max-width:100%;}
	
}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	
	.home .footer {margin-top:2em;}
	
	.column-list {
		-webkit-columns: 3; /* Chrome, Safari, Opera */
		-moz-columns: 3; /* Firefox */
		columns: 3;
		margin:0 0 2em 0;
	}
	
	.imgLeft,
	.imgRight {max-width:50%;}	

	.home .header {
		background:transparent url(/cms/images/header-bg-home.jpg) no-repeat top center;}
	
	.sitelogo {margin:20px 0 10px 0;}
	
	.mobile-link  {display:none;}
	
	.header-text {font-size:3.125em;}

	.nav-search-box {
		border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;
		margin:10px 0 0 0;
		text-align:left;
		padding:0 10px;}
		
	.nav {margin-right:43px;}	
	.slideshow {padding-bottom:90px;}
	
	.home-main {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(249,249,249,1) 19%, rgba(244,244,244,1) 25%, rgba(244,244,244,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(17%,rgba(255,255,255,1)), color-stop(19%,rgba(249,249,249,1)), color-stop(25%,rgba(244,244,244,1)), color-stop(100%,rgba(244,244,244,1)));
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 17%,rgba(249,249,249,1) 19%,rgba(244,244,244,1) 25%,rgba(244,244,244,1) 100%);
		background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 17%,rgba(249,249,249,1) 19%,rgba(244,244,244,1) 25%,rgba(244,244,244,1) 100%);
		background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 17%,rgba(249,249,249,1) 19%,rgba(244,244,244,1) 25%,rgba(244,244,244,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 17%,rgba(249,249,249,1) 19%,rgba(244,244,244,1) 25%,rgba(244,244,244,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 );
		display:table;
		table-layout:fixed;
		width:100%;
		padding:40px 20px;
	}

	.pageToolsWrapper .email,
	.pageToolsWrapper .print  {display:inline;}
	
	.follow-us {float:right; margin:0 0 0 10px;}
	
	#hdngItemName {font-size:3em; /*font-size:4.125em;*/}

	.footer-nav {padding:4px 0 15px 0;}

	.footer-nav a {
		display:inline-block;
		padding:0 10px;
		border-left:1px solid #cecece;}

	.footer-nav a:first-child {
		border-left:none;}

	.footer-contact-item {
		display:inline-block;
		padding:0 12px;
		border-left:1px solid #cecece;}

	.footer-contact-item:first-child {
		border-left:none;}

	.copyright,
	.footer-links {display:inline-block;}

	.powered {float:right;}
	.design {padding:0 0 0 21px;}
	.project-start .btn {
		font-size:3em;
		margin-top:-45px;
		margin-left:-240px;
		padding:20px 50px;
		top:17%;
	}
	
	.project-builder .formee {margin:0 2em;}
}

@media only screen and (min-width:48em) and (max-width:74.938em) {

		.searchCall {height:80px;}
		.searchCall .icon-search {margin:20px 0;}
		.siteSearch {top:110px; width:92%; left:auto; right:20px;}

}


@media only screen and (min-width:75.000em) {
	
	.bottle {max-width:100%;}
	.bottle a img {margin-top:-148px;}
	.home-col {display:table-cell; padding-right:50px; width:33%; vertical-align:top; margin-bottom:0; }
	.home-col:last-child {padding-right:20px; padding-left:40px;}
	.bottle-bg { 
		top:-90px;
		left:-200px;
	}
	
	.searchCall {display:none;}
	.nav {margin-right:200px;}	
	.siteSearch {
		width:200px; 
		display:block;
		margin-top:18px;
		position:relative;
		top:auto;}
			
	.siteSearch .formee input[type="text"], 
	.siteSearch .formee input[type="text"]:hover,
	.siteSearch .formee input[type="text"]:focus {
		border-style:none;
		background:#83ad3d;
		border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px;
		color:#fff;
		padding:12px 0px 12px 20px;
	}
	
}

.newsFeatured .title {margin:0;}
.newsDetail .aside {max-width:40%;}

.checkboxList td {width:33%;}



/* Ticket #431625 -  Adding a static button to all pages */

.cantFind {position:fixed; border:solid 0px #ff0000; width:150px; text-align:right; bottom:10px; right:10px; z-index:99999;}
.cantFind .btnWrpr a.btn {
-webkit-box-shadow: 0px 0px 7px 0px rgba(51,51,51,1);
-moz-box-shadow: 0px 0px 7px 0px rgba(51,51,51,1);
box-shadow: 0px 0px 7px 0px rgba(51,51,51,1);
}
.holder {z-index:999;}
.home #mainContent {z-index:999;}