/***************************************
 innovation page  
***************************************/
#innovation{}
.container-fluid .col-md-9 p{
	padding-bottom:10px;
	line-height:22px;
	}
#content .row{
	margin:0;
	}
#content{
	width:inherit;
	}
#innovation #banner_wrap{
	background-image: linear-gradient(#FFF, #bfe8f5);
	/*background: url(../images/innovation-banner_bg.png) repeat-x bottom;*/
	min-height:303px;
	border-bottom:1px solid #42679b;
	/*padding-top: 141px;*/
}
	#innovation #banner{
		/*width: 980px;*/
		/*height: 303px;
		background: url(../images/innovation_banner.png) no-repeat right bottom;*/
		margin: 0 auto;
		 
		position: relative;
	}
		#innovation #banner .copy{
			/*width: 460px;*/
			padding:0px 0 0 30px;
		}
			#innovation #banner h1{
				font: normal 36px Arial,sans-serif;
				color: #336699;
				 
				padding-bottom: 15px;
				margin-bottom: 35px;
			}
			#innovation #banner p{
				font-size: 14px;
				color: #336699;
				margin-bottom: 10px;
			}
			#innovation #banner p.subtext{
				font-weight: bold;
				font-size: 13px;
				color: #336699;
			}
			#innovation #banner .awards{
				/*width: 450px;*/
				height: 85px;
				position: absolute;
				right: 0;
				top: 8px;
				text-align: center;
			}
			#innovation #banner .awards p{
				font-size: 12px;
				font-weight: bold;
				color: #336699;
				margin-top: 12px;
			}
			#innovation #banner .awards img{
				margin: 5px 10px 0 0;
			}
			#innovation #banner .boxes{
				/*width: 450px;*/
				height: 215px;
				background: url(../images/product_box/innovation-products.png) no-repeat;
				position: absolute;
				right: 0;
				bottom: -47px;
			}
			#innovation #banner .boxes a {
				display: block;
				/*width: 450px;*/
				height: 300px;
			}
			
#innovation #content{margin-top: 45px;}

	#innovation #left-col{
		float: left;
		/*width: 238px;*/
		height: auto;
		padding-left: 30px;
		/*margin-bottom:25px;*/
	}
		
		#side-menu{
			display: block;
			width: 238px;
			margin-bottom: 20px;
		}
			#side-menu li{
				display: block;
			}
				#side-menu li a{
					display: block;
					width: 238px;
					height: 39px;
					background:url(../images/btn/side-menu-btns.png) no-repeat left top;
					padding-left: 30px;
					font-weight: bold;
					font-size: 14px;
					line-height: 39px;
					text-decoration: none;
					color: #666;
				}
				#side-menu li.last a{
					height: 40px;
					line-height: 40px;
				}
					#side-menu li a:hover{
						color: #a30000;
						background-position: left -40px;
					}
					#side-menu li a.selected, #side-menu li a.selected:hover{
						height: 40px;
						line-height: 40px;
						color: #fff;
						background-position: left -80px;
					}
	#innovation #right-col{
		float: left;
		/*width: 682px;*/
		padding-left: 30px;
	}
	#innovation #right-col p {
		margin-bottom: 18px;
	}
	#innovation .box-how {
		/*width: 150px;
		min-height: 144px;*/
		float: left;
		background:#f1f1f1;
		border:1px solid #cecece;
		border-radius:5px;
		/*url(../images/box-how-bg.jpg) no-repeat left top;*/
		margin-top: 23px;
		padding: 10px;
	}
	#innovation  .box-arrow {
		width: 47px;
		min-height: 112px;
		float: left;
		padding: 52px 19px 0 19px;
		margin-top: 23px;
	}
	
		#innovation h2{
			font-size: 30px;
			font-weight: bold;
			padding: 10px 0 20px;
			border-bottom: 1px solid #d9d9d9;
			margin-bottom: 35px;
			color: #404040;
		}
		#innovation h3{
			font-size: 16px;
			font-weight: bold;
			color: #404040;
			margin-bottom: 10px;
		}
		#innovation .hed {
			font-size: 16px;
			line-height: 20px;
			font-weight: bold;
			}
			
		#innovation .score-box {
			border: 1px solid #d9d9d9;
			background: #f9f9f9 url(../images/score-box-bg.gif) repeat-x left top;
			padding: 15px;
			margin-bottom: 30px;
		}
		#innovation .score-box a
		{
			color:#0675be;
		}
			#innovation .score-box .hed {
				font-size: 14px;
				font-weight: bold;
			}
			#innovation .score-box ul {
				list-style: square outside;
				margin-left: 3em;
			}
			#innovation .score-box li {
				margin-bottom: 10px;
			}
		
		#innovation .right-img{
			float: right;
			margin-left: 30px;
			padding-bottom: 30px;
		}
		#innovation .left-img{
			float: left;
			margin-right: 30px;
			padding-bottom: 30px;
		}
		
		#innovation #content hr{
			background-color: #d9d9d9;
			color: #d9d9d9;
			height: 1px;
			border: 0 none;
			margin: 30px 0;
			clear: both;
		}
		
		#innovation .results {
			float: left;
			/*width: 358px;*/
			margin-left: 20px;
		}
			#innovation .results th {
				font-size: 16px;
				font-weight: bold;
				padding-bottom: 10px;
			}
			#innovation .results td span {
				font-size: 10px;
				font-weight: normal;
			}
			#innovation .results td {
				border-top: 1px solid #dfdfdf;
				padding: 6px 0 7px 10px;
				background: url(../images/gray-arrow.gif) no-repeat left 9px;
				/*width: 290px;*/
				font-weight: bold;
			}
			#innovation .results td.none {
				background: none;
				width: auto;
				font-weight: normal;
			}
		
		#innovation .why-choose-video{
			float: left;
			margin-right: 20px;
		}
		
	#side-box{
		/*width: 220px;*/
		background-color: #f0f0f0;
		margin-bottom: 20px;
	}
		#side-box h5{
			background-color: #e9e9e9;
			height: 20px;
			color: #333;
			font-size: 16px;
			font-weight: bold;
			padding: 12px;
			margin-bottom: 20px; 
		}
		#side-box .message{
			padding: 0 12px 12px 12px; 
		}
			#side-box .message p{
				color: #6c6c6c;
				font-size: 12px;
				font-weight: normal;
				font-style: italic;
				padding-bottom: 10px; 
			}
			#side-box .message cite {
				display: block;
				border-bottom: 1px solid #d9d9d9;
				padding-bottom: 10px;
			}

	#innovation #left-box{
		width:240px;
		background-color: #f0f0f0;
	}
		#innovation #left-box h5{
			background-color:#e9e9e9;
			height:20px;
			color:#333;
			font-size:16px;
			font-weight:bold;
			padding:12px;
			margin-bottom: 20px; 
		}
		#innovation #left-box .message{
			/*width: 196px;*/
			padding: 0 12px 12px 12px; 
		}			
			#innovation #left-box .message p{
				color:#6c6c6c;
				font-size:12px;
				margin-bottom:10px; 
			}
			#innovation #left-box .message p.quote{
				font-weight:bold;
				font-style:italic;
			}
			#innovation #left-box .message cite{
				display: block;
				border-bottom: 1px solid #d9d9d9;
				padding-bottom: 10px;
			}
.box-arrow{display:block;}
.box-arrow-down{display:none;}

@media only screen and (max-width:767px) {
  .box-arrow{display:none;}
  .box-arrow-down{display:block;}
  .mx-auto{margin:20px auto 0;}
  #innovation .box-how{margin-bottom:20px;}
  .pad-0{padding:0px;}
}
