/*  ===== pt_productdetails Notes =====   /
	
	Use this style sheet to put custom styles specific to the Details Pages,
	identifible by the id=pt_productdetails" that surrounds the content. 
	All Product CSS controls what is displayed and not displayed on the catalog home pages.
*/

#pt_productdetails #content .detailContainer,
#pt_productdetails #content .innerContent,
#pt_productdetails #content .borderbox2,
#pt_productdetails #content .borderbox2 .content { width: 100%;  }
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content {height: 100%;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content .leftButton.active span {background-image: url(../images/left_triangle.png); background-position: 0 0;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content .rightButton.active span {background-image: url(../images/right_triangle.png); background-position: 0 0;}
#pt_productdetails.pt_productsetdetails #content .borderbox2 .content a span {font-size: 0; display: inline-block; width: 9px; height: 17px; margin-top: 68px;} 
#pt_productdetails #content .item .borderbox2 .content a span {display:none;}
#pt_productdetails.pt_productsetdetails #content .imageSelector .borderbox2 {width: 21px; float: left; height: 155px;}
#pt_productdetails.pt_productsetdetails #content .imageSelector .item {width: 85px; float: left; margin-right: 5px;}
#pt_productdetails.pt_productsetdetails #content .imageSelector .item .borderbox2 {width: auto; float: none; margin-top: 0px; margin-bottom: 0px; font-size: 0;}
#pt_productdetails #content .borderbox2 .borderbox2 { width: auto;} 
#pt_productdetails #content .borderbox2 .content #productDetails { overflow: hidden; }
#pt_productdetails #content .imageSelector .item {margin-bottom: 6px;}