@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


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

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

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

#subNavPanel {
	width: 22%;
	margin-left: 2%;
	margin-top: 5%;
	margin-right: 2%;
}

#subNavTitle {
	border-bottom-color: #A4A4A4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 100%;
}

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

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

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

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

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

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

.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: 110%;
	 text-align: left;
	 text-decoration: none;
	 margin-left: -2%;
	 margin-right: 0%;
	 margin-top: 0%;
	margin-bottom: 6%;
}

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

.parentProd a:link {
	color: #535353;
	padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}
.parentProd a:visited {
	color: #535353;
    padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}
.parentProd a:hover {
	font-weight: 500;
	color: #2F638E;
	padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}

.parentProdFirst a:link {
	color: #535353;
 	padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}
.parentProdFirst a:visited {
	color: #535353;
    padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}
.parentProdFirst a:hover {
	font-weight: 500;
	color: #2F638E;
    padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}

.parentProdFirstLit a:link {
	color: #336b99;
    padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}
.parentProdFirstLit a:visited {
	color: #336b99;
    padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}
.parentProdFirstLit a:hover {
	color: #2F638E;
 	padding-top: 5%;
 	padding-bottom: 6%;
	padding-bottom: 7%;
	padding-left: 0%;
}

.parentProdLit a:link {
	color: #336b99;
 	padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}
.parentProdLit a:visited {
	color: #336b99;
	padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}

.parentProdLit a:hover {
	color: #2F638E;
	padding-top: 5%;
	padding-bottom: 7%;
	padding-left: 0%;
}




.parentProdSub a:link {
	color: #535353;
    padding-top: 2%;
    padding-bottom: 6%;
    padding-left: 0%;
   font-weight: 400;
}
.parentProdSub a:visited {
	color: #535353;
	padding-top: 2%;
	padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 400;
}
.parentProdSub a:hover {
	color: #2F638E;
 	padding-top: 2%;
 	padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}

.parentProdSubLit a:link {
	color: #336b99;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}
.parentProdSubLit a:visited {
	color: #336b99;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}

.parentProdSubLit a:hover {
	color: #2F638E;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}

.parentProdSubFirst a:link {
	color: #535353;
    padding-top: 2%;
    padding-bottom: 6%;
    padding-left: 0%;
   font-weight: 400;
}
.parentProdSubFirst a:visited {
	color: #535353;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 400;
}
.parentProdSubFirst a:hover {
	color: #2F638E;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}

.parentProdSubFirstLit a:link {
	color: #336b99;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}
.parentProdSubFirstLit a:visited {
	color: #336b99;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}

.parentProdSubFirstLit a:hover {
	color: #2F638E;
    padding-top: 2%;
    padding-bottom: 6%;
 	padding-left: 0%;
   font-weight: 600;
}

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

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


#subNavPanel {
	width: 21%;
	margin-left: 2%;
	margin-top: 3%;
	margin-right: 2%;
}

#subNavTitle {
}

#subNav {
}

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

.linkProd {
 width: 95%;
 height: auto;
 font-weight: 400;
 font-style: normal;
 font-size: 84%;
 line-height: 100%;
 text-align: left;
 text-decoration: none;
 margin-left: 0%;
 margin-right: 0%;
 margin-top: 0%;
 margin-bottom: 0%;
}

.linkProdLit {
  width: 95%;
	 height: auto;
	 font-weight: 600;
	 font-size: 84%;
	 font-style: normal;
	 line-height: 100%;
	 text-align: left;
	 text-decoration: none;
	 margin-left: 0%;
	 margin-right: 0%;
	 margin-top: 0%;
	 margin-bottom: 0%;
}

.linkProdSub {
	font-size: 80%;
}

.linkProdSubLit {
	font-size: 80%;
}

.parentProd a:link {
	padding-bottom: 5%;
}
.parentProd a:visited {
	padding-bottom: 5%;
}
.parentProd a:hover {
	font-weight: 500;
	padding-bottom: 5%;
}

.parentProdFirst a:link {
	padding-bottom: 5%;
}
.parentProdFirst a:visited {
	padding-bottom: 5%;
}
.parentProdFirst a:hover {
	font-weight: 500;
	padding-bottom: 5%;
}

.parentProdFirstLit a:link {
	padding-bottom: 5%;
}
.parentProdFirstLit a:visited {
	padding-bottom: 5%;
}
.parentProdFirstLit a:hover {
	padding-bottom: 5%;
}

.parentProdLit a:link {
	padding-bottom: 5%;
}
.parentProdLit a:visited {
	padding-bottom: 5%;
}

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

.parentProdSub a:link {
	color: #535353;
    padding-top: 0%;
    padding-bottom: 4%;
    padding-left: 5%;
}
.parentProdSub a:visited {
	color: #535353;
	padding-top: 0%;
	padding-bottom: 4%;
 	padding-left: 5%;
}
.parentProdSub a:hover {
	color: #336b99;
 	padding-top: 0%;
 	padding-bottom: 4%;
 	padding-left: 5%;
}

.parentProdSubLit a:link {
	color: #336b99;
 	padding-top: 0%;
 	padding-bottom: 4%;
 	padding-left: 5%;
}
.parentProdSubLit a:visited {
	color: #336b99;
	padding-top: 0%;
	padding-bottom: 4%;
 	padding-left: 5%;
}

.parentProdSubLit a:hover {
	color: #336b99;
	padding-top: 0%;
	padding-bottom: 4%;
 	padding-left: 5%;
}

.parentProdSubFirst a:link {
	color: #535353;
    padding-top: 0%;
    padding-bottom: 2%;
    padding-left: 5%;
}
.parentProdSubFirst a:visited {
	color: #535353;
	padding-top: 0%;
	padding-bottom: 2%;
 	padding-left: 5%;
}
.parentProdSubFirst a:hover {
	color: #336b99;
 	padding-top: 0%;
 	padding-bottom: 2%;
 	padding-left: 5%;
}

.parentProdSubFirstLit a:link {
	color: #336b99;
 	padding-top: 0%;
 	padding-bottom: 2%;
 	padding-left: 5%;
}
.parentProdSubFirstLit a:visited {
	color: #336b99;
	padding-top: 0%;
	padding-bottom: 2%;
 	padding-left: 5%;
}

.parentProdSubFirstLit a:hover {
	color: #336b99;
	padding-top: 0%;
	padding-bottom: 2%;
 	padding-left: 5%;
}



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

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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


#subNavPanel {
	width: 20%;
	margin-right: 3%;
	margin-left: 4%;
}

#subNavTitle {
}

#subNav {
}

.prod {
	margin-left: -1.8em;
}

.linkProd {
	font-size: 94%;
}

.linkProdLit {
	font-size: 94%;
}

.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;
}
}