/**************************** General Tags ***********/
body { margin: 0; padding: 0; font: 62.5%/14px "Helvetica", Arial, sans-serif; color: #666; text-align: center; background: #fff; }
h1 { font-size: 190%; font-weight: bold; line-height: 24px; } 
h2 { font-size: 150%; font-weight: bold; line-height: 24px; } 
h3 { font-size: 130%; font-weight: bold; line-height: 24px; }
h4 { font-size: 100%; font-weight: bold; }
hr { border: 1px solid #eee; }
.italic { font-style: italic !important; }
.bold { font-weight: bold !important; }
a.button { text-decoration: none; }
a.button:hover { text-decoration: underline; }
.button { display: block; padding: 10px 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: left; background: transparent url('../images/button.gif') repeat-x left top; border: 1px solid #0b3655; letter-spacing: -1px; }
a.button_certificate { width: 130px; color: #fff !important; }
a.button_home { display: block; width: 85px; padding: 10px 15px; font-size: 12px; font-weight: bold; color: #fff; text-align: left; background: transparent url('../images/button.gif') repeat-x left top; border: 1px solid #0b3655; letter-spacing: -1px; text-decoration: none; }
a.button_home:hover { text-decoration: underline; }
label.billingshipping { color: #990000 !important; text-decoration: underline; }

.buttonred.mini { width: 80px; }
.button.wide { width: 125px; }
.button.home { width: 100px; }
.whitey { color: #fff !important; }

.buttonred.extrawide { width: 200px; }
.buttonred { display: block; padding: 10px 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: left; background: transparent url('../images/button_red.gif') repeat-x left top; border: 1px solid #990000; letter-spacing: -1px; }
.normlink { font-size: 13px; font-weight: bold; color: #990000; }
/**************************** Container Tags ***********/
#container { margin: 0 auto; width: 965px; }
#main { width: 690px; float: left; margin-bottom: 20px; }
#header { margin: 0 auto; margin-top: 10px; padding: 0; position: relative; }
#sidebar { width: 250px; float: right; position: relative; padding-left: 5px; }
/**************************** Header / Menu Top & Bot Tags ***********/
ul#menu_home_top { margin: 0; border-bottom: 4px solid #ccc; }
ul#menu_home_top li { font-weight: bold; display: inline; float: right; font-size: 13px; padding: 8px 0 8px 5px; color: #094772; }
ul#menu_home_bot li { font-weight: bold; display: inline; float: right; font-size: 15px; padding: 8px 0;}
ul#menu_home_top li.main, ul#menu_home_bot li.main { float: left !important; font-size: 22px; font-weight: bold; color: #094772; }
ul#menu_home_top li a, ul#menu_home_bot li a { color: #094772; text-decoration: none; }
ul#menu_home_bot { margin: 0; }
/**************************** Header / MenuMain Tags ***********/
#menumain { height: 50px; text-align: left; background: #fff url(../images/bg_header_top.gif) no-repeat left top; }
#menumain ul { margin-left: 20px; padding-top: 15px; }
#menumain ul li { float: left; display: block; display: inline; }
#menumain ul li a { float: left; margin: 0 10px 0 0; padding: 12px 10px; font-size: 13px; font-weight: bold; color: #6699cc; text-decoration: none; }
#menumain ul li a:hover { text-decoration: underline; } 
#menumain ul li a.current { color: #fff; background: #6699cc !important; text-decoration: none; }
/**************************** Header / Banner Tags ***********/
.banner { position: relative; background: transparent url('../images/bg_banner.gif') repeat-y; }
.banner.tiny { height: 20px !important; }
.banner.smal { height: 70px !important; }
.banner.med { height: 100px !important; }
.banner.lrg { height: 170px !important; }
.banner h1 { padding: 10px 10px 0 0; float: right; color: #fff; text-align: right; }
.banner h2 { padding: 5px 0 0 15px; color: #fff; text-align: left; }
.banner p.video a { position: absolute; top: 40px; left: 30px; }
.banner p.buycourse a { position: absolute; top: 100px; left: 30px; }
.banner div.byline { margin: 10px 0 0 15px; color: #fff; font-size: 16px; text-align: left; }
.banner img { position: absolute; top: 10px; right: 5px; }
.banner ul { margin: 0; height: 40px; padding: 10px 0 5px 15px; text-align: left; }
.banner ul li { display: inline; padding: 5px 0; height; 40px; font-size: 14px; color: #fff; }
.banner ul li a { color: #fff; text-decoration: none; }
.banner ul li a.current, .banner ul li a:hover { text-decoration: underline; }
.banner.text h1 { position: absolute; top: 30px; left: 15px; color: #fff; }
.banner.text p { position: absolute; top: 30px; left: 225px; width: 270px; text-align: left; line-height: 18px; color: #fff; font-size: 16px; }
.banner div.coursemulsel { position: absolute; top: 30px; right: 15px; text-align: left; }
/**************************** Banner / Extra Info Tags ***********/
#extrainfo { position: relative; text-align: left; height: 310px; background: #094772; margin: 0 5px; padding: 15px; border-top: 1px solid #fff; }
#extrainfo div { float: left; width: 300px; margin-right: 30px; font-size: 14px; font-weight: normal; line-height: 22px; color: #fff; }
#extrainfo div span { font-size: 20px; font-weight: bold; color: #fff; }
#extrainfo ul { float: left; width: 300px; margin: 0; padding: 0; background: #fff; text-align: center; border: 2px solid #999; }
#extrainfo ul li { margin: 5px 0; display: block; padding: 5px; background: #fff; }
/**************************** Products / List Tags ***********/
#products_list { text-align: left; }
#products_list img.productlistitem { display: block; margin: 0; padding: 0 10px 10px 0; }
#products_list .theproductitem { float: left !important; text-align: left; width: 450px; padding: 0 10px 10px 0; }
#products_list #meta { clear: both; margin: 10px 0; padding: 10px 0 0 0; background: #eee; }
#products_list #meta h3 { padding-left: 10px; }
#products_list label { padding: 0 10px; }
/**************************** Products / Aux Products Tags ***********/
#auxproducts { clear: both; }
#auxproducts img { float: left; padding: 0 10px 10px 0; }
#auxproducts div.descrip { float: left; width: 510px; padding: 0 10px 10px 0; }
/**************************** Header / Mini Cart Tags ***********/
#minicart table { width: 250px; }
#minicart table th { padding-top: 5px; font-size: 14px; font-weight: bold; color: #333; }
#minicart table td { border-bottom: 1px solid #ccc; padding: 3px 0; font-size: 13px; color: #0b3655; }
#minicart table td.total { border-bottom: 0px solid #ccc; text-align: right; padding-top: 5px; font-size: 14px; font-weight: bold; color: #0b3655; }
#minicart table th.name { width: 45%; }
#minicart table th.amount { width: 20%; }
#minicart table th.price, #minicart table td.price { width: 30%; text-align: right; }
#minicart input.tiny { width: 30px !important; border: 1px solid #999; margin-left: 10px; }
#minicart .buttons { margin: 10px 0 0 0; padding: 0; } 
#minicart .buttons p.submit { margin: 0; padding: 0; } 
#minicart .buttons input { float: left; margin-right: 5px; width: 80px; cursor: pointer; cursor: hand; }
#minicart .buttons input:hover { text-decoration: underline !important; }
#minicart .buttons a.empty { display: block; padding-top: 5px; font-size: 12px; font-weight: bold; color: #39c; }
/**************************** Content/ General Tags ***********/
#content { position: relative; padding: 20px 15px 20px 20px; text-align: left; background: #fff url('../images/bg_content.gif') repeat-y; }
.content_bot { height: 20px; background: #fff url(../images/bg_footer_top.gif) no-repeat left bottom; }
#content h1 { color: #094772; }
#content h1 a, #content a { color: #369; }
#content h2, #content h2 a { font-size: 18px; color: #094772; }
#content h3, #content h3 a { font-size: 14px; color: #333; }
#content p { padding: 5px 15px 10px 0; font-size: 13px; line-height: 18px; color: #333; }
#content div.med { width: 65%; }
#content div.half { width: 49%; }
#content p em { font-style: italic; }
#content li { font-size: 13px; line-height: 18px; padding: 0 0 10px 25px; display: block; color: #666; font-weight: bold; background: #fff url(../images/ic_check.gif) no-repeat 0% 10%; list-style: none; }
#content li a { color: #369; }
#content li li { font-size: 12px; line-height: 18px; padding: 0 0 10px 25px; display: block; color: #666; font-weight: bold; background: none; list-style: none; }
#content table { width: 100%; _width: 90%; margin: 0 0 20px 0; }
#content table th, #content table td { font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; }
#content table th { padding: 0; color: #333; }
#content table td { padding: 5px 0; color: #666; }
#content table td a {  color: #069; text-decoration: underline; }
#content table td a:hover { text-decoration: none; }
#content table td input { text-align: center; padding: 4px 2px; background: #fff; border: 1px solid #ddd; }
#content table .total { color: #369 !important; }
table td input.update { margin: 0 0 0 10px; border: none; background: #fff; font-size: 12px; font-weight: bold; color: #369; cursor: pointer; }
.red a, a.red { color: #990000 !important; }
/**************************** Content/ Random Tags ***********/
#content ul.homefor { width: 200px; }
#content ul.homefor li { font-size: 14px; font-weight: bold; line-height: 12px; color: #094772; }
#content .homeabout ul { width: 300px; }
#content .homeabout ul li { font-size: 13px; font-weight: bold; line-height: 14px; color: #666; background: url('../images/ic_check.gif') no-repeat 0% 10%; }
#content .policy h2 { font-size: 14px; color: #555 !important; }
#content .faq li { margin-top: 5px; padding: 5px 0 5px 0 !important ; font-size: 13px; font-weight: normal; line-height: 18px; list-style: none; background: none; border-bottom: 1px solid #ccc; color: #333; } 
#content .faq li span.main { font-size: 14px; font-weight: bold; } 
#content .faq a { text-decoration: none; !important; } 
#content .lists { float: left; width: 290px; margin: 0 15px 0 0; text-align: left; }
/**************************** Content / Login Tags ***********/
#content.login { margin: 0; padding: 0; width: 350px; }
#content.login .info { height: 60px; margin: 0 0 10px 0; text-align: left; background: #fff url(../images/icon_login_lock.gif) no-repeat left top; }
#content.login h1 { padding: 0 0 0 60px; }
#content.login p { padding: 0 0 0 60px; font-size: 12px; color: #666; }
#content.login form { width: 330px; background: #369; }
#content.login fieldset { padding: 20px 20px 0 20px; text-align: left; }
#content.login label { display: block; margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #fff; }
#content.login input { display: block; width: 220px; background: #fff; border: none; padding: 4px 2px; }
#content.login p.submit { margin: 0 0 0 20px; padding: 0;  }
#content.login p.submit input { display: block; width: 150px; padding: 5px 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center; background: transparent url('../images/button.gif') repeat-x left top; border: 1px solid #0b3655; letter-spacing: -1px; cursor: pointer; } 
#content.login p.submit, p.submit input:hover { text-decoration: none !important; }
#content.login p.submit.lost { _top: 120px; }
#content.login p.submit.lost input { top: 30px !important; }
#content.login p.submit.register { _top: 190px; }
#content.login p.submit.register input { top: 90px !important; }
#content.login p.nav { padding: 10px 0 15px 20px; text-align: left; color: #fff; }
#content.login p.nav a { color: #fff; text-decoration: underline; }
#content.login .regsteps { position: absolute: 10px; left: 300px; width: 330px; }
#content.login .regsteps h2 { padding-left: 60px; text-align: left; }
#content.login .regsteps p { font-size: 13px; }
#content.login span.error { font-style: italic; color: #660000; }
.italics { font-style: italic; }
/**************************** Content / Other Tags ***********/
#content .commentgroup { border-bottom: 1px solid #ccc; }
#content .comments form { width: 420px; margin: 20px 0; padding: 15px; background: #eee; }
#contactform { width: 300px !important; margin-right: 20px; }
/**************************** Registration Tags ***********/
.regsteps { position: absolute; top: 80px; left: 400px; width: 400px; }
/**************************** Checkout Cartbuttons Tags ***********/
#content .cartbuttons { margin: 0; _margin-right: 60px; text-align: right; }
#content .cartbuttons a { margin: 0 0 0 10px; font-size: 12px; font-weight: bold; color: #369; text-decoration: underline; }
#content .cartbuttons a:hover { color: #000; text-decoration: none; }
#content .cartbuttons input { width: 100px; height: 39px; margin: 0; }
/**************************** Generic Form Tags ***********/
.form_generic label { display: block; font-size: 12px; font-weight: bold; color: #666; }
input.tiny { width: 30px !important; margin-left: 10px; }
.form_generic p.submit input { display: block; margin: -5px 0 0 0; width: 110px; padding: 1px 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center; background: transparent url('../images/button.gif') repeat-x left top; border: 1px solid #0b3655; cursor: hand; cursor: pointer; } 
.form_generic p.submit, p.submit input:hover { text-decoration: none !important; }
.form_generic span.error { color: #990000; font-style: italic; }
/**************************** Form Vertical Tags ***********/
.formvertical fieldset { display: block; margin: 0; padding: 0; }
.formvertical legend { margin-bottom: 20px; font-size: 190%; font-weight: bold; color: #090; } 
.formvertical label { display: block; margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #666; }
.formvertical input, .formvertical textarea { display: block; padding: 4px 2px; background: #fff; border: 1px solid #ddd; }
.formvertical input { width: 250px; }
.formvertical span.mini input { width: 50px; }
.formvertical textarea { width: 250px; height: 140px; }
.formvertical textarea.comment { width: 385px; }
.formvertical textarea.contact { width: 385px; }
.formvertical textarea.course { width: 365px; }
.formvertical select { display: block; background: #fff; }
.formvertical div.radio { position: relative; width: 250px; margin: 20px 0 0 0; } 
.formvertical div.radio input { clear: both; float: left !important; width: auto; margin: 0 10px 0 0; border: none; background: none; } 
.formvertical div.radio label { margin: 0; padding: 0 0 10px 0; font-weight: bold; }
.formvertical p { clear: both; height: 50px; }
.formvertical p.smallnote { margin-top: -15px !important; padding-right: 40px !important; font-style: italic; }
.formvertical p.submit input { display: block; width: 150px; padding: 5px 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center; background: transparent url('../images/button.gif') repeat-x left top; border: 1px solid #0b3655; letter-spacing: -1px; cursor: pointer; } 
.formvertical p.submit, p.submit input:hover { text-decoration: none !important; }
.formvertical .padleft { margin-left: 15px; }
.formvertical span.error { color: #990000; font-style: italic; }
/**************************** Special Form Tags ***********/
.hideme { display: none !important; }
#transferform { position: relative; }
p#remaining { position: absolute; right: 20px; top: 50px; font-weight: bold; color: #369; }
#info { float: left !important; width: 460px; margin-right: 20px; }
.course form { width: 400px; padding: 10px; background: #eee; }
.associationform fieldset { position: relative; float: left; width: 300px; height: 350px; padding: 20px 0 0 30px; background: #eee; }
.associationform p input { clear: both; position: absolute; bottom: 10px; right: 40px; width: 90px; height: 45px; padding: 0; font-size: 11px; color: #fff; border: none; background: url(../images/but_orange.gif) no-repeat bottom center; cursor: pointer; cursor: hand !important; }
.associationform p.improve { position: absolute; bottom: 50px; right: 55px; width: 250px; font-weight: bold; font-style: italic; }
.associationform span.error { font-style: italic; }
/**************************** Sidebar / Block Tags ***********/
#sidebar h2 { margin: 0; padding: 0; font-size: 15px; font-weight: bold; color: #990000; text-align: left; }
#sidebar p { padding: 10px 0 5px 0; font-size: 14px; line-height: 18px; color: #333; text-align: left;}
#sidebar em { font-style: italic; }
#sidebar a { font-weight: bold; color: #990000; }
#sidebar a:hover { color: #990000; }
#sidebar strong { font-weight: bold; }
#sidebar ul { margin: 0 15px 0 0; padding: 10px 0; }
#sidebar ul li { font-size: 13px; margin-left: 20px; padding: 0 0 5px 0; line-height: 18px; color: #333; list-style: square !important; text-align: left; }
#sidebar label { float: left; display: block; margin: 5px 0 0 0; font-size: 12px; font-weight: bold; color: #ccc; text-align: left; }
#sidebar input { display: block; width: 200px; padding: 4px 2px; background: #fff; border: 1px solid #ddd; }
#sidebar input.submit { display: block; width: 150px; padding: 5px 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center; background: transparent url('../images/button.gif') repeat-x left top; border: 1px solid #0b3655; letter-spacing: -1px; cursor: pointer; text-decoration: none !important; } 
#sidebar input.submit:hover { text-decoration: underline; }
/**************************** Sidebar / Other Tags ***********/
#sidebar .top p { font-size: 14px; line-height: 20px; }
#sidebar .top ul li { list-style: square; }
#sidebar .sponsor img { float: left; margin: 0; padding: 0; padding-right: 15px; }
#sidebar .sponsor img.wtcg { padding-top: 10px; }
#sidebar a.learnmoreshop { font-size: 13px; font-style: italic; text-transform: uppercase; }
/**************************** Footer / Credits Tags ***********/
#footer { clear: both; }
#associate { clear: both; margin-top: 10px; font-size: 12px; font-weight: bold; text-align: left; color: #094772; }
#associate fieldset { clear: both; margin-bottom: 10px; border-bottom: 1px solid #333; width: 655px; }
#associate label { float: left; display: block; margin: 5px 20px 10px 0; font-size: 12px; font-weight: bold; color: #69c; text-align: left; }
#associate span.error { font-style: italic; color: #990000; }
#associate input { display: block; width: 200px; padding: 4px 2px; background: #fff; border: 1px solid #ddd; }
#associate input.submit { display: block; margin-top: 11px; width: 100px; padding: 5px 0; font-size: 12px; font-weight: bold; color: #fff; text-align: center; background: transparent url('../images/bg_button.gif') repeat-x left top; border: 1px solid #042e4c; letter-spacing: -1px; cursor: pointer; text-decoration: none; } 
#associate input.submit:hover { text-decoration: underline !important; }
#sidebar input.submit:hover { text-decoration: underline; }

ul.copyinfo { margin: 5px 0; text-align: left; }
ul.copyinfo li { display: inline; font-size: 12px; line-height: 18px; color: #333; text-align: left; }
.copyinfo a { color: #333; }
/**************************** Email Thank You/ Confirmation ***********/
.friendemail_conf { margin: 10px 0 30px 0; padding: 0; text-align: left; font-size: 14px; font-weight: bold; }
form.course_feedback ul li { font-size: 12px; line-height: 18px; padding: 0 0 10px 25px; display: block; color: #666; font-weight: bold; background: none; list-style: none; }
form.coursefeedbackform ul li { margin: 0 !important; padding: 0 10px 0 0 !important; display: inline !important; list-style: none !important; background: none !important; font-size: 14px !important; }
form.coursefeedbackform ul li input { margin: 0 0 -2px 0 !important; padding: 0 0 0 0 !important; }
form.coursefeedbackform fieldset { margin-bottom: 20px; padding: 10px 20px; background: #eee !important; }
form.coursefeedbackform p.but_orange { margin: 0 !important; padding: 0 !important; }
form.coursefeedbackform p.but_orange input { float: right; width: 90px; height: 45px; margin-right: 10px; padding: 0; font-size: 11px; color: #fff; border: none; background: url(../images/but_orange.gif) no-repeat bottom center; cursor: pointer; cursor: hand !important; }
/**************************** Course Take Tags ***********/
.coursetake { }
#remaining { margin-bottom: 10px; padding: 5px 10px; font-size: 14px; font-style: italic; font-weight: bold; background: #eee; }
#yourcode { padding: 20px 0; font-size: 20px; font-weight: bold; color: #000; }
.instructions a { font-weight: bold; color: #000; }
table#transfertable { width: 100%; }
/**************************** Certifiate Tags ***********/
.certificate { text-indent: 10px; background: #eee; }
/**************************** Player Tags ***********/
#player { margin: 10px 0 0 20px; }