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


/* ••••••••••••••••••••••••••••••••••••••••••••••••••. */
/* Mobile Layout: 480px and below. */
  
.subNavBkgd {
    width: 26%;
    margin-bottom: 4%;
    float: left;
    clear: left;
    margin-left: 0%;
    margin-top: 0%;
    height: auto;
    background-image: url(../images/subNavFade-yelo.png);
    background-position: 0% 0%;
    background-size: contain;
    background-repeat: repeat-x;
    min-height: 350px;
}

.subNavBlock {
	width: 92%;
	margin-bottom: 4%;
	float: left;
	clear: left;
	margin-left: 4%;
	margin-top: 12%;
	height: auto;
}

.subNavTitle {
    width: 100%;
    margin-top: 0%;
    margin-bottom: 6%;
}

.subNav {
	width: 100%;
	margin-left: 0%;
	margin-top: 2%;
	padding-bottom: 4%;
	clear: left;
}

.false {
	margin-top: 0%;
	margin-bottom: 0%;
	margin-left: 0em;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
}

.prod {
    margin-top: 0%;
    margin-bottom: 2%;
    list-style-position: inside;
    margin-left:0em;
    list-style-image: none;
    list-style-type: none;
}

.prod2 {
	 margin-left: -18%;
	 margin-top: 0%;
	 margin-bottom: 0%;
	 list-style-position: inside;
	 list-style-type: none;
}

.prod3 {
    margin-left: -5%;
    margin-top: 0%;
    margin-bottom: 0%;
    list-style-position: outside;
    list-style-type: square;
}

.linkProd {
	display: block;
	width: 100%;
	height: auto;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 72%;
	line-height: 130%;
	text-align: left;
	text-decoration: none;
	margin-left: 0%;
	margin-right: 0%;
	clear: none;
	float: left;
}

.linkProdLit {
	display: block;
	width: 100%;
	height: auto;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 400;
	font-size: 72%;
	line-height: 130%;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	margin-left: 0%;
	margin-right: 0%;
	clear: none;
	float: left;
}

.linkProdSub {
	 display: block;
	 width: 100%;
	 height: auto;
	 font-family: 'Encode Sans Condensed', sans-serif;
	 font-weight: 400;
	 font-style: normal;
	 font-size: 72%;
	 line-height: 120%;
	 text-align: left;
	 text-decoration: none;
	 margin-left: 0%;
	 margin-right: 0%;
}

.linkProdSubLit {
	display: block;
	width: 100%;
	height: auto;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 72%;
	line-height: 120%;
	text-align: left;
	text-decoration: none;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 4%;
	margin-bottom: 4%;
}

.parentProd a:link {
	color: #424242;
 	padding-top: 6%;
 	padding-bottom: 6%;
	padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #BFBFBF;
}
     
.parentProd a:visited {
	color: #424242;
 	padding-top: 6%;
 	padding-bottom: 6%;
	padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #BFBFBF;
}
     
.parentProd a:hover {
    color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
    font-weight: 400;
    padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #EC008C;
}

.parentProdFirst a:link {
	color: #424242;
 	padding-top: 6%;
 	padding-bottom: 6%;
	padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #BFBFBF;
}

.parentProdFirst a:visited {
	color: #424242;
 	padding-top: 6%;
 	padding-bottom: 6%;
    padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #BFBFBF;
}

.parentProdFirst a:hover {
    color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
    font-weight: 400;
    padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #EC008C;
}

.parentProdFirstLit a:link {
    color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
    padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #EC008C;
}

.parentProdFirstLit a:visited {
    color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
    padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #EC008C;
}

.parentProdFirstLit a:hover {
    color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
    font-weight: 400;
	margin-bottom: 4%;
    border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdLit a:link {
    color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
    padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #EC008C;
}

.parentProdLit a:visited {
    color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
    padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #EC008C;
}

.parentProdLit a:hover {
	color: #EC008C;
 	padding-top: 6%;
 	padding-bottom: 6%;
	padding-left: 0%;
	margin-bottom: 4%;
	border-bottom: 1px solid #EC008C;
}

.parentProdSub a:link {
 color: #424242;
 padding-top: 2%;
 padding-bottom: 4%;
 padding-left: 7%;
}
     
.parentProdSub a:visited {
 color: #424242;
 padding-top: 2%;
 padding-bottom: 4%;
 padding-left: 7%;
}
     
.parentProdSub a:hover {
 color: #EC008C;
 padding-top: 2%;
 padding-bottom: 4%;
 padding-left: 7%;
}

.parentProdSubLit a:link {
 color: #EC008C;
 padding-top: 2%;
 padding-bottom: 4%;
 padding-left: 7%;
}
     
.parentProdSubLit a:visited {
 color: #EC008C;
 padding-top: 2%;
 padding-bottom: 4%;
 padding-left: 7%;
}

.parentProdSubLit a:hover {
 color: #EC008C;
 padding-top: 2%;
 padding-bottom: 4%;
 padding-left: 7%;
}

 .zeroMargin_mobile {
    margin-left: 0;
}

.hide_mobile {
    display: none;
}

    
     
/* ••••••••••••••••••••••••••••••••••••••••••••••••••. */
/* Tablet Layout: 481px to 768px. */

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

.subNavBkgd {
	width: 25%;
	margin-top: 0%;
	margin-bottom: 4%;
	float: left;
	clear: left;
	margin-left: 0%;
	height: auto;
    min-height: 450px;
}

.subNavBlock {
    width: 98%;
	margin-left: 2%;
	margin-top: 9%;
}

.subNavTitle {
    width: 98%;
    margin-top: 0%;
    margin-bottom: 4%;
}

.subNav {
	width: 100%;
	margin-bottom: 5%;
	margin-top: 1%;
}

.false {
}

.prod {
	margin-top: 0%;
	margin-bottom: 2%;
    list-style-position: outside;
	margin-left: -2em;
}


.linkProd {
	width: 95%;
	font-size: 80%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.linkProdLit {
	width: 95%;
	font-size: 80%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.linkProdSub {
	width: 95%;
	font-size: 80%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.linkProdSubLit {
	width: 95%;
	font-size: 80%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.parentProd a:link {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 0%;
}
.parentProd a:visited {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 0%;
}

.parentProd a:hover {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdFirst a:link {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-top: 0px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 0%;
}

.parentProdFirst a:visited {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-top: 0px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 0%;
}
.parentProdFirst a:hover {

	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-top: 0px solid #BFBFBF;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdFirstLit a:link {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-top: 0px solid #BFBFBF;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdFirstLit a:visited {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-top: 0px solid #BFBFBF;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdFirstLit a:hover {
	margin-bottom: 0%;
	border-top: 0px solid #BFBFBF;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdLit a:link {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdLit a:visited {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdLit a:hover {
	margin-bottom: 0%;
 	padding-top: 5%;
 	padding-bottom: 4%;
	border-bottom: 1px solid #EC008C;
	margin-bottom: 0%;
}

.parentProdSub a:link {
 padding-left: 6%;
 padding-top: 2%;
 padding-bottom: 4%;
border-bottom: 0px solid #BFBFBF;  
}
    
.parentProdSub a:visited {
 padding-left: 6%;
 padding-top: 2%;
 padding-bottom: 4%;
}
    
.parentProdSub a:hover {
 padding-left: 6%;
 padding-top: 2%;
 padding-bottom: 4%;
}

.parentProdSubLit a:link {
 padding-left: 6%;
 padding-top: 2%;
 padding-bottom: 4%;
}
    
.parentProdSubLit a:visited {
 padding-left: 6%;
 padding-top: 2%;
 padding-bottom: 4%;
}

.parentProdSubLit a:hover {
 padding-left: 6%;
 padding-top: 2%;
 padding-bottom: 4%;
}

.zeroMargin_tablet {
    margin-left: 0;
}
    
.hide_tablet {
    display: none;
}
}




/* ••••••••••••••••••••••••••••••••••••••••••••••••••. */
/* Laptop layout: 768px to a max of 1024px.  */

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

.subNavBkgd {
	width: 25%;
	margin-top: 0%;
	margin-bottom: 1%;
	float: left;
	clear: left;
	margin-left: 0%;
	height: auto;
    min-height: 450px;
}

.subNavBlock {
    width: 95%;
	margin-left: 5%;
	margin-top: 14%;
}

.subNavTitle {
    margin-top: 0%;
}

,subNav {
	margin-bottom: 5%;
}

.false {
}

.prod {
	margin-top: 0%;
	margin-bottom: 2%;
	list-style-position: outside;
	line-height: 110%;
	margin-left: -1.8em;
}


.linkProd {
	font-size: 92%;
}

.linkProdLit {
	font-size: 92%;
}

.linkProdSub {
	font-size: 92%;
}

.linkProdSubLit {
	font-size: 92%;
}

.parentProd a:link {
}

.parentProd a:visited {
}

.parentProd a:hover {
}

.parentProdFirst a:link {
}

.parentProdFirst a:visited {
}

.parentProdFirst a:hover {
}

.parentProdFirstLit a:link {
}

.parentProdFirstLit a:visited {
}
.parentProdFirstLit a:hover {
}

.parentProdLit a:link {
}

.parentProdLit a:visited {
}

.parentProdLit a:hover {
}

.parentProdSub a:link {
 padding-top: 2%;
 padding-bottom: 4%;
}

.parentProdSub a:visited {
 padding-top: 2%;
 padding-bottom: 4%;
}

.parentProdSub a:hover {
 padding-top: 2%;
 padding-bottom: 4%;
}

.parentProdSubLit a:link {
 padding-top: 2%;
 padding-bottom: 4%;
}

.parentProdSubLit a:visited {
 padding-top: 2%;
 padding-bottom: 4%;
}

.parentProdSubLit a:hover {
 padding-top: 2%;
 padding-bottom: 4%;
}

.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}



/* ••••••••••••••••••••••••••••••••••••••••••••••••••. */
/* Desktop Layout: 1025px to a max of 1400px.  */

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

.subNavBkgd {
    width: 25%;
    margin-top: 0%;
    margin-bottom: 1%;
    float: left;
    clear: left;
    margin-left: 0%;
    height: auto;
    min-height: 600px;
}

.subNavBlock {
    width: 90%;
    margin-top: 12%;
    margin-left: 10%;
}

.subNavTitle {
    margin-top: 0%;
}

.subNav {
	margin-bottom: 5%;
}

.false {
}

.prod {
	margin-top: 0%;
	margin-bottom: 2%;
	list-style-position: outside;
	line-height: 110%;
	margin-left: -1.8em;
}


.linkProd {
	font-size: 92%;
}

.linkProdLit {
	font-size: 92%;
}

.linkProdSub {
	font-size: 92%;
}

.linkProdSubLit {
	font-size: 92%;
}

.parentProd a:link {
}

.parentProd a:visited {
}

.parentProd a:hover {
}

.parentProdFirst a:link {
}

.parentProdFirst a:visited {
}

.parentProdFirst a:hover {
}

.parentProdFirstLit a:link {
}

.parentProdFirstLit a:visited {
}
.parentProdFirstLit a:hover {
}

.parentProdLit a:link {
}

.parentProdLit a:visited {
}

.parentProdLit a:hover {
}

.parentProdSub a:link {
}

.parentProdSub a:visited {
}

.parentProdSub a:hover {
}

.parentProdSubLit a:link {
}

.parentProdSubLit a:visited {
}

.parentProdSubLit a:hover {
}

.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}