@charset "UTF-8";

/* Mobile Layout: 480px and below. */
  

/* li span { position: relative; left: -6%; }*/

li.nav	{
	margin-top: 0%;
	margin-left: 0%;
}

.subNavBlock {
    width: 16%;
    margin-bottom: 2%;
    float: left;
    clear: left;
    margin-left: 2%;
    margin-top: 4%;
}

.subNavTitle {
	width: 100%;
}

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

.prod {
	margin-top: 0%;
}

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

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

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

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

.parentProd a:link {
	color: #424242;
 	padding-top: 20%;
 	padding-bottom: 20%;
	padding-left: 0%;
	border-bottom: 1px solid #BFBFBF;
}
.parentProd a:visited {
	color: #424242;
 	padding-top: 20%;
 	padding-bottom: 20%;
	padding-left: 0%;
	border-bottom: 1px solid #BFBFBF;
}
.parentProd a:hover {
    color: #750501;
 	padding-top: 20%;
 	padding-bottom: 20%;
    padding-left: 0%;
	border-bottom: 1px solid #750501;
}

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

.parentProdLit a:visited {
    color: #750501;
 	padding-top: 20%;
 	padding-bottom: 20%;
    padding-left: 0%;
	border-bottom: 1px solid #750501;
}

.parentProdLit a:hover {
    color: #750501;
 	padding-top: 20%;
 	padding-bottom: 20%;
	padding-left: 0%;
	border-bottom: 1px solid #750501;
}

.parentProdSub a:link {
 color: #424242;
 padding-top: 6%;
 padding-bottom: 8%;
 padding-left: 4%;
}
.parentProdSub a:visited {
 color: #424242;
 padding-top: 6%;
 padding-bottom: 8%;
 padding-left: 4%;
}
.parentProdSub a:hover {
 color: #00325b;
 padding-top: 6%;
 padding-bottom: 8%;
 padding-left: 4%;
}

.parentProdSubLit a:link {
 color: #e32526;
 padding-top: 6%;
 padding-bottom: 8%;
 padding-left: 4%;
}
.parentProdSubLit a:visited {
 color: #e32526;
 padding-top: 6%;
 padding-bottom: 8%;
 padding-left: 4%;
}

.parentProdSubLit a:hover {
 color: #e32526;
 padding-top: 6%;
 padding-bottom: 8%;
 padding-left: 4%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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


.subNavBlock {
	width: 20%;
	margin-left: 2%;
	margin-top: 3%;
	margin-bottom: 3%;
}

.subNavTitle {
}

.subNav {
	margin-bottom: 20%;
	margin-top: 1%;
}

.prod {
}


.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 {
 	padding-top: 12%;
 	padding-bottom: 12%;
	border-bottom: 1px solid #BFBFBF;
}
.parentProd a:visited {
 	padding-top: 12%;
 	padding-bottom: 12%;
	border-bottom: 1px solid #BFBFBF;
}

.parentProd a:hover {
 	padding-top: 12%;
 	padding-bottom: 12%;
	border-bottom: 1px solid #750501;
}


.parentProdLit a:link {
 	padding-top: 12%;
 	padding-bottom: 12%;
	border-bottom: 1px solid #750501;
}

.parentProdLit a:visited {
 	padding-top: 12%;
 	padding-bottom: 12%;
	border-bottom: 1px solid #750501;
}

.parentProdLit a:hover {
 	padding-top: 12%;
 	padding-bottom: 12%;
	border-bottom: 1px solid #750501;
}

.parentProdSub a:link {
	padding-top: 5%;
	padding-bottom: 5%;
}
    
.parentProdSub a:visited {
	padding-top: 5%;
	padding-bottom: 4%;
}
    
.parentProdSub a:hover {
	padding-top: 5%;
	padding-bottom: 4%;
}

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

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

    

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

/* Desktop Layout: 769px to a max of 1200px. */

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


.subNavBlock {
	margin-top: 3%;
	margin-left: 3%;
}

.subNavTitle {
}

.subNav {
	margin-bottom: 60%;
}

.prod {
	margin-top: 0%;
}


.linkProd {
	font-size: 100%;
}

.linkProdLit {
	font-size: 100%;
}

.linkProdSub {
	font-size: 92%;
}

.linkProdSubLit {
	font-size: 92%;
}

.parentProd a:link {
 	padding-top: 6%;
 	padding-bottom: 6%;
}

.parentProd a:visited {
 	padding-top: 12%;
 	padding-bottom: 12%;
}

.parentProd a:hover {
 	padding-top: 6%;
 	padding-bottom: 6%;
}

.parentProdLit a:link {
 	padding-top: 6%;
 	padding-bottom: 6%;
}

.parentProdLit a:visited {
 	padding-top: 6%;
 	padding-bottom: 6%;
}

.parentProdLit a:hover {
 	padding-top: 6%;
 	padding-bottom: 6%;
}

.parentProdSub a:link {
	padding-top: 5%;
	padding-bottom: 3%;
}

.parentProdSub a:visited {
	padding-top: 5%;
	padding-bottom: 3%;
}

.parentProdSub a:hover {
	padding-top: 5%;
	padding-bottom: 3%;
}

.parentProdSubLit a:link {
	padding-top: 5%;
	padding-bottom: 3%;
}

.parentProdSubLit a:visited {
	padding-top: 5%;
	padding-bottom: 3%;
}

.parentProdSubLit a:hover {
	padding-top: 5%;
	padding-bottom: 3%;
}

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