/* YST Changes - Start */
/* YST Changes */
/** send note to start here***/

.bigHeader a{
	font-size:18px !important;	
}

/***1084 ***/
@media screen and  (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) {
   ul.menu > li:first-child .dropdown_5columns{
   		margin-left:-0.4%;
   }
   ul.menu > li:first-child .dropdown_5columns .megatable .col_1a{
   		min-width:120px;
		width:120px;
   }
   ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: -8.4%;  
   }
   ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left:27.4%;   
   }
   
    /*ul.menu > li:nth-child(3) .dropdown_5columns th:nth-child(4),  ul.menu > li:nth-child(3) .dropdown_5columns th:nth-child(5), ul.menu > li:nth-child(3) .dropdown_5columns td:nth-child(4),ul.menu > li:nth-child(3) .dropdown_5columns td:nth-child(5){
		display:none;
   }
   */
   
    ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:130px;
		width:130px;
   }
  
   ul.menu > li:nth-child(4) .dropdown_3columns{
		 margin-left:18.6%;  
   }
   
  
   
   
}

/***1084 ***/
@media screen and (min-width: 1084px) and (max-width: 1279px) and and (-webkit-min-device-pixel-ratio:0) {
   ul.menu > li:first-child .dropdown_5columns{
   		margin-left:-11.4%;
	  }
	 ul.menu > li:first-child .dropdown_5columns .megatable .col_1{
   		min-width:100px;
		width:177px;
   }
	  
	   ul.menu > li:first-child .dropdown_5columns .megatable .col_1a{
   		min-width:100px;
		width:166px;
   }
	ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: -26.4%;	
	}
	 ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left:-10.6%;   
   }
   ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:130px;
		width:130px; 
   }
  /*ul.menu > li:nth-child(3) .dropdown_5columns th:nth-child(5), ul.menu > li:nth-child(3) .dropdown_5columns td:nth-child(5){
		display:none;
   }
   */
   
   .reference5 .col_1, .reference5 .col_1a{
		width:175px !important;   
   }
   
	 ul.menu > li:nth-child(4) .dropdown_3columns{
		 margin-left:-26.4%;  
   }
   
    ul.menu > li:nth-child(4) .dropdown_3columns .megatable3 .col_1{
		min-width:165px;
		width:165px; 
   }
}

/***1280 ***/
@media screen and (min-width: 1280px) and (max-width: 1359px) and (-webkit-min-device-pixel-ratio:0){
   ul.menu > li:first-child .dropdown_5columns{
   		margin-left:-1.4%;
	  }
	 ul.menu > li:first-child .dropdown_5columns .megatable .col_1{
   		min-width:100px;
		width:177px;
   }
	  
	   ul.menu > li:first-child .dropdown_5columns .megatable .col_1a{
   		min-width:100px;
		width:166px;
   }
	ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: -15.4%;	
	}
	 ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left:-1.6%;   
   }
   ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:130px;
		width:130px; 
   }
  /*ul.menu > li:nth-child(3) .dropdown_5columns th:nth-child(5), ul.menu > li:nth-child(3) .dropdown_5columns td:nth-child(5){
		display:none;
   }
   */
   
   .reference5 .col_1, .reference5 .col_1a{
		width:175px !important;   
   }
   
	 ul.menu > li:nth-child(4) .dropdown_3columns{
		 margin-left:-14.9%;  
   }
   
    ul.menu > li:nth-child(4) .dropdown_3columns .megatable3 .col_1{
		min-width:165px;
		width:165px; 
   }
}
/***1360 - 1366 ***/
@media screen and (min-width: 1360px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio:0){
   ul.menu > li:first-child .dropdown_5columns{
   		margin-left:11.6%;
   }
   ul.menu > li:first-child .dropdown_5columns .megatable .col_1a{
   		min-width:164px;
		width:164px;
   }
   
  	ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: 6.4%;	
	}
	
	 ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left:33.4%;   
   }
	
	 ul.menu > li:nth-child(4) .dropdown_3columns{
		 margin-left:25.6%;  
   }
    ul.menu > li:nth-child(4) .dropdown_3columns .megatable3 .col_1{
		min-width:165px;
		width:165px; 
   }
}


/***1440***/
@media screen and (min-width: 1367px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio:0){
   ul.menu > li:first-child .dropdown_5columns{
   		margin-left:13.6%;
		  }
   ul.menu > li:first-child .dropdown_5columns .megatable .col_1{
   		min-width:164px;
		  }
  .reference5 .col_1{
		width:130px;   
   }
   .megatable .col_1a{
		width:90px !important;   
		min-width:190px !important;
   }
   ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: 7.4%;	
	}
	ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left:33.6%;   
   }
	
	ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:131px;	
	}

	ul.menu > li:nth-child(4) .dropdown_3columns{
	margin-left:26.6%;
	}
}
/**when starting to go forward, start here***/
@media screen and (min-width: 1441px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio:0){
   ul.menu > li:first-child .dropdown_5columns{
   		margin-left:8.6%;
   }
  ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: -1.6%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left: 8.4%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:150px;
		width:150px;
	}
	ul.menu > li:nth-child(4) .dropdown_3columns{
	margin-left:1.4%;
	}
  
}


@media screen and (min-width: 1601px) and (max-width: 1679px) and (-webkit-min-device-pixel-ratio:0){
 ul.menu > li:first-child .dropdown_5columns{
   		margin-left:10.4%;
   }
  ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: 0.4%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left: 10.4%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:150px;
		width:150px;
	}
	ul.menu > li:nth-child(4) .dropdown_3columns{
	margin-left:0.6%;
	}
   
}

@media screen and (min-width: 1680px) and (max-width: 1919px) and (-webkit-min-device-pixel-ratio:0){
 ul.menu > li:first-child .dropdown_5columns{
   		margin-left:10.4%;
   }
  ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: 0.4%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left: 10.4%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:150px;
		width:150px;
	}
	ul.menu > li:nth-child(4) .dropdown_3columns{
	margin-left:0.6%;
	}
   
}

@media screen and (min-width: 1920px)  and (-webkit-min-device-pixel-ratio:0){
 ul.menu > li:first-child .dropdown_5columns{
   		margin-left:22.4%;
   }
  ul.menu > li:nth-child(2) .dropdown_3columns{
		margin-left: 19.4%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns{
		margin-left: 37.8%;	
	}
	
	ul.menu > li:nth-child(3) .dropdown_5columns .megatable3 .col_1{
		min-width:150px;
		width:150px;
	}
	ul.menu > li:nth-child(4) .dropdown_3columns{
	margin-left:33.4%;
	}
   
}


/*ul.menu > li:first-child .dropdown_5columns{
	margin-left:6.6%;
		
	}
*/

/*ul.menu > li:nth-child(2) .dropdown_3columns{
	margin-left:10.6%;
		
	}


ul.menu > li:nth-child(3) .dropdown_5columns{
	margin-left:6.6%;
		
	}


	ul.menu > li:nth-child(4) .dropdown_3columns{
	margin-left:8.6%;
		
	}
*/

table.reference3 div.col_1 a, table.reference3 div.col_1a a{
	width:100%;
	
	}

 table.reference4 tbody, table.reference3 tbody{
	position:relative;	
	display:block;
	}
	
	#ie10spacer{
		display:none;	
		
	}
	
/* YST Changes - End */

/* Styles for the Hero Accordion on the main page */
#acc1{
	/*margin-left:2% !important;*/
}

#acc2{
	/*margin:-18%  7% !important;*/
}
#acc3{
    /*width:92%; margin: -18% -7% !important; */
}
#acc4{
	/*margin:-19%  -8% !important;*/
}
#acc5{
    /*margin:-18% 29% !important;*/
}

#heroAccordion {
	height:275px !important;
	
}



#heroAccordion .panel-counter span p{
	
	font-size: 15px;
	color: #ffffff;
	line-height:1em;
	text-align:center;
	text-transform:uppercase;
	}

.ga-layer{
	
	
	position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;padding:2%;width:85%;bottom:3%;
}

#heroAccordion .panel-counter span#enterprise-block{
	padding: 5px;
	font-size: 24px;
	color: #ffffff;
	/*font-weight:bold;*/
	line-height:1em;
	text-align:center;
	margin-top:-14%;
	float:left;
	margin-left:6%;
}

#heroAccordion .panel-counter span#ii-block{
	padding: 5px;
	font-size: 24px;
	color: #ffffff;
	/*font-weight:bold;*/
	line-height:1.15em;
	text-align:center;
	margin-top:-22%;
	float:left;
	margin-left:-15%;
}

#heroAccordion .panel-counter span#ic-block{
	padding: 5px;
	font-size: 24px;
	color: #ffffff;
	/*font-weight:bold;*/
	line-height:1em;
	text-align:center;
	margin-top:-18%;
	float:left;
	margin-left:-4%;
}

#heroAccordion .panel-counter span#oem-block{
	padding: 5px;
	font-size: 24px;
	color: #ffffff;
	/*font-weight:bold;*/
	line-height:1em;
	text-align:center;
	margin-top:-11%;
	float:left;
	margin-left:33%;
}

@media (max-width: 860px) {
	#heroAccordion.custom-responsive .panel-counter {
		font-size: 16px;
		padding: 2px;
		bottom: 2px !important;
		left: 2px !important;
	}

	#heroAccordion.custom-responsive .hide-medium-screen {
		display: none !important;
	}
}

@media (max-width: 640px) {
	#heroAccordion.custom-responsive .ga-layer {
		font-size: 12px;
	}
}

@media (max-width: 450px) {
	#heroAccordion.custom-responsive .ga-layer {
		font-size: 10px;
		padding: 2px;
	}
}

.grid-accordion{position:relative;margin-left:auto;margin-right:auto;top:0px;z-index:6;}
.grid-accordion *{-webkit-tap-highlight-color:transparent}
/*.ga-mask{position:absolute;width:100%;height:100%;overflow:hidden}*/
/*.ga-panels{position:absolute}*/
.ga-horizontal .ga-panels{height:100%}
.ga-vertical .ga-panels{width:100%}
.ga-panel{position:absolute;overflow:hidden;cursor:pointer;height:275px !important;}
.ga-shadow{-webkit-box-shadow:-5px 0 40px 1px #000;-mox-box-shadow:-5px 0 40px 1px #000;box-shadow:-5px 0 40px 1px #000}
.ga-background,.ga-background-opened{border:0;vertical-align:bottom;width:auto;height:auto}
.ga-background-opened{position:absolute;left:0;top:0;visibility:hidden}

.closeButton{
	cursor:pointer;	
}

.ga-gold{color:#FFF;background:#d0a529;background:rgba(208,165,41,.95);/*padding:15%;*/}
.ga-blue{color:#FFF;background:#4f83b2;background:rgba(79,131,178,.95);/*padding:15%;*/}
.ga-teal{color:#FFF;background:#20a6b8;background:rgba(32,166,184,.95);/*padding:15%;*/}
.ga-black{color:#FFF;background:#000;background:rgba(0,0,0,.3)}
.ga-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}


/*.ga-gold{color:#FFF;background:#a5a7a6;background:rgba(165,167,166,.8);padding:15%;}
.ga-blue{color:#FFF;background:#a5a7a6;background:rgba(165,167,166,.8);padding:15%;}
.ga-teal{color:#FFF;background:#a5a7a6;background:rgba(165,167,166,.8);padding:15%;}
.ga-black{color:#FFF;background:#a5a7a6;background:rgba(165,167,166,.8)}
.ga-white{color:#000;background:#a5a7a6;background:rgba(165,167,166,.7)}
*/

.ga-rounded{border-radius:10px}


.ga-padding{padding:10px;width:100%;

}
.ga-pagination-buttons{position:absolute;top:100%;width:100%;text-align:center;padding-top:10px}.ga-pagination-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.ga-pagination-buttons .ga-selected{background-color:#000}.ga-has-buttons{margin-bottom:32px}@media only screen and (min-width:768px) and (max-width:1024px){.ga-pagination-button{width:14px;height:14px}.ga-has-buttons{margin-bottom:36px}}@media only screen and (min-width:568px) and (max-width:768px){.ga-pagination-button{width:16px;height:16px}.ga-has-buttons{margin-bottom:38px}}@media only screen and (min-width:320px) and (max-width:568px){.ga-pagination-button{width:18px;height:18px}.ga-has-buttons{margin-bottom:40px}}.ga-selectable{cursor:default}.ga-grab{cursor:url(images/openhand.cur),move}.ga-grabbing{cursor:url(images/closedhand.cur),move}.ga-no-js{overflow:hidden;max-width:100%}

.grid-accordion p.ga-layer{font-size:13px;line-height:1.4;/*top:53% !important;*/bottom:0% !important;}

.grid-accordion h1.ga-layer{font-size:32px;line-height:1.4}.grid-accordion h2.ga-layer{font-size:24px;line-height:1.4}

.grid-accordion h3.ga-layer{
	/** Changes by YST - 1/29/15**/
	font-size:19px;line-height:1.4;color:white;text-align:left;
	top:0% !important;
	height:40px;
}


.grid-accordion h4.ga-layer{font-size:16px;line-height:1.4}.grid-accordion h5.ga-layer{font-size:13px;line-height:1.4}.grid-accordion h6.ga-layer{font-size:11px;line-height:1.4}.grid-accordion img.ga-layer{border:0}.grid-accordion .ga-background,.grid-accordion .ga-background-opened{border:0!important;border-radius:0!important;margin:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.grid-accordion a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.grid-accordion .ga-background,.grid-accordion .ga-background-opened,.grid-accordion iframe,.grid-accordion object,.grid-accordion video,.grid-accordion embed,.grid-accordion canvas{max-width:none;max-height:none}

a.panels-button{
	border-radius:2px;
	background: #747679;
	/*width:20%;*/
	color:#ffffff !important;
	text-decoration:none;	
	display:inline-block;
	padding:0.625em 1em 0.563em;
	font-size:1em;
	font-weight:bold;
	
}

.panels-button:hover{
	background: #747679;
}

/* End Styles for the Hero Accordion on the main page */





/* ----- inModule - Digital Marketing - CDN-BDB - SEP 2014 ------------------------------------- */
 .inModule {
 width: 100%;
 position: relative;
 }
 .inModule p.top-text {
 font-size: 1.5em;
 margin-bottom: 1em;
 line-height: 1.25em;
 }
 .inModule p.sub-text {
 margin-bottom: 1.2em; 
}
 
.inModule.bk_Envelope {
 background-image: url(http://psitesinternal.com/img/2014/Envelope.png);
 background-repeat: no-repeat;
 background-position: right top;
 background-size: 70px;
 }
 .inModule-btn, .inModule-btn-sm {
 background-color: #00AFA0;
 border-radius: 2px;
 color: #FFFFFF;
 display: inline-block;
 font-family: arial;
 font-size: 1.25em;
 font-weight: bold;
 padding: .625em 1.563em .563em;
 text-align: center;
 text-decoration: none;
 }
 .inModule-btn-sm {
 font-size: 12px !important;
 }
 .inModule-btn:hover, .inModule-btn-sm:hover {
 background-color: #00AFA0;
 cursor: pointer;
 }
 .inModule-btn a, .inModule-btn-sm a {
 color: #ffffff !important;
 text-decoration: none !important;
 }
 
/* ----- DIV TechnicalTables - Digital Marketing - CDN-BDB - SEP 2014 ------------------------------------- */
 #TechnicalTables { border: none; }
 #TechnicalTables table { border: none; border-bottom: 2px solid #333; margin-bottom: 0; }
 #TechnicalTables td{ text-align: center; width: 100px; line-height: 20px; font-size: .9em; border-right: 1px solid #DDD; }
 #TechnicalTables th{ text-align: center; height: 28px; background-color: #DDD; color: #000; font-size: .9em; line-height: 1.3em;}
 #TechnicalTables .TR_subheader {
 background: #DDD;
 text-align: left;
 font-size: 1em;
 }
 #TechnicalTables .bestFitColor { color: #2740f9; }
 #TechnicalTables .growthColor { color: #004620; }
 #TechnicalTables .subHeaderCell { border: 1px solid #545454; font-weight: bold; }
 #TechnicalTables .subTable { border: 0; }
 #TechnicalTables .subTable td { border: 0; }
 
 
  /** Training Center Styles - 8/11/15 - YST **/
  
  
  
.training-center-container{
	/*font-family: 'Roboto', sans-serif;*/	
}

 .youtube-container { display: block;height:300px; /*margin: 20px auto;*/float:left;		 width: 63%; max-width: 960px; }
 
 .youtube-container2 { display: none; margin: 20px auto; width: 100%; max-width: 960px; }
 
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio  padding-bottom: 33.65%;*/ overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }

.youtube-player2 { display: block; width: 97%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 40%; overflow: hidden; position: relative;  height: 100%; cursor: hand; cursor: pointer; display: block;float:left;margin-left:-1.2%; }

img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 99.2%; position: absolute; right: 0; top: -52%; height: auto }
img.youtube-thumb2 { /*bottom: 0;*/ display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: 460px; }
div.play-button { height:574px; width: 969.6px; left: -38.6%; top: -44.8%; /*margin-left: -36px; margin-top: -36px; */position: absolute; background: url("http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/251/87/video-background.png") no-repeat; }

div.play-button2 { height: 436px; width: 730px; left: -114.9px; top: -6.6%; position: absolute; background: url("http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/251/87/video-background.png") no-repeat; }

#youtube-iframe { width: 100%; height: 315px; position: relative; top: 0; left: 0; }

.area-of-interest{
	margin-top:3%;
	position:relative;
	text-align:center;
	/*top:17%;*/
}

.cd-item-action{
  margin-left:0% !important;	
}

.cd-item-action li{
	margin-left:0% !important;	
}


.previous-weeks img{
	width:88%;
	float:left;	
	/*margin-left:10%;*/
		
}

.previous-weeks45 img{
	width:80%;
	float:left;	
	margin-left:10%;
		
}

.previous-weeks2{
	width:100%;	
	float:left;
	margin-top:0%;
	margin-left:20%;
}

.previous-weeks2 img{
	width:100%;
	float:left;		
}

.previous-week-holders{
	
		float:left;
		width:22%;
		text-decoration:none !important;
		font-size:11px;
		
		margin:0% -2.3% 10px 0%;
}

.previous-week-holders45{
	
		float:left;
		width:100%;
		text-decoration:none !important;
		font-size:11px;
		
		margin:5% -2.3% 10px 0%;
}



.BooksList li{ display:none;
}

.previous-week-holders2,.toreturntofeaturealt{
	
		float:left;
		margin-right:4%;
		width:25%;
		text-decoration:none !important;
		/*height:205px;*/font-size:11px;
		margin-bottom:10px;
}

.previous-weeks a:nth-child(3) {
	/*margin-top:12px;*/
}
 .previous-weeks a:nth-child(4) {
	 /*margin-top:12px;*/
}

.activePlayer{
	background:yellow;	
	}
.activePlayer span.side-caption{
	font-weight:bold;	
}
.training-main-body h2{
	font-size:20px;
	line-height:0.9em;	
	margin:2% 0% 0% 0%;
}

.training-alt-body{
  width:959px;
  margin:0 auto;	
}

.training-alt-body-left{
	width:32%;	
	/*float:left;
	
	margin-right:2%;
	border-right:3px solid #eee8e8;
	height:430px;
	margin-top:11.6%;
	*/
	font-size:33.8px;
	float:left;
	margin-top:24px;
	line-height:1.1em;
}

.training-alt-body-right{
	float:right;
	width:46.4%;	
	margin:-26.4% -11.8% 0% 0%;

}

.training-upper-content-hero{
	width:100%;	
	float:left;
	margin-right:2%;
	margin-top:36.4%;
}

.training-upper-content-hero img{
	
	margin-left:-56% !important;
	width:167%;
}

.training-upper-content{
	/*margin-top:4%;*/	
}

.training-upper-content-hero p
{
    display: block;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 0%;
    margin-right: 35%;
    margin-top: 27%;
    text-align: center;
    width: 82%;
}
.bluevolt-button-iai p{
	text-align:center;	
}

.bluevolt-button-iai p a{
	text-decoration:none;
}


.training-upper-content-copy{
	/*width:42%;	
	float:right;
	
	margin-top:-19%;
	margin-left:27%;
	*/
}

.training-upper-content-copy h1{
	margin:0;
	font-weight:normal;
	font-size:35px;
}



.training-alt-body-left a{
	padding:2%;
	text-decoration:none;
	display:block;	
	margin-right:4%;
	color:#58595b;
}

.training-subnav-bar{
	margin-left:7%;
	border-bottom:1px dotted #eee8e8;	
}

.training-alt-body-left a:last-child{
	border-bottom:none;
}

.training-active{
	/*background: #d0a529;*/
	color:#ffffff !important;
	font-weight:bold;
}

.training-dc{
	background: rgb(79, 131, 178);	
}

.training-enterprise{
	background: rgb(79, 131, 178);	
}
.training-iai{
	background: rgb(32, 166, 184);	
}

.training-ic{
	background: rgb(208, 165, 41);	
}

.training-dc-header h1{
	color:	rgb(79, 131, 178);	
}


.training-iai-header h1{
	color:	rgb(32, 166, 184);
}

.training-ic-header h1{
	color:	rgb(208, 165, 41);
}


h2.training-iai-header, .all-yt-content2 h2,.all-yt-content3 h2, .training-alt-container h2 {
	color:	rgb(32, 166, 184) !important;
}

 .all-yt-content2 h2.ic-sub-header,  .all-yt-content3 h2.ic-sub-header {
	color:	#d0a429 !important;
}

 .all-yt-content2 h2.dc-sub-header,  .all-yt-content3 h2.dc-sub-header {
	color:	rgb(79, 131, 178) !important;
}
 
.training-alt-container{
	border-bottom:3px solid #eee8e8;
	float:left;	
	width:92.8%;
}


.training-alt-body h2{
	font-size:22px;
	font-weight:normal;
	/*float:left;
	line-height:2.5em;
	*/
	margin:0%;
	float:left;
	
	color:	rgb(32, 166, 184) !important;
}

.training-alt-body h2.ic-subHeader{
	font-size:22px;
	font-weight:normal;
	/*float:left;*/
	margin:0%;
	float:left;
	/*line-height:2.5em;*/
	color:	rgb(208, 165, 41) !important;
}


.training-alt-body h2.dc-subheader{
	font-size:22px;
	font-weight:normal;
	/*float:left;*/
	margin:0%;
	float:left;
	/*line-height:2.5em;*/
	color:	rgb(79, 131, 178) !important;
}

.all-yt-content2 h2.ic-subHeader,.all-yt-content3 h2.ic-subHeader{
	color:	rgb(208, 165, 41) !important;
}

.all-yt-content2 h2.dc-subheader,.all-yt-content3 h2.dc-subheader{
	color:	rgb(79, 131, 178) !important;
}

.featured-vid-subheader{
	font-size:14px;
	margin-top:-1%;
	float:left;
	font-style:italic;	
}

.now-playing-bar img{
	height:15px;
	width:17px;	
}

.now-playing-bar{
	background:  url('http://psitesinternal.com/assets/img/now-playing-arrow3.png') rgba(0,0,0,0.6) 38% 53% no-repeat;
	box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 114px;
    padding: 52px 0 0 13px;
    /*position: absolute;*/
    top: 0;
    width: 79.6%;
    z-index: 10;
	float:left;
	margin:-85.3% 0 0 0.1%;
}



.now-playing-bar2{
	background:  url('http://psitesinternal.com/assets/img/now-playing-arrow3.png') rgba(0,0,0,0.6) 38% 53% no-repeat;
	bottom:71.7%;
	color:white;
	font-weight:bold;
	/*padding:2.2%;*/
	position:relative;
	width:100%;
	text-transform:uppercase;
	display:block;
	float:left;
	height:47.3px;
}


.now-playing-bar:after {
    /*content: " \00a0 \00a0 \00a0 \00a0 \00a0 NOW PLAYING";*/
} 

.learn-more-dc, .learn-more-enterprise, .learn-more-ia, .learn-more-ic, .learn-more-oem{
	border-radius:2px;
	background: #747679;
	/*width:20%;*/
	color:#ffffff !important;
	text-decoration:none;	
	display:inline-block;
	padding:0.625em 1em 0.563em;
	font-size:1em;
	font-weight:bold;	
}


.ytactive{
    background-color:yellow;
}


ul.previous-weeks {
    list-style-type: none;
}
ul.previous-weeks li a {
    text-decoration: none;
}

.current {
    text-decoration: underline;
}
ul {
    list-style-type: none;
}
a {
    text-decoration: none;
}
.toreturntofeature{
	color:#bc141a;
	font-size:11px;
	font-style:italic;
	cursor:pointer;	
	/*margin-top:12%;*/
	float:left;
}

.side-caption{
	margin-top:3%;
	float:left;
	clear:both;	
	/*margin-left:10%;*/
	color: #919191;
	width:80%;
}

.side-caption:hover{
	color: #20a6b8;
	font-weight:bold;
	
}

.side-caption-ic{
	margin-top:3%;
	float:left;
	clear:both;	
	/*margin-left:10%;*/
	color: #919191;
	width:80%;
}

.side-caption-ic:hover{
	color: #d0a429;
	font-weight:bold;
	
}

.side-caption-dc{
	margin-top:3%;
	float:left;
	clear:both;	
	/*margin-left:10%;*/
	color: #919191;
	width:80%;
}

.side-caption-dc:hover{
	color: #4f83b2;
	font-weight:bold;
	
}



.side-caption-date{
	/*margin-top:3%;
	margin-left:10%;*/
	float:left;
	clear:both;	
	color: #333333;
	
}


.side-caption-home{
	margin-top:3%;
	float:left;
	clear:both;	
	/*margin-left:10%;*/
	color: #919191;
	
}


.side-caption-home:hover{
	margin-top:3%;
	float:left;
	clear:both;	
	/*margin-left:10%;*/
	color: #4f83b2;
	font-weight:bold;
}


.youtube-player{
	/*margin: -6% 3% 0% -30% !important;*/ 
	width: 100%; 
	float: left; 
	display: block;
	margin-top:-53.6% !important;
}

.vid-of-week-subheader{
	/*padding-bottom: 25px;*/ 
	font-size: 12px; 
	float: left;
}

h2.vid-of-week-header{
	line-height: 0.5em;
	margin-top:2% !important;
}

.all-yt-content{
	width: 132.4%; 
	margin-top: 0%; 
	border-top-color: rgb(231, 233, 235); 
	border-top-width: 4px; 
	border-top-style: solid;
	/*border-bottom:4px solid rgb(231,233,235);*/
	float:left;
	margin-left:5%;
}

.all-yt-content2{
	width: 93.3%; 
	
	/*
	margin-top: -2%; 
	border-top-color: rgb(231, 233, 235); 
	border-top-width: 4px; 
	border-top-style: solid;*/
	border-bottom:4px solid rgb(231,233,235);
	float:left;
}

.all-yt-content3{
	width: 100%; 
	
	/*
	margin-top: -2%; 
	border-top-color: rgb(231, 233, 235); 
	border-top-width: 4px; 
	border-top-style: solid;
	border-bottom:4px solid rgb(231,233,235);
	*/
	float:left;
	margin-bottom:20px;
}

#ytmenu{
	width: 104.4%; margin-top: -5.5%; 	
}

#ytmenu_favorites{
	width: 21.2%; margin-top: -5.5%;float:right;
	display:none;
}
#ytmenu2{
	width: 81%; margin-top: -4.4%; margin-right:-8%;float: right;position:relative;	
}

h2.ytvideo-header{
	color: rgb(46, 117, 182); font-size: 16px; font-weight: bold;
}

h3.ytvideo-header2{
	 font-size: 18px; 
	border-bottom:1px solid #e6e6e6;
	margin:0;
	color:#000000 !important;
	line-height:1.1em;
	font-weight:normal;
}



.ytvideo-subheader{
	font-size: 14px;	
}

.all-yt-subcontent{
	margin-top: 10px;
	width:98.7%;
}

.all-yt-subcontent2{
	/*margin-top: -16.3%;*/
}


.training-main-body{
	width: 138.1%; margin-top: 0%;
	margin-left:4.5%;
}

.training-main-container{
	width: 19.3%; float: left;
}

.training-main-images{
	width: 95%; margin-right: 8% !important; margin-bottom: -12% !important; float: left; display: block;
}

.training-hero{
	margin-top: 3%; margin-bottom: 0%;
}

.training-box-border{
	width: 95%; border-bottom-color: rgb(231, 233, 235); border-bottom-width: 4px; border-bottom-style: solid;
}

.training-box-lower-header-oem{
	text-align: center; margin-top: 5px; margin-left: 31%; float: left;
}

.training-box-lower-header-ic{
	text-align: center; margin-top: 5px; margin-left: 26%; float: left;
}

.training-box-lower-header-ia{
	text-align: center; margin-top: 5px;
}

.training-box-lower-header-enterprise{
	text-align: center; margin-top: 5px; margin-left: 20%; float: left;
}

.training-box-lower-header-data-center{
	text-align: center; margin-top: 5px; margin-left: -7%;
}

.training-selected{
	background:green;	
}

.training-share-buttons{
	width:35%;	
	display:block;
	float:right;
}



.training-share-buttons-left{
	/*width:42%;
	float:left;	
	*/
}

.training-share-buttons-right{
	
	/*float:right;
		margin:-5.9% 19% 0% 0%;	
		width:22%;
	
	margin-top:1.2%;*/
}



.training-share-buttons2{
	width:23%;	
	float:right;
	
}

.training-share-buttons-left2{
	width:100%;
	float:left;	
}

.training-share-buttons-right2{
	width:100%;
	float:right;
	border-top:1px solid #e6e6e6;	
	padding-top:4%;
}

.check-out-training-vids{
	font-size:14px;
	font-weight:normal;
	float:right;
	margin:-18% 4% 0% 0%;	
	width:96%;
}

.check-out-training-vids2{
	font-size:14px;
	font-weight:bold;
	float:left;
	margin:0% 1% 0% 0%;	
	width:96%;
	text-transform:uppercase;
	text-decoration:underline;
}

#training_loadMore {
   /* color:#919191;*/
    cursor:pointer;
	float:left;
	background:#e3dede;
	padding:1%;
	font-size:11px;
	margin-left:86.8%;
	display:none;
	margin-top:-3.4%;
	right:19.9%;
}

#training_showLess {
   /* color:#919191;*/
    cursor:pointer;
	float:right;
	background:#e3dede;
	padding:1%;
	font-size:11px;
	margin-right:12.8%;
	display:none;
	margin-top:-3.4%;
	right:19.9%;

}

#training_loadMore2 {
   /* color:#919191;*/
    cursor:pointer;
	float:left;
	background:#e3dede;
	padding:1%;
	font-size:11px;
	margin-left:96.8%;
	display:none;
	margin-top:-3.4%;
	right:19.9%;
}

#training_showLess2 {
   /* color:#919191;*/
    cursor:pointer;
	float:right;
	background:#e3dede;
	padding:1%;
	font-size:11px;
	margin-right:0%;
	display:none;
	margin-top:-3.4%;
	right:19.9%;

}

#training_loadMore:hover, #training_loadMore2:hover {
    color:black;
}



.previous-weeks2 a, .whitepaper-placeholder a{ /*display:none;*/
}

.whitepaper-placeholder{
	float:left;	
	width:17%;
	margin-right:1%;
	font-size:11px;
}


.whitepaper-placeholder img{
	 background-color: #cacaca;
    border-radius: 2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    display: block;
    height: 100px;
    opacity: 1;
    transition: opacity 0.25s ease-in-out 0s;
    width: 100px;	
	border:1px solid #dedbdb;
}

ul.BooksList{
	margin-left:39.8% !important;
	padding:0;	
	width:100% !important;
	margin-top:-16.9% !important;
}


.BooksList li{
   float: left;
    /*height: 310px;*/
    list-style: outside none none;
    opacity: 1;
    width: 200px;
	margin-left:0% !important;	
	
}

#ia-wps li a figure{
	position:relative;	
}


#ia-wps li a figure::before {
    background-color: #24a6b8;
    border-radius: 3px;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: -1;
}

#ia-wps li a figure.ic-hover::before {
    background-color: #d0a429;
    border-radius: 3px;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: -1;
}

#ia-wps li a figure.dc-hover::before {
    background-color: #4f83b2;
    border-radius: 3px;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: -1;
}


#ia-wps li a:hover figure img{
 box-shadow: 0 5px 20px rgba(79, 131, 178, 0.15);
    opacity: 0.2;	
}

.BooksList li a figure {
   	margin:0;
	padding:0;	
}

.whitepaper-placeholder a{
	width: 20%;
	
}


.whitepaper-description{
	position:absolute;	
	bottom:-34%;
	left:21%;
}

.whitepaper-placeholder a span{
		color: #ffffff;
		position:absolute;
		margin-top:1%;
		line-height:1.1em;
		width:70px;
		display:block;
		margin-left:0.5%;
}


.training-box-lower-header-data-center a,
.training-box-lower-header-enterprise a,
.training-box-lower-header-ia a,
.training-box-lower-header-ic a,
.training-box-lower-header-oem a{
	color:#000000 ;	
	
}

.training-border-top{
	width:10.7% !important;
	margin-left:-11%;	
	margin-top:-0.7%;
	position:absolute;
}

.previous-weeks{
	width:100%;	
	float:left;
	/*margin-top:-10%;*/
	/*overflow-y:scroll;
	height:630px;
	 box-shadow: 0 6px 9px -5px rgba(0, 0, 0, 0.25) inset;
	*/
	margin-left:9%;
	
	
	
}

.previous-weeks a{
	display:none;
}

.previous-weeks::before {
   
    content: " ";
    height: 10px;
   margin-left: -190.7px;
   /*
    box-shadow: 0 6px 9px -5px rgba(0, 0, 0, 0.25) inset;position: absolute;*/
    width: 187px;
    z-index: 1;
}

.previous-weeks::after {
    
    content: " ";
    height: 17.1px;
    margin-left: -45.4%;
    /*margin-top: 976px;
	box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.25) inset;*/
   position: absolute;
    width: 57.8%;
    z-index: 1;
	bottom:-109.1%;
}


/** Favorites**/

.previous-weeks45{
	width:100%;	
	float:left;
	/*margin-top:-10%;*/
	overflow-y:scroll;
	height:630px;
	
	 box-shadow: 0 6px 9px -5px rgba(0, 0, 0, 0.25) inset;
	 display:none;
	
	
}



.previous-weeks45::before {
    /*box-shadow: 0 6px 9px -5px rgba(0, 0, 0, 0.25) inset;*/
    content: " ";
    height: 10px;
   margin-left: -190.7px;
   /* position: absolute;*/
    width: 187px;
    z-index: 1;
}

.previous-weeks45::after {
    /*box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.25) inset;*/
    content: " ";
    height: 17.1px;
   
    /*
	 margin-left: -45.4%;margin-top: 976px;*/
   position: absolute;
    width: 11.4%;
    z-index: 1;
	bottom:-53.5%;
	right:22%;
	float:right;
}


/**End: Favorites**/


ul.browse-for-training{
	margin:0;
	padding:0;	
	width:100%;
}

ul.browse-for-training li{
	float:left;
	margin-left:2%;
	
	
}

.training-anchor-links{
	width:100%;	
	float:left;
	margin-bottom:12px;
	/*margin-left:22%;*/
	margin-top:1%;
}

.click-to-browse-prompt{
	font-size:12px;	
	float:left;
	width:25.7%;
	margin-top:12px;
	margin-left:27%;
	font-weight:bold;
}

.click-to-browse-links{
	font-size:12px;	
	color:#20a6b8;
	float:left;
	width:40%;
	margin-top:1.2%;
}

ul.browse-for-training li a{
		color:#919191;
		font-size:12px;	
	
}



ul.browse-for-training li a.dc-link:hover{
		color:#4f83b2;
		font-size:12px;	
		font-weight:bold;
	
}

ul.browse-for-training li a.enterprise-link:hover{
		color:#4f83b2;
		font-size:12px;	
		font-weight:bold;
	
}

ul.browse-for-training li a.iai-link:hover{
		color:#20a6b8;
		font-size:12px;	
		font-weight:bold;
	
}

ul.browse-for-training li a.ic-link:hover{
		color:#d0a529;
		font-size:12px;	
		font-weight:bold;
	
}

ul.browse-for-training li a.oem-link:hover{
		color:#d0a529;
		font-size:12px;	
		font-weight:bold;
	
}

/**  Return to top links**/

.training-center-return-to-top a{
	font-size:11px;
	font-style:italic;	
	float:right;
	color:#919191 !important;
}

.training-center-return-to-top a.return-dc:hover{
		color:#4f83b2 !important;
		text-decoration:none;
}
.training-center-return-to-top a.return-enterprise:hover{
		color:#4f83b2 !important;
		text-decoration:none;
}

.training-center-return-to-top a.return-iai:hover{
		color:#20a6b8 !important;
		text-decoration:none;
}

.training-center-return-to-top a.return-ic:hover{
		color:#d0a529 !important;
		text-decoration:none;
}

.training-center-return-to-top a.return-oem:hover{
		color:#d0a529 !important;
		text-decoration:none;
}

/** End: return to top links**/




ul.browse-for-training li a:hover{
		color:#20a6b8;
}



/** elearning Modules Styles***/

.elearning_feature{
	float:left;
	width:32%;
	margin-right:1%;
	
}

.intro-tables {
	position: relative;
}

.intro-table {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: repeat;
	background-position: 0% 0%;
}

.intro-table-first {
	
}


.module-courses-iai{
	background-image: url('http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/15/863/training-center-module-courses.jpg');
}

.module-webcasts-iai{
	background-image: url('http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/79/382/training-center-module-webcasts.jpg');
}


.intro-table-hover {
	-webkit-transition: background-image 0.3s ease, background-position 0.3s;
	transition: background-image 0.3s ease, background-position 0.3s;
	
}

.intro-table-hover h4 {
	-webkit-transform: translateY(170px);
	transform: translateY(170px);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.intro-table-hover:hover {
	/*background-image: url('../img/training-center-module-webcasts-hover.jpg');*/
	background-position: 50% 50%;
	color:#000000;
}

.module-webcasts-iai:hover {
	background-image: url('http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/254/556/training-center-module-webcasts-hover.jpg');
	background-position: 50% 50%;
	color:#000000;
}

.module-techbriefs-iai{
background-image: url('http://op-iwe-wcs-vip.panduit.com:7003/ccurl_dev/251/547/training-center-module-techbrief.jpg');	
}

.intro-table-third {
	
}

.intro-table-hover .expand {
	
	
	
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s ease, opacity 0.3s;
	
}


.intro-table-hover:hover h4 {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.intro-table-hover:hover .expand {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.intro-table-hover .hide-hover {
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.intro-table-hover:hover .hide-hover {
	opacity: 0;
}

.intro-tables .intro-table {
	position: relative;
	width: 100%;
	height: 300px;
	margin: 20px 0;
}

.intro-tables .intro-table .heading {
	margin: 0;
	padding: 30px;
}

.intro-tables .intro-table .small-heading {
	margin: 0;
	padding: 0 30px;
}

.intro-tables .intro-table .bottom {
	position: absolute;
	top: 20%;
}

.intro-tables .intro-table .bottom2 {
	position: absolute;
	top: 31.6%;
	left:7.4%;
}
.intro-tables .intro-table .owl-schedule .schedule-row {
	padding: 10px 30px;
	color: white;
	transition: all 0.3s ease;
}

.owl-schedule .schedule-row:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.owl-testimonials .author {
	margin-top: -71.8% !important;
	float:right;
	right:1%;
	width:45.6%;
	font-weight:bold;
}

.ripple-effect {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: white;
	-webkit-animation: ripple-animation 2s;
	animation: ripple-animation 2s;
}

.item{
	margin-top:7%;	
}

.content_trainingcenter img{
	width:55%;
	
	  background-color: #cacaca;
    border-radius: 2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    display: block;
   
    opacity: 1;
    transition: opacity 0.25s ease-in-out 0s;
    /*width: 160px;	
	 height: 227px;*/
	margin-top:-8.7%;
	margin-left:-5%;
	height:196.3px;
}

.bottom2 .expand{
	/*margin:57% -5% !important;*/
}

/* Buttons */

.btn {
	font-size: 14px;
	display: inline-block;
	/*padding: 15px 30px;*/
	color: white;
	border: 2px solid transparent;
	border-radius: 2px;
	background: transparent;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn:hover,
.btn:focus {
	color: white;
}

.btn.btn-blue {
	background: #00a8ff;
}

.btn.btn-blue:hover {
	background: #31b9ff;
}

.btn.btn-blue-fill {
	color: #00a8ff;
	border-color: #00a8ff;
	background: transparent;
}

.btn.btn-blue-fill:hover {
	color: white;
	background: #00a8ff;
}

.btn.btn-white-fill {
	color: #fff;
	border-color: #fff;
	background: transparent;
	/*margin:65.2% 7%;*/
	padding:4.1%;
    position:absolute;
	left:8%;
	top:80%;
}

.btn.btn-white-fill2{
	background: transparent none repeat scroll 0 0;
    border-color: #fff;
    color: #fff;
    float:right;
    padding: 4.1%;
	margin:-25.5% 12.9%;
}

.btn.btn-white-fill:hover {
	color: #000000;
	background: #fff;
}

.btn.btn-white-fill2:hover {
	color: #000000;
	background: #fff;
}


.btn.btn-white-fill3{
	/*color: #fff;
	border-color: #fff;
	background: transparent;
	margin:15% -16%;
	float:left;
	position:absolute;
	*/
	 background: transparent none repeat scroll 0 0;
    border-color: #fff;
    color: #fff;
    
    padding: 4.1%;
	margin-top:22%;
}

.btn.btn-white-fill3:hover {
	color: #000000;
	background: #fff;
}

.btn.btn-gray-fill {
	color: #fff;
	border-color: #fff;
	background: transparent;
}

.btn.btn-gray-fill:hover {
	border-color: #bbb;
	background: #bbb;
}


/*** Owl Carousel**/

/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
  
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-controls .owl-page,
.owl-controls .owl-page span {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
*   Owl Carousel Owl Demo Theme 
* v1.3.3
*/

.owl-theme .owl-controls{
  margin-top: 228px;
  text-align: center;
  margin:131.8px -2.9% 0 0;
 
  
}


/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);/*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter: Alpha(Opacity=100);/*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
  display: inline-block;
  zoom: 1;
  *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center
}

.owl-schedule .owl-controls {
  -webkit-transform:translateY(-1200%);
  transform:translateY(-1200%);
  position: absolute;
  right:20px;
}

.owl-schedule .owl-controls .owl-page span {
  background: transparent;
  border-radius:0;
  border:2px solid white;
  width:8px;
  height: 8px;
}

.owl-schedule .owl-controls .owl-page.active span,
.owl-schedule .owl-controls .owl-page:hover span {
  background: white;
}

/* Owl Testimonals */
.owl-testimonials .owl-controls {
  -webkit-transform:translateY(-1200%);
  transform:translateY(-1200%);
  position: absolute;
  right:20px;
}

.owl-testimonials .owl-controls .owl-page span {
  background: transparent;
  border-radius:0;
  border:2px solid white;
  width:8px;
  height: 8px;
}

.owl-testimonials .owl-controls .owl-page.active span,
.owl-testimonials .owl-controls .owl-page:hover span {
  background: white;
}

/* Twitter */
.owl-twitter .owl-controls {
  margin-top:100px;
}

.owl-twitter .owl-controls .owl-page span {
  background: transparent;
  border-radius:0;
  border:2px solid white;
  width:8px;
  height: 8px;
}

.owl-twitter .owl-controls .owl-page.active span,
.owl-twitter .owl-controls .owl-page:hover span {
  background: white;
}

h5.regular {
	font-weight: 400;
	float:left;
	/*margin-left:5%;*/
	
}

.bold {
	font-weight: bold;
}

.intro-tables.intro-table {
	position: relative;
	width: 100%;
	height: 300px;
	margin: 20px 0;
}
/* Colors */

.white {
	color: white;
	margin:0;
	font-weight:normal;
}

.text-right {
  text-align: right;
  margin:0% -5.3% 0% 0%;
  position:relative;
 
}

.elearning-course-heading{
	font-size:18px;	
	margin-left:2.2%;
	padding:2.6%;
}

.webcast-header{
	margin-top:-2.8%;	
	font-weight:bold !important;
}

.small-pt{
	font-size:12px;	
	display:block;
	width:93%;
}

.training-center-more-info{
	cursor:pointer;	
}

.tech-brief-info{
	display:none;
	 background: rgba(0,0,0,0.7) none repeat scroll 0 0;
    color: white;
     float: right;
    font-size: 14px;
    margin-left: -11%;
    margin-top: -19%;
    padding: 1%;
    position: absolute;
    right: 21.7%;
    width: 15.2%;	
	border-radius:5px;
}

.close_tech_brief{
	float:right;
	margin-top:-39%;
	cursor:pointer;	
}

.training-upper-content-copy p{
	display:block;
	
}	

.side-caption-holder{
	display:block;
	width:75.3%;	
	padding:2%;
	height:54px;
	float:left;
}

.training_results_loading{
	display:none;	
	float:right;
	clear:both;
	font-size:11px;
}

.training_results_loading2{
	display:none;	
	float:right;
	clear:both;
	font-size:11px;
}

/** Sub-Nav**/

section.upper-training-nav {
  /* used just to separate different styles 
  border-bottom: 1px solid #e6e6e6;
  padding: 4em 0;*/
  margin-left:-1.4%;
  
}
section.upper-training-nav h2 {
  width: 90%;
  margin: 0 auto 2em;
  color: #2c3f4c;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

 .cd-multi-steps.text-center a:hover {
    background-color: #4f83b2;
	color:#ffffff;
  }
@media only screen and (min-width: 1170px) {
  section {
    /*padding: 6em 0;*/
  }
  section.upper-training-nav h2 {
    margin: 0 auto 3em;
  }
}

.cd-breadcrumb, .cd-multi-steps {
  width: 100%;
  
  padding: 0.5em 1em;
 /* margin: 1em auto;
 max-width: 960px;*/
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #ffffff;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 0.8rem;
  }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #96c03d;
    border-color: #96c03d;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 9px 0.4em 0 !important;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 43%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #4f83b2;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #4f83b2;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 80px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;

}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 1.4rem;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
}


.upper-training-nav2{
	margin-left:-4.8%;
	width:100%;	
}

.cd-multi-steps.text-center li a{
	text-decoration:none;
	color: #b8b6b6;	
	
}
.cd-multi-steps.text-center li a:hover{
	font-weight:bold;
	
}


/** Active Nav**/

#current-upper-nav-home{
	background-color: #4f83b2;
	color:white;
	font-weight:bold;
}




#current-upper-nav-dc{
	background-color: #4f83b2;
	color:white;
	font-weight:bold;
}

#current-upper-nav-enterprise{
	background-color: #4f83b2;
	color:white;
	font-weight:bold;
}

#current-upper-nav-iai{
	background-color: #20a6b8;
	color:white;
	font-weight:bold;
}

#current-upper-nav-ic{
	background-color: #d0a529;
	color:white;
	font-weight:bold;
}

#current-upper-nav-oem{
	background-color: #d0a529;
	color:white;
	font-weight:bold;
}

/**End: Active Nav**/


.cd-multi-steps.text-center li a#upper-nav-dc:hover{
	background-color: #4f83b2;
	font-weight:bold;
}

.cd-multi-steps.text-center li a#upper-nav-enterprise:hover{
	background-color: #4f83b2;
	font-weight:bold;
}

.cd-multi-steps.text-center li a#upper-nav-iai:hover{
	background-color: #20a6b8;
	font-weight:bold;
}

.cd-multi-steps.text-center li a#upper-nav-ic:hover{
	background-color: #d0a529;
	font-weight:bold;
}

.cd-multi-steps.text-center li a#upper-nav-oem:hover{
	background-color: #d0a529;
	font-weight:bold;
}

.training-events-content{
	 float: left;
    margin-left: 5%;
    margin-top: 0;
    width: 95.4%;
}

.whitepaper-titles-iai{
	color:#919191;
	float:left;
	width:80%;
	font-size:11px;	
	margin-top:7.2%;
}


.whitepaper-titles-ic{
	color:#919191;
	float:left;
	width:80%;
	font-size:11px;	
	margin-top:7.2%;
}

.whitepaper-titles-dc{
	color:#919191;
	float:left;
	width:80%;
	font-size:11px;	
	margin-top:7.2%;
}


.bluevolt-content{
	width:100%;	
}

.bluevolt-img{
	width:36%;
	float:left;	
}

.bluevolt-link{
	width:60%;
	float:right;	
}

.bluevolt-button-iai, .bluevolt-button-ic, .bluevolt-button-dc{
	width:66%;
	padding:1%;
	color:#000000 ;
	background: #e3dede;	
	  border-radius: 2px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
	margin-left:18%;
	cursor:pointer;
}

.bluevolt-button-iai:hover{
	background: #20a6b8;
}


.bluevolt-button-ic:hover{
	background: #d0a429;
}

.bluevolt-button-dc:hover{
	background: rgb(79, 131, 178) !important;
}

.bluevolt-button-iai a{
	
	color:#000000 ;
	text-align:center;
		
}

.bluevolt-button-iai a:hover{
	background: #20a6b8;
	color:#ffffff !important;
	font-weight:bold;	
	
}

.bluevolt-button-ic a:hover{
	background: rgb(79, 131, 178) !important;
	color:#ffffff !important;
	font-weight:bold;	
	
}




.bluevolt-button-dc a:hover{
	background: rgb(79, 131, 178);
	color:#ffffff !important;
	font-weight:bold;	
	
}

.bluevolt-button-ic a{
	
	color:#000000 ;
	text-align:center;
	margin-left:26%;
		
}

.bluevolt-button-dc a{
	
	color:#000000 ;
	text-align:center;
	margin-left:26%;
		
}

.bluevolt-button-ic a:hover{
	background: #d0a429;
	color:#ffffff !important;
	font-weight:bold;	
	
}


.bluevolt-button-dc a:hover{
	background: rgb(79, 131, 178);
	color:#ffffff !important;
	font-weight:bold;	
	
}

.now-playing-status
{	background:  url('http://psitesinternal.com/assets/img/now-playing-arrow3.png') rgb(188,20,26) 38% 53% no-repeat;
	bottom:63%;
	color:white;
	font-weight:bold;
	/*padding:2.2%;*/
	position:relative;
	width:80.2%;
	text-transform:uppercase;
	display:block;
	float:left;
	height:47.3px;
	/*display:none;*/
	left:4%;
}

.bluevolt-text{
	font-size:23px;
	line-height:1.1em;
	margin-left:17%;
	display:block;	
}

.bluevolt-img img{
	height:200px;	
}

.youtube-content{
	width:100%;
	height:100%;	
}

.youtube-container-holder{
	height:384px;	
	float:left;
	width:77%;
}

.whitepaper-titles-iai:hover{
	color:#20a6b8;
	font-weight:bold;
}

.whitepaper-titles-dc:hover{
	color:#4f83b2;
	font-weight:bold;
}

.whitepaper-titles-ic:hover{
	color:#d0a429;
	font-weight:bold;
}

.training-box-lower-header-data-center a:hover, .training-box-lower-header-ia a:hover, .training-box-lower-header-enterprise a:hover, .training-box-lower-header-ic a:hover, .training-box-lower-header-oem a:hover {
	text-decoration:none !important;	
}

p.training-box-lower-header-data-center , p.training-box-lower-header-ia , p.training-box-lower-header-enterprise , p.training-box-lower-header-ic , p.training-box-lower-header-oem  {
	font-size:22px !important;	
	line-height:1.1em;
	font-weight:bold;
}

.all-other-yt-vid-holder{
	margin-left:-41%;
	width:100%;	
}

/** Quick View and MixItUp Styles - YST 8/18/15 **/
.cd-header {
  position: relative;
  height: 150px;
  background-color: #331d35;
}
.cd-header h1 {
  color: #ffffff;
  line-height: 150px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 300;
}
@media only screen and (min-width: 960px) {
  .cd-header {
    height: 180px;
  }
  .cd-header h1 {
    line-height: 180px;
  }
}

.cd-main-content {
  position: relative;
  /*min-height: 100vh;*/
	width:960px;
	margin-top:45px !important;
	
}
.cd-main-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-main-content.is-fixed .cd-tab-filter-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px;
}
.cd-main-content.is-fixed .cd-filter {
  position: fixed;
  height: 100vh;
  overflow: hidden;
}
.cd-main-content.is-fixed .cd-filter form {
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.cd-main-content.is-fixed .cd-filter-trigger {
  position: fixed;
}
@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 960px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 100px;
  }
}

/* -------------------------------- 

xtab-filter 

-------------------------------- */
.cd-tab-filter-wrapper {
  background-color: #ffffff;
  /*box-shadow: -2px 1px 3px 0px rgba(0, 0, 0, 0.08);*/
  height:48px;
  z-index: 1;
}
.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-tab-filter {
  /* tabbed navigation style on mobile - dropdown */
  position: relative;
  height: 50px;
  width: 140px;
  margin: 0 auto;
  z-index: 1;
}
.cd-tab-filter::after {
  /* small arrow icon */
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.cd-tab-filter ul {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: inset 0 -2px 0 #41307c;
  margin-left:-1% !important;
}
.cd-tab-filter li {
  display: none;
}
.cd-tab-filter li:first-child {
  /* this way the placehodler is alway visible */
  display: block;
}
.cd-tab-filter a {
  display: block;
  /* set same size of the .cd-tab-filter */
  /*height: 50px;*/
  width: 140px;
  /*line-height: 50px;*/
  padding-left: 14px;
  font-size:13px;
}
.cd-tab-filter a.selected {
  background: #41307c;
  color: #ffffff;
}
.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul {
  box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cd-tab-filter.is-open ul li {
  display: block;
}
.cd-tab-filter.is-open .placeholder a {
  /* reduces the opacity of the placeholder on mobile when the menu is open */
  opacity: .4;
}
@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto;
  }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none;
  }
  .cd-tab-filter ul {
    background: transparent;
    position: static;
    box-shadow: none;
    
  }
  .cd-tab-filter li {
    display: inline-block;
  }
  .cd-tab-filter li.placeholder {
    display: none !important;
  }
  .cd-tab-filter ul li.filter2 {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    color: #d0a529;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
  }
  
  
  .cd-tab-filter a {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
  }
  .no-touch .cd-tab-filter a:hover {
    color: #d0a529;
  }
  .cd-tab-filter a.selected {
    background: transparent;
    color: #d0a529;
    /* create border bottom using box-shadow property */
    box-shadow: inset 0 -2px 0 #d0a529;
  }
  .cd-tab-filter.is-open ul li {
    display: inline-block;
  }
}
@media only screen and (min-width: 960px) {
  .cd-tab-filter {
    /* tabbed navigation on big devices */
    width: 100%;
    float: right;
    margin: 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-tab-filter.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
}

/* -------------------------------- 

xgallery 

-------------------------------- */
.cd-gallery {
  /*padding: 26px 5%;
  width: 100%;
  */
  width:960px;
}
.cd-gallery li {
  margin-bottom: 1.6em;
  /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/
  display: block;
}
.cd-gallery li.gap {
  /* used in combination with text-align: justify to align gallery elements */
  opacity: 0;
  height: 0;
  display: inline-block;
}
.cd-gallery img {
  display: block;
  width: 100%;
}
.cd-gallery .cd-fail-message {
  display: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cd-gallery {
    /*padding: 40px 3%;*/
  }
  .cd-gallery ul {
    /*text-align: justify;*/
  }
  .cd-gallery ul:after {
   /* content: "";
    display: table;
    clear: both;
	*/
  }
  .cd-gallery li {
    width: 48%;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 960px) {
  .cd-gallery {
    /*padding: 50px 2%;
	 float: right;*/
   
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-gallery li {
    width: 20%;
	height:auto;
  }
  .cd-gallery.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
}

/* -------------------------------- 

xfilter 

-------------------------------- */
.cd-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 100%;
  background: #ffffff;
  box-shadow: 4px 4px 20px transparent;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
  -moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
}
.cd-filter::before {
  /* top colored bar */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #d0a529;
  z-index: 2;
}
.cd-filter form {
  padding: 70px 20px;
}
.cd-filter .cd-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  background: #d0a529;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 3;
}
.no-touch .cd-filter .cd-close:hover {
  background: #d0a529;
}
.cd-filter.filter-is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.cd-filter.filter-is-visible .cd-close {
  opacity: 1;
}
@media only screen and (min-width: 960px) {
  .cd-filter {
    width: 20%;
  }
  .cd-filter form {
    padding: 70px 10%;
  }
}

.cd-filter-trigger {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
  width: 60px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
  background: transparent url("http://wwwdev.panduit.com/ccurl/371/588/oem-filter-icon.png") no-repeat center center;
  z-index: 3;
}
.cd-filter-trigger.filter-is-visible {
  pointer-events: none;
}
@media only screen and (min-width: 960px) {
  .cd-filter-trigger {
    width: auto;
    left: 2%;
    text-indent: 0;
    color: #9a9a9a;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    padding-left: 24px;
    background-position: left center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
  }
  .no-touch .cd-filter-trigger:hover {
    color: #d0a529;
  }
  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
    color: #ffffff;
  }
}

/* -------------------------------- 

xcustom form elements 

-------------------------------- */
.cd-filter-block {
  margin-bottom: 1.6em;
}
.cd-filter-block h4 {
  /* filter block title */
  position: relative;
  margin-bottom: .2em;
  padding: 10px 0 10px 20px;
  color: #9a9a9a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.no-touch .cd-filter-block h4:hover {
  color: #d0a529;
}
.cd-filter-block h4::before {
  /* arrow */
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-filter-block h4.closed::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input, .cd-filter-block select,
.cd-filter-block .radio-label::before,
.cd-filter-block .checkbox-label::before {
  /* shared style for input elements */
  font-family: "Open Sans", sans-serif;
  border-radius: 0;
  background-color: #ffffff;
  border: 2px solid #e6e6e6;
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
  width: 100%;
  padding: .8em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
  outline: none;
  background-color: #ffffff;
  border-color: #41307c;
}
.cd-filter-block input[type='search'] {
  /* custom style for the search element */
  border-color: transparent;
  background-color: #e6e6e6;
  /* prevent jump - ios devices */
  font-size: 1.6rem !important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
  display: none;
}
.cd-filter-block .cd-select {
  /* select element wrapper */
  position: relative;
}
.cd-filter-block .cd-select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.cd-filter-block select {
  cursor: pointer;
  font-size: 1.4rem;
}
.cd-filter-block select::-ms-expand {
  display: none;
}
.cd-filter-block .list li {
  position: relative;
  margin-bottom: .8em;
}
.cd-filter-block .list li:last-of-type {
  margin-bottom: 0;
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
  padding-left: 24px;
  font-size: 1.4rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
  width: 16px;
  height: 16px;
  left: 0;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
  /* check mark - hidden */
  display: none;
}
.cd-filter-block .checkbox-label::after {
  /* check mark style for check boxes */
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-check.svg") no-repeat center center;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  border-radius: 50%;
}
.cd-filter-block .radio-label::after {
  /* check mark style for radio buttons */
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
  border-color: #d0a529;
  background-color: #d0a529;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
  display: block;
}

@-moz-document url-prefix() {
  /* hide custom arrow on Firefox - select element */
  .cd-filter-block .cd-select::after {
    display: none;
  }
}



.cd-slider-wrapper li{
	display:block;
	width:100%;	
}

.cd-item-action li{
	box-shadow:none;	
}

.quick-view-description{
	font-size:14px;	
	width:57%;
	float:right;
}

@media only screen and (min-width: 1024px) {
  body.overlay-layer::after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
}
  .cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  /*width: 90%;
   margin: 0 auto;*/
  max-width: 1170px;
 
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}

.cd-item {
  position: relative;
  margin: 0 0 1em;
}
.cd-item > img {
  display: block;
  width: 100%;
}
.cd-quick-view{
	position:relative;
	z-index:9999
}
@media only screen and (min-width: 768px) {
  .cd-item {
    width: 48%;
    float: left;
    margin: 0 4% 2em 0;
  }
  .cd-item:nth-child(2n) {
    /*margin-right: 0;*/
  }
}
@media only screen and (min-width: 1024px) {
  .cd-item {
    width: 22%;
    float: left;
    margin: 0 4% 2.8em 0;
	height:243px !important;
  }
  .cd-item:nth-child(2n) {
    /*margin-right: 4%;*/
  }
  .cd-item:nth-child(4n) {
    /*margin-right: 0;*/
  }
  .cd-item.empty-box::after {
    /* box visible as placeholder when the .cd-quick-view zooms in */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: #392c3f;*/
	background-color: #ffffff;
	
  }
}


img.cd-trigger{
	cursor:pointer;	
}

.cd-trigger {
   /*position: absolute;
 height: 50px;
  line-height: 20px;
  */
  width: 100%;
 
  left: 0;
  /* bottom: 0;background: rgba(0, 0, 0, 0.1);*/
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s, background-color 0.2s;
  -moz-transition: opacity 0.2s, background-color 0.2s;
  transition: opacity 0.2s, background-color 0.2s;
  display:block;
  font-size:14px;
}

.cd-trigger:hover{
	color: #d0a529;
	font-weight:bold;	
}
.no-touch .cd-trigger:hover {
  /*background: rgba(0, 0, 0, 0.2);*/
}
@media only screen and (min-width: 1024px) {
  .cd-trigger {
    /* always visible on small devices */
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-trigger {
    /* only visible on hover on big devices */
    opacity: 1;
  }
}

@media only screen and (min-width: 1170px) {
  .no-touch .cd-item:hover .cd-trigger {
    opacity: 1;
  }

  .touch .cd-item .cd-trigger {
    opacity: 1;
  }
}
.cd-quick-view {
  /* quick view non available on small devices */
  display: none;
  
}
@media only screen and (min-width: 1024px) {
  .cd-quick-view {
    display: block;
    position: fixed;
    max-width: 900px;
    visibility: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left, top, width;
    z-index:9999;
  }
  .cd-quick-view:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-quick-view.is-visible {
    /* class added when user clicks on .cd-trigger */
    visibility: visible;
  }
  .cd-quick-view.animate-width {
    /* class added at the end of the first zoom-in animation */
    background-color: #ffffff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
  }
}

.cd-slider-wrapper {
  position: relative;
  display: inline-block;
  float: left;
  width:40%;
}
.cd-slider-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-slider {
  float: left;
}
.cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cd-slider li img {
  display: block;
  width: 100%;
  max-width: 600px;
}
.cd-slider li.selected {
  position: relative;
  z-index: 3;
}
.add-content .cd-slider {
  margin-right: 3em;
}

.cd-slider-navigation {
  opacity: 0;
}
.add-content .cd-slider-navigation {
  opacity: 1;
}

.cd-slider-navigation li {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.cd-slider-navigation li:first-child {
  left: 0;
}
.cd-slider-navigation li:last-child {
  /* equal to the .cd-slider-wrapper margin-right */
  right: 3em;
}
.cd-slider-navigation li a {
  display: block;
  width: 40px;
  height: 50px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s, background 0.2s;
  -moz-transition: opacity 0.2s, background 0.2s;
  transition: opacity 0.2s, background 0.2s;
}
.cd-slider-navigation li a::before, .cd-slider-navigation li a::after {
  /* create arrows in CSS */
  position: absolute;
  top: 18px;
  left: 14px;
  display: inline-block;
  background: #ffffff;
  height: 3px;
  width: 12px;
}
.cd-slider-navigation li a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-slider-navigation li a::after {
  -webkit-transform: translateY(7px) rotate(-45deg);
  -moz-transform: translateY(7px) rotate(-45deg);
  -ms-transform: translateY(7px) rotate(-45deg);
  -o-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
.add-content .cd-slider-navigation li a {
  opacity: .2;
}
.no-touch .cd-slider-navigation li a:hover {
  background: rgba(71, 55, 78, 0.8);
  opacity: 1;
}
.touch .cd-slider-navigation li a {
  opacity: 1;
}
.cd-slider-navigation li:first-child a::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-slider-navigation li:first-child a::after {
  -webkit-transform: translateY(7px) rotate(45deg);
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

.cd-item-info {
  position: absolute;
  padding: 3em 3em 3em 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility 0s;
  -moz-transition: opacity .3s, visibility 0s;
  transition: opacity .3s, visibility 0s;
}
.cd-item-info h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height:1.1em;
}
.cd-item-info p {
  line-height: 1.1;
  margin: 1em 0;
 
}
.cd-item-info .cd-item-action li {
  display: inline-block;
  margin-right: 1em;
}
.cd-item-info .cd-item-action li:first-child {
  margin-left: -4px;
}
.cd-item-info .add-to-cart {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0.25em;
  border: none;
  padding: .6em 1.2em;
  background-color: #d0a529;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
  clear:both;
  margin:2% 38% 30px 0%;
}
.add-content .cd-item-info {
  /* class added at the end of the width animation, used to show the content */
  position: relative;
  visibility: visible;
  opacity: 1;
}
.add-content .cd-item-info h2 {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}
.add-content .cd-item-info p {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}
.add-content .cd-item-info .cd-item-action {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}

@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translate3d(-40px, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
  }
}
@keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.cd-close2 {
  position: absolute;
  top: 10px;
  right: -4px;
  display: inline-block;
  width: 30px;
  height: 30px;
  color:#cacaca;
  /* image replacement
  overflow: hidden;
  text-indent: 100%;
  */
 
  white-space: nowrap;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
  transition: transform .3s 0s, visibility 0s .3s;
  z-index:9999;
}
.cd-close2::before, .cd-close2::after {
  /* close icon in css */
  position: absolute;
  top: 12px;
  left: 5px;
  display: inline-block;
  height: 4px;
  width: 20px;
  background: #47374e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-close2::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close2::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.no-touch .cd-close2:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.add-content .cd-close2 {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
  transition: transform .3s 0s, visibility 0s 0s;
}
.quick-view-content{
	display:none
}

#cd-quick-view-coverlay{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#000;
	background:rgba(0,0,0,0.6);
	z-index:999;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	opacity:0;
	display:none;
	
}
#cd-quick-view-coverlay.overlay_active{
	display:block;
	opacity:1;
}

strong{
	font-weight:bold;	
}

.quick-build-part-numbers{
	/*font-size:13px;
	float:left;
	width:40%;
	margin-bottom:30px;	
	*/float:right;
	clear:both;
	margin-right:32.3%;
}

.parts-title{
	background-color: #d0a529;
	padding:1%;	
	width:960px;
	margin:0 auto;
	font-size:20px !important;
	font-weight:bold !important;
}

li.gap, li.cd-item{
	margin:0 !important;
	padding:0 !important;
	list-style-type:none !important;	
}

.cd-gallery ul{
	margin:0 !important;
	padding:0 !important;	
}

.cd-filters li.filter{
	background:none !important;	
}

.parts-title2{
	background-color: #d0a529;
	padding:1%;	
	width:960px;
	margin:0 auto;
	font-size:20px !important;
	font-weight:bold !important;
}

.learn-more-quick-build{
	float:left;	
	margin:-24.5% 2%;
}