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

/*
:root {
    --jlcmaxpagewidth: 1600px;
}
*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
a.jump {
    display: block;
    position: relative;
    top: -94px;
    visibility: hidden;
}
body{
/*    -webkit-text-size-adjust:100%;*/
    margin: 0px;
	background: linear-gradient(black, #505050);
    background-repeat: repeat-x;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #505050;
}
.pageHeader {
    position: fixed;
    background-color: #c0c0c0;
    width: 100%;
    top: 0px;
    -webkit-box-shadow: 0px 4px 13px #343434;
    box-shadow: 0px 4px 13px #343434;
    height: 64px;
    margin: 0px auto 0px auto;
	z-index: 50;
}
.pageHeaderContent {
	position: relative;
	height: 100%;
    width: 100%;
/*	max-width: var( --jlcmaxpagewidth );*/
    max-width: 1600px;
    margin: 0px auto;
	overflow: hidden;
/*	background-color: red;*/
}
.pageHeaderMenu {
    position: relative;
    float: left;
    padding: 6px 6px 4px 6px;
    background-color: #35577F;
    font-size: 15px;
    color: white;
	top: 16px;
	margin-left: 12px;
	margin-right: 8px;
}
.pageHeaderDesktopMenus {
	width: 0;
	display: none;
}
@media only screen and (max-width: 697px) {
	.pageHeaderMenu {
		padding-left: 7px;
		padding-right: 7px;
	}
	.pageHeaderMenu span {
		display: none;
	}
}
@media only screen and (min-device-width: 1200px) {
	.pageHeader {
		height: 96px;
		background-image: url("../_images/_header/desktopHeaderBG.jpg");
		background-repeat: repeat-x;
	}
	.pageHeaderMenu {
		width: 0;
		display: none;
	}
	.pageHeaderDesktopMenus {
        width: 100%;
/*		max-width: var(--jlcmaxpagewidth);*/
        max-width: 1600px;
		height: 32px;
		top: 64px;
/*		background-color: red;*/
		position: fixed;
		display: block;
		padding-top: 8px;
		overflow:hidden;
		clear: both;
	}
	.pgdminside {
		width: 100%;
        max-width: 1600px;
		height: 32px;
		position: relative;
		top: 0;
		left: 0;
		background-color: red;
	}
	.pageHeaderDesktopMenus ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
/*		background-color: purple;*/
		float: left;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
        max-width: 1600px;
		height: 100%;
		font-size: .85rem;
	}
	.pageHeaderDesktopMenus li {
    	float: left;
		padding: 2px 6px 2px 6px;
		margin-right: 4%;
		text-align: left;
        display: block;
	}
    #pageHeaderDesktopSearchMenu {
        padding-top: 0;
        margin-top: -2px;
    }
/*
    .pageHeaderDesktopMenus li:hover {
        background-color: #e0e0e0;
    }
*/
	.pageHeaderDesktopMenus a {
		text-decoration: none;
		color: black;
		font-weight: normal;
	}
	.pageHeaderDesktopMenus a:hover {
		font-weight: bold;
	}
/*
	@media (max-width: 727px) {
		pageHeaderDesktopMenus ul {
			top: -42px;
			color: red;
		}
	}
*/
}
/*
@media only screen and (min-device-width: 1200px) and
				(max-width: 727px) {
	pageHeaderDesktopMenus ul {
		top: -42px;
		color: red;
	}
}
*/
/*
@media only screen and (min-device-width: 1200px) and
				(max-width: 744px) {
	pageHeaderDesktopMenus ul {
		top: -38px;
	}
	.pageHeaderDesktopMenus li {
		margin-right: 4%;
	}
}
*/
@media only screen and (min-device-width: 1200px) and
				(max-width: 930px) {
	.pageHeaderDesktopMenus ul {
		font-size: .8rem;
	}
	.pageHeaderDesktopMenus li {
 		margin-right: 3.2%;
	}
}
@media only screen and (min-device-width: 1200px) and
				(max-width: 829px) {
	.pageHeaderDesktopMenus li {
		margin-right: 2%;
	}

}
@media only screen and (min-device-width: 1200px) and
				(max-width: 729px) {
	.pageHeaderDesktopMenus li {
		margin-right: 1.2%;
	}
}
@media only screen and (min-device-width: 1200px) and
				(max-width: 659px) {
	.pageHeaderDesktopMenus li {
		margin-right: .3%;
	}
}
@media only screen and (min-device-width: 1200px) and
				(max-width: 587px) {
	.pageHeaderDesktopMenus ul {
		font-size: .7rem;
	}
	.pageHeaderDesktopMenus li {
		margin-right: 0;
	}
}
@media only screen and (min-device-width: 1200px) and
				(max-width: 488px) {
	.pageHeaderDesktopMenus ul {
		font-size: .7rem;
	}
}
@media only screen and (min-device-width: 1200px) and
				(max-width: 459px) {
	.pageHeaderDesktopMenus ul {
		font-size: .65rem;
	}
}
.pageHeaderMenu a {
    color: white;
	text-decoration: none;	
}
.pageHeaderMenu a:active {
    color: black;
	text-decoration: none;	
}
.pageHeaderLogo {
	position: relative;
	top: 10px;
	left: 16px;
	float: left;
}
@media only screen and (max-width: 497px) {
	.pageHeaderLogo {
		width: 48%;
		top: 16px;
		left: 12px;
	}
}
@media only screen and (max-width: 393px) {
	.pageHeaderLogo {
		width: 40%;
		top: 20px;
		left: 8px;
	}
}
@media only screen and (max-width: 341px) {
	.pageHeaderLogo {
		width: 40%;
		top: 20px;
		left: 0px;
	}
}
@media only screen and (max-device-width: 481px)
					and (orientation: portrait) {
    .pageHeaderLogo {
        width: 48%;
        top: 16px;
        left: 0;
    }
}
@media only screen and (max-device-width: 340px)
					and (orientation: portrait) {
	.pageHeaderLogo {
        width: 40%;
        height: auto;
        top: 22px;
    }
}
.pageHeaderSplash {
    position: relative;
    float: left;
    top: 20px;
    left: 32px;
    font-size: 17px;
	font-weight: bold;
    color: white;
    max-width: 550px;
    width: 100%;
    text-shadow: 3px 3px 7px #000000;
/*	background-color: red;*/
}
@media only screen and (max-width: 931px) {
	.pageHeaderSplash {
		top: 9px;
		left: 32px;
		max-width: 330px;
	}
}
@media only screen and (max-width: 726px) {
	.pageHeaderSplash {
		font-size: 14px;
		top: 4px;
		left: 28px;
		max-width: 210px;
	}
}
@media only screen and (max-width: 601px) {
	.pageHeaderSplash {
		font-size: 13px;
		top: 5px;
/*		left: 24px;*/
		max-width: 132px;
	}
}
@media only screen and (max-width: 337px) {
	.pageHeaderSplash {
		left: 18px;
	}
}
@media only screen and (max-width: 319px) {
	.pageHeaderSplash {
		font-size: 11px;
		top: 10px;
		left: 14px;
		max-width: 110px;
	}
}
@media only screen and (max-device-width: 481px)
					and (orientation: portrait) {
    .pageHeaderSplash {
        left: 6px;
    }                
}
#headerMenuDropdownContainer {
	position: relative;
/*	top: -20px;*/
	top: 0;
	width: 100%;
/*    max-width: var( --jlcmaxpagewidth );*/
    max-width: 1600px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
	visibility: hidden;
/*
	background-color: ghostwhite;
    overflow: hidden;
*/
}
.headerMenuDropdown {
	position: relative;
/*	top: -20px;*/
	top: 0px;
	width: 100%;
	max-width: 1600px;
	height: auto;
	font-size: 14px;
	text-decoration: none;
    color: #50535E;
	opacity: .98;
	background-color: ghostwhite;
    clear: both;
    margin-top: 0;
	margin-left: auto;
	margin-right: auto;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
	box-shadow: 0px 10px 10px 0px #242424; 
    z-index: 60;
	visibility: visible;
	overflow: scroll;
}
/*
@media only screen and (min-device-width: 1200px){
	.headerMenuDropdown {
		max-height: 1200px;
        padding: 16px;
        display: flex;
        flex-flow: column wrap;
        overflow: hidden;
	}
}
*/
#dropdown-searcher {
	position: relative;
	top: 0;
	left: 0;
	overflow: auto
/*
	height: 50px;
	width: 600px;
*/
}
@media only screen and (min-device-width: 1200px){
	.headerMenuDropdown {
		top: 0;
		height: auto;
	}
	#dropdown-searcher {
		top: 0;
	}
}

#dropdown-dosearch {
	position: relative;
	float: left;
	left: 16px;
	top: 4px;
	width: 24px;
}
.dropdown-searchField {
	font-size: 0.9em;
	border-width: 0px;
	text-decoration: none;
	border: 1px solid black;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	height: 32px;
	width: 80%;
	max-width: 500px;
}
.headerMenuDropdown ul {
	list-style: none;
	-webkit-padding-start: 0;
	border-top: 3px solid black;
	position: relative;
/*
	top: 32px;
	padding-bottom: 8px;
*/
}
.headerMenuDropdown ul li {
	min-height: 48px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #b0b0b0;
	padding-top: 4px;
}
/*@media only screen and (min-device-width: 1200px){*/
#desktopHeaderMenuDropdown {
    position: relative;
    top: 0px;
    width: 100%;
    max-width: 1600px;
    height: auto;
/*    max-height: 1100px;*/
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    text-decoration: none;
    color: #50535E;
    opacity: .94;
    background-color: ghostwhite;
/*    padding: 16px;*/
    padding: 16px 16px 12px 16px;
    z-index: 60;
    visibility: visible;
    overflow: scroll;
/*
    display: flex;
    flex-flow: column wrap;
    overflow: hidden;
*/
}
.desktopMenuItem {
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: 15px;
}
.desktopMenuItemLevel1 {
    margin-top: 4px;
    margin-bottom: 8px;
    text-size: 15px;
    font-weight: bold;
}
.desktopMenuItemLevel1 a {
    color: black;
}
.desktopMenuItemLevel2 {
    margin-left: 12px;
    margin-top: 2px;
    margin-bottom: 4px;
    font-size: 13px;
    color: black;
    font-weight: normal;
}
.desktopMenuItemLevel3 {
    margin-left: 24px;
    margin-bottom: 4px;
    font-size: 12px;
    color: #6c707e;
}
.desktopMenuItemLevel4 {
    margin-left: 36px;
    font-size: 13px;
}
.desktopHeaderMenuDropdownUL {
    width: 20%;
    border: none;
    float: left;
    display: inline-block;
    padding-left: 0;
    margin-top: 16px;
    list-style: none;
    font-weight: bold;
    background-color: #F0F0F8;
}
.desktopHeaderMenuDropdownUL a {
    text-decoration: none;
    color: #50535E;
}
.desktopHeaderMenuDropdownUL a:hover {
    text-decoration: none;
    color: black;
    font-size: 14px;
}
.desktopHeaderMenuDropdownUL li {
    text-align: left;
    border: none;
    margin-left: 0;
    padding-top: 15px;
    min-height: 48px;
    padding-left: 8px;
    vertical-align: middle;
}
.desktopHeaderMenuDropdownSelectedLi {
    background-color: #35577F;
    color: white;
}
.desktopDropDownHasSubLI {
    background-image: url("../_images/_header/sidebar_menu_arrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.desktopDropdownSelectedHasSubLi {
    background-color: #35577F;
    color: white;
    background-image: url("../_images/_header/sidebar_menu_arrow_selected.png");
    background-repeat: no-repeat;
    background-position: right;
}
.desktopDropdownSubmenuUL {
    width: auto;
    border: none;
    float: left;
    display: inline-block;
    margin-left: 16px;
    margin-right: 10%;
    margin-top: 16px;
    list-style: none;
    padding-left: 12px;
    max-width: 38%;
}
.desktopDropdownSubmenuUL li {
    border: none;
    text-align: left;
    margin-left: 8px;
    min-height: 28px;
    padding-top: 15px;
    word-break: normal;
}
.desktopDropdownSubmenuUL a {
    text-decoration: none;
    color: #50535E;
}
.desktopDropdownSubmenuUL a:hover {
    text-decoration: none;
    color: black;
    font-weight: bold;
}
/*}*/
.headerMenuDropdownSelectedLi {
	background-color: #35577F;
	color: white;
}
.headerMenuDropdown ul li:hover {
	background-color: black;
	color: white;
}
/*
.headerMenuDropdown ul a:first-child {
	border-top: 1px solid black;
}
*/
.headerMenuDropdown ul a {
	text-decoration: none;
    color: #50535E;	
}
.headerMenuDropdown ul li:hover a {
	color: white;
}

#headerDropdownSubMenuUL {
	border: 0 none;
	list-style-type: none;
    padding: 2px 0 12px 0;
	top: 8px;
    overflow: hidden;
	margin: auto;
}
#headerDropdownSubMenuUL li {
	border: 0 none;
	margin: auto;
/*
	float: left;
	display: block;
*/
	font-size: 13px;
	font-weight: 300;
	padding: 2px 0 10px 0;
	width: 195px;
/*	override the other li*/
	min-height: 0;
}
@media only screen and (max-device-width: 812px)
					and (min-device-width: 381px)
					and (orientation: landscape) {
	.headerMenuDropdown {
		height: 320px;
	}
	#headerDropdownSubMenuUL li {
		width: auto;
	}
}
@media only screen and (max-device-width: 380px) 
					and (orientation: landscape) {
	.headerMenuDropdown {
		height: 256px;
/*		wtf??????????    */
/*		font-size: 10px;*/
	}
}
/*
@media only screen and (max-device-width: 320px) 
					and (orientation: landscape) {
	.headerMenuDropdown {
		height: 256px;
		wtf??????????    
		font-size: 14px;
	}
}
*/
@media only screen and (max-device-width: 812px)
                    and (min-device-width: 375px)
					and (orientation: portrait) {
	.headerMenuDropdown {
		height: 460px;
	}
}
@media only screen and (max-device-width: 374px)
                    and (min-device-width: 320px)
					and (orientation: portrait) {
	.headerMenuDropdown {
		height: 376px;
	}
	#headerDropdownSubMenuUL li {
		width: 45%;
	}
}
#headerDropdownSubMenuUL li a {
	color: inherit;
	text-decoration: none;
}
#headerDropdownSubMenuUL li a:hover {
	color: white;
	font-weight: bold;
}
/*
@media only screen and (max-width: 817px) {
	#headerDropdownSubMenuUL li {
		font-size: 13px;
	}
}
@media only screen and (max-width: 761px) {
	#headerDropdownSubMenuUL li {
		font-size: 12px;
	}
}
*/
.content {
	width: 100%;
    max-width: 1600px;
	color: #ababab;
	height: auto;
	margin: 64px auto auto auto;
	position: relative;
}
@media only screen and (min-device-width: 1200px){
	.content {
		margin-top: 100px;
		padding-bottom: 12px;
	}
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
	.content {
        width: auto;
    }
}
/********************
	main slide show on home page
********************/
#slideshow {
	height: auto;
    width: 100%;
	max-width: 1600px;
	overflow: hidden;
	position: relative;
	margin-top: 32px;
/*	clip: rect(0px,var( --jlcmaxpagewidth ),403px,0px);*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#slideshowImgContainer {
    text-decoration: none;
}
#slideshowImgContainer a img {
    width: 100%;
    max-width: 1600px;
    height: auto;
}

/*@media only screen and (max-device-width: 390px)*/
@media only screen and (max-device-width: 1024px)
					and (orientation: portrait) {
	#slideshow {
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
    #slideshow {
        width: 100%;
        max-width: 1600px;
        height: auto;
    }
}
#slides {
	height: 405px;
	width: 2020px;
	left: 0px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#slideCaptions {
	font-size: 0.9rem;
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	top: 300px;
/*	top: 324px;*/
	color: #334;
	z-index: 10;
	filter: alpha(opacity=74);
	opacity: .74;
	width: auto;
	background-color: #FFF;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	right: 48px;
}
.slideNavLeft {
    position: absolute;
    display: block;
    width: 45px;
    height: 100%;
    left: 0;
    margin: auto 0 auto 0;
}
.slideNavLeftImgContainer {
    position: absolute;
    top: 50%;
    height: 62px;
    width: 45px;
    margin-top: -31px;
    background-image: url(../_images/common/slide_nav_left_off.png);
}
.slideNavLeftImgContainer:hover {
    background-image: url(../_images/common/slide_nav_left_active.png);
}
.slideNavRight {
    position: absolute;
    display: block;
    width: 45px;
    height: 100%;
    right: 0;
    margin: auto 0 auto 0;
}
.slideNavRightImgContainer {
    position: absolute;
    top: 50%;
    height: 62px;
    width: 45px;
    margin-top: -31px;
    background-image: url(../_images/common/slide_nav_right_off.png);
}
.slideNavRightImgContainer:hover {
    background-image: url(../_images/common/slide_nav_right_active.png);
}
#slide_nav_container  {
	height: 16px;
/*	width: auto;*/
    width: 250px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	top: 348px;
/*	top: 372px;*/
	right: 48px;
	z-index: 10;
}
.slide_nav {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
}
.slide_nav ul {
    float: right;
}
.slide_nav ul li  {
	float: left;
/*	height: 16px;*/
	height: 100%;
	width: 16px;
    
    top: -13px;
    position: relative;
    
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
}
/*@media only screen and (max-device-width: 390px)*/
@media only screen and (max-device-width: 1024px)
					and (orientation: portrait) {
	#slideCaptions {
/*		top: 150px;*/
        font-size: .85rem;
        top: auto;
        bottom: 68px;
		right: 4px;
		filter: alpha(opacity=80);
		opacity: .80;
        padding-left: 2px;
        padding-right: 4px;
	}
	#slide_nav_container  {
/*		top: 198px;*/
        width: 250px;
        top: auto;
        bottom: 44px;
		right: 4px;
	}
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
	#slideCaptions {
/*		top: 150px;*/
/*        font-size: .85rem;*/
        top: auto;
        bottom: 68px;
		right: 4px;
		filter: alpha(opacity=80);
		opacity: .80;
        padding-left: 2px;
        padding-right: 4px;
	}
	#slide_nav_container  {
/*		top: 198px;*/
        top: auto;
        bottom: 36px;
		right: 4px;
	}
}
/********************
	main image on most pages
********************/
#mainImage {
	height: auto;
	width: 100%;
    max-width: 1600px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 0 auto;
/*	clip: rect(0px,var( --jlcmaxpagewidth ),403px,0px);*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#mainImage img {
    width: 100%;
    max-width: 1600px;
    height: auto;
}
#mainImage #mainImgCaption {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	position: absolute;
	bottom: 16px;
	right: 16px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 18;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	filter: Alpha(Opacity=86);
	opacity: .86;
	background-color: #FFF;
	width: auto;
}
#mainImgCaption h1 {
	font-size: 1em;
	color: #666;
}
#mainImgCaption h1 a {
	text-decoration: underline;
	color: #666;
}
#mainImgCaption h1 a:hover {
	text-decoration: underline;
	color: #39f;
}
#mainImgCaption h2 {
	font-size: 0.8em;
	color: #666;
	font-weight: normal;
}
@media only screen and (min-device-width: 320px) 
                  and (max-device-width: 812px) 
                  and (orientation: portrait) { 
    #mainImage #mainImgCaption {
        bottom: 8px;
        right: 4px;
        opacity: .8;
        max-width: 60%;
        padding-right: 4px;
    }
    #mainImage #mainImgCaption h1 {
        font-size: .995em;
        padding: 0;
        margin: 0;
    }
    #mainImage #mainImgCaption h2 {
        padding: 0;
        margin: 0;
    }
}
@media only screen and (max-device-width: 480px)
					and (orientation: portrait) {
    #mainImage {
        width: 100%;
        height: auto;
    }
}

.contentText1 {
	height: auto;
    width: 100%;
	max-width: 1600px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: white;
    color: #777;
	font-size: 0.8rem;
	-moz-box-shadow: 4px 4px 5px #000;
	-webkit-box-shadow: 4px 4px 5px #000;
	box-shadow: 4px 4px 5px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	padding-top: 4px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 4px;
}
.contentText1 a {
	font-weight: normal;
	color: #606060;
	text-decoration: underline;
}
.contentText1 a:hover {
	font-weight: normal;
	color: #444;
	text-decoration: underline;
}
.contentText1 h1 {
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	font-weight: bold;
}
.contentText1 p {
	padding-bottom: 0.2em;
}
.contentText1 h2 {
	font-size: 1.3em;
	color: #bbbabe;
	text-align: center;
	margin: 0;
	font-weight: normal;
}
.contentTextImageEmbedder {
    width: 100%;
    max-width: 400px;
    height: auto;
}
.contentTextImageEmbedder img {
    width: auto;
    height: auto;
    max-width: 100%;
}
#specialCombos {
	height: auto;
    width: 100%;
	max-width: 1600px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #bbbabe;
	font-family: Arial, Helvetica, sans-serif;
    text-align: center;
	font-size: 0.8rem;
	padding: 6px;
/*	clear: both;*/
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	-webkit-border-radius: .3em;
	-moz-border-radius: 0.3em;
	border-radius: .3em;
}
#specialCombos a {
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
	color: #484848;
}
#specialCombos a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

@media only screen and (min-device-width: 320px) 
                  and (max-device-width: 812px) 
                  and (orientation: portrait) { 
/*
    .contentText1 {
        margin-top: 0;
    }
*/
    .contentText1 h1 {
	    font-size: 1rem;
    }
    .contentText1 p {
        padding-top: 6px;
        padding-bottom: 6px;
        margin: 0;
        font-size: .8rem;
   }
    .contentText1 h2 {
        font-size: 1rem;
    }
}
@media only screen and (min-device-width: 320px) 
                  and (max-device-width: 812px) 
                  and (orientation: landscape) { 
/*
    .contentText1 {
        margin-top: 0;
    }
*/
    .contentText1 h1 {
	    font-size: .7rem;
/*        font-size: 16px;*/
    }
    .contentText1 p {
        padding-top: 6px;
        padding-bottom: 6px;
        margin: 0;
/*        ????*/
        font-size: .6rem;
/*        font-size: 14px;*/
    }
    .contentText1 h2 {
        font-size: .7rem;
/*        font-size: 16px;*/

    }
}

.contentText1Reversed {
	height: auto;
    width: 100%;
	max-width: 1600px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    color: #bababe;
	font-size: 1rem;
	padding-top: 4px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 4px;
}
#contentText1ReversedHeading {
    margin: 8px 0 16px 0;
}
.contentText1Reversed a {
	font-weight: normal;
	color: #bababe;
	text-decoration: underline;
}
.contentText1Reversed a:visited {
	font-weight: normal;
	color: #bababe;
	text-decoration: underline;
}
.contentText1Reversed a:hover {
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
.contentText1ReversedHeadingH1 {
	font-size: 1.5em;
	text-align: center;
	margin: 0 0 12px 0;
	font-weight: bold;
    display: block;
}
.contentText1ReversedHeadingP {
/*	padding-bottom: 0.2em;*/
    display: block;
/*    font-size: 1rem;*/
}
.contentText1ReversedHeadingH2 {
/*	font-size: 1.3em;*/
	color: #bababe;
	text-align: center;
	margin: 0;
	font-weight: normal;
/*    font-size: 1rem;*/
}
#centeredContent {
	text-align: center;
}
.emphasizedContent {
    font-style: italic;
}
#employmentContainer {
    width: 100%;
    max-width: 1600px;
    display: flex;
    flex-flow: column nowrap;
    border-top: 1px solid #bababe;
}
.availablePositionItem {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 1px solid #bababe;
    padding: 16px 0 12px 0;
}
.positionTitle {
    width: 36%;
    font-weight: bold;
    padding: 0 4px 0 8px;
/*    font-size: 1rem;*/
}
.positionDetail {
    width: 63%;
    padding: 8px;
}
.positionDetail h3 {
    margin: 0;
/*    font-size: 1rem;*/
}
.positionDetail ul {
    font-size: 1em;
}
@media only screen and (min-device-width: 320px) 
                  and (max-device-width: 812px) 
                  and (orientation: landscape) { 
    .contentText1Reversed {
        font-size: .8rem;
    }
    #contentText1ReversedHeading {
        font-size: .8rem;
    }
    .contentText1Reversed p {
        font-size: .8rem;
    }
    .contentText1ReversedHeadingH1 {
        font-size: 1.2rem;
    }
    .contentText1ReversedHeadingP {
        padding-top: 6px;
        padding-bottom: 6px;
        margin: 0;
        font-size: .8rem;
    }
    .positionTitle {
        width: 36%;
        font-weight: bold;
        padding: 0 4px 0 8px;
        font-size: 1rem;
    }
    .positionDetail {
        width: 63%;
        padding: 0 8px 8px 8px;
        font-size: .8rem;
   }
    .positionDetail h3 {
        margin: 0;
        font-size: 1rem;
    }
    .positionDetail ul {
        font-size: .8rem;
    }
}
@media only screen and (min-device-width: 320px) 
                  and (max-device-width: 812px) 
                  and (orientation: portrait) { 
    .contentText1Reversed {
        font-size: .8rem;
    }
    .contentText1Reversed p {
        font-size: .8rem;
    }
    #contentText1ReversedHeading {
        font-size: .8rem;
    }
    .contentText1ReversedHeadingH1 {
        font-size: 1rem;
    }
    .contentText1ReversedHeadingP {
        padding-top: 6px;
        padding-bottom: 6px;
        margin: 0;
        font-size: .8rem;
    }
    .availablePositionItem {
        flex-flow: column nowrap;
    }
    .positionTitle {
        width: 100%;
        font-weight: bold;
        padding: 0 4px 0 8px;
        font-size: .8rem;
    }
    .positionDetail {
        width: 100%;
        padding: 8px;
        font-size: .8rem;
   }
    .positionDetail h3 {
        margin: 0;
        font-size: .8rem;
    }
    .positionDetail ul {
        font-size: .8rem;
    }
}

/****************************
 2nd row of pictures on various pages
****************************/
.row2Container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-between;
/*    margin-top: 6px;*/
}
.row2Item {
    width: 33%;
    background-color: white;
    overflow: hidden;
    margin-top: 6px;
}
.row2Item img {
    width: 100%;
    height: auto;
}
.row2Item a {
	text-decoration: none;
	/* [disabled]color: #babbbe; */
}
.row2Item a:hover {
	text-decoration: none;
	color: #5F90B9;
}
.row2itemTextContainer {
    width: 100%;
    height: 4rem;
}
.row2itemTextContainer h1 {
	font-size: 0.9em;
	color: #000;
	text-align: left;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 4px 0 0 0;
}
.row2itemTextContainer h2 {
	font-size: 0.8em;
	color: #babbbe;
	text-align: left;
	margin: 4px 0 0 0;
	font-weight: normal;
	padding-right: 6px;
	padding-left: 6px;
	position: relative;
}
.row2itemTextContainer p {
	font-size: 0.8em;
	color: #babbbe;
	text-align: left;
	margin-bottom: 1em;
	font-weight: normal;
	padding-right: 6px;
	padding-left: 6px;
	top: 148px;
	padding-top: 8px;    
}
.row2itemTextContainer a {
	text-decoration: none;
	/* [disabled]color: #babbbe; */
}
.row2itemTextContainer a:hover {
	text-decoration: none;
	color: #5F90B9;
}

@media only screen and (min-device-width: 320px) 
                  and (max-device-width: 812px) 
                  and (orientation: portrait) {
    .row2Item {
        width: 49.8%;
        margin-top: 4px;
    }
    .row2itemTextContainer {
        height: 5rem;
    }
    .row2itemTextContainer h1 {
        margin: 0;
        font-size: .8rem;
    }
    .row2itemTextContainer h2 {
      margin-top: 2px;
      font-size: 12px;
    }
}

@media only screen and (min-device-width: 320px) 
                  and (max-device-width: 812px) 
                  and (orientation: landscape) {
    .row2itemTextContainer {
        height: 5rem;
    }
}

#row2 {
/*	height: 215px;*/
    height: auto;
	width: 100%;
    max-width: 1600px;
	margin-top: 12px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#row2 img {
/*
    width: 328px;
    height: 148px;
*/
    width: 100%;
    height: auto;
}
#row2 h1 {
	font-size: 0.9em;
	color: #000;
	text-align: left;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	/* [disabled]top: 136px; */
	/* [disabled]position: relative; */
}
#row2 h2 {
	font-size: 0.8em;
	color: #babbbe;
	text-align: left;
	margin: 0;
	font-weight: normal;
	padding-right: 6px;
	padding-left: 6px;
	position: relative;
	/* [disabled]top: 136px; */
}
#row2 p {
	font-size: 0.8em;
	color: #babbbe;
	text-align: left;
	margin-bottom: 1em;
	font-weight: normal;
	padding-right: 6px;
	padding-left: 6px;
	/* [disabled]position: relative; */
	top: 148px;
	padding-top: 8px;
}
/* row 2 link styles */
#row2 a {
	text-decoration: none;
	/* [disabled]color: #babbbe; */
}
#row2 a:hover {
	text-decoration: none;
	color: #5F90B9;
}
#homeRow2col1 {
	padding: 0px;
/*	height: 215px;*/
    height: auto;
	width: 32.8%;
	/* [disabled]margin-top: 12px; */
	margin-right: 0px;
/*	margin-bottom: 12px;*/
	margin-left: 0px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
    overflow: hidden;
}
#homeRow2col2 {
	padding: 0px;
/*	height: 215px;*/
    height: auto;
	width: 32.8%;
	/* [disabled]margin-top: 12px; */
	margin-right: 0px;
	margin-bottom: 0px;
/*	margin-left: 12px;*/
	background-color: #FFF;
	background-repeat: no-repeat;
    overflow: hidden;
}
#homeRow2col3 {
	padding: 0px;
/*	height: 215px;*/
    height: auto;
	width: 32.8%;
	margin-right: 0px;
	margin-bottom: 0px;
/*	margin-left: 12px;*/
	background-color: #FFF;
	background-repeat: no-repeat;
    overflow: hidden;
}
.homeRow2textContainer {
    width: 100%;
    height: 68px;
    overflow: hidden;
}
/*@media only screen and (max-device-width: 390px)*/
/*@media only screen and (max-device-width: 1024px)*/
@media only screen and (max-device-width: 1200px)
                    and (min-device-width: 768px)
					and (orientation: portrait) {
	#row2 {
		height: auto;
		width: 100%;
/*		margin-top: 8px;*/
        margin-top: 0;
        overflow: hidden;
	}
	#row2 img {
		height: auto;
		width: 100%;
	}
    #homeRow2col1 {
        height: 180px;
		width: 32.6%;
		float: left;
		margin: 0 1% 0 0;
		padding-bottom: 8px;
	}
	#homeRow2col2 {
        height: 180px;
		width: 32.6%;
		float: left;
		margin: 0 1% 0 0;
		padding-bottom: 8px;
	}
	#homeRow2col3 {
        height: 180px;
		width: 32.6%;
		float: right;
		margin: 0;
		padding-bottom: 8px;
	}
    #row2 h2 {
        display: none;
    }
}
@media only screen and (max-device-width: 834px)
                    and (min-device-width: 834px)
					and (orientation: portrait) {
	#row2 {
		height: auto;
		width: 100%;
/*		margin-top: 8px;*/
        margin-top: 0;
        overflow: hidden;
	}
	#row2 img {
		height: auto;
		width: 100%;
	}
    #homeRow2col1 {
        height: 174px;
		width: 32.6%;
		float: left;
		margin: 0 1% 0 0;
		padding-bottom: 8px;
	}
	#homeRow2col2 {
        height: 174px;
		width: 32.6%;
		float: left;
		margin: 0 1% 0 0;
		padding-bottom: 8px;
	}
	#homeRow2col3 {
        height: 174px;
		width: 32.6%;
		float: right;
		margin: 0;
		padding-bottom: 8px;
	}
    #row2 h2 {
        display: none;
    }
}
@media only screen and (max-device-width: 480px)
					and (orientation: portrait) {
	#row2 {
		height: auto;
		width: 100%;
/*		margin-top: 8px;*/
        margin-top: 0;
        overflow: hidden;
	}
	#homeRow2col1 {
		height: 220px;
		width: 100%;
		float: none;
		margin: 0;
		padding-bottom: 8px;
	}
	#homeRow2col2 {
		height: 220px;
		width: 100%;
		float: none;
		margin: 4px 0 0 0;
		padding-bottom: 8px;
	}
	#homeRow2col3 {
		height: 220px;
		width: 100%;
		float: none;
		margin: 4px 0 0 0;
		padding-bottom: 8px;
	}
	#row2 img {
		height: auto;
		width: 100%;
	}
    #row2 h2 {
        display: none;
    }
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
	#row2 {
		height: auto;
		width: 100%;
		margin-top: 0;
	}
	#row2 img {
		height: auto;
		width: 100%;
	}
    #homeRow2col1 {
		height: 156px;
		width: 32.9%;
		padding-bottom: 8px;
        margin-bottom: 4px;
	}
	#homeRow2col2 {
		height: 156px;
		width: 32.9%;
        margin: 0 0 4px 4px;
		padding-bottom: 8px;
	}
	#homeRow2col3 {
		height: 156px;
		width: 32.9%;
        margin: 0 0 4px 0;
		padding-bottom: 8px;
        float: right;
	}
    #row2 h2 {
        display: none;
    }
}
@media only screen and (max-device-width: 360px)
					and (orientation: portrait) {
	#homeRow2col1 {
		height: 192px;
	}
	#homeRow2col2 {
		height: 192px;
	}
	#homeRow2col3 {
		height: 192px;
	}
    #row2 h2 {
        display: none;
    }
}

/*******************
	news banner on home page
*******************/
#fakeNewsBanner {
	width: 100%;
	height: auto;
	margin-top: 4px;
}
#fakeNewsBanner img {
	width: 100%;
	height: auto;
}
#newsBanner {
	background-color: #FFF;
	position: relative;
	font-size: .8em;
	line-height: 39px;
	text-decoration: none;
	height: 39px;
	width: 100%;
    max-width: 1600px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 12px;
	clear: both;
}
#newsBanner #newsAnnounce{
	color: #a3a3a7;
	text-decoration: none;
/*
	background-image: url(../_images/common/row_3_header.png);
	background-repeat: repeat-x;
*/
	height: 39px;
	width: 62px;
	/* [disabled]font-size: 0.85em; */
	font-weight: bold;
	/* [disabled]line-height: 39px; */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 8px;
	float: left;
}
#newsBanner #newsDate {
	color: #667;
	text-align: center;
	float: left;
	width: 80px;
    position: relative;
}
#newsBanner #newsHeadline a{
	color: #a3a3a7;
	float: left;
	width: auto;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
    position: relative;
}
#newsBanner #newsHeadline a:hover {
	text-decoration: none;
	color: #4F799B;
}
#newsBanner #moreNews {
    top: 0;
    width: 100px;
    right: 4px;
    position: absolute;
}
#newsBanner #moreNews a{
	font-weight: bold;
	color: #335e7c;
	text-decoration: none;
	float: right;
	padding-right: 8px;
	margin-top: 0px;
}
#news_nav_container {
	margin: 0px;
	padding: 0px;
	/* [disabled]float: left; */
	height: 16px;
	width: 120px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	top: 2px;
	left: 774px;
}
@media only screen and (max-device-width: 1024px)
					and (orientation: landscape) {
    #news_nav_container {
        width: 120px;
        height: 39px;
        position: absolute;
        top: 1px;    /*??????????*/
        left: auto;
        right: 98px;
    }
}
@media only screen and (max-device-width: 1024px)
					and (orientation: portrait) {
    #newsBanner {
        margin-top: 4px;
        width: 100%;
        font-size: .9em;
        background-color: white;
        color: #555555;
        padding-left: 4px;
    }
    #news_nav_container {
/*        left: auto;*/
        width: 120px;
        height: 39px;
        position: absolute;
        top: -1px;
        left: auto;
        right: 98px;
    }
    #newsBanner #newsDate {
        top: -1px;
    }               
    #newsBanner #newsHeadline {
        max-width: 50%;
        overflow: hidden;
    }
    #newsBanner #newsHeadline a {
        top: -1px;
    }
}
@media only screen and (max-device-width: 480px)
					and (orientation: portrait) {
    #newsBanner {
        background-color: #d2cfd0;
    }
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
    #newsBanner {
        width: 100%;
        font-size: .9em;
        height: 68px;
        background-color: white;
    }
    #newsBanner #newsAnnounce {
        width: auto;
        margin-right: 8px;
        position: relative;
    }
    #news_nav_container {
        left: auto;
        right: 96px;
        top: 0;
    }
    #newsBanner #newsDate {
        text-align: left;
        width: 68px;
        top: 28px;
        left: -48px;
        position: relative;
    }
    #newsHeadline {
        float: left;
        position: relative;
        top: 28px;
        left: -36px;
    }
}
#newsBanner #moreNews a:hover {
	color: #202860;
	text-decoration: none;
}
#phonePortraitNewsHeader {
	width: 100%;
	height: 39px;
	line-height: 39px;
	margin-top: 4px;
	background-color: #35577F;
	font-size: 15px;
	color: white;
	padding-bottom: 0;
}
#phonePortraitNewsHeader #news {
	width: 100%;
	height: 39px;
	line-height: 39px;
/*	margin-top: -4px;*/
    margin-top: 0;
	color: white;
	float: none;
}
#phonePortraitNewsContainer {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background-color: white;
    font-size: 1rem;
    overflow: hidden;
}
#phonePortraitNewsContainer a {
    color: black;
    font-weight: normal;
    text-decoration: none;
}
#phonePortraitNewsContainer a:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
#phonePortraitNewsContainer a:visited {
    color: black;
    font-weight: normal;
    text-decoration: none;
}
.phonePortraitNewsItem {
    display: flex;
    width: 100%;
/*    height: 118px;*/
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 4px 12px 8px 12px;
    border-bottom: 1px solid black;
}
.phonePortraitNewsDateL {
/*    float: left;*/
    width: 43%;
    height: auto;
    flex: 1 1 auto;
    font-weight: bold;
    padding-top: 30px;
    text-align: left;
/*    border-right: 1px solid black;*/
}
.phonePortraitNewsDateR {
/*    float: left;*/
    width: 43%;
    height: auto;
    flex: 1 1 auto;
    font-weight: bold;
    padding-top: 30px;
    text-align: right;
/*    border-left: 1px solid black;*/
}
.phonePortraitNewsImg {
/*    float: left;*/
    width: 55%;
    height: auto;
    flex: 1 1 auto;
}
.phonePortraitNewsImg img {
    width: 100%;
    height: auto;
}
.phonePortraitNewsHeadline {
/*    float: left;*/
    width: 100%;
/*    max-width: 180px;*/
    font-weight: normal;
    flex: 1 1 auto;
    text-align: center;
}
/*older phones which may not support flex*/
/*
@media only screen and (max-device-width: 320px) {
    #phonePortraitNewsContainer {
        width: 100%;
        justify-content: space-between;
        background-color: white;
        font-size: 1rem;
    }
    .phonePortraitNewsItem {
        display: block;
        padding: 4px 12px 8px 12px;
        overflow: hidden;
    }
    .phonePortraitNewsDateL {
        display: block;
        float: left;
        clear: both;
    }
    .phonePortraitNewsDateR {
        display: block;
        float: left;
    }
    .phonePortraitNewsImg {
        display: block;
        float: left;
    }
    .phonePortraitNewsHeadline {
        display: block;
        float: left;
        max-width: 100%;
    }
}
*/
/*********************
	featured area on home page
*********************/
#featuredHeader {
/*
	background-image: url(../_images/common/row_3_header.png);
	background-repeat: repeat-x;
*/
	background-color: #d2cfd0;
	clear: both;
	height: 39px;
	width: 100%;
    max-width: 1600px;
	margin-top: 12px;
/*	padding: 0 8px 0 8px;*/
	position: relative;
	line-height: 39px;
	vertical-align: middle;
}
#featuredHeader #featured {
	font-size: 1em;
	font-weight: bold;
	color: #a3a3a7;
	vertical-align: middle;
	float: left;
	width: auto;
    padding-left: 8px;
}
#featuredHeader #moreProd a {
	font-weight: bold;
	color: #335e7c;
	text-decoration: none;
	float: right;
	font-size: 0.8em;
	margin-top: 0px;
}
#featuredHeader #moreProd a:hover {
	color: #202860;
	text-decoration: none;
}
/*@media only screen and (max-device-width: 390px)*/
@media only screen and (max-device-width: 1024px)
					and (orientation: portrait) {
	#featuredHeader {
		width: 100%;
		height: 39px;
		margin-top: 4px;
		background-color: #d2cfd0;
		font-size: 15px;
		color: white;
		padding-bottom: 0;
	}
	#featuredHeader #featured {
		width: 100%;
		height: 39px;
		margin-top: 0;
		line-height: 39px;
		color: #444444;
		float: none;
	}
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
	#featuredHeader {
        width: 100%;
        margin-top: 4px;
    }
}
/*********************
 container for 3rd row
*********************/

/* row is implemented as a horizontal list 
 with the photo as the list style image
 (set at run time by a php script) */
#row3 {
	height: 201px;
	width: 100%;
    max-width: 1600px;
	background-color: #fff;
	position: relative;
	/* [disabled]clear: both; */
	float: left; 
	/* [disabled]margin-top: 12px; */
}
.catrow3 {
	height: 201px;
	width: 100%;
    max-width: 1600px;
	background-color: #fff;
	position: relative;
	/* [disabled]clear: both; */
	/* [disabled]float: left; */
	margin-top: 12px;
}
#row3 a {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.catrow3 a {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#row3 ul {
	margin: 0;
	padding: 0;
    height: 100%;
}
#row3 li {
	float: left;
/*	height: 189px;*/
    height: 100%;
/*	width: 168px;*/
	width: 16.66%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd;
	list-style-type: none;
	list-style-position: inside;
	padding-top: 12px;
	padding-right: 6px;
	padding-left: 6px;
}
.row3ImageContainer {
    width: 100%;
    height: auto;
    padding-left: calc((100% - 154px) / 2);
}
.catrow3 li {
	float: left;
	height: 189px;
	width: 155px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd;
	list-style-type: none;
	list-style-position: inside;
	padding-top: 12px;
	padding-right: 6px;
	padding-left: 6px;
}
#row3 li img {
    margin: auto;
    width: 100%;
    max-width: 154px;
}
#row3 li h1 {
	font-size: 0.9em;
	text-align: center;
	font-weight: normal;
	color: #000;
	margin-top: 4px;
	margin-bottom: 4px;
}
.catrow3 li h1 {
	font-size: 0.9em;
	text-align: center;
	font-weight: normal;
	color: #000;
	margin-top: 8px;
}
#row3 li h2 {
	font-size: 0.8em;
	color: #a3a3a7;
	text-align: center;
	font-weight: normal;
	margin: 0;
}
@media only screen and (min-device-width: 768px)
                    and (max-device-width: 1024px)
					and (orientation: portrait) {
    #row3 {
        width: 100%;
        height: 180px;
        overflow: hidden;
    }
    #row3 li {
        width: 16.66%;
        height: 100%;
    }
    #row3 li img {
        margin: 0;
        width: 100%;
        height: auto;
    }                  
    #row3 li h2 {
        display: none;
    }
}
@media only screen and (min-device-width: 834px)
                     and (max-device-width: 834px)
					and (orientation: portrait) {
    #row3 {
        width: 100%;
        height: 160px;
    }
    #row3 li {
        width: 16.66%;
        height: 100%;
    }
    #row3 li img {
        margin: 0;
        width: 100%;
        height: auto;
    }                  
    #row3 li h2 {
        display: none;
    }
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
    #row3 {
        width: 100%;
        height: auto;
    }
    #row3 li {
        width: 33.3%;
        height: 200px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ddd;
    }
    #row3 li img {
        margin: 0;
        width: 100%;
        height: auto;
    }                  
}
@media only screen and (max-device-width: 360px)
					and (orientation: landscape) {
    #row3 li {
        width: 33.3%;
        height: 206px;
    }                        
}
.catrow3 li h2 {
	font-size: 0.8em;
	color: #a3a3a7;
	text-align: center;
	font-weight: normal;
}

.phonePortraitHomeRow3 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background-color: white;
}
.phonePortraitHomeRow3Item {
    width: 49%;
    height: 192px;
    margin: 2px auto auto auto;
    flex: 1 1 auto;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e2e2e2;
}
.phonePortraitHomeRow3 a {
    text-decoration: none;
}
.phonePortraitHomeRow3 img {
    width: 98%;
    height: auto;
}
.phonePortraitHomeRow3 h1 {
	font-size: 0.9em;
	text-align: center;
	font-weight: normal;
	color: #000;
	margin-top: 0px;
	margin-bottom: 4px;
    height: 2.3rem;
}

@media only screen and (max-device-width: 360px) {
    .phonePortraitHomeRow3 div {
        height: auto;
    }
}
/***********************
row 3 on category, family and product pages
***********************/
.prodRow3Container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    background-color: white;
    overflow: hidden;
    margin-top: 0;
/*    margin-top: 6px;*/
}
.prodRow3Item {
    max-width: 16.66%;
    height: auto;
    margin: 2px auto auto auto;
    flex: 1 1 auto;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #e2e2e2;
    padding: 4px 2px 0 4px;
}
.prodRow3Item a {
    text-decoration: none;
}
.prodRow3Item img {
    width: 98%;
    height: auto;
}
.prodRow3Item h1 {
	font-size: 0.9em;
	text-align: center;
	font-weight: normal;
	color: #000;
	margin-top: 4px;
	margin-bottom: 4px;
}
.prodRow3Item h2 {
	font-size: 0.8em;
	color: #a3a3a7;
	text-align: center;
	font-weight: normal;
    margin-top: 0;
}
/*12 inch iPad*/
@media only screen and (min-device-width: 1024px)
					and (orientation: portrait) {
    .prodRow3Item {
        height: 236px;
    }
}
/*10 inch iPad*/
@media only screen and (min-device-width: 834px)
                    and (max-device-width: 1023px)
					and (orientation: portrait) {
    .prodRow3Item {
        height: 208px;
    }
}
/*9 inch iPad*/
@media only screen and (min-device-width: 768px)
                    and (max-device-width: 833px)
					and (orientation: portrait) {
    .prodRow3Item {
        height: 200px;
    }
}
/*bigger phones (and smaller tablets?)*/
@media only screen and (min-device-width: 375px)
                    and (max-device-width: 767px)
					and (orientation: portrait) {
    .prodRow3Item {
        width: 33%;
        max-width: 33%;
        height: 200px;
    }
}
/*tiny phones*/
@media only screen and (min-device-width: 320px)
                    and (max-device-width: 374px)
					and (orientation: portrait) {
    .prodRow3Item {
        width: 33%;
        max-width: 33%;
        height: 190px;
    }
}

/*12 inch iPad*/
@media only screen and (min-device-width: 1024px)
					and (orientation: landscape) {
    .prodRow3Item {
        height: 236px;
    }
}
/*10 inch iPad*/
@media only screen and (min-device-width: 834px)
                    and (max-device-width: 1023px)
					and (orientation: landscape) {
    .prodRow3Item {
        height: 208px;
    }
}
/*9 inch iPad*/
@media only screen and (min-device-width: 768px)
                    and (max-device-width: 833px)
					and (orientation: landscape) {
    .prodRow3Item {
        height: 200px;
    }
}
/*bigger phones*/
@media only screen and (min-device-width: 375px)
                    and (max-device-width: 767px)
					and (orientation: landscape) {
    .prodRow3Item {
        height: 180px;
    }
}
/*timy phones*/
@media only screen and (min-device-width: 320px)
                    and (max-device-width: 374px)
					and (orientation: landscape) {
    .prodRow3Item {
        height: 190px;
    }
}
#oemPhotosContainer {
    width: 100%;
    max-width: 1600px;
    height: auto;
	margin-top: 8px;
    display: flex;
    flex-flow: row wrap;  
    justify-content: space-between;
}
.oemPhotoItem {
    flex: 0 1 33%;
    margin-bottom: 3px;
}
.oemPhotoItem img {
    width: 100%;
    height: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
@media only screen and (max-device-width: 480px)
					and (orientation: portrait) {
    .oemPhotoItem {
        flex: 0 1 49.5%;
        margin-bottom: 3px;
    }
}

/***********************
 bottom navigation area for product pages
 
***********************/

#bottomNav {
	padding: 0 0 0 2px;
    width: 100%;
	max-width: 1600px;
	color: #bbbcbe;
	margin-bottom: 24px;
    margin-left: 8px;
	clear: both;
}
.bottomNavStyle {
	text-align: left;
	float: left;
	height: auto;
/*	width: 336px;*/
    width: 49.5%;
}
.bottomNavStyle h1 {
	margin-top: 20px;
	margin-bottom: 12px;
	font-size: 0.8em;
	font-weight: bold;
	color: #bbbcbe;
}
.bottomNavStyle p {
	font-weight: normal;
	padding-left: 8px;
	font-size: 0.8em;
}
.bottomNavStyle p a {
	font-weight: normal;
	color: #bbbcbe;
	text-decoration: none;
}
.bottomNavStyle p a:hover {
	font-weight: normal;
	color: #5F90B9;
	text-decoration: none;
}
.productBottomNavStyle {
	text-align: left;
	float: left;
	height: auto;
    width: 33%;
}
.productBottomNavStyle h1 {
	margin-top: 20px;
	margin-bottom: 12px;
	font-size: 0.8em;
	font-weight: bold;
	color: #bbbcbe;
}
.productBottomNavStyle p {
	font-weight: normal;
	padding-left: 8px;
	font-size: 0.8em;
}
.productBottomNavStyle p a {
	font-weight: normal;
	color: #bbbcbe;
	text-decoration: none;
}
.productBottomNavStyle p a:hover {
	font-weight: normal;
	color: #5F90B9;
	text-decoration: none;
}
/***********************
 bottom navigation area for oem page
 
***********************/
.oemBottomNavStyle {
	text-align: left;
	float: left;
	height: auto;
    width: 33%;
}
.oemBottomNavStyle h1 {
	margin-top: 20px;
	margin-bottom: 12px;
	font-size: 0.8em;
	font-weight: bold;
	color: #bbbcbe;
}
.oemBottomNavStyle p {
	font-weight: normal;
	padding-left: 8px;
	font-size: 0.8em;
}
.oemBottomNavStyle p a {
	font-weight: normal;
	color: #bbbcbe;
	text-decoration: none;
}
.oemBottomNavStyle p a:hover {
	font-weight: normal;
	color: #5F90B9;
	text-decoration: none;
}
/***********************
 bottom navigation area for home page
 
***********************/

.homeBottomNavStyle {
	text-align: left;
	float: left;
	height: auto;
/*	width: auto;*/
    width: 16.5%;
/*	padding-right: 16px;*/
}
.homeBottomNavStyle h1{
	margin-top: 20px;
	margin-bottom: 12px;
	font-size: 0.95em;
	font-weight: bold;
	color: #bbbcbe;
	text-decoration: none;
}
.homeBottomNavStyle h1 a{
	/* [disabled]margin-top: 20px; */
	margin-bottom: 12px;
	font-size: 0.95em;
	font-weight: bold;
	color: #bbbcbe;
	text-decoration: none;
}
.homeBottomNavStyle p {
	font-weight: normal;
/*	padding-left: 8px;*/
	padding-left: 0;
	font-size: 0.8em;
}
.homeBottomNavStyle h1 a:hover {
	margin-top: 20px;
	margin-bottom: 12px;
	font-size: 0.9em;
	font-weight: bold;
	color: #5F90B9;
	text-decoration: none;
}
.homeBottomNavStyle p a {
	font-weight: normal;
	color: #bbbcbe;
	text-decoration: none;
}
.homeBottomNavStyle p a:hover {
	font-weight: normal;
	color: #5F90B9;
	text-decoration: none;
}
@media only screen and (max-device-width: 1024px)
                    and (min-device-width: 1024px)
					and (orientation: portrait) {
    .homeBottomNavStyle {
        padding-right: 28px;
        font-size: 1rem;
    }
    .homeBottomNavStyle p {
        font-size: 0.8rem;
    }
}
@media only screen and (max-device-width: 834px)
                    and (min-device-width: 834px)
					and (orientation: portrait) {
    .homeBottomNavStyle {
        padding-right: 14px;
        font-size: .9rem;
    }
    .homeBottomNavStyle p {
        font-size: 0.75rem;
    }
}
@media only screen and (max-device-width: 833px)
					and (orientation: portrait) {
    .homeBottomNavStyle {
        padding-right: 12.5px;
        font-size: .9rem;
    }
    .homeBottomNavStyle p {
        font-size: 0.75rem;
/*        padding-left: 6px;*/
   }
}
@media only screen and (max-device-width: 480px)
					and (orientation: landscape) {
    #bottomNav {
        width: 100%;
        padding-left: 4px;
    }
    .homeBottomNavStyle {
/*        padding: 0 26px 0 4px;*/
        padding: 0 0 0 20px;
        width: auto;
    }
    .homeBottomNavStyle p {
        display: none;
    }
}
@media only screen and (max-device-width: 380px)
					and (orientation: landscape) {
    .homeBottomNavStyle {
/*        padding: 0 16px 0 4px;*/
        width: 25%;
        padding: 0 16px 0 0;
        height: 1.9rem;
    }                        
}
@media only screen and (max-device-width: 340px)
					and (orientation: landscape) {
    .homeBottomNavStyle {
/*        padding: 0 10px 0 4px;*/
        padding: 0 10px 0 0;
        width: 25%;
        font-size: .9rem;
        height: 1.8rem;
    }                        
}
#buyNowContainer {
	box-shadow: 4px 4px 5px #444;
/*	border-radius: .1em;*/
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	right: 12px;
    bottom: 12px;
	border-style: none;
	z-index: 10;
/*
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	filter: Alpha(Opacity=90);
*/
	opacity: .9;
	background-color: #ccccd0;
	position: absolute;
}
#buyNowButtonContainer {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 0 auto;
/*	box-shadow: 4px 4px 5px #444;*/
/*	border-radius: .1em;*/
/*
	text-align: center;
	font-weight: bold;
	text-decoration: none;
*/
/*	text-align: center;*/
/*	right: 62px;*/
    top: 108px;
/*	border-style: none;*/
	z-index: 20;
/*
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	filter: Alpha(Opacity=90);
*/
/*
	opacity: .9;
	background-color: #ccccd0;
*/
	position: fixed;
}
#buyNowButton {
    font-size: 1rem;
	right: 12px;
    top: 0;
    position: absolute;
}
@media only screen and (max-device-width: 1600px)
					and (orientation: landscape) {
/*
    #buyNowButtonContainer {
        top: 78px;
    }
    #buyNowButton {
        font-size: .85rem;
    }
*/
}
@media only screen and (max-device-width: 1600px)
					and (orientation: portrait) {
    #buyNowButtonContainer {
        top: 78px;
    }
    #buyNowButton {
        font-size: .85rem;
    }
}
/*
@media only screen and (max-device-width: 1200px)
					and (orientation: landscape) {
    #buyNowButton {
        font-size: .8rem;
    }
}
@media only screen and (max-device-width: 1200px)
					and (orientation: portrait) {
    #buyNowButton {
        font-size: .8rem;
    }
}
*/
/*
@media only screen and (max-device-width: 1024px)
                    and (min-device-width: 751px)
					and (orientation: landscape) {
    #buyNowButton {
        font-size: .75rem;
    }
}
*/
@media only screen and (max-device-width: 750px)
					and (orientation: landscape) {
    #buyNowButtonContainer {
        top: 78px;
    }
    #buyNowButton {
        font-size: .8rem;
    }
}
@media only screen and (max-device-width: 440px)
					and (orientation: portrait) {
    #buyNowButtonContainer {
        top: 68px;
    }
    #buyNowButton {
        font-size: .75rem;
    }
}
#freeShippingMsg {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 0.75em;
	color: blue;
	margin-top: 1px;
	display: block;
/*	text-shadow: 1px 1px #667;*/
}
#buyNowContainer p {
	font-size: 0.55em;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 2px;
    color: black;
}
#buyNowContainer input {
	font-size: .7rem;
}
#buyNowView {
/*	display: flex;*/
    width: 90%;
    min-width:320px;
    height: auto;
	left: 5%;
    background-color: #d2cfd0;
    color: black;
    opacity: .97;
    z-index: 30;
    position: absolute;
/*    top: 32px;*/
    top: 0;
    visibility: hidden;
    padding: 8px;
    font-size: .9rem;
}
#buyNowCartContents {
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
}
#buyNowCartHeader {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    font-weight: bold;
    margin-bottom: 12px;
}
#buyNowCartHeaderItemTotal {
    width: 11%;
    flex: 0 0 auto;
    font-weight: bold;
    text-align: left;
}

#buyNowCartScroller {
    overflow: scroll;
    display: flex;
    flex-flow: column nowrap;
}
.buyNowCartItem {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    flex: 0 0 auto;
}
.buyNowCartItemName {
    width: 40%;
    flex: 0 0 auto;
    font-weight: bold;
}
.buyNowCartItemDesc {
        width: 26%;
    flex: 0 0 auto;
}
.buyNowCartItemQty {
    width: 11%;
    flex: 0 0 auto;
}
.buyNowCartItemQty input[type="number"] {
    text-align: right;
    max-width: 98%;
}
.buyNowCartItemBlankQty {
    width: 11%;
    flex: 0 0 auto;
    height: 36px;
}
.buyNowCartItemPrice {
    width: 12%;
    flex: 0 0 auto;
}
.buyNowCartItemTotal {
    width: 11%;
    flex: 0 0 auto;
    font-weight: bold;
    text-align: right;
    padding-right: 5%;
}
#buyNowCartAccessoryHeader {
    width: 100%;
    flex: 0 0 auto;
    font-weight: bold;
    margin: 12px 0 12px 0;
    text-align: center;
}
#buyNowCartTotalContainer {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    flex: 0 0 auto;
    margin: 24px 0 12px 0;
    font-size: 1rem;
}
#buyNowCartTotalDesc {
    width: 89%;
    flex: 0 0 auto;
    font-weight: bold;
}
#buyNowCartTotal {
/*    use buyNowCartItemTotal ?*/
}
#buyNowButtonsContainer {
    display: block;
    margin: 12px 8px 42px auto;
}
#buyNowButtonsContainer input[type="button"] {
    margin: 0 6px 0 6px;
    font-size: 1rem;
    float: right;
}
#buyNowButtonsContainer input[type="submit"] {
    margin: 0 0 0 6px;
    font-size: 1rem;
    float: right;
}
#buyNowTable {
	font-size: 0.8em;
	/* [disabled]text-align: center; */
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
}
#buyNowTable th {
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
#buyNowTable td {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding-right: 6px;
	padding-left: 6px;
}
#purchInfo {
	margin-top: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.9em;
	color: #bbbebf;
	width: 100%;
	text-align: center;
}
#purchInfo h1 {
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 12px;
}
#purchInfo h2 {
	font-size: 1em;
	text-align: center;
	margin-bottom: 12px;
}
#purchInfo a {
	color: #bbbabe;
}
#purchInfo a:visited {
	color: #bbbabe;
}
#purchInfo a:hover {
	font-weight: bold;
	color: #bbbabe;
/*	color: #5F90B9;*/
	/* [disabled]text-decoration: none; */
}
#buyNowTable td input {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	font-size: 0.9em;
}
@media only screen and (max-device-width: 736px)
                    and (min-device-width: 320px)
                    and (orientation: portrait) {
    #buyNowView {
        width: 100%;
        left: 0;
    }
    #buyNowCartHeader {
        flex-flow: row wrap;
        background-color: #b8b8b8;
    }
    .buyNowCartItem {
        flex-flow: row wrap;
    }
    .buyNowCartItemName {
        width: 50%;
    }
    .buyNowCartItemDesc {
        width: 50%;
    }
    .buyNowCartItemQty {
        width: 33%;
    }
    .buyNowCartItemPrice {
        width: 33%;
    }
    .buyNowCartItemTotal {
        width: 33%;
    }
    #buyNowCartScroller {
        max-height: calc(100vh - 308px);
    }
    #buyNowCartTotalContainer {
        background-color: #b8b8b8;
        margin: 8px 0 0 0;
        font-size: 14px;
        flex-flow: row wrap;
    }
    #buyNowCartTotalDesc {
        width: 100%;
    }
    #buyNowGrandTotal {
        width: 100%;
    }
    #buyNowButtonsContainer {
        background-color: #b8b8b8;
        margin: 0 0 0 auto;
        padding: 4px 4px 8px 4px;
        overflow: hidden;
    }
    #buyNowButtonsContainer input[type="button"] {
        margin: 0 2px 4px 2px;
        font-size: 11px;
        float: left;
    }
    #buyNowCancelButton {
        margin-top: 4px;
        font-size: 11px;
    }
}
#downloadsTitle {
    margin-top: 112px;
    text-align: center;
    margin-bottom: 0;
    font-weight: normal;
}
#downloadsQuickNavContainer {
/*    width: 100%;*/
    width: 95%;
/*    max-width: 908px;*/
    height: auto;
    display: flex;
    flex-flow: row wrap;
    margin: 16px auto 0 auto;
/*    padding-left: 12px;*/
/*    background-color: white;*/
}
#downloadsQuickNavHeader {
	background-color: #d2cfd0;
	clear: both;
	height: 24px;
    width: 100%;
/*	max-width: 1600px;*/
	padding: 0 12px 0 12px;
	position: relative;
	line-height: 24px;
	vertical-align: middle;
    font-weight: normal;
	color: #606060;
}
#downloadsQuickNavTitle {
    font-size: 1rem;
}
#downloadsQuickNavJump {
	font-size: .75rem;
}
.downloadsQuickNavItem {
    width: 20%;
    flex: 0 0 20%;
/*    height: 178px;*/
    height: auto;
    line-height: 24px;
/*
    border-top: none;
    border-right: 1px black solid;
    border-bottom: 1px black solid;
    border-left: none;
*/
    padding: 4px 4px 0 4px;
}
#downloadsQuickNavContainer a {
    font-size: .8rem;
/*    color: black;*/
    color: #b8b8b8;
    text-decoration: none;
    font-weight: normal;
}
#downloadsQuickNavContainer a:hover {
    font-size: .8rem;
/*    color: black;*/
    color: #b8b8b8;
    text-decoration: none;
    font-weight: bold;
}
#downloadsQuickNavContainer a:visited {
    font-size: .8rem;
/*    color: black;*/
    color: #b8b8b8;
    text-decoration: none;
    font-weight: normal;
}
#downloadsQuickNavContainer img {
    width: 30%;
    height: auto;
    background-color: whitesmoke;
    float: left;
    margin-right: 4px;
}
#downloadContainer {
    width: 100%;
	max-width: 1600px;
    height: auto;   
}
.downloadGroupContainer {
    width: 100%;
    height: auto;
	margin-top: 12px;
    display: flex;
    flex-flow: column nowrap;
}
.downloadGroupHeader {
/*
	background-image: url(../_images/common/row_3_header.png);
	background-repeat: repeat-x;
*/
	background-color: #d2cfd0;
	clear: both;
	height: 59px;
    width: 100%;
	max-width: 1600px;
	padding: 0 12px 0 12px;
	position: relative;
	line-height: 36px;
	vertical-align: middle;
    font-weight: bold;
	font-size: 1rem;
	color: #606060;
}
.downloadGroupHeader a {
    float: right;
    color: black;
    font-weight: normal;
	font-size: .8rem;
    text-decoration: none;
}
.downloadGroupHeader a:hover {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
.downloadGroupHeader a:visited {
    color: black;
    font-weight: normal;
    text-decoration: none;
}
.downloadGroupHeaderSections {
    width: 100%;
    height: auto;
    line-height: 20px;
    font-size: .75rem;
}
.downloadGroupHeaderSections::after {
    clear: both;
}
.downloadGroupHeaderDate {
    width: 12%;
    text-align: center;
    float: left;
}
.downloadGroupHeaderInfo {
    width: 46%;
    text-align: center;
    float: left;
}
.downloadGroupHeaderRequirements {
    width: 16%;
    text-align: center;
    float: left;
}
.downloadGroupHeaderSize {
    width: 8%;
    text-align: center;
    float: left;
}
.downloadGroupHeaderNotes {
    width: 18%;
    text-align: center;
    float: left;
}

.downloadItem {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    font-size: .9rem;
    color: #b8b8b8;
    margin-bottom: 2px;
    overflow: hidden;
}
.downloadItemDate {
    width: 12%;
/*    height: 100%;*/
    padding: 8px;
    margin-right: 1px;
    background-color: #242424;
    text-align: right;
    overflow: hidden;
    flex: 0 0 12%;
}
.downloadItemInfo {
    width: 46%;
/*    height: auto;*/
    padding: 8px;
    margin-right: 1px;
    background-color: #242424;
    overflow: hidden;
    text-align: left;
    flex: 0 0 46%;
}
.downloadItemInfo ul {
    list-style-position: inside;
}
.downloadItemInfo img {
    float: left;
}
.downloadItemInfo a {
    color: #b8b8b8;
    text-decoration: underline;
}
.downloadItemInfo a:hover {
    color: #b8b8b8;
    text-decoration: underline;
    font-weight: bold;
}
.downloadItemInfo a:visited {
    color: #b8b8b8;
    text-decoration: underline;
}
.downloadItemRequirements {
    width: 16%;
/*    height: 100%;*/
    padding: 8px;
    margin-right: 1px;
    background-color: #242424;
    overflow: hidden;
    text-align: left;
    flex: 0 0 16%;
}
.downloadItemSize {
    width: 8%;
/*    height: 100%;*/
    padding: 8px;
    margin-right: 1px;
    background-color: #242424;
    overflow: hidden;
    text-align: left;
    flex: 0 0 8%;
}
.downloadItemNotes {
    width: 18%;
/*    height: 100%;*/
    padding: 8px;
    background-color: #242424;
    overflow: hidden;
    text-align: left;
    flex: 0 0 18%;
}
@media only screen and (max-device-width: 1024px)
					and (orientation: portrait) {
    #downloadsTitle {
        margin-top: 72px;
    }
    .downloadItemDate {
        width: 17%;
        flex: 0 0 17%;
    }
    .downloadItemInfo {
        width: 41%;
        flex: 0 0 41%;
    }
}
@media only screen and (max-device-width: 800px)
					and (orientation: portrait) {
    .downloadsQuickNavItem {
        width: 33%;
        flex: 0 0 33%
    }
}
@media only screen and (max-device-width: 1024px)
					and (orientation: landscape) {
    #downloadsTitle {
        margin-top: 72px;
    }
}
@media only screen and (max-device-width: 414px)
					and (orientation: landscape) {
    #downloadsTitle {
        margin-top: 72px;
    }
    #downloadsQuickNavContainer {
        margin-top: 4px;
    }
    .downloadsQuickNavItem {
        width: 33%;
        flex: 0 0 33%
    }
    #downloadsQuickNavContainer a {
        font-size: .75rem;
    }
    #downloadsQuickNavContainer a:hover {
        font-size: .75rem;
    }
    #downloadsQuickNavContainer a:visited {
        font-size: .75rem;
    }
    .downloadItemDate {
        width: 17%;
        flex: 0 0 17%;
    }
    .downloadItemInfo {
        width: 41%;
        flex: 0 0 41%;
    }
}
@media only screen and (max-device-width: 414px)
					and (orientation: portrait) {
    #downloadsQuickNavContainer {
        margin-top: 4px;
    }
    .downloadsQuickNavItem {
        width: 48%;
        flex: 0 0 48%
    }
    #downloadsQuickNavContainer a {
        font-size: .75rem;
    }
    #downloadsQuickNavContainer a:hover {
        font-size: .75rem;
    }
    #downloadsQuickNavContainer a:visited {
        font-size: .75rem;
    }
    .downloadGroupHeader {
        height: 36px;
    }
    .downloadGroupHeader a {
        font-size: .75rem;
    }
    .downloadGroupHeaderSections {
        display: none;
    }
    .downloadItem {
        width: 100%;
        flex-flow: column nowrap;
        margin-bottom: 2px;
        border-bottom: 1px solid #d2cfd0;
    }
    .downloadItemDate {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
        text-align: left;
    }
    .downloadItemInfo {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
    .downloadItemRequirements {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
    .downloadItemSize {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
    .downloadItemNotes {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
}
@media only screen and (max-device-width: 320px)
					and (orientation: landscape) {
    .downloadGroupHeader {
        height: 36px;
    }
    .downloadGroupHeader a {
        font-size: .75rem;
    }
    .downloadGroupHeaderSections {
        display: none;
    }
    .downloadItem {
        width: 100%;
        flex-flow: column nowrap;
        margin-bottom: 2px;
        border-bottom: 1px solid #d2cfd0;
        font-size: 14px;
    }
    .downloadItemDate {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
        text-align: left;
    }
    .downloadItemInfo {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
    .downloadItemRequirements {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
    .downloadItemSize {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
    .downloadItemNotes {
        width: 100%;
        margin-right: 0;
        flex: 0 0 100%;
    }
}
/************************
    Gallery
************************/
#mainGalleryImageV2 {
	padding: 0px;
	height: 40vw;
    max-height: 640px;
	width: 100%;
    max-width: 1600px;
	margin-bottom: 12px;
    position: relative;
    clear: both;
	/* [disabled]clip: rect(auto,auto,403px,auto); */
	overflow: hidden;
	vertical-align: middle;
	-webkit-border-radius: .3em;
	-moz-border-radius: 0.3em;
	border-radius: .3em;
	text-align: center;
	background-color: white;
}
#product_large{
	padding-top: 0px;
}
.thumbnailClipper {
/*	position: relative;*/
/*    float: left;*/
	margin: 0 auto 0 auto;
	/*width: 754px;*/
    max-width: 906px;
    width: 91%;
	/*height: 603px;*/
	height: 452px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../_images/_gallery/_graphic_elements/gallery_thumb_bg.jpg);
    flex: 0 1 auto;
    order: 1;
}

.imgClipper {
	background-color: red;
	margin: 0 auto;
}
.thumbList {
	padding: 0;
	margin: 0;
	color: white;
}
.thumbList li {
	float: left;
	display: inline-block;
	background-color: white;
	width: 150px;
	height: 150px;
    margin: 0 1px 1px 0;
	color: white;
	text-shadow: 3px 3px #282828;
	text-align: center;
	position: relative;
	font-weight: normal;
	font-size: .75em;
 }
 .liFormat {
	 position: relative;
	 width: 150px;
	 height: 150px;
 }
.thumbListli {
	padding-right: 1px;
	padding-bottom: 1px;
}
.thumbListlib {
	padding-right: 1px;
}
.thumbListlir {
	padding-bottom: 1px;
}
.thumbListlirb {
/*	font-family: Arial, Helvetica, sans-serif;*/
}
thumbList ul li {
/*	font-family: Arial, Helvetica, sans-serif;*/
}
.textAtBottom {
	position: absolute;
	width: 142px;
	height: 36px;
	bottom: 6px;
}
.navigator {
	margin: 0 auto;
	/*width: 754px;*/
	width: 904px;
	height: 21px;
	margin-top: 16px;
	margin-bottom: 16px;
	position: relative;
	color: white;
	text-decoration: none;
}
#navigatorContainer {
    margin-bottom: 6px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.navtitle {
	font-size: 1em;
	/*color: white;*/
	font-weight: 400;
    flex: 0 0 auto;
    display: block;
}
.navtitle a {
	font-size: 1em;
	color: white;
	text-decoration: none;
	font-weight: 300; 
}
.navtitle a:hover {
	text-decoration: underline;
}
.navtitle a:visited {
	text-decoration: none;
	color: white;
}
.carat {
	font-size: .7em;
	color: white;
	text-decoration: none;
	font-weight: 300; 
}
.navUL {
	padding: 0;
	margin: 0;
/*	float: right;*/
    flex: 0 0 auto;
}
.navUL li {
	float: right;
	display: inline-block;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 3px;
	width: 12px;
	height: 12px;
	list-style-image: none;
	list-style-type: none;
	background-image: url(../_images/_gallery/_graphic_elements/navdotdesel.png);
}
.navUlLiSel {
	background-image: url(../_images/_gallery/_graphic_elements/navdotsel.png);
}
.selectionBorder {
	width: 150px;
	height: 150px;
	top: 4px;
	left: 4px;
	border: 4px solid transparent;
}
#mainImageTitle {
	color: white;
	font-size: 1.6em;
	text-align: center;
	width: 100%;
    max-width: 1600px;
	height: 40px;
}
.leftArrowImg {
/*
	position: relative;
	float: left;
	margin-top: 202px;
	margin-right: 0px;
	margin-left: 0px;
*/
    flex: 0 1 auto;
	width: 51px;
	height: 51px;
    order: 1;
}
.thumbAndArrowContainer {
	width: 100%;
    max-width: 1600px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}
.rightArrowImg {
/*
	position: relative;
	float: right;
	margin-top: 202px;
	margin-right: 0;
	margin-left: 0;
*/
    margin: 0;
    padding: 0;
    flex: 0 1 auto;
	width: 51px;
	height: 51px;
    order: 3;
}
.dlLinkContainer {
	font-size: 0.8em;
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	color: #334;
	z-index: 10;
	filter: alpha(opacity=74);
	opacity: .74;
	width: auto;
	background-color: #EEE;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	right: 60px;
    margin-top: 35%;
	visibility: hidden;
}
.dlLinkContainer a {
	color: #334;
	text-decoration: none;
}
.mainImageLeftArrowContainer {
	position: absolute;
	z-index: 10;
	filter: alpha(opacity=74);
	opacity: .74;
	width: 50px;
	height: 100%;
	background-color: transparent;
	left: 0px;
    padding-top: 17%;    /* to get it half way down? */
}
.mainImageRightArrowContainer {
	position: absolute;
	z-index: 10;
	filter: alpha(opacity=74);
	opacity: .74;
	width: 50px;
	height: 100%;
	background-color: transparent;
	right: 0px;
    padding-top: 17%;    /* to get it half way down? */
}
/*
.mainImageArrowImage {
	margin-top: 176px;
}
*/
#galleryHeader {
	color: #bbbebf;
	text-align: center;
	margin-top: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#galleryHeader h1 {
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 12px;
}
#galleryHeader h2 {
	font-size: 1em;
	font-weight: normal;
}
#galleryHeader p {
	font-size: 0.9em;
}
#galleryHeader .galleryCR {
	font-size: 0.8em;
	font-style: italic;
	text-decoration: none;
}
@media only screen and (min-device-width: 857px)
                    and (max-device-width: 1007px)
					and (orientation: portrait) {
    .thumbnailClipper {
        width: 755px;
/*        background-size: 754px 452px;*/
    }
}
@media only screen and (min-device-width: 706px)
                    and (max-device-width: 856px)
					and (orientation: portrait) {
    .thumbnailClipper {
        width: 604px;
/*        background-size: 603px 452px;*/
    }
}
@media only screen and (min-device-width: 555px)
                    and (max-device-width: 705px)
					and (orientation: portrait) {
    .thumbnailClipper {
        width: 453px;
/*        background-size: 452px 452px;*/
    }
}
@media only screen and (min-device-width: 404px)
                    and (max-device-width: 554px)
					and (orientation: portrait) {
    .thumbnailClipper {
        width: 302px;
/*        background-size: 301px 452px;*/
    }
}
@media only screen and (min-device-width: 320px)
                    and (max-device-width: 403px)
					and (orientation: portrait) {
    .mainImageLeftArrowContainer {
        padding-top: 12%;    /* to get it half way down? */
    }
    .mainImageRightArrowContainer {
        padding-top: 12%;    /* to get it half way down? */
    }
    #mainImageTitle {
        font-size: 1.2rem;
    }
    .dlLinkContainer {
        padding: 2px 3px 2px 3px;
        right: 1%;
        bottom: 2%;
        margin-top: 0;
    }
    .navtitle  {
        font-size: .8rem;
    }
    .navtitle a {
        font-size: .8rem; 
    }
    .thumbnailClipper {
        width: 218px;
        height: 327px;
        background-size: 217px 326px;
        background-repeat: repeat-y;
    }
    .thumbList li {
        width: 108px;
        height: 108px;
    }
    .thumbListli {
        background-size: 108px 108px;
    }
    .liFormat {
        width: 108px;
        height: 108px;
    }
    .thumbListlib {
        background-size: 108px 108px;
    }
    .thumbListlir {
        background-size: 108px 108px;
    }
    .textAtBottom {
        width: 102px;
        height: 36px;
        bottom: 4px;
    }
    .selectionBorder {
        width: 108px;
        height: 108px;
    }
}
@media only screen and (min-device-height: 857px)
                    and (max-device-height: 1007px)
					and (orientation: landscape) {
    .thumbnailClipper {
        width: 755px;
/*        background-size: 754px 452px;*/
    }
}
@media only screen and (min-device-height: 706px)
                    and (max-device-height: 856px)
					and (orientation: landscape) {
    .thumbnailClipper {
        width: 604px;
/*        background-size: 603px 452px;*/
    }
}
@media only screen and (min-device-height: 555px)
                    and (max-device-height: 705px)
					and (orientation: landscape) {
    .thumbnailClipper {
        width: 453px;
/*        background-size: 452px 452px;*/
    }
}
@media only screen and (min-device-height: 404px)
                    and (max-device-height: 554px)
					and (orientation: landscape) {
    .thumbnailClipper {
        width: 302px;
/*        background-size: 301px 452px;*/
    }
}
@media only screen and (min-device-height: 320px)
                    and (max-device-height: 403px)
					and (orientation: landscape) {
    .mainImageLeftArrowContainer {
        padding-top: 12%;    /* to get it half way down? */
    }
    .mainImageRightArrowContainer {
        padding-top: 12%;    /* to get it half way down? */
    }
    #mainImageTitle {
        font-size: 1.2rem;
    }
    .dlLinkContainer {
        padding: 2px 3px 2px 3px;
        right: 1%;
        bottom: 2%;
        margin-top: 0;
    }
    .navtitle  {
        font-size: .8rem;
    }
    .navtitle a {
        font-size: .8rem; 
    }
    .thumbnailClipper {
        width: 218px;
        height: 327px;
        background-size: 217px 326px;
        background-repeat: repeat-y;
    }
    .thumbList li {
        width: 108px;
        height: 108px;
    }
    .thumbListli {
        background-size: 108px 108px;
    }
    .liFormat {
        width: 108px;
        height: 108px;
    }
    .thumbListlib {
        background-size: 108px 108px;
    }
    .thumbListlir {
        background-size: 108px 108px;
    }
    .textAtBottom {
        width: 102px;
        height: 36px;
        bottom: 4px;
    }
    .selectionBorder {
        width: 108px;
        height: 108px;
    }
}
/*
    red asterisk for required items in forms
*/

.required {
    color: red;
}
.formContainer {
    width: 100%;
    height: auto;
    padding: 8px 1px 1px 1px;
}
.formContainer fieldset {
    max-width: 100%;
}
#formContainerSetLegend {
    color: red;
    font-size: 16px;
    font-weight: bold;    
}
#cartContainer {
    display: flex;
    flex-flow: column nowrap;
}
#cartHeader {
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 0 8px 8px 8px;
}
#cartHeaderName {
/*    width: 30%;*/
    flex: 0 1 30%;
}
#cartHeaderName::after {
    content: "Item";
}
#cartHeaderDesc {
    flex: 0 1 28.5%;
}
#cartHeaderDesc::after {
    content: "Description";
}
#cartHeaderQuantity {
    flex: 0 1 12.5%;
}
#cartHeaderQuantity::after {
    content: "Quantity";
}
#cartHeaderPrice {
    flex: 0 1 10.5%;
    text-align: right;
}
#cartHeaderPrice::after {
    content: "Price";
}
#cartHeaderItemTotal {
    flex: 0 1 11.5%;
    text-align: right;
}
#cartHeaderItemTotal::after {
    content: "Total";
}
#cartHeaderRemove {
    flex: 0 1 6%;
}
.cartItem {
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    margin: 4px 0 4px 0;
    width: 100%;
}
.cartItemName {
    flex: 0 1 30%;
    font-weight: bold;
    padding-right: 4px;
}
.cartItemDesc {
/*    width: 33%;*/
    flex: 0 1 29%;
    padding-right: 4px;
}
.cartItemQuantity {
    flex: 0 1 12%;
}
/*
.cartItemQuantityField {
    --prevValue: 0.0;
}
*/
.cartItemPrice {
/*    width: 10%;*/
    flex: 0 1 10.5%;
    text-align: right;
}
.cartItemTotal {
    flex: 0 1 11.5%;
    text-align: right;
}
.cartItemRemove {
    flex: 0 1 6%;
    text-align: right;
}
.cartItemRemove a {
    text-decoration: none;
}
.cartItemRemove a:hover {
    text-decoration: none;
}
.cartItemRemove a:visited {
    text-decoration: none;
}
#cartFooter {
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    margin-top: 16px;
    margin-bottom: 8px;
}
#cartFooterName {
/*    width: 30%;*/
    flex: 0 1 34%;
}
#cartFooterDesc {
/*    width: 33%;*/
    flex: 0 1 25%;
}
#cartFooterDesc::after {
    content: "Order Total:";
}
#cartFooterQuantity {
/*    width: 9%;*/
    flex: 0 1 12%;
}
#cartFooterPrice {
/*    width: 10%;*/
    flex: 0 1 9%;
}
#cartFooterItemTotal {
/*    width: 13%;*/
    flex: 0 1 9%;
    text-align: right;
}
#cartFooterRemove {
/*    width: 13%;*/
    flex: 0 1 4%;
}
#forgetSomething {
    display: block;
    margin-top: 8px;
    width: 100%;
    text-align: center;
}
#buyerInfoContainer {
    margin: 12px 0 12px 0;
/*
    display: flex;
    flex-flow: column nowrap;
*/
    flex: 0 0 auto;
}
.storeBuyerInfoContainer {
    display: flex;
    flex-flow: row wrap;
}
.fieldsContainer {
    width: 98%;
    flex: 0 1 98%;
    height: auto;
    display: flex;
    flex-flow: column nowrap;
    margin-left: auto;
    margin-right: auto;
}
.finePrint {
    padding-top: 8px;
    font-size: 10px;
    text-align: center;
}
.salesFieldsContainer {
    width: 100%;
    flex: 0 1 100%;
}
.confirmRequestSubmitButton {
    font-size: 17px;
    font-weight: bold;
    color: #00c005;
/*    border: 2px solid green;*/
}
.confirmRequestBackButton {
    font-size: 16px;
    font-weight: bold;
    color: red;
/*    border: 2px solid red;*/
}
.paymentFieldsContainer {
    width: 100%;
    flex: 0 1 50%;
    height: auto;
    display: flex;
    flex-flow: column nowrap;
}
#paymentInfoContainer {
    flex: 0 0 auto;
}
#supportFieldSetLegend {
    color: red;
    font-size: 16px;
    font-weight: bold;    
}
.greenText {
    color: #00c005;
}
.fieldItem {
/*    flex: 0 0 auto;*/
    display: flex;
    flex-flow: row nowrap;
    margin-top: 4px;
    font-size: 14px;
    width: 100%;
}
.headerFieldItem {
/*    flex: 0 0 auto;*/
    display: flex;
    flex-flow: row nowrap;
    margin-top: 4px;
    margin-bottom: 12px;
    font-size: 14px;
    width: 100%;
}
.storeFieldItem {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 4px;
    font-size: 14px;
    width: 100%;
    flex: 0 1 auto;
}
.fieldLabel {
    width: 48%;
    height: auto;
    line-height: 18px;
    flex: 0 0 48%;
    text-align: right;
    padding-right: 8px;
}
.asteriskField {
    flex: 0 0 12px;
    padding-right: 4px;
    text-align: left;
}
.fieldInput {
    line-height: 18px;
    height: auto;
    flex: 0 0 48%;
    text-align: left;
}
.fieldInput input {
    max-width: 100%;
}
.fieldInput input[type="text"] {
    width: 100%;
    max-width: 344px;
}
.fieldInput input[type="email"] {
    width: 100%;
    max-width: 344px;
}
.fieldInput textarea {
    width: 100%;
    max-width: 344px;
}
.boldLabel {
    font-weight:  bold;
}
.confirmThanksButton {
    width: auto;
    margin: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: bold;
    color: #00c005;
}
.confirmBackButton {
    width: auto;
    margin: 8px 8px 8px 8px;
    font-size: 16px;
    font-weight: bold;
    color: red;
}
#storeHelp {
    font-size: 14px;
    margin-bottom: 4px;
}
.beStrong {
    font-weight: bold;
    font-size: 16px;
    color: orange;
    border: 1px solid orange;
    padding: 0px 2px 2px 2px;
}
#productListContainer {
    width: 90%;
    min-width:320px;
/*    height: auto;*/
    height: calc(98vh - 108px);
	left: 5%;
    background-color: #d2cfd0;
    color: black;
    opacity: .98;
    z-index: 30;
    position: fixed;
    top: 108px;
    visibility: hidden;
    padding: 0 0 8px 0;
    font-size: .9rem;
    display: flex;
    flex-flow: column nowrap;
}
#productListContainer input[type="button"] {
    margin: 6px 8px 0 auto;
/*    margin-left: 8px;*/
/*    margin-top: 6px;*/
/*
    width: auto;
    height: auto;
*/
    float: right;
    font-size: 16px;
}
#productListHeader {
    width: 100%;
    background-color: #c3c3c3;
    padding: 8px 8px 0 8px;
}
#productListLegend {
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 0 8px 8px 8px;
    background-color: #c3c3c3;
}
#outletHeader {
    display: flex;
    flex-flow: column nowrap;
    width: 90%;
    float: left;
}
#outletHeaderTitle {
    flex: 0 1 100%;
    font-size: 19px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 8px;
}
#outletHeaderSubTitle {
    flex: 0 1 100%;
    font-size: 16px;
    text-align: center;
    margin-bottom: 8px;
}
#outletHeaderText {
    flex: 0 1 100%;
    font-size: 14px;
    text-align: left;
    margin-bottom: 16px;
}

#productListScroller {
    width: 100%;
    height: auto;
    max-height: calc(100vh - 200px);
    padding: 0 8px 0 8px;
/*
    display: flex;
    flex-flow: column nowrap;
*/
    flex: 0 1 auto;
    text-align: left;
    overflow: scroll;
}
#productListScrollingPanel {
    display: flex;
    flex-flow: column nowrap;
}
.productListItem {
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    margin: 4px 0 4px 0;
    width: 100%;
}
.productListItemName {
/*    width: 30%;*/
    flex: 0 1 30%;
    font-weight: bold;
    padding-right: 4px;
}
.productListItemDesc {
    flex: 0 1 29%;
    padding-right: 4px;
}
.productListItemQuantity {
    flex: 0 1 12%;
}
/*
.productListItemQuantityField {
    --prevValue: 0.0;
}
*/
.productListItemPrice {
/*    width: 10%;*/
    flex: 0 1 10.5%;
/*    padding-right: 4px;*/
    text-align: right;
}
.productListItemTotal {
/*    width: 13%;*/
    flex: 0 1 11.5%;
/*    padding-right: 4px;*/
    text-align: right;
}
.productListItemRemove {
    flex: 0 1 6%;
    text-align: center;
}
.productListItemRemove a {
    text-decoration: none;
}
.productListItemRemove a:hover {
    text-decoration: none;
}
.productListItemRemove a:visited {
    text-decoration: none;
}
.trashIcon {
    width: 22px;
    height: 22px;
}
#boilerplateContainer {
    display: none;
}

#confirmThanksContainer {
    width: 90%;
    min-width:320px;
/*    height: auto;*/
    height: calc(100vh - 150px);
	left: 5%;
    background-color: #d2cfd0;
    color: black;
    opacity: .98;
    z-index: 30;
    position: fixed;
    top: 108px;
    visibility: hidden;
    padding: 8px;
    font-size: .8rem;
    display: flex;
    flex-flow: column nowrap;
    overflow: scroll;
}
#confirmThanksContainer fieldset {
    flex: 0 0 auto;
}
.redText {
    color: #ff0000;
}
/*
@media only screen and (max-width: 1200px) {
    .fieldsContainer {
        width: 750%;
        flex: 0 1 100%;
        margin: 12px auto 12px auto;
    }
}
*/
@media only screen and (max-width: 1024px) {
    .fieldsContainer {
        width: 100%;
        flex: 0 1 100%;
        margin: 12px 0 12px 0;
    }
}

@media only screen and (max-device-width: 1112px)
                    and (min-device-width: 834px)
					and (orientation: portrait) {
    #productListContainer  {
        top: 72px;
    }
    #productListContainer input[type="button"] {
        margin: 8px 8px 6px auto;
        font-size: 14px;
    }
    #outletHeader {
        width: 100%;
    }
    #outletHeaderText {
        margin-bottom: 8px;
    }
}
@media only screen and (max-device-width: 833px)
                    and (min-device-width: 737px)
					and (orientation: portrait) {
/*
@media only screen and (max-device-width: 800px)
					and (orientation: portrait) {
*/
    #productListContainer  {
        top: 72px;
    }
    #productListContainer input[type="button"] {
        margin: 0 8px 8px auto;
        font-size: 13px;
    }
    #outletHeader {
        width: 100%;
    }
    #outletHeaderText {
        margin-bottom: 8px;
    }
    .formContainer fieldset legend {
        font-size: 20px;
    }
                        
    .fieldInput {
        width: 100%;
        height: auto;
        text-align: left;
        padding-left: 15px;
    }
    .fieldLabel input {
        width: 70%;
/*        font-size: 15px;*/
        font-size: 14px;
        margin-left: 15%;
    }
    .fieldInput input {
/*        width: 100%;*/
        font-size: 14px;
    }
    .fieldInput input[type=submit] {
        width: 70%;
        font-size: 15px;
        margin-left: 15%;
        padding-left: 0;
    }
    .fieldInput select {
        width: 100%;
        font-size: 15px;
    }
    .fieldInput textarea {
        width: 100%;
        font-size: 15px;
        height: 10em;
    }
    .fieldInput label {
        width: 12%;
    }
    #storeHelp {
        font-size: 15px;
    }
    .beStrong {
        font-size: 18.5px;
    }
}
@media only screen and (max-device-width: 736px)
                    and (min-device-width: 320px)
                    and (orientation: portrait) {
/*
    #purchInfo {
        width:  116vw;
    }
*/
    #purchInfo a:hover {
        font-weight: bold;
        color: #bbbabe;
    }
    #showCartDiv {
/*        width: 94vw;*/
        width: 117vw;
    }
    #cartHeader {
        text-align: center;
    }
    #cartHeaderName {
        display: none;
    }
    #cartHeaderDesc {
        display: none;
    }
    #cartHeaderQuantity {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    #cartHeaderQuantity::after {
        content: "Qty";
    }
    #cartHeaderPrice {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    #cartHeaderItemTotal {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    #cartHeaderRemove {
        flex: 0 1 10%;
    }
    .cartItem {
        flex-flow: row wrap;
    }
    .cartItemName {
        flex: 0 1 100%;
        font-weight: bold;
    }
    .cartItemDesc {
/*        flex: 0 1 100%;*/
        display: none;
    }
    .cartItemQuantity {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    .cartItemPrice {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
   }
    .cartItemTotal {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    .cartItemRemove {
        flex: 0 1 10%;
    }
    #cartFooter {
        font-size: 16px;
    }
    #cartFooterName {
        display: none;
    }
    #cartFooterDesc {
        flex: 0 1 60%;
    }
    #cartFooterDesc::after {
        content: "Order Total:";
    }
    #cartFooterQuantity {
        display: none;
    }
    #cartFooterPrice {
        display: none;
    }
    #cartFooterItemTotal {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    #cartFooterRemove {
    /*    width: 13%;*/
        flex: 0 1 3%;
    }
    #forgotSomething {
/*        width: 93%;*/
        width: 99%;
        font-size: 8.5px;
    }
    #buyerInfoContainer {
        width: 100%;
    }
    #confirmThanksContainer {
        width: 116vw;
        left: 0;
        top: 68px;
        height: calc(100vh - 50px);
    }
    .storeBuyerInfoContainer {
        width: 93vw;
    }
    .fieldsContainer {
        width: 100%;
    }
    .storeFieldItem {
        flex-flow: column nowrap;
        font-size: 13px;
    }
    .fieldLabel {
        width: 100%;
        text-align: left;
        font-weight: bold;
    }
    .fieldLabel input {
        font-size: 15px;
    }
    .fieldInput {
        width: 100%;
        height: auto;
        text-align: left;
/*        padding-left: 15px;*/
    }
    .fieldInput input {
        font-size: 15px;
    }
    .fieldInput select {
        font-size: 13px;
    }
    .headerFieldItem {
        margin-bottom: 8px;
        font-weight: bold;
    }
    .fieldItem {
        flex-flow: column nowrap;
        font-size: 13px;
        margin-top: 10px;
    }
    .paymentFieldsContainer {
        width: 93vw;
    }
    #paymentInfoContainer {
        width: 100%;
    }
    #productListContainer {
        width: 96%;
        left: 2%;
        top: 72px;
    }
    #productListContainer input[type="button"] {
        margin: 8px 8px 6px auto;
        font-size: 12px;
    }
    #outletHeader {
        width: 100%;
        background-color: #b8b8b8;
        height: 110px;
        overflow: scroll;
    }
    #outletHeaderTitle {
        margin-bottom: 3px;
    }
    #outletHeaderSubTitle {
        font-size: 13px;
        color: #505050;
        margin-bottom: 8px;
    }
    .productListItem {
        padding-bottom: 8px;
        flex-flow: row wrap;
    }
    .productListItemName {
        flex: 0 1 100%;
        padding: 0;
    }
    .productListItemDesc {
        display: none;
    }
    .productListItemQuantity {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    .productListItemPrice {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    .productListItemTotal {
        flex: 0 1 30%;
        text-align: right;
        padding-right: 4%;
    }
    .productListItemRemove {
        flex: 0 1 10%;
    }
}
@media only screen and (max-device-height: 1024px)
                    and (min-device-width: 600px)
                    and (orientation: portrait) {
    #productListContainer  {
        top: 72px;
    }
    #productListContainer input[type="button"] {
        margin: 0 8px 8px auto;
        font-size: 13px;
    }
    #productListHeader {
        width: 100%;
        background-color: #c3c3c3;
        padding: 8px 8px 0 8px;
        flex: 0 0 auto;
    }
    #outletHeader {
        width: 100%;
        background-color: #c3c3c3;
        height: auto;
    }
    #outletHeaderText {
        margin-bottom: 0;
    }
}
@media only screen and (max-device-width: 1024px)
                    and (min-device-height: 600px)
					and (orientation: landscape) {

/*
    #confirmThanksContainer {
        top: 72px;
        height: calc(100vh - 114px);
    }
*/
/*
    #productListHeader  {
        height: 210px;
    }
*/
/*
    #productListContainer input[type="button"] {
        font-size: 14px;
    }
*/
/*
    #outletHeader {
        height: 100px;
        width: 100%;
        overflow: scroll;
    }
*/
/*
    #outletHeaderTitle {
        flex: 0 0 24px;
        margin-bottom: 0;
    }
*/
/*
    #outletHeaderSubTitle {
        flex: 0 0 auto;
        display: none;
    }
*/
/*
    #outletHeaderText {
        flex: 0 0 auto;
        display: none;
    }
*/
/*
    #productListLegend {
        padding-top: 4px;
        padding-bottom: 10px;
    }
*/
}
@media only screen and (max-device-width: 1112px)
                    and (min-device-width: 737px)
                    and (orientation: landscape) {
/*
@media only screen and (max-device-width: 833px)
                    and (min-device-width: 737px)
                    and (orientation: landscape) {
*/
    #productListContainer {
        width: 98%;
        left: 1%;
        top: 72px;
    }
    #productListContainer input[type="button"] {
        margin: 8px 8px 6px auto;
        font-size: 12px;
    }
    #outletHeader {
        width: 90%;
/*
        background-color: #b8b8b8;
        height: 120px;
        overflow: scroll;
*/
    }
    #outletHeaderSubTitle {
        display: block;
    }
    #outletHeaderText {
        display: block;
    }
}
@media only screen and (max-device-height: 600px)
                    and (max-device-width: 1024px)
                    and (orientation: landscape) {
    #productListContainer {
        width: 98%;
        left: 1%;
        top: 72px;
    }
    #productListContainer input[type="button"] {
        margin: 2px 8px 6px auto;
        font-size: 14px;
    }
    #productListHeader  {
        height:auto;
    }
    #outletHeader {
        width: 82%;
        height:auto;
    }
    #outletHeaderTitle {
        margin-bottom: 3px;
    }
    #outletHeaderSubTitle {
        display: none;
    }
    #outletHeaderText {
        display: none;
    }
    #productListLegend {
        padding: 0 8px 2px 8px;
    }
    #boilerplateContainer {
        top: 72px;
        position: fixed;
        width: 98%;
        left: 0;
        display: flex;
        flex-flow: column nowrap;
        z-index: 100;
        background-color: white;
        padding: 2px 8px 0 8px;
        margin: 0 1%0 1%;
        height: calc(100vh - 128px);
    }
    #boilerplateHeaderContainer {
        width: 100%;
        flex: 0 0 auto;
    }
    #boilerplateHeaderContainer::after {
        clear:both;
    }
    #boilerplateTitle {
        width: 82%;
        float: left;
        font-size: 19px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 8px;
        height: 24px;
    }
    #boilerplateSubTitle {
        width: 82%;
        flex: 0 0 auto;
        font-size: 16px;
        text-align: center;
        margin-bottom: 8px;
    }
    #boilerplateCloseButton {
        font-size: 12px;
        text-align: center;
        margin: 4px 8px 6px auto;
        float: right;
    }
    #boilerplateText {
/*        flex: 0 0 auto;*/
        font-size: 14px;
        text-align: left;
        margin-bottom: 8px;
        overflow: scroll;
    }
}

@media only screen and (max-device-width: 736px)
                    and (min-device-width: 320px)
                    and (orientation: landscape) {
    #productListContainer {
        width: 98%;
        left: 1%;
        top: 72px;
    }
    #productListContainer input[type="button"] {
        margin: 0 8px 6px auto;
        font-size: 12px;
    }
    #productListHeader  {
        height:auto;
    }
    #outletHeader {
        width: 82%;
        height:auto;
    }
    #outletHeaderTitle {
        margin-bottom: 3px;
    }
    #outletHeaderSubTitle {
        display: none;
    }
    #outletHeaderText {
        display: none;
    }
    #productListLegend {
        padding: 0 8px 2px 8px;
    }
    #boilerplateContainer {
        top: 72px;
        position: fixed;
        width: 98%;
        left: 0;
        display: flex;
        flex-flow: column nowrap;
        z-index: 100;
        background-color: white;
        padding: 2px 8px 0 8px;
        margin: 0 1%0 1%;
        height: calc(100vh - 128px);
    }
    #boilerplateHeaderContainer {
        width: 100%;
        flex: 0 0 auto;
    }
    #boilerplateHeaderContainer::after {
        clear:both;
    }
    #boilerplateTitle {
        width: 82%;
        float: left;
        font-size: 19px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 8px;
        height: 24px;
    }
    #boilerplateSubTitle {
        width: 82%;
        flex: 0 0 auto;
        font-size: 16px;
        text-align: center;
        margin-bottom: 8px;
    }
    #boilerplateCloseButton {
        font-size: 12px;
        text-align: center;
        margin: 4px 8px 6px auto;
        float: right;
    }
    #boilerplateText {
/*        flex: 0 0 auto;*/
        font-size: 14px;
        text-align: left;
        margin-bottom: 8px;
        overflow: scroll;
    }
}
/*    smaller phones in landscape    */
@media only screen and (max-device-height: 568px)
                    and (min-device-width: 320px)
                    and (orientation: landscape) {
    #boilerplateContainer {
        height: calc(100vh - 168px);
    }
    #boilerplateText {
        margin-bottom: 6px;
    }
}
/************************
 news page
************************/
.newsPageContainer {
    margin-top: 12px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    color: #bebebe;
    font-size: 14px;
}
.newsPageItem {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin-bottom: 1px;
    overflow: hidden;
}
.newsPageDateHeader {
    background-color: #444444;
    width: 10%;
    height: 2.5em;
    line-height: 2.5em;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.newsPageHeadlineHeader {
    background-color: #444444;
    width: 90%;
    height: 2.5em;
    line-height: 2.5em;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.newsPageDate {
    background-color: #282828;
    width: 10%;
    height: 3em;
    line-height: 3em;
    flex: 0 0 auto;
    text-align: right;
    margin-right: 1px;
    padding-right: 8px;
}
.newsPageHeadline {
    background-color: #282828;
    width: 90%;
    flex: 0 0 auto;
    text-align: left;
    padding-left: 8px;
    height: 3em;
    line-height: 3em;
}
.newsPageHeadline a {
    text-decoration: none;
    color: #bebebe;
    font-weight: normal;
}
.newsPageHeadline a:hover {
    text-decoration: none;
    color: #bebebe;
    font-weight: bold;
}
.newsPageHeadline a:visited {
    text-decoration: none;
    color: #bebebe;
    font-weight: normal;
}
@media only screen and (max-device-width: 812px)
					and (orientation: landscape) {
    .newsPageDateHeader {
        width: 16%;
    }
    .newsPageHeadlineHeader {
        width: 84%;
    }
    .newsPageDate {
        width: 16%;
    }
    .newsPageHeadline {
        width: 84%;
    }
}
@media only screen and (max-device-width: 481px)
					and (orientation: portrait) {
    .newsPageItem {
        flex-flow: column nowrap;
    }
    .newsPageDateHeader {
        display: none;
    }
    .newsPageHeadlineHeader {
        display: none;
    }
    .newsPageDate {
        width: 100%;
        margin-right: 0;
        text-align: left;
        height: 2em;
        line-height: 2em;
    }
    .newsPageHeadline {
        background-color: #282828;
        width: 100%;
        height: 2em;
        line-height: 2em;
        padding-left: 12px;
   }
}
/************************
Events Page
************************/
#eventListContainer {
    margin-top: 18px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    color: #bebebe;
    font-size: 13px;    
}
.eventsHeader {
    background-color: #444444;
    width: 100%;
    height: 2.5em;
    line-height: 2.5em;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    flex: 0 0 auto;
}
.eventListItem {
    display: flex;
    flex-flow: column nowrap;
/*    flex: 0 0 auto;*/
    width: 100%;
    height: auto;
    margin-bottom: 1px;
    padding: 8px 0 8px 4px;
    overflow: hidden;
    background-color: #282828;
}
.eventListItem a {
    color: #bebebe;    
}
.eventListItem a:visited {
    color: #bebebe;    
}
.eventListItem a:hover {
    color: white;
    font-weight: bold;
}
.eventTitle {
    font-weight: bold;
    width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    padding: 0 4px 0 0;
    flex: 0 0 auto;
    text-align: left;
    font-size: 14px;    
}
.eventDetails {
    width: 100%;
    height: auto;
    padding: 4px 0 4px 12px;
    flex: 0 0 auto;
    display: flex;
    flex-flow: column nowrap;
    text-align: left;
    font-size: 13px;    
}
.eventDetail {
    width: 100%;
    height: auto;
    padding: 4px 0 4px 8px;
    flex: 0 0 auto;
    display: flex;
    flex-flow: column nowrap;
    text-align: left;
}
.eventSubs {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    display: flex;
    flex-flow: column nowrap;
    padding: 0 0 0 16px;
    font-size: 13px;
}
.eventSub {
    width: 100%;
    height: auto;    
    flex: 0 0 auto;
    text-align: left;
    padding: 2px 0 2px 0;
}
/************************
Developer
************************/
#devInfoContent a {
    color: #ababab;
}
#devInfoContent a:visited {
    color: #ababab;
}
#devInfoContent a:hover {
    color: #ababab;
    font-weight: bold;
}
/************************
    distributors
************************/
#mapZoomContainer {
    background-image: url(../_images/common/trans_lite_gray.png);
    height: auto;
    width: 98%;
    max-width: 1078px;
/*    left: 1%;*/
    left: calc((100% - 1100px) / 2);
    top: 154px;
    position: fixed;
    z-index: 20;
    visibility: hidden;
    display: flex;
    flex-flow: column nowrap;
}
#mapZoom {
/*    background-image: url(../_images/common/trans_lite_gray.png);*/
    height: auto;
    width: auto;
/*
    left: 1%;
    top: 208px;
*/
/*
    position: absolute;
    z-index: 20;
    visibility: hidden;
*/
    display: flex;
    flex-flow: row nowrap;
    font-size: .8rem;
}
#zoomImage {
    width: auto;
    height: auto;
    flex: 0 0 auto;
}
#zoomImage img {
    width: auto;
    height: auto; 
}
#imagemaps area {
    outline: none;
}
#countryData {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 0 auto;
    margin-right: 8px;
    margin-top: 12px;
    max-width: calc(100% - 550px);
}
#countryHeader {
    flex: 0 0 auto;   
    color: black;
    font-weight: bold;
}
#closeButton {
    width: 100%;
}
#closeButton img {
    margin: 6px 8px 0 auto;
/*    margin-left: 8px;*/
/*    margin-top: 6px;*/
    width: auto;
    height: auto;
    float: right;
}
#closeButton input[type="button"] {
    font-size: 16px;
}
#phoneMapCloseButton {
    display: none;
}
#countryLegend {
    margin-top: 6px;
    flex: 0 0 auto;
    padding: 6px 0 6px 0;
    background-color: #8f979e;
}
#distributorList {
    display: flex;
    flex-flow: row wrap;
    margin: 12px 0 0 0;
/*    margin-bottom: 20px;*/
    border-top: 1px solid white;
    border-left: 0 none transparent;
    border-right: 0 none transparent;
    border-bottom: 0 none transparent;
    padding: 8px 0 0 0;
    max-height: 320px;    /*dummy*/
/*    overflow: scroll;*/
    overflow: auto;
}
.distributor {
    margin: 8px 4px 8px 4px;
    color: black;
    width: 48.4%;
}
.distributorHeading {
    font-weight: bold;
}
.distributor a {
    text-decoration: underline;
    font-weight: normal;
    color: black;
}
.distributor a:hover {
    font-weight: bold;
}
.distributor a {
    color: black;
}
#imagemaps {
    height: 100px;
    width: 100px;
    left: 43px;
    top: 209px;
    position: absolute;
    z-index: 50;
    visibility: hidden;
}
#mapContent {
    width: 1100px;
    display: flex;
    flex-flow: column nowrap;
    margin-left: auto;
    margin-right: auto;
}
#mapHeader {
    width: 100%;
    text-align: center;
    height: 3em;
    margin-top: 8px;
}
#mapHeader h1 {
    margin: 0;
}
#mapSubHeader {
    width: 100%;
    text-align: center;
}
#mapSubHeader h3 {
    margin: 0 0 8px 0;
    font-size: 1em;
    height: 2em;
    line-height: 2em;
}
#mapQuadrants {
    width: 1100px;
    display: flex;
    flex-flow: row wrap;
}
.mapQuad {
    width: 50%;
    height: auto
}
.mapQuad img {
    width: 100%;
/*    height: auto;*/
    height: 100%;
}
.mapQuad area {
    outline: none;
}
#countrySelector {
    display: none;
}
.countryWithDistributor {
    color: #4d6378;
}
.countryWithoutDistributor {
    color: darkgray;
}
@media screen and (max-width: 1116px) {
    #mapZoomContainer {
        left: 1%;
    }
   #mapZoom {
        max-width: 100%;
        width: 100%;
        top: 100px;
        left: 0;
        display: flex;
        flex-flow: column nowrap;
    }
    #countryData {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-device-width: 1024px)
                and (min-device-width: 601px)
                    and (orientation: landscape) {
    #mapZoomContainer {
        top: 78px;
/*        left: calc((100% - 1100px) / 2);*/
    }
    #mapZoom {
        height: auto;
        width: auto;
    /*    display: flex;*/
        flex-flow: row nowrap;
    }
    #countryData {
        width: 100%;
        max-width: calc(100% - 550px);
    }
}
/*
@media screen and (min-device-width: 600px)
                    and (orientation: landscape) {
    #mapZoomContainer {
        left: 1%;
    }
}
*/
/*
@media screen and (max-device-width: 812px)
                    and (orientation: landscape) {
    #mapZoomContainer {
        top: 106px;
        left: 1%;
    }
    .distributor {
        width: 48%;
    }
}
*/
.centeredSelector {
    width: 90%;
    display: block;
    margin: 0 auto 0 auto;
    font-size: 1rem;
}

/*@media screen and (max-device-width: 812px)*/
@media screen and (max-device-width: 1024px)
                    and (orientation: portrait) {
    #mapZoomContainer {
        top: 78px;
        left: 1%;
    }
    #mapZoom {
        max-width: 100%;
        width: 100%;
        top: 100px;
        left: 0;
        display: flex;
        flex-flow: column nowrap;
    }
    #mapContent {
        width: 100%;
    }
    #mapHeader {
        height: 2.0rem;
        line-height: 2.4rem;
    }
    #mapHeader h1 {
        font-size: 1.3rem;
    }
/*
    #mapSubHeader {
        display: none;
    }
    #mapQuadrants {
        display: none;
    }
*/
/*
    #countrySelector {
        display: block;
        width: 94%;
    }
*/
/*
    #zoomImage {
        display: none;
    }
    #zoomImage img {
        display: none;
    }
    #countryLegend {
        display: none;
    }
*/
    .distributor {
        margin: 8px auto 8px auto;
        width: 50%;
    }
    #countryData {
        width: 100%;
        max-width: 100%;
    }
/*
    #distributorList {
        overflow: scroll;
    }
*/

}

/*@media screen and (max-device-width: 812px)*/
@media screen and (max-device-width: 767px)
                    and (orientation: landscape) {
    #mapZoomContainer {
        top: 72px;
        left: 1%;
    }
    #mapZoom {
        max-width: 100%;
        width: 100%;
        top: 100px;
        left: 0;
    }
    #mapContent {
        width: 100%;
    }
    #closeButton {
        display: none;
    }
    #mapHeader {
        height: 2.0rem;
        line-height: 2.4rem;
    }
    #mapHeader h1 {
        font-size: 1.3rem;
    }
    #countrySelector {
        display: flex;
        flex-flow: row nowrap;
        width: 94%;
    }
    .centeredSelector {
        width: 80%;
        margin-top: 4px;
        font-size: 16px;
    }
    #phoneMapCloseButton {
        width: 10%;
        flex: 0 0 auto;
        display: block;
    }
   #countryLegend {
        display: none;
    }
    #zoomImage {
        display: none;
    }
    #zoomImage img {
        display: none;
    }
    #distributorList {
/*        overflow: scroll;*/
        font-size: 9px;
    }
    .distributor {
        margin: 8px auto 8px auto;
        width: 100%;
    }
    #countryData {
        width: 100%;
        max-width: 100%;
    }

}
@media screen and (max-device-width: 480px)
                    and (orientation: portrait) {
    #mapZoom {
        max-width: 100%;
        width: 100%;
        top: 100px;
        left: 0;
    }
    #mapContent {
        width: 100%;
    }
    #mapHeader {
        height: 2.0rem;
        line-height: 2.4rem;
    }
    #mapHeader h1 {
        font-size: 1.3rem;
    }
/*
    #mapSubHeader {
        display: none;
    }
    #mapQuadrants {
        display: none;
    }
*/
    #countrySelector {
        display: block;
        width: 94%;
    }
    #countryLegend {
        display: none;
    }
	#phoneMapCloseButton {
		display: none;
    }
    #zoomImage {
        display: none;
    }
    #zoomImage img {
        display: none;
    }
/*
        #countryLegend {
        display: none;
    }
*/
    .distributor {
        margin: 8px auto 8px auto;
        width: 100%;
    }
    #countryData {
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-device-width: 374px)
                    and (orientation: portrait) {
    #mapHeader h1 {
        font-size: 1.1rem;
    }
}
.distributorV2Container {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    margin-top: 16px;
}
.distributorV2Selectors {
    display: block;
    width: 44%;
    flex: 0 0 auto;
}
.mapV2Container {
    width: 55%;
    min-width: 320px;
    max-width: 880px;
    height: 35vw;
    min-height: 240px;
    max-height: 631px;
    overflow: hidden;
    display: block;
    position: relative;
}
#mapV2ImageSlider {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    
    background-image: url(../_images/maps/world2.jpg);
    background-size: cover;
    margin: 0;
    width: 100vw;
    min-width: 640px;
    max-width: 1500px;
    height: 59.6vw;
    min-height: 381px;
    max-height: 894px;
/*
    width: 200vw;
    min-width: 640px;
    max-width: 3000px;
    height: 119.2vw;
    min-height: 381px;
    max-height: 1788px;
*/
}
/*
#mapV2ImageSlider img {
    display: block;
    margin: 0;
    width: 100vw;
    min-width: 640px;
    max-width: 1500px;
    height: auto;
}
*/
.mapInstructions {
    font-size: .8rem;
    width: 90%;
    display: block;
    margin: 8px auto 12px auto;
}
.mapInstructions a {
    text-decoration: underline;
    color: #ababab;
}
.mapInstructions a:hover {
    text-decoration: bold underline;
    color: #ababab;
}
.mapInstructions a:visited {
    text-decoration: underline;
    color: #ababab;
}
#distributorsListContainer {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    margin-top: 16px;
    visibility: hidden;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
/*    height: 150px;*/
}
#distributorsListHeader {
    flex: 0 0 auto;
    font-size: 1.1rem;
    font-weight: bold;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    background-color: lightgray;
    color: black;
    display: block;
}
#distributorsListLegend {
    flex: 0 0 auto;
    font-size: .9rem;
    font-weight: bold;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    background-color: lightgray;
    color: black;
    display: flex;
    flex-flow: row nowrap;
}
.distributorNameLegend {
    width: 40%;
    flex: 0 0 auto;
    text-align: center;
}
.distributorInfoLegend {
    width: 30%;
    flex: 0 0 auto;
    text-align: center;
}
.distributorsListItem {
    flex: 0 0 auto;
    font-size: .9rem;
    font-weight: normal;
    width: 100%;
    height: auto;
    line-height: auto;
    text-align: left;
    color: lightgray;
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 1px solid lightgray;
}
.distributorName {
    width: 40%;
    flex: 0 0 auto;
    text-align: left;
    padding: 8px;
}
.distributorInfo {
    width: 30%;
    flex: 0 0 auto;
    text-align: left;
    border-left: 1px solid lightgray;
    display: block;
    padding: 8px;
}
.distributorsListItem a {
    color: lightgray;
}
.distributorsListItem a:hover {
    color: lightgray;
    font-weight: bold;
}
.distributorsListItem a:visited {
    color: lightgray;
}
@media screen and (max-device-width: 800px)
                    and (min-device-width: 320px)
                    and (orientation: portrait) {
    .distributorV2Container {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        margin-top: 8px;
    }
    .distributorV2Selectors {
        width: 100%;
    }
    .mapV2Container {
        width: 100%;
        min-width: 300px;
        height: 59.6vw;
        min-height: 178px;
    }
}
@media screen and (max-device-width: 450px)
                    and (min-device-width: 320px)
                    and (orientation: landscape) {
    .distributorV2Container {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        margin-top: 16px;
    }
    .distributorV2Selectors {
        width: 100%;
    }
    .mapV2Container {
        width: 90%;
        min-width: 300px;
        height: 59.6vw;
        min-height: 178px;
        margin: 8px auto 8px auto;
    }
}
@media screen and (max-device-width: 480px)
                    and (orientation: portrait) {
    .distributorsListItem {
        flex-flow: row wrap;
    }
    .distributorName {
        width: 100%;
    }
    .distributorInfo {
        width: 100%;
        border-left: none;
        padding-bottom: 4px;
    }
}
.mapMarker {
    width: 18px;
    height: 30px;
    background-image: url(../_images/maps/mapMarker.png);
    background-size: 18px 30px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 20;
    margin-left: -9px;
}
#zoomBtnContainer {
    width: 40px;
    height: 89px;
    right: 1%;
    bottom: 0;
    position: absolute;
    z-index: 25;
}
#zoomBtnContainer img {
    width: 40px;
    height: auto;
    opacity: .9;
}
#USA {
    left: 19.3%;
    bottom: 55.9%;
}
#CAN {
    left: 16.7%;
    bottom: 68.3%;
}
#MEX {
    left: 18.7%;
    bottom: 47.5%;
}
#RUS {
    left: 74%;
    bottom: 73.8%;
}
#ARG {
    left: 28.9%;
    bottom: 19.5%;
}
#AST {
    left: 84.3%;
    bottom: 23.7%;
}
#BLG {
    left: 47.6%;
    bottom: 62.6%;
}
#CHL {
    left: 26.7%;
    bottom: 16.2%;
}
#CHI {
    left: 74.8%;
    bottom: 53.7%;
}
#CZR {
    left: 51%;
    bottom: 61.9%;
}
#DEN {
    left: 49.2%;
    bottom: 66.6%;
}
#EGY {
    left: 55.1%;
    bottom: 48.1%;
}
#ETH {
    left: 57.7%;
    bottom: 39.3%;
}
#FIN {
    left: 54.3%;
    bottom: 74%;
}
#GRM {
    left: 49.8%;
    bottom: 63.8%;
}
#GRC {
    left: 53.1%;
    bottom: 55.5%;
}
#HKG {
    left: 78.5%;
    bottom: 45.7%;
}
#HNG {
    left: 52.3%;
    bottom: 60.3%;
}
#IDA {
    left: 68.4%;
    bottom: 45.6%;
}
#IRL {
    left: 44.7%;
    bottom: 64.3%;
}
#ISR {
    left: 56.4%;
    bottom: 50.4%;
}
#ITL {
    left: 50.5%;
    bottom: 56.4%;
}
#JAP {
    left: 85.4%;
    bottom: 53.1%;
}
#KEN {
    left: 57.6%;
    bottom: 34.7%;
}
#KWT {
    left: 60.1%;
    bottom: 49.2%;
}
#LUX {
    left: 48.6%;
    bottom: 61.7%;
}
#MLA {
    left: 74.9%;
    bottom: 37.1%;
}

#MOR {
    left: 44.3%;
    bottom: 49.6%;
}
#NWZ {
    left: 95.1%;
    bottom: 14.4%;
}
#NGA {
    left: 48.6%;
    bottom: 40.4%;
}
#NRW {
    left: 49.3%;
    bottom: 72.5%;
}
#POR {
    left: 44.6%;
    bottom: 55.4%;
}
#PTR {
    left: 28.4%;
    bottom: 43.7%;
}
#SOV {
    left: 50.9%;
    bottom: 59.2%;
}
#SAF {
    left: 53.2%;
    bottom: 20.2%;
}
#SKR {
    left: 82.5%;
    bottom: 53%;
}
#SPN {
    left: 46%;
    bottom: 56.9%;
}
#SRL {
    left: 69.3%;
    bottom: 38.6%;
}
#SWD {
    left: 51.9%;
    bottom: 76.7%;
}
#SWZ {
    left: 49.3%;
    bottom: 59.4%;
}
#TAI {
    left: 80.4%;
    bottom: 46.3%;
}
#TNZ {
    left: 57%;
    bottom: 31.8%;
}
#NTH {
    left: 48.1%;
    bottom: 63.5%;
}
#TRK {
    left: 56.6%;
    bottom: 54.9%;
}
#UGD {
    left: 55.9%;
    bottom: 35.8%;
}
#UKR {
    left: 56.1%;
    bottom: 61.5%;
}
#UAE {
    left: 61.8%;
    bottom: 46.6%;
}
#UKG {
    left: 46.3%;
    bottom: 66%;
}
#VIE {
    left: 76%;
    bottom: 45%;
}

/************************
    legacy products
************************/
#legacyLinks {
    text-align: center;
    margin-top: 16px;
}
#legacyLinks a {
    color: #ababab;
}
#legacyLinks a:visited {
    color: #ababab;
}
#legacyLinks a:hover {
    color: #ababab;
    font-weight: bold;
}
/************************
 social media links at bottom of page
************************/
#social {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	clear: both;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 0.75em;
	font-weight: normal;
	color: #bbbebf;
}
#social a {
    text-decoration: none;
	color: #bbbebf;
    margin-left: 4px;
}
#social a:hover {
    text-decoration: underline;
	color: #bbbebf;
}
#social a:visited {
    text-decoration: none;
	color: #bbbebf;
}
#social img {
/*
    width: 24px;
    height: 24px;
*/
    width: 42px;
    height: 42px;
    flex: 0 1 auto;
/*
    margin-left: 4px;
    margin-right: 4px;
*/
    margin-left: 2px;
    margin-right: 2px;
}
@media only screen and (max-device-width: 320px)
					and (orientation: portrait) {
    #social {
/*        display: block;*/
        width: auto;
        overflow: hidden;
        margin-left: auto;
        margin-right: 8px;
    }
    #social img {
        display: block;
        float: left;
    }
}
/************************
 copyright message at bottom of all pages
************************/
#copyright {
	font-size: 0.75rem;
	font-weight: normal;
	color: #bbbebf;
	text-align: center;
	vertical-align: top;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	clear: both;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.returnInstructionsWrapper {
	width: 99%;
	background-color: white;
    color: black;
	height: auto;  
    font-size: 13px;
    text-align: left;
    padding: 12px;
    margin-left: 0.5%;
}

.returnInstructH2 {
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    text-align: center;
}
.centeredItalicText {
    width: 100%;
    overflow: hidden;
    font-style: italic;
    text-align: center;
    
}
.returnInstructH3 {
    font-weight: bold;
    font-size: 18px;
    text-decoration: underline
}
.returnInstructSubheading {
    font-size: 12px;
}
.returnInstructEmphasis {
    font-style: italic;
}
.returnInstructionsWrapper li {
    padding-bottom: 8px;
}
.rmaFormWrapper {
	width: 99%;
	background-color: white;
    color: black;
	height: auto;  
    font-size: 13px;
    text-align: left;
    padding: 12px;
    margin-left: 0.5%;
    display: flex;
    flex-flow: column nowrap;   
}
.rmaFormLogoContainer {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}
.rmaFormSection {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}
.rmaFormLogoContainer img {
    display: block;
    width: 30%;
    flex: 0 0 30%;
    height: auto;
    object-fit: contain;
}
.rmaFormSection .headerContainer {
    text-align: center;
    width: 100%;
}
.rmaFormSection .radioGroupLabel h2 {
    font-style: italic;
}
.rmaFormSection input[type=radio] {
    display: block;
    font-weight: bold;
}
.rmaFormInfoContainer {
    margin: 12px 0 12px 0;
    flex: 0 0 auto;
}
.rmaFormInfoContainer fieldset {
    margin-bottom: 8px;
}
.rmaFormInfoContainer a {
    color: #b8b8b8;
    text-decoration: underline;
}
.rmaFormInfoContainer a:hover {
    color: #b8b8b8;
    text-decoration: underline;
    font-weight: bold;
}
.rmaFormInfoContainer a:visited {
    color: #b8b8b8;
    text-decoration: underline;
}
.rmaHeadingContainer {
    padding-top: 6px;
    text-align: center;
}
.rmaHeadingContainer h1 {
    font-size: 1.6em;
}
.rmaLeftFieldDivider {
    flex: 0 0 auto;
    text-align: right;
    max-width: 330px;
}
.rmaCenteredGreenText {
    margin-top: 8px;
    flex: 0 0 100%;
    text-align: center;
    color: #00c005;
}
.whiteLink {
    color: white;
    text-decoration: none;
}
.whiteLink:hover {
    color: white;
    text-decoration: none;
    font-weight: bold;
}
.whiteLink:visited {
    color: lightgray;
    text-decoration: none;
    font-weight: normal;
}
.centeredRMAItem {
    margin-top: 8px;
    flex: 0 0 100%;
    text-align: center;
}
.rmaPreferenceText {
    font-size: 14px;
    font-style: italic;
}
.sendRMAFormButton {
    font-size: 17px;
    font-weight: bold;
    coloe: #00c005;
}