#header #pageBar, #footer #footerBottomBar { background:url('/layout/packagingPageBackGradient.png') repeat-x;}

#header b, h1, h2, h3 {color:#949781; background:none;}
a {color:#EC713E; background:none;}

#trayFilter {clear:left;}

#trayImageHolder { height:190px; width:200px; margin-top:60px; margin-left:180px; float:left;}
#trayDetailsHolder { height:200px; padding-top:15px; width:180px; float:right;}

#noTrays { text-align:center!important; font-size:14pt!important; float:left; width:100%; padding-top:20px; padding-bottom:170px;}

#trayScroller { clear:left; height:100px; border-top:1px solid #333333;border-bottom:1px solid #333333; padding-bottom:4px; }
.trayScrollerBox { width:100px; height:100px; margin:1px; /*border:1px solid #666666;*/ float:left;}
.trayScrollerBox a img { border:none; vertical-align:middle; padding-top:5px;}
.trayScrollerBox p {margin:0; padding:0; text-align:center !important; font-size:9pt !important;}

#leftPackagingArrow { float:left; padding-top:40px; padding-bottom:40px; border:0px;}
#rightPackagingArrow { float:left; padding-top:40px; padding-bottom:40px; border:0px;}

#packagingSleevesImage { float:right; padding:2px 15px 2px 25px; margin:2px; }

.packagingTrayInfoHolder { width:28%; float:left; padding:0 1%; margin: 0 1%;}
#content .packagingTrayInfoHolder h3 { padding-bottom:0; margin-bottom:0; font-size:11pt; }


#trayDetailsDataSheet a img { border:none; text-decoration:none; vertical-align:middle;}
#trayDetailsDataSheet { vertical-align:middle;}


#currentCountPar { text-align:center!important; padding:2px; margin:0; clear:both; }


#reelCalculator {width:260px; margin-left:25px; margin-top:-35px; padding-top:0; padding-bottom:20px; float:right;}
#reelCalculator div { padding-bottom:5px; padding-top:5px;}
#reelCalculator h2, #reelCalculator h3 { margin-top:0; padding-top:0;}
#reelCalculator p { margin-bottom:0; padding-bottom:0;}
#reelCalculator b { display:block; width:150px; padding-right:10px; float:left;}
.calculateButton { margin-left:160px; margin-top:5px;}
#reelCalculator form { padding:0; margin:0;}

#reelLengthCalc { border-left:#00FFFF 2px solid; padding-left:10px;}
#reelDiameterCalc { border-left:#0000FF 2px solid; padding-left:10px;}
#reelThicknessCalc { border-left:#00FF00 2px solid; padding-left:10px;}
#coreDiameterCalc { border-left:#FF0000 2px solid; padding-left:10px;}