/* ## 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 */
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	border-color: #c6c6c6 #dadada #eaeaea;
	background: #fafafa;
	color: #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 7px;
}

/*
 * 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  =============== */

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

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

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #b0b2b5;
	margin: 0.5em 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto !important;
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

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, .visually-hidden {
	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,
	.visually-hidden.focusable:active,
	.visually-hidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

.hidden-info, a.hidden-info {
	color: #fff !important;
	background: #47aa42;
	text-decoration: none !important;
	-webkit-transition: all 0s;
	transition: all 0s;
}

	.hidden-info:focus {
		display: block;
		padding: 10px;
		width: 100%;
		text-align: center;
	}

.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;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
	vertical-align: top;
}

.imgLeft {
	float: left;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.imgRight {
	float: right;
	margin-left: 5px;
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.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: 1.75rem;
	margin: 0 0 1rem 0;
}

h2 {
	font-size: 1.4rem;
	margin: 0 0 1rem 0;
}

h3 {
	font-size: 1.125rem;
	margin: 0 0 1rem 0;
}

h4 {
	font-size: 1rem;
	margin: 0 0 1rem 0;
}

h5 {
	font-size: 1rem;
	margin: 0 0 1rem 0;
}

h6 {
	font-size: .9rem;
	margin: 0 0 1rem 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	font-weight: normal;
	color: #292929;
}

/* 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: #58595b;
	text-decoration: none;
}

	a:hover, a:active, a:focus {
		color: #47aa42;
		text-decoration: underline;
	}

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

.btnText {
	margin: 0;
	padding: 0;
	color: #58595b;
	text-decoration: underline;
	border: 0;
	background: none;
}

	.btnText:hover {
		color: #47aa42;
		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;
}

a.removeLink {
	color: #f00;
	font-size: 0.9em;
}

.svg-legend {
	height: 0;
	position: absolute;
	top: -999em;
	width: 0;
}

/* ## 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 ## */
html {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

body {
	min-height: 100%;
	background: #fff;
	color: #4a4a4a;
	font-family: arial, sans-serif;
	line-height: 1.4;
}

.site-header {
	background: #47aa42 url("/cms/images/header-bg-green.png") no-repeat;
	background-position: right center;
}

.main-body .site-header .logo {
	max-width: 148px;
	display: block;
	margin: 14px auto 14px 72px;
}

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

	.site-header {
		height: 100px;
	}

		.site-header .grid_2 {
			width: 18%;
		}

		.site-header .grid_10 {
			width: 82%;
		}

	.main-body .site-header .logo {
		margin: 25px 0 0 0;
		max-width: 200px;
	}
}

.login .site-header {
	text-align: center;
	padding: 35px 0;
}

.login .formee-msg-error {
	max-width: 400px;
	margin: 0 auto 15px auto;
}

.member-icon {
	position: absolute;
	top: -53px;
	right: 20px;
}

	.member-icon .svg-icon {
		fill: #fff;
		width: 40px;
		height: 40px;
	}

.site-header .member-links {
	display: none;
	text-align: right;
	font-size: 0.875rem;
	padding: 0 0 6px 0;
}

.member-links a {
	font-size: 1em;
	color: #ffffff;
	display: inline-block;
}

	.member-links a ~ a {
		margin-left: 15px;
	}

.member-links span {
	display: inline-block;
	vertical-align: middle;
}

.member-links a:hover span,
.member-links a:hover span {
	text-decoration: underline;
}

.member-links .svg-icon {
	position: relative;
	display: block;
	float: left;
	fill: #ffffff;
	margin-right: 0px;
	top: 0;
	width: 24px;
	height: 24px;
}

@media only screen and (max-width:47.9em) {
	.mi {
		position: fixed;
	}

	.site-header .member-links {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #292929;
		top: 74px;
		left: 0;
		z-index: 10000;
		text-align: center;
		padding: 20px;
	}

		.site-header .member-links a:last-child {
			display: block;
			color: #fff;
			width: 100%;
			background-color: #58595b;
			border-radius: 5px;
			border-style: none;
			display: block;
			font-size: 1.063rem;
			font-weight: bold;
			margin: 12px 0;
			overflow: visible;
			padding: 6px 22px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
		}

			.site-header .member-links a:last-child .svg-icon {
				display: none;
			}

		.site-header .member-links a:first-child {
			display: none;
		}
}

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

	.member-icon {
		display: none;
	}

	.site-header .member-links {
		display: block;
		margin: 15px 0 10px 0;
		height: 25px;
	}

	.carrier-portal .site-header .member-links {
		height: auto;
		margin: 25px 0 0 0;
	}
}

.mobilenav-wrap .member-links .svg-icon {
	display: none;
}

.mobilenav-wrap .member-links a {
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	border-top: 1px solid #ccc;
	padding: 10px;
	margin: 0;
}

	.mobilenav-wrap .member-links a:hover,
	.mobilenav-wrap .member-links a:focus {
		text-decoration: none;
		background: #47aa42;
	}

.main-content {
	outline: 0;
}

.main-content {
	padding: 20px 0;
}

@media only screen and (min-width:48em) {
	.main-content {
		padding: 40px 0;
	}
}

.login .main-content {
	background: transparent url(/assets/1/6/login-bg.jpg) no-repeat top center;
	background-size: cover;
	color: #fff;
}

@media only screen and (min-width:70em) {
	.login .main-content {
		min-height: 71.2vh;
	}
}

.login-box {
	max-width: 400px;
	margin: 30px auto 162px auto;
}

	.login-box h1 {
		text-align: center;
		color: #fff;
		margin: 0;
	}

	.login-box .formee label {
		color: #fff;
		padding-left: 20px;
		font-weight: normal;
	}

	.login-box a {
		color: #fff;
	}

	.login-box input[type="text"],
	.login-box input[type="password"] {
		padding: 12px;
	}

	.login-box .formee .btn {
		width: 100%;
		margin-top: 20px;
		padding: 12px;
	}


	.login-box .formee-extra {
		margin-top: 20px;
	}

	.login-box .forgot {
		float: left;
	}

	.login-box .remember {
		float: right;
	}

		.login-box .remember label {
			padding-left: 0;
			vertical-align: bottom;
			margin: 0;
		}

.site-footer {
	background: #000000;
	text-align: center;
	padding: 20px 0;
	color: #fff;
}

	.site-footer a {
		color: #fff;
	}

.social-links ul {
	list-style-type: none;
}

	.social-links ul li {
		display: inline;
	}

		.social-links ul li a {
			display: inline-block;
			background: transparent;
			padding: 10px;
			font-size: 1.7rem;
			color: #d1d3d4;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			margin: 0 10px;
		}

			.social-links ul li a:hover,
			.social-links ul li a:focus {
				color: #ffffff;
				text-decoration: none;
				background: transparent;
			}

.footer-text {
	font-size: 1em;
}

	.footer-text a {
		display: inline-block;
		margin: 0 5px;
	}

		.footer-text a::before {
			content: "|";
			color: #fff;
			padding-left: 2px;
			padding-right: 12px;
			text-decoration: none !important;
		}


/* ## Disabled Form Fields ## */

.siteSearch {
	color: #FFFFFF;
	margin: 0;
}

	.siteSearch label {
		display: none;
	}

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

.mod {
	position: relative;
	margin: 0 0 1em;
	background: #f5f7fa;
	font-size: 0.938rem;
}

	.mod .title {
		background: #47aa42;
		color: #fff;
		padding: 10px 15px;
		font-size: 1.063rem;
	}

.mod-content {
	padding: 10px;
}

a.more-link {
	text-transform: uppercase;
	font-size: 0.813rem;
	font-weight: bold;
	color: #4a4a4a;
}


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

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

.item {
	display: table;
	padding: 10px 15px;
	width: 100%;
	border-top: 1px solid #e0e0e0;
}

	.item:first-child {
		border-top: 0;
		padding-top: 0;
	}

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

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

.content .title {
	margin: 0;
}

.item-list .content p {
	margin: 0;
}

.content .date {
	font-size: 0.85rem;
}

.item-list h3 {
	margin: 0;
	text-transform: none;
	font-size: 1.125rem;
	font-weight: 600;
}

.item-list p {
	margin: 0;
}

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

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

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


/* 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: 0 1rem 1rem 1rem;
}

.meta {
	margin: 0.5em 0;
}

	.meta > div {
		float: left;
	}

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


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

.filter {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 2rem 0;
	margin-bottom: 2rem;
}

	.filter input[type="text"],
	.filter select,
	.filter textarea,
	.filter .faux-select {
		font-size: 14px;
	}

.filter-options {
	float: left;
}

.filter-actions {
	float: right;
}

.filter.theme1 {
	padding: 1rem 0;
}


/* Pagination
   ========================================================================== */

.paging {
	padding: 1em;
}

.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.8rem;
	}

	.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 {
}

	.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;
	}

		.pagination .paging a, .pagination .paging a:link, .pagination .paging a:visited {
			float: left;
			display: inline;
			margin: 0 3px;
			padding: 2px 6px;
			text-align: center;
			text-decoration: none;
		}

		.pagination .paging .active {
			float: left;
			display: inline;
			margin: 0 4px;
			padding: 2px 6px;
			text-align: center;
			color: #000;
			background-color: #d2d2d2;
			text-decoration: none;
			border: 1px solid #969696;
		}

		.pagination .paging .total {
			float: left;
			display: block;
			padding-top: 2px;
			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;
	}

	.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;
	}



/* ==============================================================
   GLOBAL STYLES
   ============================================================== */
.alert {
	overflow: hidden;
	border: 1px solid #ff6666;
	margin: 1em 0;
	padding: 10px;
	min-height: 50px;
	color: #fff;
	background-color: #ff0000;
}

.alertSign {
	float: left;
}

.alertItem {
	padding: 10px 0;
	margin: 0 0 0 50px;
}

.alert a, .alert .date {
	color: #fff;
}

.bdr {
	border: 1px solid #ccc;
	padding: 1px;
}

.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: rgba(0,0,0,0.03);
}

.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;
		margin: 0 5px 5px 0;
	}

		.genericPager li a {
			float: left;
			color: #003871;
			padding: 2px 4px;
			border: 1px solid #ddd;
			text-decoration: none;
		}

			.genericPager li a:hover, .genericPager li a:focus {
				color: #fff;
				background-color: #47aa42;
				border: 1px solid #47aa42;
				text-decoration: none;
			}

		.genericPager li.nolink {
			color: #fff;
			border: 1px solid #ddd;
			padding: 2px 4px;
		}

		.genericPager li.active {
			color: #fff;
			border: 1px solid #47aa42;
			padding: 2px 4px;
			background-color: #47aa42;
		}


/* ##  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
===================================================================*/

.bar {
	margin-bottom: 10px;
}

/* ##  Breadcrumb  ## */

.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 TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {
	float: right;
	display: inline;
	text-align: right;
}

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

.pageToolsWrapper a {
	display: inline;
	margin-left: 10px;
	text-decoration: none;
}

	.pageToolsWrapper a:hover,
	.pageToolsWrapper a:active {
		color: #1C4E87;
		text-decoration: none;
	}

	.pageToolsWrapper a.bookmark,
	.pageToolsWrapper a.bookmark:link,
	.pageToolsWrapper a.bookmark:visited {
		padding: 0 0 0 18px;
		margin-left: 7px;
		background-position: 0 -39px;
	}

		.pageToolsWrapper a.bookmark:hover,
		.pageToolsWrapper a.bookmark:active {
			background-position: 0 -119px;
		}

.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 {
	display: inline;
}


/* ## 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
===================================================================*/

.hd {
	padding: 10px;
	border-bottom: 3px solid #ccc;
	margin: 0 0 10px 0;
}

.ftr {
	padding: 10px;
	border-top: 3px solid #ccc;
	font-size: 11px;
	text-align: center;
}

.printBody {
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
	width: 100%;
}

.printWrpr {
	width: 660px;
	text-align: left;
	margin: 0 auto;
	z-index: 1;
}

.emailBody {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
}

.emailWrpr {
	width: 680px;
	text-align: left;
	margin: 0 auto;
	z-index: 1;
}

@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;
	}

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}
}

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

.btn, a.btn {
	display: inline-block;
	margin: 0;
	padding: 6px 22px;
	font-weight: bold;
	color: #fff;
	background-color: #47aa42;
	border-style: none;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.063rem;
}

.btnAlt {
	background-color: #47aa42;
}

.btnSpecial,
a.btnSpecial {
	background-color: #47aa42;
}

	.btn:hover,
	a.btn:hover,
	.btnSpecial:hover,
	.btn:focus,
	a.btn:focus,
	a.btnSpecial:focus {
		background-color: #7a7a7a;
	}

.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;
}


/* ## truncate styling ## */

.truncateLink {
}

	.truncateLink a, .truncateLink a:link, .truncateLink a:visited {
		margin-left: 5px;
	}

		.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {
		}

		.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {
		}


/* ## footer ## */

.footer {
	position: relative;
	margin-bottom: 10px;
	padding: 20px 0 0;
}

.footerBar {
	margin-bottom: 10px;
	min-height: 1px;
	padding: 10px;
	background-color: #ecf1f8;
}

.ftrPhonenum {
	float: left;
	width: 170px;
	height: 28px;
	text-indent: -9999em;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.advFooter {
	position: relative;
	margin-bottom: 15px;
	padding: 0 0 5px 0;
}

	.advFooter li.callout {
		margin-bottom: 10px;
	}

	.advFooter .callout a,
	.advFooter .callout a:link,
	.advFooter .callout a:visited {
		font-weight: bold;
		font-size: 1.1em;
		color: #58595b;
	}

ul.advList {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}

	ul.advList a,
	ul.advList a:link,
	ul.advList a:visited {
		text-decoration: none;
	}

		ul.advList a:hover,
		ul.advList a:active {
			text-decoration: underline;
		}

	ul.advList .listhdng {
		display: block;
		margin-bottom: 8px;
		font-size: 1.1em;
	}

		ul.advList .listhdng,
		ul.advList .listhdng a,
		ul.advList .listhdng a:link,
		ul.advList .listhdng a:visited {
			font-weight: bold;
			color: #58595b;
		}

.footerHeading {
	display: block;
	margin: 0 0 2px;
	font-weight: bold;
	font-size: 1.1em;
}

.welcomeMessage {
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 50%;
	padding: 20px;
	font-size: 12px;
	background-color: #ECF1F8;
	border: 1px solid #9BAAB7;
}

	.welcomeMessage .iconClose {
		position: absolute;
		top: 3px;
		right: 3px;
		width: 13px;
		height: 13px;
		background: url(/cms/images/layout/icon_x.gif) no-repeat 0 0;
		cursor: pointer;
	}

.subFooter {
	padding: 10px 0;
}

.footerLinks {
}

	.footerLinks a,
	.footerLinks a:link,
	.footerLinks a:visited {
		text-decoration: none;
		color: #666666;
	}

		.footerLinks a:hover,
		.footerLinks a:active {
			text-decoration: underline;
		}

.copyright {
	text-align: right;
	color: #787878;
}


/* ## Footer Email Signup ## */

.emailSignup {
	margin: 0 0 15px;
}

	.emailSignup p {
		margin: 0 0 2px 0;
	}

	.emailSignup .imgLabel {
		float: left;
		margin: 5px 7px 0 0;
	}

	.emailSignup .text {
		float: left;
		width: 165px;
		margin: 0 5px 0 0;
	}


/* ## Footer Social Follow ## */

.social-icons a {
	font-size: 2em;
	text-decoration: none;
	display: inline-block;
	margin: 0 3px;
}

	.social-icons a:hover,
	.social-icons a:focus {
		color: #000;
		text-decoration: none;
	}


/* ## 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: #e6e6e6;
	}

	table.dataTbl th {
		background: #478c26;
		padding: 6px 15px;
		font-size: 1em;
		border: 1px solid #478c26;
		border-bottom: 2px solid #fdd539;
		color: #fff;
	}

		table.dataTbl th a {
			color: #fff;
			text-decoration: underline;
		}

	table.dataTbl td {
		vertical-align: top;
		padding: 6px 15px;
		border: 1px solid #E1E1E1;
	}

		table.dataTbl td td {
			border-style: none;
		}

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

.limitTextBox {
}

	.limitTextBox span {
		display: none;
	}

.limitTextBoxBar {
	width: 100%;
	margin: 0px 0 15px 0;
}

.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;
	}

.vd {
	padding: 0 5px;
}

.topOfPage {
	text-align: right;
}

	.topOfPage a {
		background: transparent url(/cms/images/arrow.gif) no-repeat 100% 50%;
		padding-right: 13px;
	}

.figure-right {
	display: table;
	max-width: 100%;
	float: right;
	margin: 0 0 15px 20px;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 5px 0;
}

.figure-left {
	display: table;
	max-width: 100%;
	float: left;
	margin: 0 20px 15px 0;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 5px 0;
}

	.figure-right figcaption,
	.figure-left figcaption {
		margin-top: 5px;
		display: table-caption;
		caption-side: bottom;
		font-size: 0.9em;
	}

	.figure-right img,
	.figure-left img {
		display: block;
		width: 100%;
	}

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


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.siteHeader a.sitelogo,
	.siteHeader a.sitelogo:link,
	.siteHeader a.sitelogo:visited {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}

	.pageTools {
		display: none;
	}
}


/* 16px baseline (768px +) */
@media only screen and (min-width:48em) {
}

.actions a {
	display: block;
	background: #e6e6e6;
	height: 220px;
	text-align: center;
	margin: 0 0 20px 0;
}

	.actions a:hover,
	.actions a:focus {
		text-decoration: none;
	}

.actions h3 {
	background: #696969;
	color: #fff;
	padding: 10px;
	font-size: 1.063em;
	text-align: left;
}

.actions .svg-icon {
	fill: #696969;
	height: 85px;
	width: 85px;
	margin: 30px;
}

.fiscal-calendar {
	display: block;
	background: #47aa42;
	height: 150px;
	text-align: center;
	margin: 0 0 20px 0;
	color: #fff;
	padding: 20px;
}

	.fiscal-calendar.theme1 {
		background: #47aa42;
	}

	.fiscal-calendar .svg-icon {
		fill: #fff;
		height: 55px;
		width: 55px;
		margin: 10px auto;
		display: block;
	}

	.fiscal-calendar .text {
		background: transparent url(/cms/images/icon-pdf.png) no-repeat;
		padding: 4px 0 4px 30px;
		color: #fff;
		text-decoration: none;
		font-size: 1.063rem;
		display: inline-block;
	}

.customer-service {
	display: block;
	background: #b2c7d7;
	height: 320px;
	text-align: center;
	margin: 0 0 20px 0;
}

	.customer-service h3 {
		background: #47aa42;
		color: #fff;
		padding: 10px;
		font-size: 1.063em;
		text-align: left;
	}

	.customer-service .svg-icon {
		fill: #47aa42;
		height: 140px;
		width: 140px;
		margin: 30px;
	}

.row-add-to-order {
	padding: 0 0 2rem 0;
}

.toggle-btn {
	color: #58595b !important;
	font-weight: bold;
	font-size: 13px;
}

@media only screen and (min-width:48em) {
	.toggle-btn {
		float: right;
		margin-top: -44px;
	}
}

.toggle-btn::after {
	content: "";
	width: 0;
	height: 0;
	position: relative;
	margin-left: 4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000;
	top: -10px;
}

.toggle-btn.active::after {
	border-bottom: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	top: 12px;
}

.info-btn {
	border: 2px solid #000;
	font-weight: bold;
	width: 17px;
	display: inline-block;
	text-align: center;
	text-transform: none;
	font-size: 13px;
	line-height: 13px;
	color: #000;
	font-family: Times New Roman;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	top: -7px;
}

	.info-btn:hover,
	.info-btn:focus {
		text-decoration: none;
	}

.faux-select,
.multiselect-native-select {
	margin-bottom: 15px;
	position: relative;
	width: 100%;
	display: block;
}


	.multiselect-native-select .btn-group {
		width: 100%;
	}

	.faux-select button,
	.multiselect-native-select button {
		background: #fafafa;
		border-style: solid;
		border-width: 1px;
		border-color: #c6c6c6 #dadada #eaeaea;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #58595b;
		padding: 7px;
		width: 100%;
		text-align: left;
		position: relative;
		font-size: 14px;
		font-weight: normal;
	}

		.faux-select button:focus,
		.multiselect-native-select button:focus {
			color: #333;
			background: #fff none;
			border-color: #659ec9 #70aedd #a8cfec;
			outline: 0;
		}

	.multiselect-native-select .caret {
		float: right;
		margin-top: 7px;
	}

	.faux-select button::after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #000;
		top: 12px;
		top: 12px;
		content: "";
		height: 0;
		margin-left: 4px;
		position: absolute;
		top: 13px;
		right: 10px;
		width: 0;
	}

	.faux-select.open button::after {
		border-top: none;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #000;
	}

	.faux-select input[type="checkbox"] {
		vertical-align: middle;
		margin: 1px 4px 0 0;
	}

@media only screen and (min-width:48em) {
	.margin2 {
		margin-bottom: 26px;
	}
}

@media only screen and (min-width:60em) {
	.mod-notifications .item-list {
		height: 260px;
		overflow-y: scroll;
	}
}

.info {
	border: 3px solid #b0b2b5;
	padding: 20px;
	margin: 0 0 2rem 0;
}

	.info ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 100%;
	}

		.info ul li {
			padding: 3px 0;
		}

.info-label {
	font-size: 15px;
	font-weight: 600;
}

@media only screen and (min-width:30em) {
	.info ul {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
}

@media only screen and (min-width:48em) {
	.info ul {
		-webkit-columns: 4;
		-moz-columns: 4;
		columns: 4;
	}

	.info.theme1 ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
	}
}

.or {
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #292929;
	color: #fff;
	padding: 10px 13px;
	text-align: center;
	font-size: 1rem;
}

@media only screen and (min-width:30em) {
	.or {
		margin-top: 67px;
		font-size: 1rem;
	}
}

@media only screen and (min-width:60em) {
	.or {
		font-size: 1.5rem;
	}
}

/* ## Data Tables Overwrites ## */

.main-body table.dataTable thead {
	background-color: #000000;
}

.main-body .dataTables_wrapper .row:first-child {
	background-color: #eeeeee;
}

.main-body table.dataTable thead th {
	color: #ffffff;
}

.main-body table.dataTable thead .sorting_asc {
	background-image: url("/cms/images/sort_asc_white.png");
}

.main-body table.dataTable thead .sorting_desc {
	background-image: url("/cms/images/sort_desc_white.png");
}

.main-body table.dataTable thead .sorting {
	background-image: url("/cms/images/sort_both_white.png");
}

.main-body table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #eeeeee;
}

.main-body table.dataTable tbody tr:last-child td {
	border-bottom: 1px solid #b0b2b5;
}

.dataTable > thead > tr > th,
.dataTable > tfoot > tr > td {
	vertical-align: middle !important;
}

.dataTable > tfoot > tr > td {
	display: table-cell !important;
}

.dataTable input,
.dataTable select {
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
	margin-top: -4px;
	margin-bottom: -4px;
}

.footer-total {
	color: #ffffff;
	background: #000000;
	display: table-cell !important;
	text-align: center;
	font-size: 15px !important;
}

	.footer-total input[type=text] {
		color: #4a4a4a;
	}

.footer-label {
	font-weight: bold;
}

.footer-right {
	margin-top: 10px;
}

@media only screen and (min-width:48em) {
	.footer-total {
		text-align: left;
	}

	.footer-right {
		float: right;
		margin: 0;
	}
}

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

	.complex-footer,
	.complex-footer tfoot,
	.complex-footer tfoot tr,
	.complex-footer tfoot tr td {
		display: block !important;
		width: 100% !important;
		overflow: hidden;
		white-space: normal !important;
	}

	.dataTables_wrapper {
		overflow: hidden;
	}
}

@media only screen and (max-width:47.9em) {
	.complex-footer,
	.complex-footer tfoot,
	.complex-footer tfoot tr,
	.complex-footer tfoot tr td {
		width: 99.5% !important;
	}
}

.complex-footer tfoot tr {
	font-weight: bold;
}

.table-consignment .footer-total input {
	margin-left: 10px;
	width: 160px;
}

.table-consignment td:last-child {
	width: 14%;
}

@media only screen and (min-width:48em) {
	.table-consignment .formee-msg-error {
		display: inline-block;
		max-width: 50%;
	}
}

.table-saved-orders img {
	max-width: 34px !important;
}

.table-saved-orders td {
	vertical-align: middle !important;
}

.order {
	max-width: 900px;
	color: #cacaca;
	text-transform: uppercase;
	margin-bottom: 30px;
	margin-left: 10px;
}

	.order .step {
		width: 24%;
		display: inline;
		float: left;
		position: relative;
		font-size: 15px;
	}

		.order .step::after {
			content: "";
			height: 3px;
			width: 100%;
			top: 30px;
			left: 0;
			background: #cacaca;
			position: absolute;
			display: block;
			z-index: 1;
		}

		.order .step:last-child::after {
			display: none;
		}

.step-numer {
	z-index: 2;
	position: relative;
	width: 21px;
	height: 37px;
	background-color: #cacaca;
	margin: 11.55px 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 37px;
}

	.step-numer::before,
	.step-numer::after {
		content: "";
		position: absolute;
		width: 0;
		border-top: 18px solid transparent;
		border-bottom: 18px solid transparent;
	}

	.step-numer::before {
		left: 100%;
		border-left: 11px solid #cacaca;
	}

	.step-numer::after {
		left: -11px;
		border-right: 11px solid #cacaca;
	}

.active .step-numer {
	background-color: #47aa42;
}

	.active .step-numer::before {
		border-left: 11px solid #47aa42;
	}

	.active .step-numer::after {
		border-right: 11px solid #47aa42;
	}

.step-text {
	font-size:
}

.active .step-text {
	color: #000;
}

.table-select-customer td:last-child {
	width: 10%;
}

@media only screen and (min-width:48em) {
	.flex {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

		.flex > div + div {
			margin-left: 30px;
		}
}

.bill {
	margin-bottom: 20px;
}

@media only screen and (min-width:48em) {
	.bill {
		margin-bottom: 0px;
	}
}

.section-customer-info .bill h3 {
	color: #398838;
	border-bottom: 3px solid #b0b2b5;
	padding: 0 20px 10px;
}

.section-customer-info .bill-content {
	font-size: 1.125rem;
	line-height: 2;
	padding: 0 20px;
}

.section-customer-info .ship h3 {
	color: #47aa42;
	border-bottom: 3px solid #b0b2b5;
	padding: 0 20px 10px;
}

.section-customer-info .ship-content {
	padding: 0 10px;
}

@media only screen and (min-width:48em) {
	.section-order-information .required {
		right: 40px;
		margin-top: -25px;
	}
}

@media only screen and (max-width:47.9em) {
	.section-order-information [class*="grid_"] {
		padding-left: 0;
	}
}

.confirmation .formee-lbl {
	display: inline-block;
}

.section-customer-info.confirmation .bill-content,
.section-customer-info.confirmation .ship-content,
.section-order-information.confirmation,
.section-accept-reject-tender {
	font-size: 16px;
	line-height: 2;
}

.section-customer-info input {
	max-width: 100%;
	line-height: 1;
}

.table-products input {
	width: 80px;
}

.table-products .remove {
	margin-right: 6px;
}

.table-products input + .formee-msg-error-small {
	display: inline-block;
	margin: 0;
}

.add,
.remove {
	font-weight: bold;
	border-style: none;
	padding: 0;
	background: transparent;
	font-size: 16px;
	white-space: nowrap;
	cursor: pointer;
}

	.add::before,
	.remove::before {
		margin: 0 5px 0 0;
		line-height: 18px;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		width: 24px;
		height: 24px;
		color: #47aa42;
		font-weight: bold;
		border: 3px solid #47aa42;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.add::before {
		content: "+"
	}

	.remove::before {
		content: "-"
	}

	.add:hover,
	.add:focus,
	.remove:hover,
	.remove:focus {
		color: #58595b;
	}

.table-products input + .formee-msg-error {
	margin-top: 10px;
}

.products-total {
	width: 100%;
	font-size: 13px;
	margin: 30px 0;
}

	.products-total > div {
		border-top: 1px solid #d8d8d8;
		padding: 10px 20px;
	}


		.products-total > div:last-child {
			border-bottom: 1px solid #d8d8d8;
		}

	.products-total .grid_8 {
		width: 66.666%;
	}

	.products-total .grid_4 {
		width: 33.333%;
	}

.button-right {
	text-align: right;
	margin: 10px 0;
}

@media only screen and (min-width:48em) {
	.products-total {
		float: right;
		max-width: 500px;
	}

	.button-right {
		text-align: right;
	}
}

h1.theme1 {
	border-bottom: 1px solid #b0b2b5;
	padding-bottom: 10px;
}

h2.theme1 {
	border-bottom: 1px solid #b0b2b5;
	padding-bottom: 20px;
}

h2.theme2 {
	border-bottom: 1px solid #b0b2b5;
	padding-bottom: 20px;
	margin-bottom: 0;
}


.section-customer-info,
.section-order-information,
.section-products {
	margin: 40px 0;
}

	.section-customer-info.header-entry {
		margin-top: 0;
	}

.table-order-inquiry img {
	max-width: 34px;
}

.section-order-info hr {
	margin: 10px 0;
}

.section-order-info ul {
	-webkit-columns: 1;
	-moz-columns: 1;
	columns: 1;
}

.section-order-info .info-label {
	width: 150px;
	display: inline-block;
}

.dataTables_wrapper + .dataTables_wrapper {
	margin-top: 30px;
}

.btn + .info-btn {
	margin-left: 20px;
	top: -4px;
}

.faq-list {
	margin-bottom: 30px;
}

.cs-contact {
	margin: 40px 0;
}

	.cs-contact .grid_6 {
		margin-bottom: 20px;
	}

.cs-icon {
	float: left;
	width: 85px;
	margin-right: 20px;
}

.cs-msg-cs {
	padding-top: 5px;
	background-color: black;
	color: white;
	text-align: center;
	height: 60px;
	font-size: xx-large;
}


.cs-text {
	display: block;
	padding-left: 105px;
}

	.cs-text a.title {
		display: block;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 1.4rem;
		margin: 20px 0 10px 0;
	}

.resources {
	margin: 40px 0;
}

	.resources a {
		display: table;
		margin-bottom: 20px;
	}

		.resources a:hover,
		.resources a:focus {
			text-decoration: none;
		}

	.resources img {
		display: table-cell;
		width: 85px;
		max-width: 85px;
	}

	.resources .title {
		display: table-cell;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 1.4rem;
		padding: 0 0 0 20px;
		vertical-align: middle;
	}

.accordition .accordion-toggle {
	display: block;
	position: relative;
	padding: 5px 10px;
	font-size: 18px;
}

.accordition.panel-group * {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-style: none !important;
}

.accordition .panel-default > .panel-heading {
	background-color: #fff;
	border-style: none;
}

.accordition .panel-heading .accordion-toggle::after {
	content: '\3e';
	font-family: 'Basic-Icons';
	float: right;
	color: #58595b;
	font-weight: bold;
	font-size: 20px;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.accordition .panel-heading .accordion-toggle:not(.collapsed),
.accordition .panel-heading .accordion-toggle:hover::after,
.accordition .panel-heading .accordion-toggle:focus::after {
	color: #47aa42;
}

.accordition .panel-heading .accordion-toggle.collapsed::after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.accordition .panel {
	margin-top: 0 !important;
	border-bottom: 1px solid #dddddd !important;
}

.accordition .panel-body {
	padding: 15px 25px;
}

.quicklinks-list,
.documents-list {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 20px;
}

	.quicklinks-list a,
	.documents-list a {
		display: block;
		padding: 4px 0 4px 25px;
	}

	.quicklinks-list a {
		background: transparent url(/cms/images/icon-quicklinks.jpg) no-repeat 0 50%;
	}

	.documents-list a {
		background: transparent url(/cms/images/icon-pdf1.jpg) no-repeat 0 50%;
	}


#bol-form-detail_wrapper th,
#bol-form-detail_wrapper td {
	border-style: none;
}

.bol-form-detail {
	width: auto !important;
}

.bol-form-detail {
	width: auto !important;
}

	.bol-form-detail input[type="text"] {
		max-width: 60px;
		width: 100%;
		margin: 0;
		padding: 7px;
	}

@media only screen and (min-width:30em) {
	.bol-form-detail input[type="text"] {
		max-width: 70px;
	}
}

@media only screen and (min-width:48em) {
	.bol-form-detail td:nth-child(2) input[type="text"] {
		max-width: 180px;
		width: 100%;
	}

	.bol-form-detail input[type="text"] {
		margin-right: 100px;
	}
}

.bol-form-detail td {
	vertical-align: middle !important;
}

.bol-form-detail .remove {
	margin-right: 6px;
}

#bol-form-detail_wrapper .row:first-child {
	display: none;
}

.table-header-entry {
	margin-bottom: 1rem;
}

.filter .table-header-entry {
	margin-bottom: 0rem;
}

.table-header-entry {
	border-collapse: collapse;
	display: table;
	width: 100%;
}

.dataTable.table-header-entry {
	border-collapse: collapse !important;
}

.table-header-entry th {
	background: #eaf1f9;
}

.table-header-entry td,
.table-header-entry th {
	padding: 10px;
	border: 1px solid #d7d7d7;
}

.table-header-entry tfoot td {
	border-top: 1px solid #d7d7d7 !important;
}

.table-header-entry input[type="text"] {
	width: 158px;
}

@media only screen and (min-width:48em) {
	.table-header-entry td,
	.table-header-entry th {
		padding: 20px;
		border: 1px solid #d7d7d7;
	}
}

.table-header-entry.tarif {
	border-bottom: 1px solid #d7d7d7;
}

	.table-header-entry.tarif td {
		border-top: none;
		border-bottom: none;
		padding: 7px 12px;
	}

	.table-header-entry.tarif input {
		max-width: 181px;
		padding: 5px 7px;
	}

.table-header-entry.notes {
	border-bottom: 1px solid #d7d7d7;
	background: #f8f9fd;
}

	.table-header-entry.notes td {
		border-top: none;
		border-bottom: none;
		padding: 7px 12px;
	}

	.table-header-entry.notes input {
		width: 100%;
		padding: 5px 7px;
	}

.tableWrapper + .tableWrapper {
	margin-top: 35px;
}

.open > .dropdown-menu {
	max-height: 300px;
	overflow-y: scroll;
}

.table-notes input[type="text"],
.table-notes select {
	width: 100%;
}

.table-notes tr td:last-child {
	width: 95px;
}

.table-notes tr td:first-child,
.table-products tr td:first-child {
	cursor: move;
}

.table-notes tfoot tr td:first-child,
.table-products tfoot tr td:first-child {
	cursor: auto;
}

.print-body {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 800px;
	font-size: 12px;
	color: #000;
	font-family: Arial;
	line-height: 1.2;
}

@page {
	size: auto;
	margin: 5mm 5mm 5mm 5mm;
}

@media only screen {
	.print-body {
		max-width: 670px;
	}
}

.print-body .small {
	font-size: 11px;
}

.print-body .large {
	font-size: 14px;
}

.print-body .color {
	color: #4265af
}

.print-body .stop {
	border-top: 1px solid #000;
	padding: 0;
	page-break-after: always;
}

.print-header {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 10px 0;
}

	.print-header .table-col {
		border-right: 1px solid #000;
		padding: 5px 10px;
	}

		.print-header .table-col:last-child {
			border-right: none;
		}

.print-body .table-row {
	display: table;
	width: 100%;
	margin: 10px 0;
}

.print-body .table-col {
	display: table-cell;
	vertical-align: middle;
}

.print-body .table-order {
	widtH: 100%;
	display: table;
	border-collapse: collapse;
	margin: 10px 0;
}

	.print-body .table-order td {
		vertical-align: middle;
		padding: 4px 5px;
		border: 1px solid #000;
	}

.table-order.theme1 td {
	width: 7%;
}

.table-order.theme2 td:first-child {
	width: 53%;
}


.drag {
	margin-top: -3px;
	margin-right: 3px;
}

.nowrap {
	white-space: nowrap;
}

.table-overflow {
	overflow: auto;
}

	.table-overflow .dataTables_wrapper {
		overflow: auto;
	}

	.table-overflow .row {
		margin-left: 0;
		margin-right: 0;
	}

		.table-overflow .row .col-sm-12 {
			padding: 0;
		}


input[type="image"] {
	border-style: none;
	box-sizing: border-box;
	background: transparent;
	padding: 0px;
}

.modulePanel a, .modulePanel a:link, .modulePanel a:visited {
	box-sizing: content-box;
}

.overlayModulesWrprBrdr div.modulePanel {
	margin-right: 7px;
}

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

	.dataTables_wrapper .col-sm-6 .dataTables_length label {
		padding-left: 31px;
	}
}

@media only screen and (max-width:330px) {

	.dataTables_wrapper .col-sm-6 .dataTables_length label {
		padding-left: 54px;
	}
}

.container.clearfix.largePage {
	max-width: 84em;
}