@charset "utf-8";
/* CSS Document */


/* Global Styles */

html, body {
	margin:0;
	padding:0;
	height:100%;
	color:#737373;
	}
	
a {
	color:#387881;
	text-decoration:none
	}
	
a:visited {
	color:#387881;
	text-decoration:none
	}
	
a.button {color: #ffffff;}
	
img {border:0}

section h1 {
	font-size: 2.5em;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin: .5em 0;
}
	
section ul {padding: 0;}

section hr {
    border: 1px dashed #ccc;
    margin: 2em auto;
    max-width: 1200px;
    }
    
input {width: auto !important;}

td {vertical-align: top;}

	@media print,screen and (max-width:700px) {
		td {
			padding: 0.1em !important;
			font-size: 0.8em;
		}
	}
	

/* ID's */

#ccNote {
	font-size: .9rem;
	margin: 1em 0;
}

#hero-login-wrapper {
	position: relative;
	background: url(../images/hero-hz.png) center top no-repeat;
	background-size: contain;
	text-align: center;
	max-width: 792px;
	margin: 0 auto;
	}
		
#hero-login {
	position: relative;
	padding: 16em 0;
	margin-bottom: 2em;
	}
	#hero-login p {
		font-weight: 400;
		font-size: 2em;
		text-align: center;
		letter-spacing: 6px;
		line-height: 1em;
		color: #ffffff;
		max-width: none;
		margin: 0;
		}
		@media print,screen and (max-width:768px) {
			#hero-login p {
				font-size: 1.2em;
				line-height: 1.2em;
			}
		}

.hero-login-title {
	font-size: 6em;
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	margin-top: 0.075em;
	}
	@media print,screen and (max-width:768px) {
		.hero-login-title {
			font-size: 3em;
		}
	}

#footer {
	background-color: #387881;
	position: absolute;
	width: 100%;
	height: 150px;
	z-index: 100;
	}

#simpleSearch {
	padding-top: 1em;
	text-align: center;
	}

	#simpleSearch ul {
	  list-style-type: none;
	  margin: 0;
	}
	#simpleSearch ul li {
	  display: inline-block;
	  vertical-align: text-top;
	  /*! height: 60px; */
	}
	#simpleSearch select, #simpleSearch input {
	  margin: 0;
	  height: 40px;
	  vertical-align: middle;
	}

#signup {
	text-align: right;
    padding: 5px;
	}	
	
	#signup a {
	color: white;
	font-size: 0.9em;
	}	

#billing {
	display: block;
	float: left;
	margin: 20px 20px 0 0;
	width: 50%;
	}
	
#ccAddress {
	margin-left: 3em;
	max-width: 325px;
	}

	@media print,screen and (max-width:1100px) {
		#ccAddress {
			margin-left: 0;
			margin-top: 1em;
			max-width: none;
			}
	}
	
#shipTo, #contactRight {margin-left: 3em;}

	@media print,screen and (max-width:800px) {
		#shipTo, #contactRight {
			margin-left: 0;
			clear: left;
			display: block;
		}
	}
	
#detail-desc {
	float: left;
	margin-bottom: 10%;
	max-width: 500px;
	}
	
#detail-dropdown {
	float: right;
	width: 500px;
	display: block;
	}
	
#detail-img {
	float: left;
	text-align: center;
	margin: 1em;
	}
			
	@media print,screen and (max-width:700px) {
		#detail-img {
			float: none;
			margin: 1em 0;
		}
	}
	
	#detail-img img {
		max-width: 275px;
		border: 1px solid #dddddd;
		border-radius: 10px;
	}

#detail-form {
	position: relative;
	display: inline-block;
	margin: 1em;
	max-width: 825px;
	}
	
	@media print,screen and (max-width:1284px) {
		#detail-form {
			max-width: none;
		}
	}
	
#emaildiv {padding:5px 0}

#payment {display:block;float:left;}

#searchBox {
	display:inline-block;
	text-align:center;
	float:right;
	min-width:177px
	}

#searchBox select {display:none}

#shipping {
	display:block;
	float:left;
	clear:left;
	text-align: left;
	}

#tInfo {
	display: block;
	float: left;
	margin-bottom: 1em;
	clear: left;
	text-align: left;
	}

#payment, #orderType, #orderInfo, #additionalInfo, #giftInfo, #contactInfo, #address, #carrier, #cart {
	display: inline-block;
	width: 100%;
	margin-bottom: 1em;
	text-align: left;
	}

#itemDesc {line-height:21px;}

#availLabel {
	line-height:21px;
	float: left;
}

#avail {
	line-height:21px;
	float: left;
	margin-left: 1em;
}

#catalogBox {text-align: center;}
	
#catalogBox .inline img {max-width: 300px;}
	
#logo {clear: left;}

/* Classes */

.vspace {margin: 1em 0;}

.float-left {
    float: left;
    max-width: 780px;
}

		@media (max-width: 1100px) {
			.float-left {
				float: left;
				max-width: none;
			}
		}

.float-left-noMin {
    float: left;
    width: auto;
	margin-right: 3em !important;
	padding-bottom: 2em;
	}
	
		@media (max-width: 600px) {
			.float-left-noMin {
				float: none;
				margin-right: 0 !important;
			}
		}

.inline {display: inline-block;}

.smallType {font-size: 0.8em;}

.unstyled {margin:0;}

	.unstyled li {
		display: inline-block;
		list-style-type: none;
		vertical-align: top;
		}
		
.unstyled2 {margin:0;}

	.unstyled2 li {
		list-style-type: none;
		vertical-align: top;
		}
	
.detailText {}

	@media print,screen and (min-width:700px) {
		.detailText img {
			max-width: 100px !important;
		}
	}

.alert-message {
	padding: .75em;
	margin: 1em auto;
	background-color: cornsilk;
	font-size: .9em;
	line-height: 1.4em;
	}
	
.categories {
	max-width: 300px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 0.89em;
	margin: 2em;
	}
	
	@media print,screen and (max-width:700px) {
		.categories {
			display: inherit;
			margin: 1em auto !important;
		}
	}
	
	.categories img {margin-bottom: 8px;}

.align-left {text-align:left}
.align-right {text-align:right}
.align-center {text-align:center}
.welcome {margin-bottom: 0.5em;}
.user-pass {}

	.user-pass > div {
		padding: 0 5px;
		display: inline-block;
		vertical-align: middle;
	}
	
	@media print,screen and (max-width:920px) {
		.user-pass > div {
		display:inline-grid;
		width: 100%;
		}
	}

.login-form {margin-bottom: 0.75em;}

.registration-form {text-align: left;}

.colheader {
	color: black;
	background-color: #e7e7e7;
	padding: 0.5em;
	}
	
	@media print,screen and (max-width:700px) {
		.colheader {
			padding: 0.1em !important;
		}
	}
	
.tabtr {
	color:black;
	background-color:#ddd;
	padding:0 0.5em;
	font-size:1em;
	font-weight:bold;
	line-height:2.5em;
	}

.red {color:red;}

.rowshaded {background-color:#f8f8f8;line-height:1.3em;}

.rownotshaded {background-color:#f2f2f2;line-height:1.3em;}

	.rowshaded img, .rownotshaded img {
	    min-width: 100px;
	}
	
		@media print,screen and (max-width:700px) {
			.rowshaded img, .rownotshaded img {
				min-width: 20px;
			}
		}
	
	.rowshaded td, .rownotshaded td {
	    padding: 0.5em;
		vertical-align: middle;
	}

.cartMessage, .confirmMessage {
	color:#666666;
	margin: 1em 0;
	}
	
.error {
	color: red;
	margin: 1em 0;
	}
	
.errorbold {
	font-weight:bold;
	color:red;
	}
	
.highlight {
	max-width: 1200px;
	color: black;
	background-color: lightyellow;
	padding: 1em;
	margin: 1em auto;
	border: 1px solid goldenrod;
	line-height: 1.4em;
	text-align: center;
	}
	
.highlight2 {
	background-color: #cccccc;
	padding: 0.5em;
	}
	
.highlight3 {
	background-color: #eeeeee;
	padding: 0.5em;
	border: 1px solid #999999;
	}
	
.highlight4 {
	background-color: antiquewhite;
	padding: 0.075em 0.5em;
	}
	
.item {}

.tabbg {background-color:#00339A;}

.boxTitle {background-color:#c0c0c0;}

.boxbg {background-color:white;}

.subcategories {list-style-type:disc;}

.subcategoriesnobullet {list-style-type:none;}

.dialog {display:none}

.displayNone {display:none;}

.contact {line-height: 1.3em;}

.copyright {
	float: right;
	font-size: 0.8em;
	}
	@media print,screen and (max-width:490px) {
		.copyright {
			float: none;
		}
	}

.itm_num {text-align: left;}

.attr_name {text-align: left;}

.calc_price {text-align: right;}

.calc_qty {text-align: right;}

.phone {width: auto !important;}

.phone > li {display: inline-block;}

ul.phone {
	margin: 0;
	padding: 0;
}

.shop-wrapper .cart .cart-info {
	margin-right: 1rem;
	text-transform: uppercase;
	font-size: 1.25em;
	}

.shop-header {
	font-size: 1.25em;
	font-weight: 700;
	font-family: 'Amethysta', serif;
	padding-bottom: 0.5em;
	}

.shop-content {
	display: inline-block;
	width: 100%;
	min-height: calc(100vh - 406px);
	background-color: #fff;
	padding: 0.75em;
	}
	
	@media print,screen and (max-width:490px) {
		.shop-content {
			padding: 0.25em;
		}
	}

.bread_crumb {}

	@media print,screen and (max-width:700px) {
		.bread_crumb {
			font-size: 0.8em;
		}
	}

.success {
	color: darkgreen;
	padding: 1em 0;
}

.textbold {font-weight: 700;}

.blueLink {color: blue;}

.logo img {max-width: 313px;}

.specials {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}