body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #223b5b;
	background-color: #ffffff;
}

h1, .header1 {
	font-size: 23px;
	color: #223b5b;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h2, .header2 {
	font-size: 13x;
	color: #223b5b;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h3, .header3 {
	font-size: 13x;
	color: #223b5b;
	line-height: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:active {
	color: #0077ae;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #a6801d;
	text-decoration: underline;
	font-weight: bold;
}

a.breadcrumblink, a.breadcrumblink:link, a.breadcrumblink:active, a.breadcrumblink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #efede7;
	color: #0077ae;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

a.breadcrumblink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #efede7;
	color: #012e46;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #223b5b;
	background-color: #efede7;
	padding-left: 2px;
	padding-right: 2px;
}

a.category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
	background-color: #efede7;
	text-decoration: none;
}

a.category:link, a.category:visited, a.category:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
	background-color: #efede7;
	text-decoration: none;
}

a.category:hover, .categoryActive, a.categoryActive:link, a.categoryActive:visited, a.categoryActive:active, a.categoryActive:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #223b5b;
	text-decoration: underline;
}

.category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
	background-color: #efede7;
}

.categoryHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
}

.categorySpacer {
	background-color: #666666;
	height: 1px;
}

a.footer:link, a.footer:visited, a.footer:active, .footer {
	font-size: 10px;
	color: #a6801d;
	text-decoration: none;
	font-weight: bold;
}

a.footer:hover {
	color: #000000;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

a.reverseText:link, a.reverseText:visited, a.reverseText:active, .reverseText {
	font-size: 12px;
	color: #a6801d;
	text-decoration: none;
	font-weight: bold;
}

a.reverseText:hover {
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}

.banner {
	background-color: #dcdddd;
	width: 210px;
	height: 104px;
}

.bar {
	background-color: #666666;
	height: 5px;
}

.bodySpacer {
	background-color: #dcdddd;
	height: 1px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	background-color: #dedede;
}

.button_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	background-color: #dedede;
	font-size: 9px;
}

.button_bar {
	background-color: #efede7
}

.copyright {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #a6801d;
	line-height: 120%;
}

dt {
	font-weight: bold;
}

.error {
	font-size: 13x;
	font-weight: normal;
	line-height: normal;
	color: red;
}

.inputFieldBody, .inputField {
	border: 1px #a6801d solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 2px;
	color: #223b5b;
}

.inputFieldBodyHighlight {
	border: 1px #a6801d solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 2px;
	color: #223b5b;
	background-color: #ffffbb;
}

.inputFieldSearch {
	background-image: url(../images/site/search_box.gif);
	font-size: 10px;
	color: #223b5b;
	border: 1px solid #a6801d;
	padding-left: 3px;
}

.inputQtyBody {
	border: 1px #a6801d solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 2px;
	width: 30px;
	color: #223b5b;
}

select, .selectBody {
	color: #223b5b;
	font-size: 12px;
}

.items {
	font-size: 12px;
}

li {
	list-style-position: outside;
	list-style-type: square;
}

.line {
	background-color: #666666;
}

.loading {
	position: absolute;
	width: 500px;
	height: 300px;
	z-index: 8;
	left: 0px;
	border: 0px none #666666;
	top: 70px;
	background-color: #ffffff;
}

.pageContents {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #223b5b;
}

.pageContentsBold {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #223b5b;
}

.pageContentsLabel {
	font-size: 13x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 105%;
}

.pageDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #223b5b;
	background-color: #efede7;
	vertical-align: top;
	margin-top: 15px;
	line-height: normal;
}

.pageMsg {
	font-size: 13x;
	font-weight: normal;
	color: red;
}

.pageSmall {
	font-size: 10px;
}

.pageSmallBold {
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
}

.pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #223b5b;
	background-color: #efede7;
	line-height: 110%;
}

.pageNav {
}

td, label {
	font-size: 12px;
	font-weight: normal;
	color: #223b5b;
}

td.border_dark {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
}

td.contents {
	font-size: 12px;
	font-weight: normal;
	color: #223b5b;
	padding-right: 20px;
}

td.contentsBold_sm {
	font-size: 10px;
	font-weight: bold;
}

td.contents_sm {
	font-size: 10px;
	font-weight: normal;
}

td.formLabel {
	font-size: 12px;
	font-weight: normal;
	color: #223b5b;
}

td.formLabelBold {
	font-size: 12px;
	font-weight: bold;
	color: #223b5b;
}

td.grayborder {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
}

td.menuList {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

td.tableHeader {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

td.tablebg {
	background-color: #dddddd
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	background-color: #dddddd;
}

.tspace {
	height: 5px;
}

.pspace {
	height: 10px;
}

.tzone {
	display: none;
}

.spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
	height: 1rem;
	border-width: .2em;
}

@keyframes spinner-border {
	to {
		transform: rotate(360deg);
	}
}

#useCreditCard {
    float: left;
    width: 40%;
}

#shippingItems {
    float: left;
    width: 60%;
    padding-left: 30px;
    border-left: 1px solid #ccc;
}

#shippingItems table {
    border: 1px solid #000000;
    width: 100%;
}

#shippingItems table thead tr th {
    border: 1px solid #000000;
}

#shippingItems table tbody tr td {
    border: 1px solid #000000;
}

#shippingItems table .item-name {
    color: #0077ae;
    font-weight: bold;
}

/* Breakpoint XS */
@media (max-width: 575px) {
    #useCreditCard {
        width: 100%;
    }

    #shippingItems {
        width: 100%;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }
}