@charset "utf-8";
/* CSS Document */

#plantCareMain{ margin:2px 0px 20px 2px; width:550px; min-height:400px; height:400px; height:auto; font-family:Arial, Helvetica, sans-serif; color:#000000; float:left; display:inline; background: url(/wcsstore/HomeDepotCanada/images/GardenCentre/PlantCareGuides/pcg-bg.png) no-repeat left top; overflow:hidden;  }
#plantCareMain a{ color:#000000; }
#plantCareMain h3{ font-size:14px; color:#663366; }


#plantCareMain .top{	margin:20px 0px 20px 40px; }
#plantCareMain .topNav {   width:512px; color:#663366; list-style:none; overflow:hidden; }
#plantCareMain .topNav li {  float:left; font-color:#663366; padding:2px 10px; border-right:1px solid #cc99cc; }
#plantCareMain .topNav .selected{ background-color:#ead7ec; }
#plantCareMain .topNav .last{  float:right; border-right:0; }
#plantCareMain .topNav .last a{  color:#cc99cc; }
#plantCareMain .topNav a  { font-size:12px; font-weight:bold; color:#663366; }
#plantCareMain .topNav a:hover  { text-decoration:underline; }

.mainContent{ margin:0px 0px 0px 50px; width:500px; overflow:hidden; float:left; display:inline; }

/*pagination*/
#plantCareHero .controls { height:19px; width:153px; position:absolute;  right:12px; top:5px;}
#plantCareHero .pagination{	background:transparent url(/wcsstore/HomeDepotCanada/images/GardenCentre/PlantCareGuides/pcg-sprites.png) no-repeat; width:132px;	height:20px; overflow:hidden; float:right;}
#plantCareHero .pagination a{ text-indent:-999;	display:block; width:19px; height:20px; margin:0 3px 0 0; padding:0; float:left; display:inline; background:none;}
#plantCareHero .pagination a.selected{background-image:url(/wcsstore/HomeDepotCanada/images/GardenCentre/PlantCareGuides/pcg-sprites.png); background-repeat:no-repeat;}
#plantCareHero .pagination .p1{background-position:-0px -20px; }
#plantCareHero .pagination .p2{ background-position:-22px -20px; }
#plantCareHero .pagination .p3{ background-position:-44px -20px;  }
#plantCareHero .pagination .p4{ background-position: -66px -20px; }
#plantCareHero .pagination .p5 { background-position:-88px -20px; }
#plantCareHero .pagination .p6 { background-position: -110px -20px; }
#plantCareHero .button { display:block; margin:0 ; text-indent:-999px; overflow:hidden; float:right; width:19px; height:20px; }
#plantCareHero .controls .btnPlay{  background:transparent url(/wcsstore/HomeDepotCanada/images/GardenCentre/PlantCareGuides/pcg-sprites.png) no-repeat -132px -0px; margin:0; }
#plantCareHero .controls .btnPause{ background:transparent url(/wcsstore/HomeDepotCanada/images/GardenCentre/PlantCareGuides/pcg-sprites.png) no-repeat; 
									background-position:-133px -20px ; width:19px; height:20px;  margin:0; }
									
/*Plant Care Hero */
#plantCareHero { position:relative; width:512px; margin:30px 5px 50px 0px; height:165px; overflow:hidden; }
#plantCareHero ul { position:relative; width:512px; clear:both; height:137px; left:0px; bottom:0px;padding:0; overflow:hidden; }
#plantCareHero .panel { /*display:none;*/ position:absolute; left:0; top:0; /*background-color:white;*/ background:none; visibility:hidden; }
#plantCareHero .panel.show { display:block; }
#plantCareHero .panel a { display:block; width:512px; height:137px; text-indent:-9999px; background-repeat:no-repeat; }
#plantCareHero .panel a img { width:512px; height:137px; margin:0; padding:0; visibility:visible;}


.plantTypes{ clear:both; }
#L1 .plants, 
#L1 .plantType .long,
#L1 #allPlants { display:none; }
#L1 { clear:both; font-family:Arial, Helvetica, sans-serif;  }
#L1 .plantType{	float:left; width:230px; padding:10px  10px 10px 0px; }
#L1 .plantType .typeImg{ float:left; margin-right:10px;}
#L1 .plantType .btnViewAll{ color:#578e0e; text-decoration:underline; text-align:right; background:none; width:auto; height:auto; float:none; margin:0; text-indent:0;}
#L1 h4{ font-size:12px; font-weight:bold; }

#L2 #plantCareHero, 
#L2 #plantCAreHero #featuredPlants,
#L2 #plantCareHero .panel.show,
#L2 #plantCareHero ul,
#L2 #plantCareHero .hero,
#L2 .plantTypes h3, 
#L2 .plantType, 
#L2 .plantType  .short, 
#L2 .plantType.selected .btnViewAll,
#L2 .plantType.selected .typeImg { display:none;  }
#L2 .plantType .long{ width:506px;}
#L2 .plantType.selected{clear:both;	 margin-top:35px;}
#L2 .plantType.selected,
#L2 .plantType.selected .plants { display:block; list-style-type:none;  }
#L3 .plants .plant,
#L2 .plants .plant {float:left; width:113px; height:140px !important; height:145px;  margin:9px 9px 9px 0px; }
#L2 h4{ font-size:12px; font-weight:bold; color:#663366;}

/*L3*/
#L3 #plantCareHero, 
#L3 .plantTypes h3, 
#L3 .plantTypes .typeHeader, 
#L3 #plantCareHero #featuredPlants,
#L3 #plantCareHero .panel.show,
#L3 #plantCareHero ul,
#L3 #plantCareHero .hero, #L3 .plantType .short, 
#L3 .plantType .long,
#L3 .plantType .btnViewAll,
#L3 .plantType .typeImg { display:none;  }
#L3 .plants{list-style:none;}
#L3 .plantType
{ display: none;}
#L3 .plantType#allPlants{display:block; padding:0; margin:2px;}
#L1 .plantInfo, 
#L2 .plantInfo, 
#L3 .plantInfo { display:none;}

/*PIP*/
#PIP h4{ font-size:12px; font-weight:bold; }
#PIP .hero,
#PIP .plantTypes,
#PIP #allPlants { display:none; }
#PIP .plantInfo {  margin:50px 0 50px 0px;  width:490px;  float:left; display:inline; overflow:hidden; }
#PIP .thumbnail { float:right; margin:0px 9px 9px 9px; }
#PIP p { margin-bottom:10px; overflow:hidden;  }
/*pip nav bar*/
#PIP .plantInfo .navBar { margin:0 0 10px 0; height:20px; }
#PIP .plantInfo .navBar a:hover { text-decoration:underline;}
#PIP .plantInfo .navBar #prev { float:left; }
#PIP .plantInfo .navBar #next { float:right;}

#plantCareMain { overflow:hidden;}
.gcContentArea .mainArea { background:#ffffff url(/wcsstore/HomeDepotCanada/images/GardenCentre/PlantCareGuides/shovel.jpg) no-repeat  center bottom; padding-bottom:100px; overflow:hidden; }