/* basic setup */
html { font-size: 100%; }
body { background: url(../img/common/header_gradient_bg.gif) repeat-x top left #FFFFFF; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; /*font-size: 80%; _font-size: 70%;*/ margin: 0 auto; text-align: center; }
a { text-decoration: none; outline: none; color: #024b97; }
a:hover { text-decoration: underline; }
img { border: none; padding: 0; margin: 0; }
input { border: 1px solid #A9A9B8; padding: 2px 4px; }
select { border: 1px solid #A9A9B8; }
/* Page Wrapper */
#wrapper { width: 950px; text-align: left; margin: 0 auto; font-size: 1.1em; }
/* Header Wrapper */
#header { background: url(../img/common/eeg_logo.jpg) no-repeat top left; height: 127px; width: 950px; }
#logo_link { display: block; width: 379px; height: 95px; text-decoration: none; outline: none; float: left; }
/* Right Header */
#right_header { float: right; }
#right_header ul { float: right; font-weight: bold; }
#right_header ul li { float: left; }
#right_header ul li a { display: block; height: 30px; line-height: 30px; }
#right_header .affiliate a { width: 155px; text-align: center; background: url(../img/common/top_nav_gray_bottom_up.gif) repeat-x top left; }
#right_header .shoppingCart a { width: 155px; text-align: center; background: url(../img/common/top_nav_gray_bottom_up.gif) repeat-x top left; }
#right_header .new a { width: 78px; text-transform: uppercase; text-align: center; background: url(../img/common/top_nav_green_bg_up.gif) repeat-x top left; color: #000; }
#right_header .login a { width: 78px; text-transform: uppercase; text-align: center; background: url(../img/common/top_nav_login_bg_up.gif) repeat-x top left; color: #fff; }
#right_header .search_box { float: left; /*margin: 14px 0 0 77px;*/ }
#right_header .search_button { float: left; /*margin: 14px 0 0 2px;*/ padding: 0; }
#shoppingCart { float: left; margin: 14px 5px 0 0; text-align: right; }
/* Top Navigation */
.top_nav_up { background: url(../img/common/top_nav_bg_up.gif) repeat-x top left; }
.top_nav_down { background: url(../img/common/top_nav_bg_up.gif) repeat-x bottom left; }
#top_navigation li { float: left; margin-left: 2px; }
#top_navigation li.first { margin-left: 0; }
#top_navigation li a { height: 25px; width: 117px; text-align: center; line-height: 25px; display: block; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#top_navigation li a.selectedTab { background: url(../img/common/top_nav_bg_up.gif) repeat-x bottom left; }
/* Content */
#content { font-size: 1.1em; line-height: 1.2em; }
#content .image_button { margin-top: 3px; width: 90px; height: 272px; display: block; float: left; text-decoration: none; }
#content .button1 { background: url(../img/common/image_button_nfb_up.jpg) no-repeat top left; }
#content .button2 { background: url(../img/common/image_button_courses_up.jpg) no-repeat top left; }
#content .button3 { background: url(../img/common/image_button_affiliate_up.jpg) no-repeat top left; }
#content .button4 { background: url(../img/common/image_button_locate_up.jpg) no-repeat top left; }
#banners { margin-top: 3px; float: left; width: 590px; height: 269px; }
.hidden_image { display: none; }
#content .button1:hover { background-position: top right; /*background: url(../img/common/image_button_nfb_down.jpg) no-repeat top left;*/ }
#content .button2:hover { background-position: top right; /*background: url(../img/common/image_button_courses_down.jpg) no-repeat top left;*/ }
#content .button3:hover { background-position: top right; /*background: url(../img/common/image_button_affiliate_down.jpg) no-repeat top left;*/ }
#content .button4:hover { background-position: top right; /*background: url(../img/common/image_button_locate_down.jpg) no-repeat top left;*/ }
/* Courses */
#coursesTable { border: 1px solid #ccc; margin: 0 auto; }
#coursesTable td { padding: 8px 14px; }
#coursesTable thead td { color: #024e9a; }
/* Subpage */
.contentLeftColumn #navigation_column { float: left; width: 236px; margin: 25px 0 0 0; }
.contentLeftColumn #primary_column { float: left; width: 710px; margin: 25px 0 0 2px; }
/********* CHANGE THIS OUT **********/
.contentRightColumn #navigation_column { float: left; width: 236px; margin: 25px 0 0 0; }
.contentRightColumn #primary_column { float: left; width: 710px; margin: 25px 0 0 2px; }
#navigation_column ul li { display: block; margin-top: 1px; }
#navigation_column ul li a { display: block; height: 30px; line-height: 30px; padding-left: 10px; color: #000; font-weight: bold; font-size: 1.1em; background-color: #f3f3f3; }
#navigation_column ul li a:hover { background-color: #eff7f9; }
#navigation_column ul li a.selectedSubcategory { background-color: #eff7f9; }
#navigation_column div { height: 32px; line-height: 32px; font-size: 1.1em; padding-left: 10px; text-transform: uppercase; font-weight: bold; color: #fff; background: url(../img/common/32px_gray_gradient.gif) repeat-x top left; }
.spacer { margin-top: 2px; }
/* Footer */
#footer { margin: 30px 0 15px; }
#footer .leftColumn { float: left; }
#footer .rightColumn { float: right; text-align: right; }
#footer a { font-weight: bold; }
/* News Container */
#newsContainer { width: 355px; line-height: 1.5em; text-align: justify; font-size: .95em; margin-top: 3px; float: left; }
.newsBgLeft { background: url(../img/common/news_link_left.gif) no-repeat top left; }
.newsBgRight { background: url(../img/common/news_link_right.gif) no-repeat top left; }
#newsContainer hr { border: 1px solid #c4d7e8; }
#newsContainer h3 { text-transform: uppercase; padding: 3px 0; }
#newsNavigation a { font-weight: bold; color: #024e9a; font-size: 1.4em; width: 162px; display: block; text-transform: uppercase; float: left; padding: 7px 0 8px 15px; text-decoration: none; }
.latestNews { background-color: #ececec; padding: 10px 15px; display: none; }
.events { background-color: #ebf5ff; padding: 10px 15px; }
.events a { color: #024e9a; font-weight: bold; text-decoration: none; }
.latestNews a { color: #a5002b; font-weight: bold; text-decoration: none; }
#newsletterContainer { background-color: #1c6abc; padding: 13px 10px; margin-top: 3px; }
.newsletterText { font-weight: bold; color: #81cf21; text-transform: uppercase; font-size: 1.5em; }
/* Main Container */
#mainContainer { width: 590px; margin-left: 5px; float: left; }
#mainContainer h2 { color: #024e9a; text-transform: uppercase; font-size: 16px; padding: 0 0 15px 0; }
#welcome { background-color: #ebf5ff; margin-top: 3px; padding: 15px; line-height: 1.5em; text-align: justify; }
#caseStudies { width: 352px; float: left; }
#caseStudies img { float: left; padding-right: 10px; }
#caseStudies hr { border: 1px dotted #c4d7e8; }
#caseStudies div { padding: 15px; }
#caseStudies h3 { text-transform: uppercase; padding: 3px 0; }
#featuredProducts { width: 232px; float: left; border-left: 1px dotted #c4d7e8; margin-left: 5px; background-color: #f7f6f2; }
#featuredProducts img { float: left; }
#featuredProducts div { padding: 15px; }
#featuredProducts a { font-weight: bold; }
#featuredProducts .price{ font-weight: bold; }
.productLink { color: #024e9a; }
.cartLink { color: #a5002b; text-decoration: underline; }
/* Catalog/Products */
#sidebarContent { float: left; width: 238px; border-top: 2px solid #b7b7b7; border-right: 2px solid #b7b7b7; margin-top: 5px; }
#sidebarContent ul { padding: 5px 10px; }
#sidebarContent ul a { color: #555; }
#sidebarLinks { float: left; width: 238px; border: 2px solid #b7b7b7; background-color: #f0f0f0; margin-top: 5px; }
#sidebarLinks ul { padding: 5px 10px; }
#sidebarLinks ul a { color: #555; }
a.chosen { color: #A50029 !important; }
#sidebarLinks li { background: url(../img/common/product_li.gif) no-repeat 0px 3px; margin-top: 8px; font-weight: bold; padding-left: 10px; }
#sidebarListing { float: left; width: 708px; margin-top: 7px; }
/* Catalog/Products */
#catalogLinks { float: left; width: 238px; border: 2px solid #b7b7b7; background-color: #f0f0f0; margin-top: 5px; }
#catalogLinks ul { padding: 10px; }
#catalogLinks li { background: url(../img/common/product_li.gif) no-repeat center left; margin-top: 8px; font-weight: bold; padding-left: 10px; }
#catalogListing { float: left; width: 708px; margin-top: 2px; margin-top: 7px; }
.description { float: left; padding: 5px; text-align: left; }
.product { text-align: right; padding: 5px 20px; }
.productLink { background: url(../img/common/product_arrow.gif) no-repeat center left; font-weight: bold; font-size: 14px; margin: 12px 0 0 20px; padding-left: 10px; display: block; }
.productHr { height: 1px; background-color: #eee; border-color: #eee; }
/* Shipping page */
#selectAddress { width: 250px; float: left; margin-left: 50px; }
#addNewAddress { width: 600px; float: left; }
#addNewAddress form { border: 1px solid #ccc; background-color: #eee; }
#addNewAddress form label { width: 100px; }
/* General form setup */
#recaptcha_table { background-color: #fff; }
.formBg { border: 1px solid #ccc; background-color: #f1f6f6; }
.generalForm { /*border: 1px solid #ccc;*/ padding: 10px; /*background-color: #f1f6f6;*/ }
.generalForm label { float: left; text-align: right; display: block; width: 130px; margin-top: 10px; clear: both; padding-right: 10px; line-height: 20px; }
.generalForm input { float: left; display: block; margin-top: 10px; }
.generalForm select { float: left; margin-top: 10px; width: 154px; }
.generalForm textarea { float: left; /*margin-top: 10px; width: 154px;*/ }
.generalForm .field { margin-top: 10px; }
input.submitButton { clear: both; margin: 15px 0 0 130px; padding: 0px; font-weight: bold; }
.generalForm .error-message { float: left; margin-left: 10px; color: #c00; padding: 2px; clear: both; margin: 5px 0 0 140px; font-weight: normal; }
.addressInfo { padding: 10px; }
.sidebarPadding { padding: 10px; }
/* error and flash messages */
#flashMessage { font-weight: bold; padding:13px 18px; text-align:center; margin-bottom:10px; color: #555; }
.error { font-weight: bold; }
.flash-error { background:#ffe1c5; border:1px solid #f5b37f; }
.flash-success { background:#ebf9df; border:1px solid #c5e1ae; }
#authMessage { background:#ffe1c5; border:1px solid #f5b37f; font-weight: bold; padding:13px 18px; text-align:center; margin-bottom:10px; color: #555; }
/* font classes */
.museo500-blue { color: #1a6ccf; text-transform: uppercase; font-size: 1.5em; font-family: Helvetica, Arial, sans-serif; }
h2.museo500-blue { margin: 15px 0 0 24px; }
/* common classes */
hr.header { margin: 0 0 10px 0; border: 0; height: 1px; padding: 0; background-color: #1a6ccf; color: #1a6ccf; }
hr.footer { margin: 0 0 10px 0; border: 0; height: 5px; padding: 0; background-color: #cccccc; color: #cccccc; }
.none { display: none; }
.bold { font-weight: bold; }
.fleft { position: relative; float: left; display: block; }
.fright { position: relative; float: right; display: block; }
.red { color: #990000; }
.brightRed { color: #ff0000; }
.darkgray { color: #706F6F; }
.yellow { color: #FFCC00; }
.underline { text-decoration: underline; }
.noOutline { outline: none; }
.italic { font-style: italic; }
.white { color: #FFF; }
.black { color: #000; }
.green { color: #5CA30A; }
.blue { color: #024e9a; }
.linkBlue { color: #3F8CD9; }
.clear { font-size: 1px; height: 1px; line-height: 1px; clear: both; }
.upper { text-transform: uppercase; }
.capital { text-transform: capitalize; }
.block { display: block; }
.imageBorder { border: 1px solid #ccc; padding: 3px; margin: 10px 0; }
.imageBorder img { display: block; }
.divider { border-bottom:1px solid #D1D9E7; height:1px; margin:5px 0; padding:0; }