/* STANDARD  ===========================================================================*/
body { margin: 0; padding: 0; background: #000 url('images/pageBG.jpg') top center no-repeat; }
.hiddenPic { display: none; }
.clear { clear: both; }

/* HEADINGS & TEXT  ===========================================================================*/
p, ul, ol, li, h1, h3, div { margin: 0; padding: 0; border: 0; }
img { border: 0; }

/* STRUCTURE  ===========================================================================*/
#container { margin: 78px auto; padding: 0 0 40px 0; width: 915px; height: auto; }
#content { position: relative; margin: 0; padding: 0; width: 915px; height: auto; }

/* COL LEFT  ===========================================================================*/
#colLeft { display: inline; float: left; margin: 0 0 0 12px; padding: 0; width: 424px; }
#colLeft h2 { margin: 164px 0 0 0; padding: 0; width: 402px; height: 50px; background: url('images/leftCol_heading.gif') 0 0 no-repeat; text-indent: -9999px; }

/* form */
#colLeft .form { position: relative; margin: 0; padding: 29px 0 0 0; }
#colLeft .form .cover { float: left; margin: 0; padding: 0 20px 0 0; width: 185px; height: 273px; }
#colLeft .form .text { float: right; margin: 0; padding: 0; width: 219px; height: auto; }
#colLeft .form p { margin: 0; padding: 0 0 16px 0; width: 217px; height: 92px; background: url('images/leftCol_form_text.gif') 0 0 no-repeat; text-indent: -9999px; }

#colLeft .form .form_holder { margin: 0; padding: 0; }
#colLeft .form .line { margin: 0 0 7px 0; padding: 0; width: 219px; height: 24px; line-height: 1px; }
#colLeft .form .label1 { float: left; width: 110px; height: 20px; background: url('images/label_gender.gif') 2px 8px no-repeat; text-indent: -9999px; }
#colLeft .form .label2 { float: left; width: 110px; height: 20px; background: url('images/label_zipcode.gif') 2px 8px no-repeat; text-indent: -9999px; }
#colLeft .form .label3 { float: left; width: 110px; height: 20px; background: url('images/label_email_address.gif') 2px 8px no-repeat; text-indent: -9999px; }
#colLeft .form .label4 { float: left; width: 110px; height: 20px; background: url('images/label_access_code.gif') 2px 8px no-repeat; text-indent: -9999px; }

#colLeft .form input.field  { float: right; margin: 0; padding: 6px 0 0 3px; width: 106px; height: 18px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #222222; background: url('images/fieldBG.gif') 0 0 no-repeat; border: 0; line-height: 11px;  }
#colLeft .form .get_download { float: right; margin: 8px 0 0 0; padding: 0; width: 216px; height: 33px; background: url('images/btn_get_download.gif') 0 0 no-repeat; border: 0; }

#colLeft .form .link { margin: 0; padding: 25px 0 0 0; text-align: center; font: 16px Arial, Helvetica, sans-serif; color: #f9ed24; }
#colLeft .form .link a:link, #colLeft .form .link a:visited { font: 16px Arial, Helvetica, sans-serif; color: #f9ed24; text-transform: uppercase; text-decoration: underline; }
#colLeft .form .link a:hover, #colLeft .form .link a:active { font: 16px Arial, Helvetica, sans-serif; color: #f9ed24; text-transform: uppercase; text-decoration: none; }

/* instructions */
#colLeft .instructions { position: relative; margin: 51px 0 0 6px; padding: 0; width: 392px; height: auto; }
#colLeft .instructions h3 { font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; }
#colLeft .instructions ol { /*margin-left: 10px;*/ margin: 0; padding: 0; border: 0; }
#colLeft .instructions ol li { margin: 0 0 0 8px; padding: 0; border: 0; }

#colLeft .instructions .col1 { float: left; display: inline; margin: 0; padding: 18px 0 0 18px; width: 170px; height: auto; font: 11px Arial, Helvetica, sans-serif; color: #fff; line-height: 14px; }
#colLeft .instructions .col2 { float: left; display: inline; margin: 0; padding: 18px 0 0 16px; width: 188px; height: auto; font: 11px Arial, Helvetica, sans-serif; color: #fff; line-height: 14px; }
#colLeft .instructions .col2 p { margin: 0; padding: 0 0 18px 0; }

/* COL RIGHT  ===========================================================================*/
#colRight { display: inline; float: right; margin: 0; padding: 0 12px 0 0; width: 433px; }
#colRight .callout { margin: 700px 0 0 0; padding: 0; width: 433px; height: ; }