DIV#left-content-div  {
  position:relative; 
  float:left; 
  width:380px;
}

DIV.content_box {
  background-image: url('images/BkGradient.png');
  background-repeat: repeat-x;
  background-color:#FFFFFF;
}

DIV#right-content-div {
  position:relative; 
  float:right;
  width:320px; 
  margin-right:48px;
  margin-top:8px;
}

INPUT.flatinput {
    border:1px solid #CCCCCC; 
    background-color:white;
    font-family:helvetica, arial, sans-serif; 
    font-size: 9pt;
    margin-left:8px;
    padding:2px; padding-left:4px;
}

TABLE.t1 {
    border-collapse:collapse;
    margin:0px;
    width: 284px;	/* HMMMM... TODO: rethink this. */
}
TABLE.t1 TD { 
  vertical-align:middle; 
  height:12px;
  padding:0px;
  padding-left:8px;
}

TABLE.t1 TD.c1  {
  width: 24px; 
  padding-bottom:6px;
}

TABLE.t1 TD.c2  {
  width:280px; 
  border:1px solid #CCCCCC; 
  font-family:helvetica, arial,sans-serif;
  font-size:9pt;
  font-weight:normal;
  height:20px;
  padding-right:4px;
}

TABLE.t1 TD.c3  {
    width: 40px; 
    border:1px solid #CCCCCC;
    font-family:helvetica, arial,sans-serif;
    font-weight:normal;
    font-size:9pt;
    text-align:right;
  padding-right:4px;
}

TABLE.t1 TD.c4  {
    width: 40px; 
    border:1px solid #CCCCCC;
    font-family:helvetica, arial,sans-serif;
    font-weight:bold;
    font-size:9pt;
    text-align:right;
  padding-right:4px;
}

TABLE.t1 TD.boldgold { color:rgb(241,167,16); font-weight:bold;}
TABLE.t1 TD.gold { color:rgb(241,167,16); font-weight:bold;}
TABLE.t1 TD.gray { color:rgb(99,99,99); }

DIV.sep1 { height:40px;}

SPAN.gold { color:rgb(241,167,16); }
SPAN.gray { color:rgb(99,99,99); }

DIV.email-input-frame { position: relative; }
DIV.email-input-frame >label {text-align:left;}

DIV#s3-email-div {
 margin-bottom:8px;
 margin-top:4px;
 margin-left:16px;
}

DIV#s3-email-div >input {
    text-align:left; 
    position:absolute; 
    height:20px;
    font-family:arial; font-size:9pt;
    color:#666666;
    vertical-align:middle;
    margin-bottom:16px;
}

DIV#s3-coupon-div >input {
    text-align:left; 
    height:20px;
    font-family:arial; font-size:9pt;
    color:#666666;
    vertical-align:middle;
    margin-bottom:8px;
}

.greyed-out {text-decoration: line-through;}

DIV.email-input-frame >label#email-label {width: 160px;}
DIV.email-input-frame >input#email {left:16px; top:-2px; width: 248px;}
DIV.email-input-frame >label#email-overlay {
    left:32px; 
    padding-top:4px;
    top:-2px; 
    width: 248px;}


DIV.error-div {
    background-color:#FEFFCC;
    color:black;
    border:1px solid rgb(242,242,238);
    padding:4px;
    position:absolute;
    display:none;
    padding-top:16px;
}
SPAN.error-div {
    background-color:#FEFFCC;
    color:black;
    border:1px solid rgb(242,242,238);
    padding:4px;
    position:absolute;
    display:none;
    font-size:12pt;
    font-style: italic;
    padding-top:8px;
    padding-left:15px;
    padding-bottom:4px;
    vertical-align:center;
}

DIV.email-input-frame >label#referral-label {
  width: 240px;
}
DIV.email-input-frame >label#referral-overlay {
  left:32px; 
  padding-top:4px;
  width: 178px;
  top:28px;
}
DIV.email-input-frame >input#referral {
  margin-left:24px; 
  width: 278px;
}

label.overlay{
  position:absolute;
  font-style:italic;
  font-family:arial, sans serif;
  font-size:9pt;
  color:#999999;
  color:#AAAAAA;
}

SPAN#cancel {
    text-decoration:underline; 
    color:#999999;
    display:inline-block;
    margin-left:18px;
    margin-top:0px;
    position:relative;
    top:-12px;
}
.hid{display:none;}