body {
	margin: 0; font-family: 'montserrat_light', sans-serif;
}
.box_overflow {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
}
a {
	text-decoration: none; color:#062454; font-family: 'ppg_bold', sans-serif;
}
a.menu {
	font-family: 'montserrat_light', sans-serif;
}
.prodNotesImg {
	width: 75% !important
}
.logo_container {
	width: 285px; height: 100%; vertical-align: middle; padding-left: 0px; text-align: left; display: table-cell
}
.mid_container {
	display: table-cell; height: 100%; vertical-align: middle
}
.rh_container {
	width: 250px; height: 100%; vertical-align: middle; padding-right: 0px; text-align: right; display: table-cell
}
.cat_container {
	width: 100%; padding-top: 140px;
}
.cat_desktop_disp {
	display: block
}
.cat_mobile_disp {
	display: none
}

.mobile_menu {
	display: none; text-align: right; padding-right: 20px
}
.menu_text {
	margin-right: 20px; display: inline-block
}
.max_container {
	max-width: 1300px; margin: auto; padding: 0px 10px 0px 10px
}
.footer {
	background: #0A736B; color: #fff; width: 100%; min-height: 250px; margin-top: 50px; line-height: 24px
}
.footer_left{
	display: table-cell; text-align: left
}
.footer_right {
	display: table-cell; width: 40%; text-align: right
}


.search-input-wrapper { 
	position: relative; 
	display: inline-block;
	width: 100%
} 

.search-input-wrapper input { 
	width: 100%; padding: 10px
} 

.search-input-wrapper button { 
	position: absolute; 
	top: 0; 
	right: 0; 
	border: none; 
	background-color: transparent; 
	cursor: pointer;
	height: 100%;
	padding: 10px
} 


.hp_featured_container {
	border: 1px solid #fff; background: #4D6078; color: #fff; position: absolute; z-index: 1; max-width: 375px; margin-top: 75px; padding: 40px 40px 40px 40px; line-height: 30px
}
.hp_featured_img {
	background: #7187a3; width: 78%; margin-left: 20%; height: 525px; margin-top: 50px; position: relative; margin-right: 50px
}
.hp_featured_img_design {
	width: 100px; height: 100px; border: 1px solid #0A736B; bottom: -4%; left: -4%; position: absolute; z-index: -1
}
.hp_featured_img_arrow {
	background: #4D6078; color: #fff; width: 100px; height: 100px; border: 1px solid #fff; bottom: -2%; right: -2%; position: absolute
}

.hp_inv_container_tbl {
	display: table; width: 100%;
}
.hp_inv_container_cell {
	display: table-cell; width: 32%; vertical-align: top; cursor: pointer;
}
.hp_inv_container_cell:hover {
	border: 1px solid #4D6078; padding: 20px; position: absolute; width: 27%; max-width: 370px;
}
.hp_inv_spacer {
	display: table-cell; width: 2%
}
.hp_inv_img_container {
	background: black; width: 100%; height: 300px
}
.hp_inv_content_container {
	margin-top: 25px
}

.hp_man_logo {
	display: inline-block; width: 200px; height: 55px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 20px 10px 20px 10px; border: 0px solid black
}



.lp_left{
	display: table-cell; width: 400px; vertical-align: top
}
.lp_left_bg {
	background: #B2AEA7; width: 250px; height: 375px; position: relative
}
.lp_left_img {
	width: 225px; height: 275px; background: #000; position: absolute; left: 75px; top: 75px; z-index: 2
}
.lp_left_title {
	writing-mode: vertical-rl; text-orientation: mixed; height: 100%; text-align: center; color: #fff; transform: rotateZ(180deg); margin-left: 25px
}
.lp_left_decoration {
	height: 100%; border-left: 1px solid #fff; position: absolute; left: 9px; z-index: -1
}
.lp_left_text {
	background: #B2AEA7; display: inline-block; padding-top: 10px; padding-bottom: 10px
}



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


.search_left {
	display: table-cell; width: 300px; line-height: 25px
}
.search_right {
	display: table-cell; vertical-align: top
}
.search_img {
	display: table-cell; width: 200px; height: 200px; background: #000
}
.search_content {
	display: table-cell; padding: 20px
}


.details_left {
	display: table-cell; width: 450px; line-height: 25px
}
.details_right {
	display: table-cell; vertical-align: top
}
.details_main_img {
	width: 350px; height: 350px; background: #000
}

@media (max-width: 750px) {
	.prodNotesImg {
		width: 100% !important
	}
	.footer_left{
		display: block; width: 100%; text-align: left
	}
	.footer_right {
		display: block; width: 100%; text-align: left
	}
	
	.logo_container {
		width: 100%; display: block
	}
	.mid_container {
		width: 100%; display: block;
	}
	.rh_container {
		width: 100%; display: block; margin-top: 20px
	}
	.cat_container {
		width: 100%; padding-top: 250px;
	}
	.cat_desktop_disp {
		display: none
	}
	.cat_mobile_disp {
		display: block
	}

	.hp_featured_container {
		position: relative; max-width: 100%; padding: 20px 20px 20px 20px; margin-top: 25px; border: 0; border-bottom: 1px solid #fff
	}
	.hp_featured_img {
		margin-top: 0px; position: relative; margin-right: 0px; width: 100%; margin-left: 0; 
	}
	.hp_featured_img_design {
		display: none
	}
	.hp_featured_img_arrow {
		display: none
	}
	
	
	.hp_inv_container_cell {
		display: block; width: 100%;
	}
	.hp_inv_container_cell:hover {
		padding: 0px; position: relative; width: 100%; border: 0;  max-width: 100%;
	}
	.hp_inv_spacer {
		display: none
	}
	.hp_inv_img_container {
		height: 300px
	}
	.hp_inv_content_container {
		margin-top: 25px; margin-bottom: 50px
	}
	
	.lp_left{
		display: block; width: 100%
	}
	.lp_left_bg {
		display: block; width: 100%; height: auto
	}
	.lp_left_img {
		width: 100%; height: 275px; position: relative; left: 0px; top: 0px
	}
	.lp_left_title {
		writing-mode: horizontal-tb; text-orientation: mixed; height: 100%; text-align: center; color: #fff; transform: rotateZ(0deg); margin-left: 0px
	}
	.lp_left_decoration {
		display: none
	}
	
	
	
	.lp_right{
		display: block; width: 100%; margin-top: 20px
	}
	
	.search_left {
		display: block; width: 100%; margin-bottom: 50px
	}
	.search_right {
		display: block; width: 100%
	}
	
	
	.details_left {
		display: block; width: 100%;
	}
	.details_right {
		display: block; width: 100%
	}
	.details_main_img {
		width: 100%; padding-top: 100%;
	}
	
}



@media (max-width: 550px) {
	.search_img {
		display: block; width: 100%; padding-top: 100%; /* 1:1 Aspect Ratio */
  position: relative;
	}
	.search_content {
		display: block; width: 100%; padding: 20px
	}
}