@charset "UTF-8";
/* CSS Document */
/*h3 {
  background: #1C1D1F;
  color: white;
  width: 80%;
  text-align: center;
  margin: 15px auto;
  padding: 10px;
}*/

/*ul {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  list-style-type:disc;
  background: white;
}

li {
 /* height: 32px;
 /* line-height: 50px;
  border-top: 1px solid #e9ecef;*/
}

/*ul a {
  display: block;
  height: 100%;
  text-decoration: none;
  color: black;
  padding-left: 0px;
  position: relative;
  transition: background .3s;
}

ul a:after {
  /*content: '⇢';
  position: absolute;
  right: 10px;
}

ul a:hover {
  background: #cdcbc4;
}*/
/* CHECKBOX CONTAINER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
  position: relative;
  height: auto;
  border-top: 0;
  margin-left:-40px;
	list-style-type:none;
}

[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

label {
  background-color: #e0e0e0;
  display: block;
  width: 200px;
  height: 40px;
  border-radius:4px;
  cursor: pointer;
  position: absolute;
  top: 0;
	margin-top:10px;
	margin-bottom:50px;
	 -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
label:hover {
     background-color: #999999; 
	color:#ffffff;
}


label:before,
label:after {
  position: absolute;
  padding-top:14px;
}

label:before {
  content: 'Show More';
  left: 10px;
}

label:after {
  content: '⇣●';
  right: 10px;
  -webkit-animation: sudo .85s linear infinite alternate;
  animation: sudo .85s linear infinite alternate;
}

@keyframes sudo {
  from {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  to {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}

input[type="checkbox"] ~ ul {
  width: 100%;
  overflow: hidden;
  max-height: 0;
  transition: max-height .45s cubic-bezier(.44, .99, .48, 1);
}
/* CHECKED STATE STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

[type="checkbox"]:checked ~ ul {
  /**
   * the value of the `max-height` property specifies the transition speed
   * set a very big value (e.g. 9999px) to see the difference
   */
  
  max-height: 300px;
}

[type="checkbox"]:checked + label {
  top: 100%;
}

[type="checkbox"]:checked + label:before {
  content: 'Show Less';
}

[type="checkbox"]:checked + label:after {
  content: '⇡●';
}

ul li:last-child {
  margin-bottom: 10px;
}

.QtyDiscStyle{
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
.QtyPriceStyle{
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.showhide {
	background-color:#ffffff;
	border: 1px solid #0061ad;
	color:#0061ad;
	padding:6px;
	width:150px; 
	margin-top:6px;
	margin-left:-20px;
	font-size:14px;
	font-family:arial;
	border-radius:4px;
	-webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.showhide:hover {
	background-color:#0061ad;
	color:#ffffff;
	text-decoration:none !important;
}
.hideBullets::after {
	padding-left:8px;
	content:"⇡"
}
.showBullets::after {
	padding-left:8px;
	content:"⇣"
}
.leftSide {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding:12px;
}
.rightSide {
	border-bottom: 1px solid #cccccc;
	padding:12px;
}
.CatalogFiles {
	text-align:left;
	padding-left:0px;
	display:block;
	/*margin-top:15px;*/
	float:left;
	width:250px;
	height:26px;
	padding-bottom:6px;
}
.CatalogFiles::before {
	content: url(../images/PDFIcon.svg) ;
	width:30px;
	display:inline-block;
	float:left;
}

.DescriptionText {
	font-family: 'PT Sans', sans-serif;
	font-size:14px;
}
.miniDesc {
	font-family: 'PT Sans', sans-serif;
	font-style: normal;
	font-size:14px;
	font-weight:700;
	
}
.HeaderText {
	font-family: 'PT Sans', sans-serif;
	font-style: normal;
	font-size:26px;
	line-height: 28px;
	padding-bottom:8px;
	font-weight:700;
}