/* product-detail.css */
/** styles unique to the product detail pages **/

#prod-detail-container{
	background-image:url('/images/banners/products-services-sec-s.jpg');
	background-repeat:no-repeat;	
}

#solutions-detail-container{
	background-image:url('/images/banners/solutions-sec-s.jpg');
	background-repeat:no-repeat;	
}


#about-atg-detail-container{
	background-image:url('/images/banners/about-atg-services-sec-s.jpg');
	background-repeat:no-repeat;	
}


#partners-detail-container{
	background-image:url('/images/banners/partners-sec-s.jpg');
	background-repeat:no-repeat;	
}

#points-of-view-detail-container{
	background-image:url('/images/banners/points-of-view-sec-s.jpg');
	background-repeat:no-repeat;	
}



/* h3 */
h1#sub-title{
	font: 16px Arial;
	color: #00567d;
	margin-top: 16px;
	margin-bottom: 18px;
	font-weight:bold;
}

a.quote{
	font: 14px Arial;
	color:#00567d;
}
p.quote{
	float:right;
	width:400px;
	font: 14px Arial;
	color:#779439;
	margin-bottom:15px;
	line-height:20px;	
}
p.quote2{

	float:right;
	width:680px;
	font: 14px Arial;
	color:#779439;
	margin-bottom:15px;
	margin-left:0px
	line-height:20px;
}

a.call-out{font: 12px Arial;}

/* h4 */
h2.sub-sub-title{
	font:14px Arial;
	font-weight:bold;
	color:#de5f1f;
	margin-bottom:10px;
}

/* enlarge image */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50;
left: 60px; /*position where enlarged image should offset horizontally */

}