/* home_page.css 
  =======================================
    1. Browse by service
       - Service accordion
       - jQuery classes
    2. Browse by room
    3. Product detail flyover
    4. User message
  =======================================
*/

/* Browse by service
==================================================== */
#browse_by_service {
}
ul.browse_by_service {
  margin:0 20px 20px 0;
}
ul.browse_by_service li {
  padding:4px 0 4px 20px;
} 
ul.browse_by_service li:last-child {
  border-bottom:2px solid #f6f4d0;
  padding-bottom:20px;
}
/* For IE6 */
ul.browse_by_service li.last-child,
ul.browse_by_service li.only-child {
  border-bottom:2px solid #f7f4d1;
  padding-bottom:10px;
}

/* Service accordion
---------------------------------------------------- */
.service_accordion {
  margin-top:15px;
  padding-right:20px;
}
.service_accordion a {
  padding-left:20px;
  display:block;
  margin:10px 0;
}
.service_accordion ul {
  margin:5px 0;
}
.service_accordion ul li {
  padding:2px 0;
}
.service_accordion ul li span {
  background:none;
  color:#666;
  display:block;
  font-weight:400;
  margin:-5px 0 -5px 10px;
  padding:5px 0 5px 10px;
  text-decoration:none!important;
  cursor:pointer;
  width:255px;
}
/*HACK IE6*/
* html .service_accordion ul li span,
* html .service_accordion ul li span:hover{
  margin:0 0 0 10px;
}
.service_accordion ul li span:hover {
  background:url(/shs.I39.12179/shs/images/backgrounds/content/flyover_anchor.png) left no-repeat;
}
.service_accordion > div {
  padding:0;
}

/* Browse by room
==================================================== */
#browse_by_room {  
}
ul.browse_by_room {
  margin:10px 0;
}
ul.browse_by_room img {
  padding:1px;
  float:left;
  border:1px solid #ccc;
  width:48px;
  height:48px;
}
ul.browse_by_room li {
  margin-bottom:10px;
  display:inline-block;
}
ul.browse_by_room dl {
  padding:0 0 0 60px;
}

/* User message
==================================================== */
#user_message {
  background:#fff;
  margin-top:-10px; 
  padding:20px 360px 20px 0;
}
/* HACK IE7 */
* + html #user_message {
  padding:20px;
}
/* HACK IE6 */
* html #user_message {
  padding:20px;
}
/* Hack IE6 */
* html #user_message .corner {
  display:none;
}