/* Main image viewer content */
#image_viewer_content
{
  overflow: hidden;
  width: 100%;
  height: 325px;
  overflow: hidden;
  display: none;
  clear: both;
}

#image_viewer_scroll_bar
{
  background-image: url(../images/frontend/essential_looks/viewer_scrollbar.png);
  height: 15px;
  line-height: 15px;
  cursor: pointer;
  margin-right: 31px;
  padding-left: 7px;
  padding-right: 3px;
}
#image_viewer_scroll_button_left, #image_viewer_scroll_button_right
{
  float: right;
  height: 15px;
  line-height: 15px;
  text-decoration: none;
  
}
#image_viewer_scroll_button_left
{
  background-image: url(../images/frontend/essential_looks/viewer_scroll_left.png); 
  width: 14px;
}
#image_viewer_scroll_button_right
{
  background-image: url(../images/frontend/essential_looks/viewer_scroll_right.png); 
  width: 16px;
}

#image_viewer_scroll_bar_handle
{
  height: 15px;
  background-image: url(../images/frontend/essential_looks/viewer_handle.png);
  width: 55px;
  cursor: pointer;
  text-decoration: none;
}


#image_viewer_content img
{
  vertical-align: top;
  margin: 0;
  padding: 0;
  float: left;
  width: 264px;
  height: 325px;
  margin-right: 5px;
}

/* Overlays, etc. */
#image_viewer
{
  position: absolute;
  top: 200px;
  width: 720px;
  z-index: 21;
  background-color: #fff;
  padding: 15px 13px 32px 15px;
  display: none;
}
div.ImageViewerOverlay
{
  position: absolute;
  background-color: black;
  z-index: 20;
}

#image_viewer_controls
{
  margin-top: 13px;
  overflow: hidden;
  font-size: 0;
  background-repeat: no-repeat;
}
  #image_viewer_controls .leftc
  {
    background-image: url(../images/frontend/essential_looks/viewer_scroll_leftc.png);
    position: absolute;
    width: 16px;
    height: 15px;
  }
  #image_viewer_controls .rightc
  {
    background-image: url(../images/frontend/essential_looks/viewer_scroll_rightc.png);
    width: 12px;
    height: 15px;
    float: right;
  }

#image_viewer_close
{
  float: right;
  color: #333;
  font-size: 11px;
  padding-right: 18px;
  background-image: url(../images/business/icons/Close_Button_Red.png);
  background-repeat: no-repeat;
  background-position: center right;
  line-height: 11px;
  height: 11px;
}

#image_viewer_platform_base
{
  margin: 43px 16px 0 12px;
}

/* Main page */
#page_content #step_by_steps h2
{
  color: #cc0000; 
  font-size: 28px;
  font-weight: normal;
}
  #page_content #step_by_steps h3
  {
    background-image: url(../images/frontend/essential_looks/category_button.png);
    background-repeat: no-repeat;
    line-height: 27px;
    height: 26px;
    padding: 0 0 0 15px;
    font-size: 15px;
    font-family: "Trebuchet MS", "Trebuchet", Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 14px;
    margin-bottom: 7px;
  }
  #page_content ul.collection
  {
    padding: 0;
    margin: 0;
  }
  #page_content ul.collection li.full
  {
    display: block;
    list-style-type: none;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 14px 2px 0 0;
    font-size: 9px;
  }
  #page_content ul.collection li
  {
    display: block;
    list-style-type: none;
    float: left;
    width: 114px;
    text-align: center;
    padding: 0;
    margin: 14px 2px 0 0;
    font-size: 9px;
  }
  #page_content p.academy_link {font-size: 12px; margin-top: 16px; margin-bottom: 21px; }
  
  #step_by_steps ul.collection img.full_without_border
  {
    display: block;
    padding: 1px 5px 5px 1px;
    margin: 0 auto 5px auto;
  }
  #step_by_steps ul.collection img.full_with_border
  {
    background-image: url(../images/frontend/essential_looks/fullimage_summary_shadow.png);
    background-position: right bottom;
    display: block;
    padding: 1px 5px 5px 1px;
    margin: 1px auto 5px auto;
  }
   #step_by_steps ul.collection img.fixed
  {
    background-image: url(../images/frontend/essential_looks/image_summary_shadow.png);
    display: block;
    width: 81px;
    height: 100px;
    padding: 1px 5px 5px 1px;
    margin: 0 auto 5px auto;
  }
  #step_by_steps ul.collection p { margin: 2px 0 0;}
  #step_by_steps h3 a.collection_toggler
  {
    float: right;
    text-decoration: none;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin-top: 4px;
    margin-right: 3px;
    font-size: 0;
  }
  #step_by_steps h3 a.opened { background-image: url(../images/frontend/essential_looks/collection_collapse.png); }
  #step_by_steps h3 a.closed { background-image: url(../images/frontend/essential_looks/collection_expand.png); }
  #step_by_steps .groove_line
  {
    font-size: 0;
    height: 1px;
    line-height: 1px;
    margin-top:12px;
    margin-bottom: 3px;
  }
  #center #step_by_steps h1
  {
    padding-top: 15px;
    padding-bottom: 4px;
  }
  
	div.ask_window_overlay
  {
    position: absolute;
    background-color: black;
    z-index: 20;
    top: -10px;
    left: 0px;
  }
    
  div.ask_window_content
  {
    position: absolute;
    z-index: 21;
  }
    div.ask_window_content div.elvis_close
    {
        /*margin-top: -14px;*/
        margin-top:0px;
        padding-bottom:3px;
        .margin-top: 0px;
        .padding-bottom: 3px;
        text-align: right;
        cursor: pointer;
    }
    html div.elvis_close { zoom: 0; }