/********************************************
* The Schuster Center
* Developed by I-ology
* http://www.i-ology.com
*
* Created 05/23/07 - MB
*
* General Style Definitions
********************************************/

/*********************************
* HTML Mods 
*********************************/

body {
    margin: 0 0 30px 0;
    padding: 0;
    background: #7e95b8 url(/images/bg_body.jpg) top left repeat-x;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 11px; 
    font-family: Verdana, Arial, Tahoma, sans-serif;
    color: #4D4C4C;
    line-height: 16px;
}

a {
    color: #014983;
    outline: none;
}

a:hover {
    text-decoration: none;
}

p {
    padding: 0 0 10px 0;
    font-size: 11px;
}

h1 {
    font-size: 12px;
    color: #014983;
}

h2 {
    font-size: 12px;
    margin: 15px 0 5px 0;
    color: #014983;
}

h2 span {
    font-size: 11px;
    margin: 15px 0 0 0;
    color: #014983;
}

h3 {
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #00206D;
}

h4 {
    font-size: 12px;
    margin: 0 0 3px 0;
    color: #014983;
}

em {
   font-size: 11px;
   line-width: 16px;
}

.em-label {
   font-style: normal;
   color: #014983;
   font-size: 10px;
}

.error h3 {
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #00206D;
}

.error-orange {
    border: 2px solid #D65121;
    padding: 5px;
    width: 280px;
    margin-bottom: 5px;
}

.error-orange h3 {
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #D65121;
}

.divider {
    width: 460px;
    overflow: hidden;
    margin-top: 10px;
    background: url(/images/divider.gif) top left no-repeat;
}

.calendar-divider {
    width: 460px;
    background: url(/images/divider.gif) top left no-repeat;
}

.focus-text {
    padding: 10px; 
    margin: 5px 0; 
    background: #ffffff; 
    border: 1px solid #CCCCCC;
}

.imgbtnPlaceOrder {
    float: right;
    clear: right;
}

#continue-shopping {
    float: left;
    clear: left;
}

h1 sup {
    font-size: 10px;
    color: #014983;
}

h2 sup {
    font-size: 10px;
    color: #014983;
}

sup {
    font-size: 7px;
}

strong sup {
    font-size: 7px;
}


/*********************************
* Layout Definitions
*********************************/

#content {
    width: 760px;
    margin: 0 auto;
}

#number-global {
    height: 28px;
    overflow: hidden;
}

#number {
    float: left;
    width: 171px;
    height: 28px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/number.gif) top left no-repeat;
}

#global-bg {
    float: right;
    width: 241px;
}

#header {
    width: 760px;
    height: 158px;
    background: url(/images/header_image.gif) top left no-repeat;
}

#logo {
    float: left;
    width: 220px;
    height: 158px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/logo.gif) top left no-repeat;
}

#back {
    padding-top: 7px;
    float: right;
}

#update-order {
    padding-top: 0;
    float: right;
}

#checkout {
    display: block;
    height: 28px;
    width: 95px;
    margin-top: 2px;
    float: right;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/btn_shopping_cart.gif) top left no-repeat;    
}

a:hover#checkout {
    background:  url(/images/btn_shopping_cart.gif) bottom left no-repeat;    
}

#btn-checkout {
    display: block;
    height: 28px;
    width: 95px;
    margin-top: 2px;
    text-indent: -9999px;
    text-decoration: none;
    float: left;
    overflow: hidden;
    background:  url(/images/btn_shopping_cart.gif) top left no-repeat;    
}

a:hover#btn-checkout {
    background:  url(/images/btn_shopping_cart.gif) bottom left no-repeat;    
}

#content-bg {
    width: 760px;
    width/**/:/**/ 744px;    
    margin: 0;
    padding: 0 8px;
    background: #eaeaea;
    overflow: hidden;
}

.content-image {
    padding: 0px;
    float: right;
    margin: -3px 0 10px 20px;
    clear: right;
}

.content-photo {
    width: 175px;
    margin-top: 3px;
    padding: 0px;
    float: right;
    margin: 5px 0 15px 25px;
    clear: right;
}

.content-photo2 {
    width: 125px;
    padding: 0px;
    float: right;
    margin: 5px 5px 15px 25px;
    clear: right;
}

.content-photo img,
.content-photo2 img {
    padding: 1px;
    background: #FFF;
    border: 1px solid #00206D;
}

.content-photo-interiors {
    margin-top: 3px;
    padding: 0;
    float: left;
    margin: 10px 30px 10px 0;
    clear: left;
}

#register {
    position: relative;
    top: 1px;
    padding-top: 5px;
}

.bold-link {
    font-weight: bold;
    color: #4D4C4C;
}

#quote-double-profits {
    position: relative;
    width: 441px;
    height: 53px;
    margin-bottom: 12px;
    text-indent: -9999px;
    background: url(/images/quote_double_profits.gif) top left no-repeat;
}

#quote-double-profits a {
    position: absolute;
    top: 3px;
    right: 0;
    display: block;
    width: 130px;
    height: 29px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/btn_show_me_how.gif) top left no-repeat;
}

#quote-double-profits a:hover {
    background-position: bottom left;
}

/*********************************
* Lists
*********************************/

ul {
    margin: 0 0 10px 1px;
    padding: 0;
}

ul li {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 2px;
    background: url(/images/bullet.gif) 0 4px no-repeat;
}

ol {
    margin: 0 0 10px 1px;
    padding: 0;
}

ol li {
    margin: 0 0 2px 20px;
}

/*********************************
* Promos
*********************************/


#newsletter {
    display: block;
    width: 218px;
    height: 58px;
    margin: 0 10px 0 10px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_newsletter.gif) top left no-repeat;
}
a:hover#newsletter {
    background:  url(/images/promo_newsletter.gif) bottom left no-repeat;
}

#promo-diagnosis {
    display: block;
    width: 197px;
    height: 98px;
    margin: 5px 5px 16px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_diagnosis.gif) top left no-repeat;
}
a:hover#promo-diagnosis {
    background:  url(/images/promo_diagnosis.gif) bottom left no-repeat;
}

#view-testimonials {
    display: block;
    width: 167px;
    height: 27px;
    margin: 0 22px 0 18px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/btn_view_testimonials.gif) top left no-repeat;
}
a:hover#view-testimonials {
    background:  url(/images/btn_view_testimonials.gif) bottom left no-repeat;
}

#promo-receive-newsletter {
    display: block;
    width: 197px;
    height: 46px;
    margin: 5px 5px 16px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_receive_newsletter.gif) top left no-repeat;
}
a:hover#promo-receive-newsletter {
    background:  url(/images/promo_receive_newsletter.gif) bottom left no-repeat;
}

#promo-request-information {
    display: block;
    width: 197px;
    height: 46px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_request_information.gif) top left no-repeat;
}
a:hover#promo-request-information {
    background:  url(/images/promo_request_information.gif) bottom left no-repeat;
}

#promo-want-information {
    display: block;
    width: 197px;
    height: 46px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_want_information.gif) top left no-repeat;
}
a:hover#promo-want-information {
    background:  url(/images/promo_want_information.gif) bottom left no-repeat;
}

#promo-view-tools {
    display: block;
    width: 197px;
    height: 94px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_view_tools.gif) top left no-repeat;
}
a:hover#promo-view-tools {
    background:  url(/images/promo_view_tools.gif) bottom left no-repeat;
}

#promo-calendar-events {
    display: block;
    width: 197px;
    height: 58px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_calendar_of_events.gif) top left no-repeat;
}
a:hover#promo-calendar-events {
    background:  url(/images/promo_calendar_of_events.gif) bottom left no-repeat;
}

#promo-view-testimonials {
    display: block;
    width: 197px;
    height: 32px;
    margin: 5px 5px 0 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_view_testimonials.gif) top left no-repeat;
}
a:hover#promo-view-testimonials {
    background:  url(/images/promo_view_testimonials.gif) bottom left no-repeat;
}

#promo-contact-us {
    display: block;
    width: 197px;
    height: 32px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_contact_us.gif) top left no-repeat;
}
a:hover#promo-contact-us {
    background:  url(/images/promo_contact_us.gif) bottom left no-repeat;
}

#promo-video-clip {
    display: block;
    width: 197px;
    height: 29px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_video_clips.gif) top left no-repeat;
}
a:hover#promo-video-clip {
    background:  url(/images/promo_video_clips.gif) bottom left no-repeat;
}

#promo-tear-sheet {
    display: block;
    width: 197px;
    height: 29px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_tear_sheet.gif) top left no-repeat;
}
a:hover#promo-tear-sheet {
    background:  url(/images/promo_tear_sheet.gif) bottom left no-repeat;
}

#promo-view-blog {
    display: block;
    width: 197px;
    height: 94px;
    margin: 5px 5px 0 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_view_blogs.gif) top left no-repeat;
}
a:hover#promo-view-blog {
    background:  url(/images/promo_view_blogs.gif) bottom left no-repeat;
}

#promo-about-dr-schuster {
    display: block;
    width: 197px;
    height: 58px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_about_schuster.gif) top left no-repeat;
}
a:hover#promo-about-dr-schuster {
    background:  url(/images/promo_about_schuster.gif) bottom left no-repeat;
}

#promo-performance-coaching {
    display: block;
    width: 197px;
    height: 76px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_pc.gif) top left no-repeat;
}
a:hover#promo-performance-coaching {
    background:  url(/images/promo_pc.gif) bottom left no-repeat;
}

#promo-purchase-materials {
    display: block;
    width: 197px;
    height: 59px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_purchase_materials.gif) top left no-repeat;
}
a:hover#promo-purchase-materials {
    background:  url(/images/promo_purchase_materials.gif) bottom left no-repeat;
}

#promo-topics {
    display: block;
    width: 197px;
    height: 29px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_topics.gif) top left no-repeat;
}
a:hover#promo-topics {
    background:  url(/images/promo_topics.gif) bottom left no-repeat;
}

#promo-careers {
    display: block;
    width: 197px;
    height: 59px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_careers.gif) top left no-repeat;
}
a:hover#promo-careers {
    background:  url(/images/promo_careers.gif) bottom left no-repeat;
}

#promo-articles {
    display: block;
    width: 197px;
    height: 59px;
    margin: 5px 5px 10px 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_articles.gif) top left no-repeat;
}
a:hover#promo-articles {
    background:  url(/images/promo_articles.gif) bottom left no-repeat;
}

#promo-download-vitae {
    display: block;
    width:197px;
    height: 58px;
    margin: 5px 5px 0 5px;
    text-indent: -9999px;
    text-decoration: none;
    overflow: hidden;
    background:  url(/images/promo_vitae.gif) top left no-repeat;
}
a:hover#promo-download-vitae {
    background:  url(/images/promo_vitae.gif) bottom left no-repeat;
}


/*********************************
* Footer Definitions
*********************************/


#footer {
    text-align: left;
    width: 760px;
    margin: 0 auto;
    padding-top: 32px;
    clear: both;
    height: 76px;
    background: url(/images/footer_bg.jpg) top left no-repeat;
}

#footer div, #footer div a {
    color: #4D4C4C;
    font-size: 10px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
}

#footer-left {
    padding: 14px 0 14px 13px;
}

#footer-right {
    float: right;
    padding: 14px 20px 14px 0;
}

/*********************************
* Global Navigation
*********************************/

#global {
    width: 241px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#global li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#global a {
    height: 28px;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}
#global a#blog {
    background:  url(/images/global_blog.gif) top left no-repeat;
    width: 52px;
}
#global a:hover#blog, body#blog-on #global a#blog {
    background:  url(/images/global_blog.gif) bottom left no-repeat;
    width: 52px;
}

#global a#contact-us {
    background:  url(/images/global_contact_us.gif) top left no-repeat;
    width: 87px;
}
#global a:hover#contact-us, body#contact-us-on #global a#contact-us {
    background:  url(/images/global_contact_us.gif) bottom left no-repeat;
    width: 87px;
}
#global a#home {
    background:  url(/images/global_home.gif) top left no-repeat;
    width: 102px;
}
#global a:hover#home, body#home-on #global a#home {
    background:  url(/images/global_home.gif) bottom left no-repeat;
    width: 102px;
}


/*********************************
* Main Navigation
*********************************/

#nav-bg {
   background: #eaeaea;
}

#nav {
    width: 760px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#nav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 48px;
    overflow: hidden;
}

#nav a#about-us {
    background:  url(/images/nav_about_us.gif) top left no-repeat;
    width: 129px;
}
#nav a:hover#about-us, body#about-us-on #nav a#about-us {
    background:  url(/images/nav_about_us.gif) bottom left no-repeat;
    width: 129px;
}

#nav a#what-we-do {
    background:  url(/images/nav_what_we_do.gif) top left no-repeat;
    width: 141px;
}
#nav a:hover#what-we-do, body#what-we-do-on #nav a#what-we-do {
    background:  url(/images/nav_what_we_do.gif) bottom left no-repeat;
    width: 141px;
}

#nav a#products-resources {
    background:  url(/images/nav_products_resources.gif) top left no-repeat;
    width: 202px;
}
#nav a:hover#products-resources, body#products-resources-on #nav a#products-resources {
    background:  url(/images/nav_products_resources.gif) bottom left no-repeat;
    width: 202px;
}

#nav a#testimonials {
    background:  url(/images/nav_testimonials.gif) top left no-repeat;
    width: 171px;
}
#nav a:hover#testimonials, body#testimonials-on #nav a#testimonials {
    background:  url(/images/nav_testimonials.gif) bottom left no-repeat;
    width: 171px;
}

#nav a#speakers {
    background:  url(/images/nav_speakers.gif) top left no-repeat;
    width: 117px;
}
#nav a:hover#speakers, body#speakers-on #nav a#speakers {
    background:  url(/images/nav_speakers.gif) bottom left no-repeat;
    width: 117px;
}

/*********************************
* Sub Navigation
*********************************/

#subnav {
    width: 207px;
    padding: 0;
    margin: 0;
}

#subnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#subnav a {
    display: block;
    width: 207px;
    text-decoration: none;
    text-indent: -9999px;
    height: 25px;
    overflow: hidden;
}