html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
	min-height: 600px;
	font: 100%/1.5 Arial, sans-serif; /* 100% = 16px */
    margin: 0 auto;
    padding: 0;
	color: #333333;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: top right;
	-webkit-text-size-adjust: 100%; /* so iOS Safari doesn't attempt to scale up text */
}

*:focus { 
	outline: none; /* Removes the dotted border from links and clickable elements when they get focus */
}

/* ----- LAYOUT CONTAINERS ----- */

header, footer {
	position: relative;
}

#site-header {
	padding: 0;
	z-index: 20;
	background-color: #e7eef6;
	background: -moz-linear-gradient(top, #e7eef6 0%, #c6d7e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7eef6), color-stop(100%,#c6d7e9));
	background: -webkit-linear-gradient(top, #e7eef6 0%,#c6d7e9 100%);
	background: -o-linear-gradient(top, #e7eef6 0%,#c6d7e9 100%);
	background: -ms-linear-gradient(top, #e7eef6 0%,#c6d7e9 100%);
	background: linear-gradient(to bottom, #e7eef6 0%,#c6d7e9 100%);
}

.ie9 #site-header {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczODAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFN0VFRjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDNkQ3RTkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czODApIiAvPgo8L3N2Zz4=);
}

#site-body {
	position: relative;
	background-color: #ffffff;
	padding: 1em;
	min-height: 400px;
	clear: both;
}

.site-body-content {
	position: relative;
}

#site-footer {
	background-color: #1d456e;
	background: -moz-linear-gradient(top, #2a527a 0%, #1d456e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a527a), color-stop(100%,#1d456e));
	background: -webkit-linear-gradient(top, #2a527a 0%,#1d456e 100%);
	background: -o-linear-gradient(top, #2a527a 0%,#1d456e 100%);
	background: -ms-linear-gradient(top, #2a527a 0%,#1d456e 100%);
	background: linear-gradient(to bottom, #2a527a 0%,#1d456e 100%);
	color: #e8e8e8;
	font-size: 10pt;
	padding: 1em 1em 2em;
}

#site-footer h6 {
	color: #ffffff;
}

#site-footer ul {
	padding: 1em 1em 1em 0;
	margin: 0;
	list-style: none;
	min-height: 220px;
	border-radius: 10px;
}

#site-footer ul li {
	margin-bottom: 0.5em;
}

#site-footer a {
	color: #c6d7e9;
	text-decoration: none;
}

#site-footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer-menu,
#footer-legal {
	padding-top: 20px;
}

#footer-legal p {
	font-size: 7pt;
}

#footer-phrase {
	display: none;
}

/* ----- COMMON ELEMENTS ----- */

h1 {
	font: 1.65em Oswald, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: #1d456e;
}

h2 {
	font: 1.40em Oswald, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: #2a527a;
}

h3 {
	font: 1.25em Oswald, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: #345c85;
}

h4 {
	font: 1.20em Arial, sans-serif;
	line-height: 1.5;
	color: #476f99;
}

h5 {
	font: 1.10em Arial, sans-serif;
	line-height: 1.5;
	color: #557597;
}

h6 {
	font-size: 10pt;
	line-height: 1.5;
	color: #5781ab;
	margin-bottom: 3px;
}

ul, ol {
	margin-left: 2em;
	margin-bottom: 1em;
	text-align: left;
}

p, li, dt, dd {
	line-height: 1.5;
	font-size: 10pt;
}

p, pre, dd {
	text-align: left;
	text-indent: 0;
	margin-bottom: 1em;
}

a {
	color: #476f99;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}

fieldset {
	padding: 1em 0;
}

legend {
	font: 14pt Oswald, Arial, sans-serif;
	color: #2a527a;
	background-color: #ffffff;
}

sup {
	vertical-align: 6px;
	font-size: 70%;
	margin-left: 3px;
}

sub {
	vertical-align: -3px;
	font-size: 70%;
}

blockquote {
	border-left: 1px solid #003366;
	padding-left: 1.25em;
	color: #336699;
}

figure figcaption {
	font-style: italic;
	color: #666666;
	margin: 5px 0 10px 0;
}

form {
	text-align: left;
}

/* -----  Reset form elements ----- */
	
input, select, textarea, button, optgroup, a.typebutton, a.typesubmit {
	margin: 0;
	padding: 0;
	font-family: inherit;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}

textarea {
	font-size: 10pt;
	overflow: auto;	
	min-height: 5em;
	width: 18.75em;
}

/* ----- Inputs, textareas and selects ----- */

input[type="text"],
input[type="date"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea {  
	border-radius: 2px;
	border: solid 1px #ccc;
	padding: 6px;
}

input[type="search"] {
	-webkit-appearance: none;
	-webkit-border-radius: 2px;
}

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

select,
button,
a.typebutton,
a.typesubmit,
input[type="submit"],
input[type="button"] {
	background-color: white;
	background-image: url("img/formelements-select.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	display: inline-block;
	vertical-align: middle;
}	

input[type="text"],
input[type="date"],
input[type="search"],
input[type="password"],
input[type="number"] {  
	vertical-align: middle;
	padding: 7px 6px;
}

input[type="text"],
input[type="date"],
input[type="search"],
input[type="password"],
input[type="number"],
textarea { 
	background-color: #ffffff;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #345c85;
}

.ie9 input[type="text"],
.ie9 input[type="date"],
.ie9 input[type="search"],
.ie9 input[type="password"],
.ie9 input[type="number"] {
	line-height: normal;
} 

/* ----- Select menu ----- */
	
select {
	border-image: initial;
	vertical-align: middle;
	cursor: default;
	box-sizing: border-box; 
	white-space: pre;
	-webkit-appearance: menulist; 
	-webkit-box-align: center; 
	-webkit-rtl-ordering: logical;
	box-shadow: none;
}

select[size],
select[multiple],
select[size][multiple] {
	-webkit-appearance: listbox; 
	background-image: none;
}

html:not(.android-browser) select {
	line-height: 1.8;
	height: 32px;
	border: solid 1px #ccc;
	padding: 6px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* ----- Checkboxes and Radio inputs -----  */	

input[type="radio"], 
input[type="checkbox"] {
	position: absolute;
	left: -999em;
}

label.for_input {
	font-size: 10pt;
	margin-right: 10px;
}
	
label.for_input:before { 
	display: inline-block;
	position: relative;
	top: 0.25em;
	left: -2px; 
	content: '';
	width: 25px;
	height: 25px;
	background-image: url("img/formelements.png");
	vertical-align: text-bottom;
}

input[type="checkbox"] + label.for_input:before { background-position: 0 -25px; }
input[type="checkbox"]:checked + label.for_input:before { background-position: 0 0; }
input[type="checkbox"]:disabled + label.for_input:before { background-position: 0 -50px; }
	 
input[type="radio"] + label.for_input:before { background-position: -25px -25px; }	 	
input[type="radio"]:checked + label.for_input:before { background-position: -25px 0; }
input[type="radio"]:disabled + label.for_input:before { background-position: -25px -50px; }

/* ----- Form Submit and Next buttons ----- */	

a.typebutton,
a.typesubmit,
button,
input[type="submit"], 
input[type="button"] { 
	padding: 0.5em 1em;
	line-height: 1.2;
	cursor: pointer;
	border-radius: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	border: 1px solid #5781ab;
	box-shadow: 0 1px 3px #1d456e;
	background-position: center bottom;
	background-color: #8eacca;
	background-image: none;
	background: -moz-linear-gradient(top,  #8eacca 0%, #5781ab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8eacca), color-stop(100%,#5781ab));
	background: -webkit-linear-gradient(top,  #8eacca 0%,#5781ab 100%);
	background: -o-linear-gradient(top,  #8eacca 0%,#5781ab 100%);
	background: -ms-linear-gradient(top,  #8eacca 0%,#5781ab 100%);
	background: linear-gradient(to bottom,  #8eacca 0%,#5781ab 100%);
	outline: none;
}

.ie9 a.typebutton,
.ie9 button[type="button"],
.ie9 input[type="button"] {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4RUFDQ0EiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM1NzgxQUIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czNzgpIiAvPgo8L3N2Zz4=);
}

a.typesubmit,
button[type="submit"],
input[type="submit"] {
	color: #ffffff !important;
	border: solid 1px #345c85;
	box-shadow: 0 1px 3px #1d456e;
	background-position: center bottom;
	background-color: #345c85;
	background-image: none;
	background: -moz-linear-gradient(top,  #5781ab 0%, #345c85 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5781ab), color-stop(100%,#345c85));
	background: -webkit-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: -o-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: -ms-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: linear-gradient(to bottom,  #5781ab 0%,#345c85 100%);
}

.ie9 a.typesubmit,
.ie9 button[type="submit"],
.ie9 input[type="submit"] {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NzgxQUIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzNDVDODUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czODQpIiAvPgo8L3N2Zz4=);
}

a.typebutton:active,
a.typesubmit:active,
button:active,
input[type="submit"]:active, 
input[type="button"]:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* ----- MAIN MENU ----- */
#menu-bar {
	display: none;
	padding: 0;
}

/* ----- Mobile Menu ----- */

#mobile-menu {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 101;
}

#mobile-menu ul {
	list-style: none;
	margin: 0;
}

#mobile-menu > ul > li {
	position: relative;
	margin: 0;
	float: left;
}

#mobile-menu > ul > li > a {
	display: block;
	color: #003366;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font: 14pt Oswald, Arial, sans-serif;
	letter-spacing: 1px;
	min-width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 60px 60px;
}

#mobile-login-menu {
	background-image: url("../images/mobile_login_menu.png");
}

#mobile-user-menu {
	background-image: url("../images/mobile_user_menu.png");
}

#mobile-toggle-menu {
	background-image: url("../images/mobile_toggle_menu.png");
}

#mobile-search-menu {
	background-image: url("../images/mobile_search_menu.png");
}

/* ----- PAGE CONTAINERS ----- */

.page-title {
	position: relative;
	text-align: left;
	margin-bottom: 1em;
}

.page-footer {
	padding: 1em 0;
}

/* ----- MEDIA ELEMENT.JS video overrides ----- */

div.video-wrapper {
	max-width: 640px;
	height: auto;
	margin: 1em auto;
}

/* ----- TABLE ----- */

div.table-wrapper {
	max-width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	margin-bottom: 1em;
}

div.table-wrapper:before {
	content: "Scroll/swipe horizontal if necessary...";
	font-size: 9pt;
	line-height: 2;
	color: #999999;
}

div.table-wrapper td {
	white-space: nowrap;
}

table {
	font-size: 10pt;
	border-spacing: 0;
	border: 1px solid #c6d7e9;
	border-bottom: 0;
}

table th,
table td,
table caption {
	padding: 0.5em;
	vertical-align: middle;
	border-bottom: 1px solid #c6d7e9;
}

table th,
table caption {
	background: #8eacca;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

table td.border-right {
	border-right: 1px solid #c6d7e9;
}

table th.border-right {
	border-right: 1px solid #c6d7e9;
}

table td.border-right-thick,
table th.border-right-thick {
	border-right-width: 3px;
}

/* Modern style */
table.modern {
	width: 100%;
	border: 1px solid #c6d7e9;
	border-bottom: 0;
	border-spacing: 0;
	margin: 0;
}

table.modern th,
table.modern td,
table.modern caption {
	border-bottom: 1px solid #c6d7e9;
	padding: 0.5em;
	color: #333333;
	font-size: 10pt;
}

table.modern caption {
	border-bottom: 0;
}

table.modern th,
table.modern caption {
	background-color: #5781ab;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

table.modern td,
table.modern th {
	vertical-align: middle;
}

table.modern td.numeric {
	text-align: right;
}

table.modern td.border-right {
	border-right: 1px solid #8eacca;
}

table.modern th.border-right {
	border-right: 1px solid #345c85;
}

table.modern th.border-right-thick,
table.modern td.border-right-thick {
	border-right-width: 3px;
}

table.modern tr.selected td {
	background-color: #5781ab;
	color: #ffffff;
}

table.modern tr.selected td.border-right {
	border-right: 1px solid #eeeeee;
}

table.modern tr.selected td span.nothing,
table.modern tr.selected td a {
	color: #ffffff;
}

/* ----- ALTERNATING COLORS AND CUSTOM SELECT ----- */
table.modern td.table-row-hover {
	background: #c6d7e9;
}

table tr.odd td,
table.modern td.table-row-color1 {
	background: #ffffff;
}

table.modern td.table-row-color1-hover {
	background: #c6d7e9;
}

table tr.even td,
table.modern td.table-row-color2 {
	background: #e7eef6;
}

table.modern td.table-row-color2-hover {
	background: #c6d7e9;
}

table.modern td.table-row-selected,
table.modern td.table-row-selected a {
	background: #5781ab;
	color: #ffffff;
}

/* ----- FRACTIONS (numerator/denominator) ----- */

.fr-n, .fr-d {
	font-size: 85%;
	padding: 0 1px;
}

.fr-n {
	vertical-align: 0.7ex;
}

.fr-d {
	vertical-align: -0.3ex;
}

/* ----- DISABLED / INACTIVE / ERROR / REQUIRED ----- */

.disabled {
	color: #aaaaaa;
	text-decoration: line-through;
}

.nothing {
	color: #777777;
	font-style: italic;
}

.required {
	color: #cc0000;
}

label.error {
	color: #cc0000;
	padding-left: 20px;
	background-image: url("../images/msg_16x16_error.png");
	background-repeat: no-repeat;
	background-position: 2px 2px;
	display: block;
	font-size: 10pt;
}

/* ----- RECORDSET ----- */

.rs-controls {
	position: relative;
	text-align: center;
	padding: 1em 0 2em 0;
	width: 260px;
	margin: 0 auto;
}

.rs-info {
	font-size: 10pt;
}

.rs-controls .rs-total-info {
	display: inline-block;
	padding: 0 1em;
	font-size: 10pt;
	vertical-align: middle;
	color: #336699;
}

.rs-controls .rs-prev,
.rs-controls .rs-prev-disabled,
.rs-controls .rs-next,
.rs-controls .rs-next-disabled {
	position: relative;
	display: inline-block;
	padding: 10px;
	margin: 0 1em;
}

.rs-controls .rs-button-prev,
.rs-controls .rs-button-prev-disabled,
.rs-controls .rs-prev,
.rs-controls .rs-prev-disabled {
	display: inline-block;
}

.rs-controls .rs-prev,
.rs-controls .rs-prev-disabled {
	background: #336699;
}

.rs-controls .rs-prev span,
.rs-controls .rs-prev-disabled span {
	position: absolute; 
	width: 0pt;
	height: 0pt;
	top: 50%;
	left: -18px;
	margin-top: -18px;
	border-right: 18px solid #336699;
	border-top: 18px solid #ffffff;
	border-bottom: 18px solid #ffffff;
}

.rs-controls .rs-prev-disabled {
	background: #dddddd;
}

.rs-controls .rs-prev-disabled span {
	border-right: 18px solid #dddddd;
}

.rs-controls .rs-button-next,
.rs-controls .rs-button-next-disabled,
.rs-controls .rs-next,
.rs-controls .rs-next-disabled {
	display: inline-block;
}

.rs-controls .rs-next,
.rs-controls .rs-next-disabled {
	background: #336699;
}

.rs-controls .rs-next span,
.rs-controls .rs-next-disabled span {
	position: absolute; 
	width: 0pt;
	height: 0pt;
	top: 50%;
	right: -18px;
	margin-top: -18px;
	border-left: 18px solid #336699;
	border-top: 18px solid #ffffff;
	border-bottom: 18px solid #ffffff;
}

.rs-controls .rs-next-disabled {
	background: #dddddd;
}

.rs-controls .rs-next-disabled span {
	border-left: 18px solid #dddddd;
}

.rs-controls .rs-loadmore {
	text-decoration: none;
	display: inline-block;
	padding: 1em;
	font-size: 10pt;
	vertical-align: middle;
	color: #336699;
	border: 1px solid #ddd;
	background-color: #eee;
	width: 260px;
	border-radius: 5px;
}

.rs-controls .rs-loadmore:hover {
	background-color: #ddd;
}

.rs-total-info input {
	max-width: 60px !important;
}

/* ----- MESSAGES ----- */

.ui-text-highlight,
.ui-text-warning,
.ui-text-error,
.ui-text-info,
.ui-text-OK,
.ui-text-action,
.ui-text-help,
.ui-text-loading {
	text-align: left;
	font-size: 10pt;
	padding-left: 25px !important;
	line-height: 1.5;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.ui-text-highlight {
	color: #444444;
	background-image: url("../images/msg_16x16_highlight.png");
}

.ui-text-warning {
	color: #990000;
	background-image: url("../images/msg_16x16_warning.png");
}

.ui-text-error {
	color: #990000;
	background-image: url("../images/msg_16x16_error.png");
}

.ui-text-info {
	color: #444444;
	background-image: url("../images/msg_16x16_info.png");
}

.ui-text-OK {
	color: #003300;
	background-image: url("../images/msg_16x16_OK.png");
}

.ui-text-action {
	background-image: url("../images/msg_16x16_action.png");
}

.ui-text-help {
	background-image: url("../images/msg_16x16_help.png");
}

.ui-text-loading {
	color: #003366;
	background-image: url("../images/loading_small.gif");
}

.ui-message-highlight,
.ui-message-warning,
.ui-message-error,
.ui-message-info,
.ui-message-OK,
.ui-message-loading,
.ui-message-help,
.ui-message-action {
	margin: 0;
	padding: 1em;
	text-align: left;
	font-size: 10pt;
	line-height: 1.5;
	border-radius: 5px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: 16px 16px;
}

.ui-message-highlight {
	background-color: #ffeeaa;
	background-image: url("../images/msg_16x16_highlight.png");
	color: #663300;
	padding: 10px 10px 10px 35px !important;
}

.ui-message-highlight h1,
.ui-message-highlight h2,
.ui-message-highlight h3,
.ui-message-highlight h4,
.ui-message-highlight h5,
.ui-message-highlight h6 {
	color: #663300;
}

.ui-message-warning {
	background-color: #ffcccc;
	background-image: url("../images/msg_16x16_warning.png"); 
	color: #990000;
	padding: 10px 10px 10px 35px !important;
}

.ui-message-warning h1,
.ui-message-warning h2,
.ui-message-warning h3,
.ui-message-warning h4,
.ui-message-warning h5,
.ui-message-warning h6 {
	color: #990000;
}

.ui-message-error {
	background-color: #CC3333;
	background-image: url("../images/msg_16x16_error.png"); 
	color: #ffffff;
	padding: 10px 10px 10px 35px !important;
}

.ui-message-error h1,
.ui-message-error h2,
.ui-message-error h3,
.ui-message-error h4,
.ui-message-error h5,
.ui-message-error h6 {
	color: #ffcccc;
}

.ui-message-info {
	background-color: #eef3f9;
	background-image: url("../images/msg_16x16_info.png"); 
	color: #1d456e;
	padding: 10px 10px 10px 35px !important;
}

.ui-message-info h1,
.ui-message-info h2,
.ui-message-info h3
.ui-message-info h4
.ui-message-info h5
.ui-message-info h6 {
	color: #336699;
}

.ui-message-OK {
	background-color: #669900;
	background-image: url("../images/msg_16x16_OK.png"); 
	color: #ffffff;
	padding: 10px 10px 10px 35px !important;
}

.ui-message-OK h1,
.ui-message-OK h2,
.ui-message-OK h3,
.ui-message-OK h4,
.ui-message-OK h5,
.ui-message-OK h6 {
	color: #003300;
}

.ui-message-action {
	background-color: #eeeeee;
	background-image: url("../images/msg_16x16_action.png"); 
	padding: 10px 10px 10px 35px !important;
	color: #333;
}

.ui-message-action h1,
.ui-message-action h2,
.ui-message-action h3,
.ui-message-action h4,
.ui-message-action h5,
.ui-message-action h6 {
	color: #333;
}

.ui-message-help {
	background-color: #f8f8f8;
	background-image: url("../images/msg_16x16_help.png"); 
	padding: 10px 10px 10px 35px !important;
	color: #333;
}

.ui-message-help h1,
.ui-message-help h2,
.ui-message-help h3,
.ui-message-help h4,
.ui-message-help h5,
.ui-message-help h6 {
	color: #333;
}

.ui-message-loading {
	background-color: #e7eef6;
	background-image: url("../images/loading_small.gif");
	color: #003366;
	padding: 10px 10px 10px 35px !important;
}

p.ui-message-highlight,
p.ui-message-warning,
p.ui-message-error,
p.ui-message-info,
p.ui-message-OK,
p.ui-message-action,
p.ui-message-help,
p.ui-message-loading {
	margin-bottom: 1em;
}

/* ----- RULE ----- */

hr {
	border: 0;
	clear: both;
}

hr, .rule {
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}

.rule-with-clear {
	clear: both;
}

/* ----- LOGO ----- */

#shipco-logo {
	display: block;
	width: 100px;
	height: 60px;
	background-image: url("../images/shipco_logo_mobile.png");
	background-repeat: no-repeat;
	background-size: 100px 60px;
}

#shipco-logo-footer {
	float: left;
	display: block;
	width: 100px;
	height: 60px;
	background-image: url("../images/shipco_logo_footer.png");
	background-repeat: no-repeat;
	background-size: 100px 60px;
	margin-right: 10px;
}

/* ----- Loading ----- */

.loading {
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-small {
	background-image: url("../images/loading_small.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 99;
	background: #ffffff;
	opacity: .50;
	filter: Alpha(Opacity=50);
}

/* ----- No Border ----- */

.no-border {
	border: 0 !important;
	border-radius: 0 !important;
}

/* ----- Captcha ----- */

.captcha-image {
	vertical-align: middle;
}

/* ----- Form option alignment ----- */

.option-item {
	margin-bottom: 1em;
}

/* ----- Sidebar ----- */

.page-layout-inner-sidebar select {
	width: 100%;
	margin-bottom: 2em;
}

.page-layout-inner-sidebar ul {
	list-style-type: none;
	margin-left: 0;
}

.page-layout-inner-sidebar li {
	margin-bottom: 0.5em;
}

.sidebar-menu {
	padding: 0 0 1em 0;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 1em;
}

.sidebar-menu:last-child {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

.sidebar-menu header {
	font: 1.10em Oswald, Arial, sans-serif;
	line-height: 1.5;
	color: #003366;
	padding: 5px 0;
}
		
.sidebar-menu header a {
	text-decoration: none;
	display: block;
	padding-right: 25px;
}

.sidebar-menu header a.category-collapsed {
	color: #666666;
	position: relative;
}

.sidebar-menu header a.category-collapsed:before {
	background: #666666;
	width: 5px;
	height: 15px;
	position: absolute;
	content: "";
	top: 5px;
	right: 10px;
}

.sidebar-menu header a.category-collapsed:after {
	background: #666666;
	content: "";
	width: 15px;
	height: 5px;
	position: absolute;
	top: 10px;
	right: 5px;
}

.sidebar-menu header a.category-collapsed:hover {
	color: #5781ab;
}

.sidebar-menu header a.category-collapsed:hover:before,
.sidebar-menu header a.category-collapsed:hover:after {
	background: #5781ab;
}

.sidebar-menu header a.category-expanded {
	color: #2a527a;
}

.sidebar-menu header a.category-expanded:before {
	background: #2a527a;
	content: "";
	width: 15px;
	height: 5px;
	position: absolute;
	top: 15px;
	right: 5px;
}

.sidebar_list_category,
.sidebar_list_icons {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar_list_category li,
.sidebar_list_icons li {
	margin: 5px 0;
}

.sidebar_list_category li a,
.sidebar_list_icons li a {
	color: #345c85;
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 9pt;
	border-radius: 3px;
	border: 1px solid transparent;
}

.sidebar_list_category li a:hover {
	text-decoration: underline;
}

.sidebar_list_category li a.selected,
.sidebar_list_category li a.selected:hover,
.sidebar_list_icons li a.selected,
.sidebar_list_icons li a.selected:hover {
	text-decoration: none;
	color: #fff;
	border: solid 1px #345c85;
	box-shadow: 0 1px 3px #1d456e;
	background-position: center bottom;
	background-color: #1d456e;
	background-image: none;
	background: -moz-linear-gradient(top,  #5781ab 0%, #345c85 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5781ab), color-stop(100%,#345c85));
	background: -webkit-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: -o-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: -ms-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: linear-gradient(to bottom,  #5781ab 0%,#345c85 100%);
}

.ie9 .sidebar_list_category li a.selected,
.ie9 .sidebar_list_category li a.selected:hover,
.ie9 .sidebar_list_icons li a.selected,
.ie9 .sidebar_list_icons li a.selected:hover {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NzgxQUIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzNDVDODUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czODQpIiAvPgo8L3N2Zz4=);
}

.sidebar_list_icons li a {
	display: block;
	text-align: left;
	vertical-align: middle;
}

.sidebar_list_icons li img,
.sidebar_list_icons li span.text {
	vertical-align: middle;
	display: inline-block;
}

.sidebar_list_icons li span.text {
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebar_list_icons li img {
	margin-right: 10px;
	height: 48px;
}

.sidebar_list_icons li span.updated {
	color: #666;
	font-size: 8pt;
	font-style: italic;
}

/* ----- THUMBNAILS links ----- */

a.thumbnail {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 10px 10px 0;
}

a.thumbnail img {
	border: 2px solid transparent;
}

a.thumbnail img:hover {
	border: 2px solid #c6d7e9;
	box-shadow: 0 0 5px #c6d7e9;
}

/* ----- FILE ----- */

.file {
	position: relative;
	display: block;
	color: #333333;
	font-size: 10pt;
	margin-bottom: 1em;
	padding: 1em;
}

.file .description {
	display: block;
	min-width: 260px;
	text-align: left;
}

.file .revision {
	display: block;
	text-align: left;
	padding: 1em 1em 1em 0;
}

.file .fileinfo {
	display: block;
	text-align: left;
	padding: 1em 0;
}

.file-item .fileinfo img {
	vertical-align: text-top;
	margin-right: 3px;
}

.file .download {
	display: block;
	text-align: right;
}

.file .description span.name {
	color: #1d456e;
	font-weight: bold;
}

.file .description span.desc {
	display: block;
}

.file .fileinfo span.name,
.file .revision span.name {
	color: #1d456e;
	display: block;
}

.file-inline-block {
	position: relative;
	display: inline-block;
	color: #333333;
	font-size: 10pt;
	margin-bottom: 1em;
}

.file-inline-block .name {
	display: inline-block;
	color: #1d456e;
	font-weight: bold;
}

.file-inline-block .desc {
	display: inline-block;
}

.file-inline-block .download {
	clear: both;
	display: inline-block;
	padding-top: 10px;
}

/* ----- Product Selector ----- */

#product-navigator {
	background-color: #8eacca;
	border-radius: 5px;
	display: inline-block;
	font: 10pt Arial, sans-serif !important;
	padding: 0 !important;
	margin-top: 0.5em !important;
}

#product-navigator div > p img {
	float: right;
	margin-right: 10px;
}

#product-navigator div {
	color: #19365e !important;
	padding: 1em !important;
}

#product-navigator div:hover {
	text-decoration: none !important;
}

#product-navigator div > p {
	padding: 0;
	color: inherit;
}

#product-navigator div > a,
#product-navigator div > a:hover {
	width: 100%;
	text-decoration: none;
	text-align: center;
	font-weight: bold !important;
}

/* ----- Header ----- */

#mobile-login-menu.arrow_toggle:after,
#mobile-login-menu.arrow_toggle:before,
#mobile-user-menu.arrow_toggle:after,
#mobile-user-menu.arrow_toggle:before,
#mobile-search-menu.arrow_toggle:after,
#mobile-search-menu.arrow_toggle:before {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #8eacca;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	z-index: 1;
}

#site-search,
#site-repmenu {
	background-color: #8eacca;
	min-height: 33px;
}

#user-menu,
#login-menu,
#search-menu {
	display: none !important;
	margin: 0 5px !important;
}

/* ----- Header - Login/Rep menu ----- */

#site-repmenu {
	position: relative;
	top: 0px;
	padding: 0.75em 1em;
	clear: both;
	display: none;
	background-color: #8eacca;
}

#site-repmenu a,
#site-repmenu img {
	vertical-align: middle;
}

#form-quick-login {
	text-align: left;
	position: relative;
}

#form-quick-login dt,
#form-quick-login dd {
	vertical-align: middle;
}

#form-quick-login dt {
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 10pt;
	color: #1d456e;
	width: 75px;
	text-align: right;
}

#login-signup,
#login-help {
	padding: 0.5em 1em;
	color: #19365e;
	border-radius: 5px;
	text-decoration: none;
	margin: 0.25em 0;
	display: inline-block;
	font-size: 10pt;
}

#login-signup:hover,
#login-help:hover {
	background-color: #5781AB;
	color: #ffffff;
}

#quick-login-message {
	display: block;
	margin: 1em 0;
}

#repmenu {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#repmenu > li {
	position: relative;
}

#repmenu > li > a {
	display: block;
	padding: 5px 7px;
	text-decoration: none;
	position: relative;
	color: #19365e;
	position: relative;
	border: 1px solid transparent;
}

#repmenu > li > a:hover {
	text-decoration: underline;
	color: #345c85;
}

#repmenu > li > a.submenu-toggled,
#repmenu > li > a.submenu-toggled:hover {
	text-decoration: none;
	background-color: #5781ab;
	color: #ffffff;
}
	
#repmenu > li > div {
	display: none;
}

#repmenu > li > div.expanded  {
	display: block;
}

#repmenu > li > div.dropdown  {
	margin: 0 auto;
	position: relative;
	text-align: left;
	background-color: #ffffff;
}

#repmenu > li > div.dropdown > ul  {
	list-style: none;
	margin: 0;
}

#repmenu > li > div.dropdown > ul a  {
	display: block;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px;
}

#repmenu > li > div.dropdown > ul a img  {
	vertical-align: middle;
	margin-right: 10px;
	height: 32px;
}

/* ----- Header - Search menu ----- */

#site-search {
	position: relative;
	top: 0px;
	padding: 0.75em 1em;
	clear: both;
	display: none;
	background-color: #8eacca;
}

#site-search form {
	position: relative;
	display: block;
}

#site-search form input#query {
	width: 100%;
	-webkit-appearance: none;
	-webkit-border-radius: 2px;
	padding-right: 80px;
}

#site-search form input#query::-webkit-search-cancel-button,
#site-search form input#query::-webkit-search-decoration,
#site-search form input#query::-webkit-search-results-button,
#site-search form input#query::-webkit-search-results-decoration {
	-webkit-appearance: none;
}

#site-search form button#query-submit-button {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

#site-search #browse-product-list-button {
	width: 100%;
	margin-top: 1em;
}

#browse-product-list {
	display: none;
	overflow: hidden;
	overflow-y: scroll;
	background-color: #ffffff;
	width: auto;
	height: 250px;
	border: 2px solid #8eacca;
	border-radius: 4px;
}

#browse-product-list h6 {
	position: relative;
	margin-bottom: 0;
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 1em 0.5em;
	color: #1d456e;
}

#browse-product-list h6:before,
#browse-product-list h6:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #1d456e;
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
}

#browse-product-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#browse-product-list ul li {
	border-bottom: 1px dotted #c6d7e9;
}

#browse-product-list ul li a {
	display: block;
	padding: 1em;
	text-decoration: none;
}

#browse-product-list ul li a:hover {
	background-color: #345c85;
	background-image: none;
	background: -moz-linear-gradient(top,  #5781ab 0%, #345c85 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5781ab), color-stop(100%,#345c85));
	background: -webkit-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: -o-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: -ms-linear-gradient(top,  #5781ab 0%,#345c85 100%);
	background: linear-gradient(to bottom,  #5781ab 0%,#345c85 100%);
	color: #ffffff;
}

/* ----- Footer ----- */

#footer-menu div.page-layout-quarter {
	display: none;
}

#buy-american,
#arra-link {
	text-decoration: none;
	display: block;
	padding: 1em;
	color: #ffffff !important;
	min-height: 100px;
	border-radius: 8px;
}

#buy-american h6,
#arra-link h6 {
	color: #c6d7e9 !important;
}

#arra-link:hover {
	background-color: #345c85;
	text-decoration: none !important;
}

#arra-link:hover h6 {
	color: #ffffff !important;
}

#buy-american img,
#arra-link img {
	float: right;
	margin-right: 10px;
	max-height: 100px;
}

#buy-american p,
#arra-link p {
	font-size: 8pt;
}

#social-media {
    background-color: #2a527a;
    clear: both;
    padding: 2em 1em 0 1em;
    position: relative;
	color: #ffffff;
	text-align: left;
	display: block;
}

#social-media .goog-te-gadget,
#social-media .goog-logo-link {
	color: #ffffff;
	font-size: 7pt;
}

#social-media .goog-te-combo {
	margin: 0;
}

#social-media div.option-item {
	margin-bottom: 1em;
}

#social-media img.icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

#social-media a.link {
	color: #C6D7E9;
	text-decoration: none;
}

#social-media a.link:hover {
	text-decoration: underline;
}

#social-media a.link img {
	margin-right: 5px;
	vertical-align: middle;
}

#social-media a.link,
#google_translate_element {
	display: inline-block;
	vertical-align: middle;
}

.ie8 #social-media a.link,
.ie8 #google_translate_element {
	zoom: 1;
}

#social-media .fa {
	font-size: 30pt;
	vertical-align: middle;
	margin-right: 0.25em;
}


@media screen and (min-width: 641px) {

	fieldset {
		padding: 1em;
		border: 1px solid #c6d7e9;
		margin: 1em 0 1.5em 0;
	}
	
	fieldset:first-child {
		margin-top: 0;
	}

	/* 1/2 (column) x 1/2 (column) page layout */
	.page-layout-half {
		float: left;
		width: 50%;
	}
	
	.page-layout-half-right {
		float: right;
		width: 50%;
	}
	
	/* 2/3 (main column) x 1/3 (sidebar column) page layout */
	.page-layout-twothirds,
	.page-layout-twothirds-left {
		float: left;
		width: 66.666666%;
	}
	
	/* 1/3 (sidebar column) x 2/3 (main column) page layout */
	.page-layout-twothirds-right {
		float: right;
		width: 66.666666%;
	}
	
	.page-layout-third-left,
	.page-layout-third {
		float: left;
		width: 33.333333%;
	}
	
	.page-layout-third-right {
		float: right;
		width: 33.333333%;
	}
	
	.page-layout-quarter {
		float: left;
		width: 25%;
	}
	
	/* 3/4 (main column) x 1/4 (sidebar column) page layout */
	.page-layout-main,
	.page-layout-main-left {
		float: left;
		width: 65%;
	}
	
	.page-layout-sidebar,
	.page-layout-sidebar-right {
		float: right;
		width: 35%;
		display: block;
	}
	
	/* 1/4 (sidebar column) x 3/4 (main column) page layout */
	.page-layout-main-right {
		float: right;
		width: 65%;
	}
	
	.page-layout-sidebar-left {
		float: left;
		width: 35%;
		display: block;
	}	
	
	.page-layout-inner-padding {
		padding: 1em;
	}
	
	.page-layout-inner-sidebar {
		padding: 1em;
		background-color: #eeeeee;
		border-radius: 5px;
		margin-bottom: 1em;
	}
		
	.page-layout-inner-padding-right {
		padding-right: 1em;
	}
	
	.page-layout-inner-padding-left {
		padding-left: 1em;
	}
	
	/* Sidebar on the left, margin needs adjusted to right */
	.page-layout-third .page-layout-inner-sidebar,
	.page-layout-sidebar .page-layout-inner-sidebar,
	.page-layout-sidebar-right .page-layout-inner-sidebar {
		margin-left: 1em;
		margin-right: 0;
	}
				
	/* Sidebar on the left, margin needs adjusted to right */
	.page-layout-third-left .page-layout-inner-sidebar,
	.page-layout-sidebar-left .page-layout-inner-sidebar {
		margin-left: 0;
		margin-right: 1em;
	}
	
	.option-item {
		display: inline-block;
		margin-right: 1em;
	}
	
	.option-divider-after {
		 border-right: 1px solid #ccc;
		 padding-right: 1em;
	}
	
	.option-divider-before {
		 border-left: 1px solid #ccc;
		 padding-left: 1em;
	}
		
	/* Sidebar list as options select */
	.sidebar_list_options {
		overflow: hidden;
		width: 100%;
		margin: 0;
		list-style-type: none;
	}
	
	.sidebar_list_options li { 
		float: left;
		margin-bottom: 0.5em;
	}
	
	.sidebar_list_options a {
		padding: 10px;
		float: left;
		text-align: left;
		text-decoration: none;
		font-size: 1em; 
		position: relative;
		background: transparent; 
		min-width: 181px;
		width: auto;
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
		
	.sidebar_list_options a.selected {
		background: #2a527a;
		color: #ffffff;
	}
	
	.sidebar_list_icons li img,
	.sidebar_list_icons li span.text {
		display: block;
	}
	
	.sidebar_list_icons li img {
		margin-right: 0;
		height: 48px;
	}
				
	#footer-legal p {
		font-size: 10pt;
	}
	
	#buy-american,
	#arra-link {
		float: left;
		width: 44%;
	}
}

@media screen and (min-width: 761px) {

	#site-body {
		min-height: 700px;
	}

	#shipco-logo {
		float: left;
	}
	
	#menu-bar {
		display: block;
		margin-left: 100px;
		margin-right: 10px;
		padding: 0;
	}
			
	#mobile-menu {
		display: none;
	}
	
	span.menu-icon {
		display: block;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 16px 16px;
	}
	
	span.menu-icon span {
		display: none;
	}
		
	#menu-icon-login {
		background-image: url("../images/menu_16x16_login.png");
	}
	
	.submenu-toggled #menu-icon-login {
		background-image: url("../images/menu_16x16_login_toggled.png");
	}
		
	#menu-icon-user {
		background-image: url("../images/menu_16x16_user.png");
	}
		
	.submenu-toggled #menu-icon-user {
		background-image: url("../images/menu_16x16_user_toggled.png");
	}
	
	#menu-icon-info {
		background-image: url("../images/menu_16x16_info.png");
	}
	
	.submenu-toggled #menu-icon-info {
		background-image: url("../images/menu_16x16_info_toggled.png");
	}
	
	#menu-icon-search {
		background-image: url("../images/menu_16x16_search.png");
	}
	
	.submenu-toggled #menu-icon-search {
		background-image: url("../images/menu_16x16_search_toggled.png");
	}
	
	/* Sidebar list as options select */
	.sidebar_list_options a.selected {
		background: #2a527a;
		color: #ffffff;
	}
	
	.sidebar_list_options a.selected:after,
	.sidebar_list_options a.selected:before {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -20px;   
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid;
		right: -20px;
	}
	
	.sidebar_list_options a.selected:after {
		border-left-color: #2a527a;
		z-index: 2;
	}	
	
	#product-navigator {
		border: 0 !important;
		border-radius: 5px;
		color: #333;
		display: inline-block;
		font: 10pt Arial, sans-serif !important;
		top: 0;
		right: -225px;
		width: 225px;
		height: auto;
		position: absolute !important;
		box-shadow: 7px 7px 10px #666666;
		z-index: 1;
	}
	
	#product-navigator:hover {
		background-color: #8eacca !important;
	}
	
	#product-navigator:after,
	#product-navigator:before {
		border-bottom: 15px solid transparent;
		border-right: 15px solid #8eacca;
		content: '';
		position: absolute;
		top: 30px;
		left: -15px;
		right: auto;
		margin-top: -15px;
	}
	
	#user-menu,
	#login-menu,
	#search-menu {
		display: block !important;
	}
	
	a.arrow_toggle,
	a.arrow_toggle:hover {
		background-color: #ffffff !important;
		border-radius: 999px !important;
	}
	
	#login-menu a.arrow_toggle:after,
	#login-menu a.arrow_toggle:before,
	#user-menu a.arrow_toggle:after,
	#user-menu a.arrow_toggle:before,
	#search-menu a.arrow_toggle:after,
	#search-menu a.arrow_toggle:before {
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #8eacca;
		content: '';
		position: absolute;
		bottom: -15px;
		left: 50%;
		margin-left: -12px;
		z-index: 100;
	}
	
	#site-search,
	#site-repmenu {
		text-align: right;
	}
		
	#site-repmenu.displayed {
		display: block !important;
	}
	
	#form-search-site-global,
	#form-quick-login {
		text-align: right;
		display: inline-block;
	}
		
	/* ---- Header - Login/Rep menu ----- */
	
	#form-quick-login dl,
	#form-quick-login dt,
	#form-quick-login dd {
		display: inline-block;
		margin: 0;
		vertical-align: middle;
	}
		
	#form-quick-login dt {
		float: none;
		margin-left: 5px;
		margin-top: 0;
		font-weight: bold;
		font-size: 10pt;
		color: #1d456e;
		text-align: left;
		width: auto;
	}
	
	#form-quick-login input {
		width: 100px;
	}
	
	#login-help,
	#login-signup {
		margin: 0;
	}
	
	#quick-login-message {
		position: absolute;
		right: 0;
		top: 32px;
		z-index: 100;
		margin: 1em 0;
	}
		
	#quick-login-message.ui-message-loading:before,
	#quick-login-message.ui-message-loading:after,
	#quick-login-message.ui-message-error:before,
	#quick-login-message.ui-message-error:after,
	#quick-login-message.ui-message-highlight:before,
	#quick-login-message.ui-message-highlight:after,
	#quick-login-message.ui-message-OK:before,
	#quick-login-message.ui-message-OK:after {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #e7eef6;
		content: '';
		position: absolute;
		top: 0;
		right: 30px;
		margin-top: -8px;
	}
	
	#quick-login-message.ui-message-error:before,
	#quick-login-message.ui-message-error:after {
		border-bottom-color: #CC3333;
	}
	
	#quick-login-message.ui-message-highlight:before,
	#quick-login-message.ui-message-highlight:after {
		border-bottom-color: #ffeeaa;
	}
	
	#quick-login-message.ui-message-OK:before,
	#quick-login-message.ui-message-OK:after {
		border-bottom-color: #669900;
	}
	
	#repmenu {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
	#repmenu > li {
		display: inline-block;
		text-align: center;
		position: relative;
		padding: 0;
		white-space: nowrap;
	}
	
	#repmenu > li > a {
		display: inline-block;
		border-radius: 5px;
		max-width: 140px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin: 0;
	}
		
	#repmenu > li > a:hover {
		text-decoration: none;
		border-radius: 5px;
		color: #ffffff;
		background-color: #5781ab;
	}
	
	#repmenu > li > a.submenu {
		padding-right: 20px;
	}
	
	#repmenu > li > a.submenu:before,
	#repmenu > li > a.submenu:after {
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid #19365e;
		content: '';
		position: absolute;
		top: 13px;
		right: 7px;
	}
	
	#repmenu > li > a.submenu:hover:before,
	#repmenu > li > a.submenu:hover:after {
		border-top-color: #ffffff;
	}
	
	#repmenu > li > a.submenu-toggled,
	#repmenu > li > a.submenu-toggled:hover {
		text-decoration: none;
		border-radius: 5px 5px 0 0;
		background-color: #c6d7e9;
		color: #1d456e;
	}
	
	#repmenu > li > a.submenu-toggled:hover:before,
	#repmenu > li > a.submenu-toggled:hover:after {
		border-top-color: #19365e;
	}
		
	#repmenu > li > div {
		display: block;
		visibility: hidden;
	}
	
	#repmenu > li > div.expanded  {
		visibility: visible;
	}
	
	#repmenu > li > div.dropdown  {
		margin: 0 auto;
		position: absolute;
		left: 50%;
		top: auto;
		text-align: left;
		background-color: #c6d7e9;
		z-index: 101;
		width: 250px;
		margin-left: -125px;
		box-shadow: 0 5px 5px #345c85;
		padding: 0.5em;
		border-radius: 5px;
	}
	
	#repmenu > li > div.dropdown > ul  {
		list-style: none;
		margin: 0;
	}
	
	#repmenu > li > div.dropdown > ul a  {
		display: block;
		text-decoration: none;
		vertical-align: middle;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 5px;
		color: #19365e;
	}
	
	#repmenu > li > div.dropdown > ul a:hover  {
		background-color: #ffffff;
	}
	
	#repmenu > li > div.dropdown > ul a img  {
		vertical-align: middle;
		margin-right: 10px;
		height: 32px;
	}
	
	#repmenu > li.menu_left {
		float: left;
		margin-right: 5px;
		margin-left: 0;
	}
	
	#repmenu > li > div.align_left {
		left: 0 !important;
		right: auto !important;
		top: auto !important;
		margin-left: 0 !important;
		border-radius: 0 5px 5px 5px;
	}
	
	#repmenu > li.menu_right {
		float: right;
		margin-right: 0;
		margin-left: 5px;
	}
	
	#repmenu > li > div.align_right {
		left: auto !important;
		right: 0 !important;
		top: auto !important;
		margin-left: 0 !important;
		border-radius: 5px 0 5px 5px;
	}
		
	/* ----- Header - Search menu ----- */
	
	#site-search form input#query {
		width: 100%;
		max-width: 200px;
		padding-right: 0;
	}
	
	#site-search form button#query-submit-button {
		position: relative;
	}
		
	#site-search #browse-product-list {
		position: absolute;
		right: 0;
		top: 50px;
		width: 265px;
		height: 400px;
		box-shadow: 0 2px 5px #5781ab;
		z-index: 100;
		text-align: left;
	}
					
	#site-search #browse-product-list-button {
		width: auto;
		margin: 0;
	}
	
	#social-media {
		text-align: center;
	}

	#social-media .fa {
		font-size: 40pt;
	}
			
}

@media screen and (min-width: 961px) {
	
	#site-footer {
		min-height: 200px;
	}
	
	select, textarea, input.text {
		max-width: none;
	}

	div.table-wrapper {
		overflow-x: auto;
	}
	
	div.table-wrapper:before {
		content: "";
		line-height: 0;
	}
	
	div.table-wrapper td {
		white-space: normal;
	}
	
	.page-layout-main,
	.page-layout-main-left {
		width: 75%;
	}
	
	.page-layout-sidebar,
	.page-layout-sidebar-right {
		width: 25%;
	}
	
	.page-layout-main-right {
		width: 75%;
	}
	
	.page-layout-sidebar-left {
		width: 25%;
	}
	
	.sidebar_list_icons li img,
	.sidebar_list_icons li span.text {
		display: inline-block;
	}
	
	.sidebar_list_icons li span.text {
		max-width: 160px;
	}
	
	.file {
		display: table;
		width: 100%;
		padding: 0;
		border-radius: 5px;
	}
	
	.file .description {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
		text-align: left;
		padding: 1em;
	}
	
	.file .description a,
	.file .description span.name,
	.file .description span.desc {
		padding-right: 20px;
	}
	
	.file .revision {
		display: table-cell;
		vertical-align: middle;
		width: 15%;
		padding: 1em;
	}
	
	.file .fileinfo {
		display: table-cell;
		vertical-align: middle;
		width: 15%;
		padding: 1em;
	}
			
	.file .download {
		display: table-cell;
		vertical-align: middle;
		width: 20%;
		padding: 1em;
		text-align: right;
	}
	
	.file:hover {
		background-color: #e7eef6;
		z-index: 1;
	}
	
}

@media screen and (min-width: 1025px) {
	
	h1 {
		font-size: 2.75em;
	}
	
	h2 {
		font-size: 1.875em;
	}
	
	h3 {
		font-size: 1.5em;
	}
	
	#site-header {
		padding: 1.25em 1em;
	}

	#shipco-logo {
		width: 162px;
		height: 84px;
		background-image: url("../images/shipco_logo.png");
		background-repeat: no-repeat;
		background-size: 162px 84px;
		float: left;
	}
	
	#menu-bar {
		margin-left: 180px;
		margin-right: 0;
	}
	
	.sidebar_list_category li a {
		font-size: 10pt;
	}
	
	.sidebar_list_icons li span.text {
		max-width: 180px;
	}
			
	#footer-phrase {
		display: table;
		margin-bottom: 2em;
	}
	
	#footer-phrase-text {
		font: 24pt Oswald, Arial, sans-serif;
		color: #8eacca;
		text-shadow: 5px 5px 5px #0A2344;
		display: table-cell;
		vertical-align: middle;
	}

	#footer-phrase a {
		text-decoration: underline;
	}
	
	#footer-pump-image {
		background-image: url("../images/footer_pump_image.png");
		background-repeat: no-repeat;
		background-size: 225px 225px;
		display: table-cell;
		width: 225px;
		height: 225px;
		vertical-align: middle;
	}
		
	span.menu-icon {
		min-width: 25px;
		height: 25px;
		background-size: 25px 25px;
	}
	
	span.menu-icon span {
		display: none;
	}
		
	#menu-icon-login {
		background-image: url("../images/menu_25x25_login.png");
	}
	
	#menu-icon-login span {
		max-width: 150px;
	}
	
	.submenu-toggled #menu-icon-login {
		background-image: url("../images/menu_25x25_login_toggled.png");
	}
		
	#menu-icon-user {
		background-image: url("../images/menu_25x25_user.png");
	}
		
	.submenu-toggled #menu-icon-user {
		background-image: url("../images/menu_25x25_user_toggled.png");
	}
	
	#menu-icon-info {
		background-image: url("../images/menu_25x25_info.png");
	}
	
	.submenu-toggled #menu-icon-info {
		background-image: url("../images/menu_25x25_info_toggled.png");
	}
	
	#menu-icon-search {
		background-image: url("../images/menu_25x25_search.png");
	}
	
	.submenu-toggled #menu-icon-search {
		background-image: url("../images/menu_25x25_search_toggled.png");
	}
	
	#login-menu a.arrow_toggle:after,
	#login-menu a.arrow_toggle:before,
	#user-menu a.arrow_toggle:after,
	#user-menu a.arrow_toggle:before,
	#search-menu a.arrow_toggle:after,
	#search-menu a.arrow_toggle:before {
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-bottom: 18px solid #8eacca;
		content: '';
		position: absolute;
		bottom: -36px;
		left: 50%;
		margin-left: -18px;
		z-index: 100;
	}
		
	#header-impeller {
		display: block;
		background-image: url("../images/header_impeller_1920.png");
		position: absolute;
		width: 180px;
		height: 120px;
		left: 680px;
		top: -20px;
	}
	
	/* ----- Footer ----- */
	
	#buy-american,
	#arra-link {
		float: none;
		width: auto;
	}
	
	#made-in-america {
		display: block;
		float: left;
		width: 25%;
	}
	
	#footer-menu div.page-layout-quarter {
		display: block;
	}
		
}

@media screen and (min-width: 1281px) {

	.site-body-content {
		max-width: 1248px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#header-impeller {
		left: auto;
		right: 250px;
	}
			
}