/*************************************************
 *                                               *
 *       SYTLES FOR GARDEN PROBLEM SOLVER        *
 *                                               *
 *************************************************/
 

/* CONTENT: Problem Solver Menu
-------------------------------------------------- */
#problem-solver-menu {
  margin: 30px 0 20px 0; 
  padding: 0 0 0 33px;
}
#problem-solver-menu .problem-groups {
  float: left;
}

#search-by-plant-type h3,
#search-by-problem-type h3 {
	display: none;
}

#search-by-plant-type {
  background: url(/images/templates/bg_probsolver_plant_type.gif) no-repeat;
  width: 400px;
  height: 320px;
  padding: 25px 20px 0 10px;
}
#search-by-plant-type ul {
  float: left;
  margin: 10px 10px 0 15px !important;
}
#search-by-plant-type ul li {
  margin: 0 0 12px 0;
  padding: 0;
  list-style: none !important;
  background: none;
}
#search-by-plant-type ul li a {
  display: block;
  margin: 0 0 0 0;
  padding: 9px 0 0 38px;
  height: 23px; width: 120px;
  line-height: 14px;
  font-size: 14px;
  text-decoration: none;
}
#search-by-plant-type a.roses { background: url(/images/templates/icon_roses.gif) no-repeat; }
#search-by-plant-type a.azaleas { background: url(/images/templates/icon_azaleas.gif) no-repeat; }
#search-by-plant-type a.lawns { background: url(/images/templates/icon_lawns.gif) no-repeat; }
#search-by-plant-type a.vegetables { background: url(/images/templates/icon_vegetables.gif) no-repeat; }
#search-by-plant-type a.succulents { background: url(/images/templates/icon_succulents.gif) no-repeat; }
#search-by-plant-type a.camellias { background: url(/images/templates/icon_camellias.gif) no-repeat; }
#search-by-plant-type a.ornamentals { background: url(/images/templates/icon_ornamentals.gif) no-repeat; }
#search-by-plant-type a.indoor-plants { background: url(/images/templates/icon_indoorplants.gif) no-repeat; }
#search-by-plant-type a.fruit-trees { background: url(/images/templates/icon_fruittrees.gif) no-repeat; }
#search-by-plant-type a.natives { background: url(/images/templates/icon_natives.gif) no-repeat; }

#search-by-problem-type {
  background: url(/images/templates/bg_probsolver_prob_type.gif) no-repeat;
  width: 193px;
  height: 173px;
  margin-left: 5px;
  padding: 25px 15px 0 10px;
}
#search-by-problem-type ul {
  padding: 0;
  margin: 0 10px 0 12px;
}
#search-by-problem-type ul li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none !important;
  background: none;
}
#search-by-problem-type ul li a {
  display: block;
  margin: 0 0 0 0;
  padding: 9px 0 0 38px;
  height: 23px; width: 86px;
  line-height: 14px;
  font-size: 14px;
  color: #5a5a5a;
  text-decoration: none;
}
#search-by-problem-type a.pests { background: url(/images/templates/icon_pests.gif) no-repeat; }
#search-by-problem-type a.diseases { background: url(/images/templates/icon_diseases.gif) no-repeat; }
#search-by-problem-type a.weeds { background: url(/images/templates/icon_weeds.gif) no-repeat; }


#search-by-plant-type ul li a,
#search-by-problem-type ul li a {
  color: #5a5a5a;
}
#search-by-plant-type ul li a:visited,
#search-by-problem-type ul li a:visited {
  color: #5a5a5a;
}
#search-by-plant-type ul li a:hover,
#search-by-problem-type ul li a:hover {
  color: #B30008;
}

#more-problems{
  padding:0 0 0 10px;
}
#more-problems h3 {
  font-size: 13px;
  margin: 0 0 5px 0;
}
#more-problems ul {
	margin: 0 0 0 10px;
  list-style:none;
}
#more-problems ul li {
	font-size: 11px;
	line-height: 12px;
  margin: 0 0 5px 0;  padding: 0 0 0 12px;
	background: url(/images/templates/ico_dot.gif) left no-repeat;
}

/* CONTENT: Problem Solver List
-------------------------------------------------- */
body.problem-solver-list #content {
  padding-left: 30px;
}
#content .problem {
  float: left;
  margin: 0 15px 0px 15px;
  width: 200px; height: 170px; 
  background: url(/images/templates/polaroid_small_a.jpg) no-repeat;  
}
#content .problem.alt {
  background: url(/images/templates/polaroid_small_b.jpg) no-repeat;
}
#content .problem.first {
  clear: left;
  margin-left: 5px;
}
#content .problem img {
  display: block;
  background: grey;
  margin: 38px 0 0 12px;
  height: 78px; width: 168px;
}
#content .problem.alt img {
  margin: 38px 0 0 17px;
}
#content .problem p { margin: 0; padding: 0; }
#content .problem p .caption {
  display:  block;
  margin: 35px 0 0 10px;
}
#content .problem p a {
  text-decoration: none;
  font-weight: bold;
}
#content .problem p a:hover {
  text-decoration: underline;
}

/* CONTENT: Problem Solver Detail
-------------------------------------------------- */
#problem-lightbox {
  height:300px;
  text-align:center;
}

#lightbox-image {
 display:block;
	margin:0px auto;
  text-align:left;
  height: 280px;
  width:370px;
  background: url(../images/templates/polaroid_large_zoom.gif) 0px 0px no-repeat;
}
#lightbox-image a{
  width:300px;
  height:200px;
  display:block;
  overflow:hidden;
  margin-left:34px;
  padding-top:27px;
}
#lightbox-image a img{
  margin:0;padding:0;
}
#lightbox-image a.hidden{
  display:none;
}

#not-my-problem {
  background:url(../images/templates/icon_small_red_arrow.gif) no-repeat scroll 3px 0px;
  color:#B30008;
  display:block;
  font-size:12px;
  margin:32px 0pt 0pt;
  padding:0pt 0pt 0pt 32px;
}
#problem-solver-photo-tout{
  margin-left:60px;
  padding-top:40px;
  width:570px;
  height:119px;
  display:block;
}
body.problem-solver-landing #content-zone #content h1{
	margin-bottom:30px;
	padding-left:30px;
}