/* Alka-Seltzer Styles, Revised February, 2009 */

/*-----Stylesheet & Markup Recommendations-------//

1. Before adding or changing styles and markup, study the current styles and markup carefully so that the new code follows the same conventions and reuses current styles.
This helps keep the code clean, concise and easy to read.
2. Use minimal markup and styles to achieve results. No unneccesary element containers, classes, etc.
3. Use IDs instead of classes to add style hooks to elements whenever possible.
Classes should only be used when it is likely multiple elements will use the style on any single page.
4. No IE hacks! All separate styles for Internet Explorer go in the file "common-ie.css"
5. All pages should validate to XHTML 1.0 Transitional/CSS 2.1

//---------------------------------------------------------*/

/*----------OVERALL SITE STYLES---------------*/

/* reset */

* { margin: 0; padding: 0; }

img, fieldset { border: 0; }

ul, ol { list-style: none; }

a { outline: 0; text-decoration: none; }


/* basic typeography and colors */

body { font: 12px "Arial","Helvetica",sans-serif; color: #070707; width: 996px; }

a { color: #082df1; }

sup { font-size: .8em; line-height: .5em; }

#content a { text-decoration: underline; }

#content h2, #content h3, #content h4 { margin: 10px 0; }

#content p { line-height: 1.2em; margin: 14px 0; }

#content ul, #content ol { margin: 14px 0; padding-left: 30px; }
#content ul { list-style-type: disc; }
#content ul ul { list-style-type: circle; margin-top: 0; }
#content ol { list-style-type: decimal; }
#content ol ol { list-style-type: lower-alpha; margin-top: 0; }
#content li { line-height: 1.2em; }

#content h1 { font-size: 30px; color: #003399; text-align: center; margin-bottom: 30px; letter-spacing: 1px; }
#content h2 { font-size: 18px; color: #000099; }
#content h3 { font-size: 14px; color: #006ab5; }
#content h4 { font-size: 14px; }
#content h5 { font-size: 12px; }

.clear { clear: both; }

/* basic form styles */

label, input , select { display: block; float: left; margin: 5px; }

label { text-align: right; width: 100px; }

input { width: 170px; }

/* header */

#header { width: 100%; height: 70px; color: #5a5a5a; position: relative;}

#header h2 span, #header h3 span { width: 100%; height: 100%; display: block; position: absolute; background: no-repeat top left; }
#header h2 { width: 996px; height: 70px; overflow: hidden; }
#header h2 span { background-image: url(../img/masthead_alkaseltzer.jpg); }
#header h3 { width: 190px; height: 36px; top: 13px; position:absolute; left: 797px; background-image: url(../img/masthead_bayer.gif); display:block;}

#header ul { list-style: none; text-align: right; font-size: 9px; position: absolute; top: 51px; left:828px;}
#header li { display: inline; }
#header li a { color: #5a5a5a; text-decoration: none; }

/* main navigation */

#navigation { width: 100%; height: 32px; background: url(../img/nav_bg.gif) repeat-x; list-style: none; }

#navigation li { height: 32px; float: left; padding-left: 40px; padding-right: 8px;}
#navigation a { display: block; height: 32px; text-indent: -9999px; background: no-repeat top left; }
#navigation a:hover, #navigation a.active { background-position: bottom left; }

#navigation #nav_home { background-image: url(../img/nav_home.gif); width: 33px; }
#navigation #nav_prod { background-image: url(../img/nav_prod.gif); width: 51px; }
#navigation #nav_eff { background-image: url(../img/nav_eff.gif); width: 78px; }
#navigation #nav_esp { background-image: url(../img/nav_esp.gif); width: 70px; }
#navigation #nav_facts { background-image: url(../img/nav_facts.gif); width: 100px; }
#navigation #nav_treat { background-image: url(../img/nav_treat.gif); width: 63px; }
#navigation #nav_faqs { background-image: url(../img/nav_faqs.gif); width: 96px; }
#navigation #nav_exp { background-image: url(../img/nav_exp.gif); width: 91px; }

/* sidebar content & nav */

#sidebar { width: 171px; float: left; background: url(../img/sidebar_shadow.gif) repeat-x top #0f329a; line-height: 12px; display: inline-block; }
#sidebar { display: block; }
#sidebar a { color: #ffffff; text-decoration: none; }
#sidebar .active, #sectionnav a:hover { color: #fff200; }

#sidebar h4 { color: #53ccfc; font-size: 12px; padding: 12px 10px 13px; }
#sidebar h5 { color: #fff200; font-size: 12px; margin-bottom: 6px; }
#sidebar img { display: block; margin: 0 auto 14px; padding-right: 5px;  }
#sidebar #speedygame { margin-bottom: 112px; }

#sidebar #sectionnav { padding: 10px 10px 23px; }
#sidebar #sectionnav li { margin-bottom: 12px; }
#sidebar #sectionnav ul { padding-left: 30px; margin-top: 12px; }
#sidebar #bayerlinks { padding: 8px 10px 6px; background: url(../img/spacer_dotted.gif) repeat-x top; }
#sidebar #bayerlinks li { line-height: 16px; }
#sidebar #privacylinks { font-size: 10px; line-height: 14px; padding: 4px 10px; margin-bottom: 55px; background: url(../img/spacer_dotted.gif) repeat-x top; }

/* main content */

#content { width: 665px; float: right; padding: 24px 80px 60px; background: url(../img/content_shadow.gif) repeat-x top; }

div#content ul.anchornav { margin: 80px auto 35px; text-align: center; }
#content .anchornav li { display: inline; font-size: 12px; }
#content .sub1 { font-size: .9em; }
#content .sub2 { font-weight: normal; }
#content .highlight { color: #990000; }

/* footer */

#footer { clear: both; padding: 22px 10px 10px; color: #999999; font-size: 10px; line-height: 12px; }
#footer a { color: #999999; }
#footer ul { margin-bottom: 10px; }
#footer li { display: inline; }

/*--------INDIVIDUAL PAGE STYLES-----------*/

/* home page */

#home #content { margin: 0; padding: 0; background: none; width: auto; }
#home #content img { display: block; }
/*#home #footer { margin-top: -23px; padding-top: 0; }*/

/* faqs page */

#faqs #content  h2, #faqs #content h3 { text-align: center; margin-bottom: 20px; padding: 0 20px; }
#product_differences { width: 600px; height: 350px; margin: -30px auto; position: relative; z-index: 1; }
#product_differences .product_box { float: left; width: 30%; text-align: center; padding: 0 10%; }
#product_differences img { margin-bottom: 20px; }
#product_differences h2 { position: relative; top: 100px; width: 120px; margin: 0 auto; text-align: center; }
#questions { margin-top: 40px; }
#questions h4 { margin: 10px 0; }
#questions li { margin-bottom: 5px; }
#answers h4 { margin-top: 30px; }

/* sitemap page */
#sitemap #sitemaplist, #sitemap #sitemaplist ul { padding-left: 0; list-style-type: none; }
#sitemaplist li { font-weight: bold; margin-bottom: 10px; }
#sitemaplist li li { font-weight: normal; margin-bottom: 0; }

/* where to buy page */

.buylogos { text-align: center; margin: 10px 0 30px; }

/* contact us page */

#contact #content { padding-left: 40px; padding-right: 40px; width: 745px; }
#contact #intro { position: relative; left: 20px; border: 1px solid #006db8; padding-left: 8px; line-height: 2em; height: 191px; width: 470px; float: left; color: #006db8;}
#contact #intro img { display: block; float: right; border-left: 1px solid #006db8; margin-left: 8px; }
#contact #intro h3 { margin-bottom: 23px; margin-top: 10px; font-size: 12px; }
#contact #intro p { line-height: 1.75em; margin-bottom: 0; } 
#contact .contactlinks { width: 180px; margin-left: 520px; background: no-repeat left 10px; padding-bottom: 10px; padding-left: 5px; margin-top: 7px; color: #006db8; }
#contact .contactlinks h4 { padding-left: 55px; padding-top: 10px; font-size: 11px; margin-bottom: 5px; line-height: 1em; margin-top: 0; }
#contact .contactlinks a { display: block; margin-left: 55px; font-size: 10px; line-height: 1em; color: #006db8; }
#contact #contactfaqs { background-image: url(../img/contact_icons_question.jpg); }
#contact #contactbpl { background-image: url(../img/contact_icons_computer.jpg); }
#contact #contactbpl h4 { border-top: 1px solid #006db8;; margin-right: 25px; }

#contact .contactmethods { height: 82px; float: left; background-repeat: no-repeat; padding: 12px 20px 8px 85px; color: #ffffff; margin: 20px 0 23px; }
#contact .contactmethods a  { color: #ffffff; font-size: 11px; margin-top: 4px; }
#contact .contactmethods p { font-size: 10px; line-height: 1em; margin: 0; }
#contact .contactmethods h4 { font-size: 13px; line-height: 1.5em; padding-bottom: 4px; letter-spacing: .5px; margin: 0; }
#contact .contactmethods h5 { font-size: 11px; font-weight: bold; margin-bottom: 6px; margin-top: 4px; }

#contact #contactemail { width: 120px; background-image: url(../img/contact_icons_email.jpg); }
#contact #contactmail { width: 145px; background-image: url(../img/contact_icons_mail.jpg);  }
#contact #contactphone { width: 137px; background-image: url(../img/contact_icons_phone.jpg); }

#contact #content p.last { padding-left: 5px; }

/* email us pages */

#email #intro { margin: 0 100px 38px; min-height: 45px; padding: 10px 0 10px 80px; background: url(../img/email_icons_mouse.gif) no-repeat left center; color: #006db8; }
#email #intro * { color: #006db8; }

#emailform { margin: 0 auto; background-color: #ccebff; border: 8px solid #006db8; padding: 5px 10px; width: 470px; color: #006db8; }
#emailform p.note { padding-left: 85px; }
#emailform  #info { padding: 3px 0 30px 80px; }
#emailform  #info select { margin-right: 50px; }
#emailform  #message { clear: both; padding: 0 30px; }
#emailform  #message label { float: none; text-align: left; width: 200px; padding-left: 165px; }
#emailform  #message #charleft { display: block; margin: 5px 0; }
#emailform  #message #charleft span { font-weight: bold; }
#emailform  #message textarea { display: block; width: 400px; }
#emailform #buttons { padding-right: 110px; text-align: right; margin-bottom: 10px; }
#emailform #buttons input { width: auto; display: inline; float: none; margin: 10px 0 10px 2px; }
#emailform #offer { padding-left: 5px; }
#emailform #offer input, #emailform #offer label { width: auto; float: none; display: inline; margin: 0; }
#emailform #offer input { margin-right: 5px; }

/* home container */
#home_container { height: 757px; width: 996px; background-image:url(../img/home/home_bg.jpg); background-repeat: no-repeat; overflow:hidden; position: relative;}

#home_container h1 { background-image:url(../img/home/brings_you_back.png); width: 387px; height: 228px; margin-top: 91px; margin-left: 125px; float:left; behavior: url(img/home/iepngfix.htc); text-indent:-9999px;}
#home_container #packages { background-image:url(../img/home/packages.png); width: 383px; height: 400px; margin-top: 64px; margin-left: 47px; float: left; behavior: url(img/home/iepngfix.htc);}

#home_container .nav { display:block; width: 954px; height: 128px; margin-left: 22px;}
#home_container .nav li { display:block; height: 128px; float:left; margin-top: -4px; text-indent:-9999px;}
#home_container .nav li a { float: left;}
#home_container .nav li.one { background-image:url(../img/home/games.png); width: 194px; behavior: url(img/home/iepngfix.htc); }
#home_container .nav li.one a.one{ margin-top: 65px; margin-left: 38px; width: 87px; height: 52px; }
#home_container .nav li.one a.two{ margin-top: 6px; margin-left: 9px; width: 57px; height: 116px; }
#home_container .nav li.two { background-image:url(../img/home/commercials.png); width: 189px; behavior: url(img/home/iepngfix.htc); }
/*#home_container .nav li.two a.one{ margin-top: 54px; margin-left: 12px; width: 81px; height: 66px; }
#home_container .nav li.two a.two{ margin-top: 54px; margin-left: 12px; width: 81px; height: 66px; }*/
#home_container .nav li.two a.two{ margin-top: 12px; margin-left: 8px; width: 179px; height: 107px; }
#home_container .nav li.three { background-image:url(../img/home/student_science.png); width: 190px; behavior: url(img/home/iepngfix.htc); }
#home_container .nav li.three a{ margin-top: 12px; margin-left: 8px; width: 179px; height: 107px; }
#home_container .nav li.four { background-image:url(../img/home/check_out.png); width: 189px; behavior: url(img/home/iepngfix.htc); }
#home_container .nav li.four a{ margin-top: 12px; margin-left: 4px; width: 179px; height: 107px; }
#home_container .nav li.five { background-image:url(../img/home/save.png); width: 192px; behavior: url(img/home/iepngfix.htc); }
#home_container .nav li.five a{ margin-top: 14px; margin-left: 3px; width: 159px; height: 102px; }

#home_container h2#new_look { background-image:url(../img/home/new_look.png); width: 124px; height: 121px; left: 503px; top: 290px; position: absolute; behavior: url(img/home/iepngfix.htc); text-indent: -9999px;}

#home_container #footer{ padding-top: 104px;}