/*
COLORS:
Dark Blue: #243649
Red: #991B26
Light Blue:#006699
*/

* { margin:0px; padding:0px; }

body { margin:0 auto; padding:0; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#243649; background-color:#0F212D; text-align:center; }

a:hover { text-decoration:underline; }
a:link { color:#006699; text-decoration:underline; }
a:visited { color:#006699; text-decoration:underline;  }

p { line-height:1.5em; margin-bottom:15px; color:#0F212D; }


/*TEXT*/
.blue_lg { font-size:24px; color:#243649; font-weight:bold; margin:0; line-height:1.2em; }
.blue_md { font-size:16px; color:#243649; font-weight:bold; margin:0; line-height:1.5em; }
.red_lg { font-size:36px; color:#991B26; font-weight:bold; margin:0; line-height:1.2em; }
.red_md { font-size:18px; color:#991B26; font-weight:bold; margin:0; line-height:1.2em; }

/*clear floating divs*/
.clear { clear:both; }

div#main_wrapper { width:100%; height:100%; background-color:#0F212D; margin:0; padding:0; position:relative; }

.content { background-color:#ffffff; width:880px; margin:0 auto; height:100%; text-align:left; padding:0px; }
div#content_2ndary { width:840px; margin:40px 20px; }
div#content_2ndary ul { margin-bottom:1.3em; }
div#content_2ndary ul li { list-style:disc; margin-left:25px; line-height:1.3em; }
div#terms { width:740px; margin-left:50px; text-align:left; }

.l_content { width:510px; float:left; margin:5px 0px 0px 20px; background-color:#ffffff; }
.r_content { width:310px; float:left; margin:5px 0px 0px 20px; background-color:#ffffff; }

div#header { width:880px; height:295px; }
div#sm_header { width:880px; }
div#news { width:880px; height:120px; text-align:center; margin:15px 0px; }
div#cd_image { margin:40px 0px; }
div#icons { width:510px; text-align:center; margin-top:50px; }
div#icons img { margin:15px 0px; }

/*secure order page*/
div#order_header { width:880px; height:295px; margin-bottom:20px; }
div#order_checklist { width:258px; float:left; margin-top:20px; }
div#order_checklist table { border-collapse:collapse; }
div#order_checklist table tr { height:40px; }
div#order_checklist table tr td { vertical-align:top; }
div#order_cd_image { width:240px; float:right; margin-top:20px; }
div#bonus { margin-top:30px; }
div#bonus_checklist { width:258px; float:left; margin-top:20px; }
div#bonus_checklist table { border-collapse:collapse; }
div#bonus_checklist table tr { height:40px; }
div#bonus_checklist table tr td { vertical-align:top; }
div#bonus_screenshot { width:240px; float:right; margin-top:20px; }
.stripe { background-color:#243649; width:880px; height:15px; margin:20px 0px; }


/*contact form*/
.contact_form { width:310px; background-color:#ffffff; font-size:10px; color:#ffffff;  }
/*margin top on contact_red because of IE*/
.contact_red { background-color:#991B26; margin-top:-12px; }
.contact table { width:310px; margin:10px 0px 10px 0px; padding:0px; border-collapse:collapse; }
.contact table tr { height:27px; }
.text_right { text-align:right; }

/*Credit Card form*/
.cc_form { width:310px; background-color:#ffffff; font-size:10px; color:#ffffff;  }
.cc_form a:link { color:#000000; }
.cc_form a:visited { color:#000000; }
.cc_form a:hover { color:#ffffff; }
/*negative margin top and bottom because of IE*/
.order_red { background-color:#991B26; margin-top:-12px; margin-bottom:-12px; color:#ffffff; font-size:10px; }
.cc_form table { width:295px; margin:10px 0px 10px 5px; padding:0px; border-collapse:collapse; }
.cc_form table tr { height:35px; }
div#secure_logos { background-color:#ffffff; text-align:center; margin-top:20px; }
.submit_cc { width:310px; height:70px; text-align:center; }


/* Submit*/
.submit { width:310px; height:55px; text-align:center; }

/* Links*/
.links { background-color:#243649; width:880px; height:50px; text-align:center; color:#ffffff; margin:20px 0px; }
.links p { color:#ffffff; }
.links a:hover { color:#991B26; text-decoration:underline; }
.links a:link { color:#ffffff; text-decoration:none; }
.links a:visited { color:#ffffff; text-decoration:none; }

/* Term */
.term_text { font-size:10px; margin:25px 20px; }

/*Contact Page*/
.contactpage_form { width:550px; margin-top:30px; background-color:#D5DBDB; }
.contactpage_form table { border-collapse:collapse; margin:30px; }
.contactpage_form table tr { height:35px; }
.conatctpage_form table tr td { }

/*Order Confirmation Page*/
div#confirmation { width:740px; text-align:left; }
div#confirm_checklist { width:258px; float:left; margin:20px 0px 0px 20px; }
div#confirm_checklist table { border-collapse:collapse; }
div#confirm_checklist table tr { height:40px; }
div#confirm_checklist table tr td { vertical-align:top; }
div#confirm_cd_image { width:240px; float:left; margin-top:20px; }
div#site_link { width:550px; margin:30px 0px 30px 30px; background-color:#D5DBDB; padding:20px; }
div#confirm_access { width:258px; float:left; margin:20px 0px 0px 20px; }
div#confirm_access_image { width:240px; float:left; margin-top:20px; }
div#confirm_access table { border-collapse:collapse; }
div#confirm_access table tr { height:40px; }
div#confirm_access table tr td { vertical-align:top; }



/* WHAT'S THIS - POPUP WINDOW */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E7EBF1;
width: 300px;
padding: 5px;
left: -250px;
border: 1px solid #213B52;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -300px; /*position where enlarged image should offset horizontally */

}