/* - - - - - - - - - - - - - - - - - - - - -
 *
 * Title : Lightbox CSS
 * Author : Kevin Hale
 * URL : http://particletree.com/features/lightbox-gone-wild/
 *
 * Created : January 13, 2006
 * Modified : February 1, 2006
 *
 * - - - - - - - - - - - - - - - - - - - - - */

#lightbox {
  display : none;
  position : absolute;
  top : 50%;
  left : 50%;
  z-index : 9999;
  width : 500px;
  height : 430px;
  margin : -220px 0 0 -250px;
  border : 4px solid #ededed;
  background : #fff;
  text-align : left;
  font-size : .9em; }

#lightbox[id] {
  position : fixed; }

#overlay {
  display : none;
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
  z-index : 5000;
  background-color : #022439;
  -moz-opacity : 0.85;
  opacity : .85;
  filter : alpha(opacity=85); }

#overlay[id]{
  position : fixed; }

#lightbox p.close_bot,
#lightbox.done #lbLoadMessage{
  display : none; }

#lightbox.done #lbContent{
  display : block;
  height : 354px;
  overflow : auto;
  padding : 10px;
  position : relative; }

#lightbox.done p.close_bot {
  display : block;
  background : #ededed;
  height : 20px;
  margin : 0;
  padding : 5px;
  text-align : right; }

#lightbox.done p.menu_top {
  display : block;
  background : #ededed;
  height : 20px;
  margin : 0;
  padding : 5px;
  text-align : left; }


#lightbox p.close_bot a {
  background : url(../images/close.gif) right center no-repeat;
  color : #000;
  padding : 0 20px 0 0; }

#lightbox.loading #lbContent{
  display : none; }

#lightbox.loading #lbLoadMessage{
  display : block;
  height : 372px; }

#lightbox.loading #lbLoadMessage p {
  text-indent : -9999px;
  height : 22px;
  margin-top : 175px;
  background : url(../images/loading.gif) center center no-repeat; }

#lightbox.done img{
  width : 100%;
  height : 100%; }

#lightbox p {
  text-align : justify; }

div#lightbox ul {
  float : left;
  margin : 10px 0 0 30px;
  padding-left : 0;
  width : 300px; }

#lightbox.done #lbContent p.price {
  bottom : 10px;
  color : #09f;
  font-weight : bold;
  margin : 0;
  padding : 125px 0 0 0;
  position : absolute;
  right : 0;
  width : 180px; }

#lightbox.done #lbContent p.email_price {
  background : url(../images/bg_email.png) 0 0 no-repeat; }

#lightbox.done #lbContent p.starter_price {
  background : url(../images/bg_starter.png) 0 0 no-repeat;
  padding-top : 145px; }

#lightbox.done #lbContent span.align_right {
  position : absolute;
  bottom : 10px;
  right : 10px; }