/* CSS Document */
.navTable{padding-bottom:9px;}
.navTableLinks td{line-height:1px; margin:0px; padding:0px; height:12px;}
.thumbTable a:link, .thumbTable a:visited, .navTableLinks a:link, .navTableLinks a:visited{font-size:1px; line-height:0px;}
.thumbTable{line-height:1px; margin:0px; padding:0px;}
body{
padding-top:25px;
}
#printContent{
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
	width:1px;
	height:1px;
	overflow:hidden;
	/* Mac IE shows scrolls without this*/
	margin-top:-330px;
	}
/* Turn it off in other browsers \*/
#printContent{margin:0px;}
/**/
#logo, #pageLinks{
	height:62px;
	width:326px;
}
#logo {
width:318px;
}
 #pageBody{
 	background-color:#FFFFFF;
	border:1px solid #888787;
 	padding:42px 55px 82px 65px;
 }
#panelBorder{
	width:643px;
	height:361px;
 }
 .thumbDiv{
 padding:25px 5px 0px 13px;
 width:275px;
 display:block;
 }
 #leftPanelWrap{
 width:317px;
 height:353px;
 margin:0px;
 padding:0px;
 display:block;
 overflow:hidden;
 }
 #leftPanel .collection1BG{
  background-image:url(../gfx/framework_gfx/prod_tile.gif);
 }
#leftPanel .collection2BG{
  background-image:url(../gfx/framework_gfx/prod_tile_collection2.gif);
 }
  #rightPanelWrap{
 width:317px;
 height:353px;
 margin:0px;
 padding:0px;
 display:block;
 overflow:hidden;
 }
 .thumbTD1, .thumbTD2, .thumbTD3{padding-top:12px;}
 .thumbTD7, .thumbTD8, .thumbTD9{padding-bottom:12px;}
 .thumbTD1, .thumbTD4, .thumbTD7{padding-left:12px;}
 #rightPanel .collection1BG{
 background-image:url(../gfx/framework_gfx/rightPanel_tile.gif);
 }
/* .thumbTable #rightPanel{background-image:url(../gfx/framework_gfx/rightPanel_tile.gif); width:317px; height:353px;}*/
  #rightPanel .collection2BG{
 background-image:url(../gfx/framework_gfx/rightPanel_tile_collection2.gif);
 }
 .swatch{
 display:block;
 float:left;
 margin:0px;
padding:5px 5px 0px 0px;
 }
 #swatchWrap{
 margin-top:-150px;
 }
/* mac IE hack \*/
#screenContent{

}
/* end hack */

#rightShadow, #rightShadow2{
width:9px;
height:558px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/spring_framework/shad2.png',sizingMethod='scale');
/*These filters fix IE 5.5 and IE 6 handling of .png images to support alpha transparency.*/
}
#rightShadow2{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../gfx/spring_framework/shad2.png',sizingMethod='scale');
/*The reason there are two ID's per each shadow, is that the src for the filter is relative to the document and not to the style sheet.*/
}
#rightShadow[class], #rightShadow2[class]{
filter:none;
/*IE 7 Should support alpha transparency .png images, and it might be able read this selector. So turn off the filter if it can, and just use the background image*/
background:url(../gfx/spring_framework/shad2.png) no-repeat;
/*IE 5.5 and 6 don't understand these selectors so they are ignored, all other browsers pick up the background image*/
}
#bottomShadow, #bottomShadow2{
width:774px;
height:8px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/spring_framework/shad1.png',sizingMethod='scale');
}
#bottomShadow2{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../gfx/spring_framework/shad1.png',sizingMethod='scale');
}
#bottomShadow[class], #bottomShadow2[class] {
filter:none;
background:url(../gfx/spring_framework/shad1.png) no-repeat;
}

.globNav {
	height: 57px;
	vertical-align: bottom;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 9px;
	padding-left: 7px;
}
.thumb{
	padding-right:8px;
}
.mainSections{
	padding:10px 0px 3px 0px;
	margin:0px;
}
.mainSectionsHP{
	padding:15px 0px 3px 0px;
	margin:0px;
}
.view{
	padding:4px 27px 2px 0px; 
}
.previous{
	padding:4px 0px 4px 0px;
}
.more{
	padding:4px 0px 4px 0px;
}
.printButton{
	padding:2px 0px 0px 146px;
}
.downloadButton{
	padding:3px 0px 0px 2px;
}
.spacer{
	width:190px;
	height:1px;
}


.button{
	padding:4px 0px 4px 0px;
	cursor:pointer;
}
.bodyTableHP{
	padding:16px 44px 0px 43px;
}
.mainImage{
	padding:33px 0px 0px 39px;
}
.mainImageHP{
	padding:38px 0px 0px 39px;
}