/* category.css - styling for the category pages */

.categoryPortal .portalList { background: #fff; position: relative; top: 0px; left: 0;}
.categoryPortal .portalContent { margin: 0 2em 0 38em; position: relative; height: 209px; color: #fff; overflow: hidden; }
.categoryPortal .viewPortal { height: 209px; overflow: hidden; } 

/* Can't just set the background here otherwise IE7 craps out */
.categoryPortal#Category_PowerOfProtein_Products .portalList{ background: url(/Images/Layout/categorybg/PowerOfProtein.jpg); height: 209px; overflow: hidden; } 
.categoryPortal#Category_Creatine_Products .portalList{ background: url(/Images/Layout/categorybg/Creatine.jpg); height: 209px; overflow: hidden; } 
.categoryPortal#Category_FatBurning_Products .portalList{ background: url(/Images/Layout/categorybg/FatBurning.jpg); height: 209px; overflow: hidden; } 
.categoryPortal#Category_EnergyRecovery_Products .portalList{ background: url(/Images/Layout/categorybg/EnergyRecovery.jpg); height: 209px; overflow: hidden; } 
.categoryPortal#Category_MuscleSize_Products .portalList{ background: url(/Images/Layout/categorybg/MuscleSize.jpg); height: 209px; overflow: hidden; } 
.categoryPortal#Category_HealthWellBeing_Products .portalList{ background: url(/Images/Layout/categorybg/HealthWellBeing.jpg); height: 209px; overflow: hidden; } 
.categoryPortal#Category_CuttingEdge_Products .portalList{ background: url(/Images/Layout/categorybg/CuttingEdge.jpg); height: 209px; overflow: hidden; } 

.productList a:hover span { text-decoration: underline; }
.productList span { width: 100%; display: block; clear: both; text-align: center; height: 2.4em; }
.productList .price, .productList .specialPrice { font-weight:bold;} 
.productList img { margin-left: 35px;  }
.productList .upsellImage { margin-left: 65px;  }
.productList input { margin: 0 auto;  } 
.productList h3 { text-align: center; margin: 0; } 
.productList .perContainer { height: 1.2em ; } 
.productList .deal { height: 4em; }