*               { margin: 0; padding: 0; }
html            { overflow-y: scroll; }
body	        { font: 62.5%/1.5 Arial, Verdana, sans-serif; color: #000; background: #fff; }
:root           { overflow-y: scroll; }
h2, h3          { font-weight: bold; }

a:link               { color: #005984; text-decoration: underline; }
a:hover,
a:active,
a:focus         { text-decoration: none; }

fieldset,
a img       { border: 0; }

table       { text-align: left; border-collapse: collapse; border-spacing: 0; }

td,
th          { vertical-align: top; text-align: left; }

p, li, dd, dt, label, legend, td, th, caption    { font-size: 1.3em; line-height: 1.385; }

legend      { white-space: normal; }

select, input, textarea { outline: 0; font: 1.3em/1.385 Arial, sans-serif; }

/* LAYOUT */
#layout			{ width: 970px; margin: 0 auto; position: relative; overflow: hidden; }
#content                { clear: both; margin-bottom: 25px; }
#main-content           { width: 520px; float: left; margin: 30px 0 0 225px; display: inline; padding-bottom: 15px; }

/* HEADER */
#logo                   { float: left; width: 164px; height: 63px; margin: 17px 0 18px; display: inline; }
#logo a                 { display: block; width: 164px; height: 63px; }
#tagline                { float: right; font: bold 1.5em/1.134 Verdana, Arial, sans-serif; margin-top: 18px; }


/* main nav */
#navigation             { clear: both; background: #567ec7; border-bottom: 1px solid #acc7ed; }
#navigation ul          { list-style: none; }
#navigation li          { float: left; font-weight: bold; line-height: 1; }
#navigation a           { float: left; padding: 8px 14px 9px; border-right: 1px solid #acc7ed; color: #fff; outline: none; text-decoration: none; }

#navigation a:hover,
#navigation a:active,
#navigation a:focus,
#navigation .active a   { color: #ffcc00; background: #005984; }

/* local nav */
#local-navigation           { width: 200px; position: absolute; top: 159px; left: 0;  }
#local-navigation h2        { background: #acc7ed; font-size: 1.3em; text-transform: uppercase; padding: 3px 9px 4px; }

#local-navigation h2,
#local-navigation h2 a          { color: #fff; }
#local-navigation ul            { list-style: none; background: #eaf1f7; }
#local-navigation li            { border-top: 1px solid #fff; border-bottom: 1px solid #acc7ed; }
#local-navigation li a          { display: block; padding: 2px 9px 4px; }
#local-navigation li.active a   { font-weight: bold; background: #d3e1fe; }

#local-navigation li a:hover,
#local-navigation li a:active,
#local-navigation li a:focus       { background: #d3e1fe; }

/* FOOTER */

/* contact */
#contact-info           { clear: both; background: #567ec7; padding: 6px 14px; }
#contact-info a,
#contact-info p         { color: #fff; }
#contact-info p span    { padding: 0 4px; }

/* legal */
#legal       { float: left; width: 637px; padding: 21px 0 10px 3px;}

#legal li,
#legal p     { font-size: 1.1em; line-height: 1.45; }

#legal *                { color: #8e8e8e; display: inline; }
#legal div				{ display: block; }
#legal div a			{ background: 0; padding: 0; }
#legal a                { text-decoration: none; background: url(/assets/images/css/legal-splitter.gif) no-repeat 0 50%; padding: 0 4px 0 8px; }
#legal li.first-child a { background: 0; padding-left: 5px; }

#legal a:hover,
#legal a:active,
#legal a:focus          { text-decoration: underline; }

/* pages */
#help-nav                   { float: right; width: 330px; padding: 19px 0 10px; }
#help-nav ul                { float: right; list-style: none; }
#help-nav li                { float: left; font-weight: bold; padding-left: 10px; margin-left: 9px; background: url(/assets/images/css/help-splitter.gif) no-repeat 0 4px; }
#help-nav li.first-child    { background: 0; }
#help-nav li a              { }
       
/* HOME */
#our-services             { display: table; height: 230px; background: #eaf1f7; }
#our-services .photo      { width: 586px; height: 230px; }
#our-services .story      { width: 332px; display: table-cell; vertical-align: middle; padding: 0 26px; }

#our-services .story ul   { list-style: none; }
#our-services .story li   { padding: 0 0 0 11px; font-size: 1.5em; line-height: 1.334; background: url(/assets/images/css/li-dot.gif) no-repeat 0 7px; }

#our-services .story a    { color: #000; text-decoration: none; }

#our-services .story a:hover,
#our-services .story a:active,
#our-services .story a:focus    { color: #005984; text-decoration: underline; }

/* overview */
#short-overview                 { width: 719px; float: left; margin: 21px 0 0 25px; display: inline; position: relative; z-index: 1; }
#short-overview .section        { float: left; width: 288px; min-height: 245px; height: auto !important; height: 245px; background: url(/assets/images/css/overview-section.gif) no-repeat 0 0; border-bottom: 20px solid #fff; }
#short-overview .odd            { clear: both; padding-right: 73px; }
#short-overview .even           { padding-right: 46px; padding-left: 4px; margin-left: 20px; }
#short-overview .first-row      { background-position: 0 -2px; }
#short-overview h2              { font-size: 1.7em; line-height: 1.06; padding: 21px 0 0; }
#short-overview .first-row h2   { padding-top: 23px; }

#short-overview h2,
#short-overview h2 a            { color: #eb9014; }

#short-overview p               {}
#short-overview ul              { list-style: none; }

#short-overview p,
#short-overview ul              { margin-top: 18px; }

#short-overview li              { padding: 0 0 0 11px; background: url(/assets/images/css/li-dot.gif) no-repeat 0 6px; }
#short-overview a               {}

#contact-data                   { margin-top: 18px; }
#contact-data p                 { margin: 0; }
#contact-data a                 { color: #008c99; }

/* home - secondary content*/
#secondary-content              { float: right; width: 200px; margin-top: 30px; padding-bottom: 15px; }
#page-home #secondary-content   { margin: 40px 0 0; padding: 0; }

#secondary-content .section     { background: #eef6ed; border-bottom: 1px solid #eef6ed /* safari win */; min-height: 179px; height: auto !important; height: 179px; }
#secondary-content .section h2  { background: #63a68b; font-size: 1.3em; line-height: 1.385; color: #fff; padding: 5px 13px; margin-bottom: 13px; text-transform: uppercase; }
#secondary-content .section p   { padding: 0 13px; margin-bottom: 1.385em; }
#secondary-content .section p a { font-weight: bold; }
#secondary-content .section ul  { list-style: none; padding: 0 25px 0 13px; }
#secondary-content .section li  { margin-bottom: 1.385em; }

#secondary-content .photo       { margin-bottom: 0; margin-bottom: 25px; }
#secondary-content .photo img   { display: block; width: 200px; }

/* courses */
.article           { padding-right: 10px; }

#page-course .article   { min-height: 502px; height: auto !important; height: 502px; }

#no-courses-scheduled h2,
#course-schedule h2,
.article h2        { font-size: 1.7em; line-height: 1.06; margin-bottom: 1.06em; color: #eb9014; }

.article p,
.article ul,
.article dl,
.article ol        { margin-bottom: 18px; }

.article dt        { font-weight: bold; }

.article ul        { list-style: none; }
.article ul li     { padding: 0 0 0 11px; background: url(/assets/images/css/li-dot.gif) no-repeat 0 6px; }

.article ol        { margin-left: 20px; }

.article td p,
.article td li,
.article td dt,
.article td dd,
.article li p,
.article li li,
.article li dt,
.article li dd                         { font-size: 1em; }

.article li ul,
.article li ol                         { margin-top: 1em; }

.article li ol li                      { background: 0; padding-left: 0; }

#print-page             { clear: both; font-size: 1.2em; line-height: 1; padding: 50px 0 15px; }
#print-page a           { float: left; padding: 10px 26px 8px 37px; background: #eaf1f7 url(/assets/images/css/icon-print.gif) no-repeat 7px 7px; }

/* SINGLE COURSE */
#course-schedule            { clear: both; padding: 0 0 10px; float: left; width: 745px; margin: 0 -225px 0 0; position: relative; }
#page-schedule #course-schedule { padding-top: 0; margin-top: -3px; }
#course-schedule table      { border-collapse: separate; border: 1px solid #acc7ed; margin: 4px 0 12px; width: 100%; }
#course-schedule thead th   { background: #acc7ed; padding: 4px 12px 5px; }
#course-schedule tbody th   { font-weight: normal; }

#course-schedule .odd       { background: #eaf1f7; }

#course-schedule .first td,
#course-schedule .first th  { border-top: 0 !important; }

#course-schedule tbody .even th,
#course-schedule tbody .even td  { }
 
#course-schedule tbody .odd th,
#course-schedule tbody .odd td  { }

#course-schedule tbody td   { border-left: 1px solid #acc7ed; }

#course-schedule tbody td,
#course-schedule tbody th   { padding: 8px 12px 12px; border-top: 1px solid #acc7ed; }

#course-schedule th h3,
#course-schedule th p,
#course-schedule td p         { font-size: 1em; margin: 0; }
#course-schedule th h3        { font-weight: bold; }

#course-schedule td.date      { width: 113px; }
#course-schedule td.fees      { width: 83px; }

#course-schedule td.action          { width: 83px; }
#course-schedule .action            { text-align: center; }
#course-schedule td.action a        { font-weight: bold; }
#course-schedule td.action strong   { color: #f00; display: block; padding: 1px 0 14px; }

#course-schedule .info      { font-style: italic; }

#no-courses-scheduled           { padding: 0 0 10px; }
#no-courses-scheduled p         { font-style: italic; }
#no-courses-scheduled p a       { font-style: normal; display: block; margin: 45px auto 0; width: 268px; background: #63a68b; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; padding: 8px 0; border: 1px solid #0c618a; }

/* COURSE REGISTER*/
#course-details             { background: #eaf1f7; border: 1px solid #acc7ed; padding: 12px 13px 16px; margin-top: 22px; }
#course-details h2          { font-size: 1.3em; line-height: 1.385; }

#course-register-form                           { border: 1px solid #acc7ed; border-top: 0; padding: 18px 0 0; }
#course-register-form .field                    { margin: 0 13px 14px; }
#course-register-form .field label              { float: left; width: 100px; padding: 3px 10px 0 0; }
#course-register-form .field label span         { font-weight: bold; color: #f00; }
#course-register-form .field input              { float: left; border: 1px solid #7f9db9; width: 198px; padding: 2px 3px; }
#course-register-form select                    { width: 205px; }

#course-register-form .has-textarea             { padding-bottom: 3px; }
#course-register-form .has-textarea label       { float: none; width: auto; padding-bottom: 8px; display: block; }
#course-register-form textarea                  { width: 449px; height: 80px; border: 1px solid #7f9db9; padding: 2px 3px; }

#course-register-form .has-checkbox             { position: relative; padding: 0 0 0 22px; margin-bottom: 0; }
#course-register-form .has-checkbox label       { float: none; width: auto; display: block; }
#course-register-form .has-checkbox input       { position: absolute; left: 0; top: 5px; border: 0; width: auto; padding: 0; }

#cancellation-policy            { border-top: 1px solid #acc7ed; padding: 11px 23px 28px 13px; margin-top: 30px; }
#cancellation-policy h2         { font-size: 1.3em; line-height: 1.385; margin: 0 0 11px 0; }
#cancellation-policy p          { padding: 0 0 0 14px; background: url(/assets/images/css/li-dot.gif) no-repeat 0 6px; }

#payment-info           { background: #eaf1f7; border-top: 1px solid #acc7ed; padding: 15px 13px 10px; }
#payment-info p         { float: left; width: 275px; font-weight: bold; font-size: 1.1em; line-height: 1.64; }

#supported-cards           { float: left; clear: both; padding-top: 10px; }
#supported-cards ul        { float: left; clear: both; list-style: none; }
#supported-cards li        { float: left; margin-right: 8px; }

#course-register-form .action-buttons   { float: right; margin-top: -36px; position: relative; top: -28px; right: 35px; width: 143px; height: 27px; }
#course-register-form .action-buttons input { display: block; }

/* CONTACT / RFQ FORMS */

#general-form                           { border: 1px solid #acc7ed; padding: 12px 0 0; margin-top: 22px; }
#general-form .field                    { margin: 0 13px 14px; }
#general-form .field label              { float: left; width: 125px; padding: 3px 10px 0 0; }
#general-form .field label span         { font-weight: bold; color: #f00; }
#general-form .field input              { float: left; border: 1px solid #7f9db9; width: 198px; padding: 2px 3px; }
#general-form select                    { width: 205px; }

#general-form .has-textarea             { padding-bottom: 3px; }
#general-form .has-textarea label       { float: none; width: auto; padding-bottom: 8px; display: block; }
#general-form textarea                  { width: 449px; height: 80px; border: 1px solid #7f9db9; padding: 2px 3px; }

#general-form .has-checkbox             { position: relative; padding: 0 0 0 22px; margin-bottom: 0; }
#general-form .has-checkbox label       { float: none; width: auto; display: block; }
#general-form .has-checkbox input       { position: absolute; left: 0; top: 5px; border: 0; width: auto; padding: 0; }

#general-form-intro                     { padding: 0 23px 28px 13px; }
#general-form-intro h2                  { font-size: 1.7em; line-height: 1.06; margin-bottom: 1.06em; color: #eb9014; margin: 0 0 11px 0; }

#general-action                         { margin: 20px 13px 14px; }
#general-action input                   { float: left; width: 124px; display: block; }
#general-action .required               { float: left; padding: 3px 0 0 40px; }
#general-action .required span          { font-weight: bold; color: #f00; }

.error      { margin-top: 22px; }
.error h2   { font-size: 1.3em; line-height: 1.385; color: #f00; margin-bottom: 5px; }
.error ul   { list-style: none; }
.error li   { padding: 0 0 0 11px; background: url(/assets/images/css/li-dot.gif) no-repeat 0 6px; color: #f00; }

/* products listing */
#product-main-data,
#products-listing               { border-top: 1px solid #acc7ed; }
#product-main-data              { position: relative; margin-top: 44px; }

#product-main-data,
#products-listing .product      { border-bottom: 1px solid #acc7ed; padding: 14px 0; position: relative; min-height: 77px; height: auto !important; height: 77px; }

#product-main-data,
#products-listing .odd          { background: #eaf1f7; }
#products-listing .even         {}

#product-main-data h1,
#product-main-data .more,
#products-listing h2,
#products-listing .more         { margin: 0 137px 0 15px; }

#product-main-data h1,
#products-listing h2            { font-size: 1.3em; line-height: 1.385; }

#product-main-data .photo,
#products-listing .photo        { float: left; margin: 0 0 0 15px; }

#product-main-data .photo img,
#products-listing .photo img    { display: block; width: 83px; height: 107px; }

#product-main-data .price,
#products-listing .price        { position: absolute; top: 15px; right: 9px; width: 120px; text-align: center; font-weight: bold; font-size: 1.4em; line-height: 1; }

#product-main-data form,
#products-listing form          { width: 120px; position: absolute; bottom: 10px; right: 10px; }

#product-main-data .more,
#products-listing .more         { padding-top: 21px; font-size: 1.1em; line-height: 1; }

#product-main-data.has-photo h1,
#product-main-data.has-photo .more,
#products-listing .has-photo h2,
#products-listing .has-photo .more      { width: 265px; float: right; display: inline; }

/* single product */
#product-description    { margin-top: 18px; }

/* check out box */
#check-out          { float: right; width: 198px; background: #eef6ed; border: 1px solid #63a68b; padding: 55px 0 54px; margin-top: 74px; }
#check-out input    { display: block; text-align: center; }
#check-out form     { margin: 0 auto; width: 106px; height: 26px; }
#check-out p        { width: 106px; height: 26px; margin: 0 auto; }

/* PAGE SCHEDULE*/
#download-schedule              { padding-top: 25px; clear: both; }
#download-schedule h2           { font-size: 1.7em; line-height: 1.06; margin-bottom: 1.06em; color: #eb9014; }
#download-schedule p            { padding: 0 0 0 11px; background: url(/assets/images/css/li-dot.gif) no-repeat 0 6px; }

/* PAGE NO LEFT NAV */
#page-about-us #content,
#page-industry-news #content,
#page-contact #content,
#page-privacy #content,
#page-terms #content,
#page-links #content,
#page-site-map #content,
#page-error404 #content,
#page-sandbox #content          { background: url(/assets/images/css/box-200-158-blue.gif) no-repeat 0 30px; }

/* HEADINGS */
.article h1,
#page-product .category,
#page-products h1,
#page-course-register h1,
#page-schedule h1        { color: #4c4c4c; font-size: 2.6em; line-height: 1; margin-bottom: 18px; font-weight: normal; letter-spacing: -1px; }
#page-product .category  { position: absolute; top: -45px; left: 0; }
.article h1              { margin-bottom: 1em; }

/* MISC */
#course-register-form legend span,
#general-form legend span,
#check-out legend span,
#products-listing legend span,
#check-out h2,
#supported-cards p,
#help-nav p,
#our-services .story h2,
#contact-info h3,
.skip-links,
#navigation h2         { position: absolute; top: -9999px; left: -9999px; }

#product-main-data:after,
#products-listing .product:after,
#payment-info:after,
#course-register-form .field:after,
#general-form .field:after,
#print-page:after,
#navigation ul:after,
#layout:after,
#content:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }