body { background: #fff url('../img/bg_header.gif') repeat-x; margin: 0; }
img { border: 0 none; }
a { color: #00f; font-weight: bold; }
h1 { cursor: pointer; }
h3 { font: normal 19px Trebuchet MS; margin: 0; color: #633; padding-bottom: 5px; border-bottom: solid 1px #eee; }
sup { font-size: 12px; line-height: 0; }
sub { font-size: 8px; line-height: 0; }
img { border: 0 none; text-decoration: none; }

.hide, .hidden { display: none; }
.small { font: normal 76% Arial; color: #666; }
.border { border: 1px dotted #999; }
.floatright { float: right; margin: 0 0 10px 10px; }
.floatleft { float: left; margin: 0 10px 10px 0; }
.sectionright { background-color: #fff; padding-left: 10px; }
.aligncenter { margin: 0 auto 0; text-align: center; }
.alignright { text-align: right; }
.underline { text-decoration: underline; }
.subheader { color: #c30; font: normal 14px "Trebuchet MS"; }
.uparrow { background-image: url('../img/arrow_up.gif'); background-position: 50% 50%; background-repeat: no-repeat; }
.downarrow { background-image: url('../img/arrow_down.gif'); background-position: 50% 50%; background-repeat: no-repeat; }
.valigntop { vertical-align: top; }

#page { clear: both; }

#header { width: 775px; height: 135px; background: transparent url('../img/bg_header_steps.gif') no-repeat 248px 0; clear: both; }
#header #index { background: transparent url('../img/logo_deplin.gif') no-repeat; margin: 0; padding: 0; border: 0 none; width: 248px; height: 115px; float: left; cursor: pointer; }
#header #navigation { width: 465px; float: right; }
#header ul { margin: 0; }

.navigation { padding-top: 10px; font: normal 13px Trebuchet MS; }
.navigation a { color: #fe9; text-decoration: none; font-size: 11px; font-weight: normal; }
.navigation strong { color: #fff; font-size: 13px; }
.navigation ul { list-style: none; padding: 0; margin: 0 0 20px 0; color: #fe9; font-size: 11px; }
.navigation ul li { display: block; margin: 1px 0; }
.navigation ul a:hover { text-decoration: underline; }

#body { background: #fff url('../img/bg_header_steps.gif') repeat-x 0 -115px; padding: 0 20px 20px; clear: both; font: normal 86% Trebuchet MS; line-height: 18px; }

#body ul#home { padding: 0; margin: 10px 0 0 20px; width: 170px; }
#body ul#home li { margin-bottom: 10px; margin-left: 15px; color: #fc0; }
#body ul#home li span { color: #000; }

#body ul { list-style-type: square; }
#body ol li { margin-left: 25px; margin-bottom: 12px; }

#body .sections { background-color: #eee; border: 1px solid #999; padding: 5px; display: block; height: 18px; cursor: pointer; }

#body .subnavigation { background: #f67701; }
#body .subnavigation p { padding: 10px 20px 20px; color: #fff; font-size: 15px; }
#body .subnavigation ul { list-style-type: none; padding: 0; margin: 0; }
#body .subnavigation li { margin: 0 20px; }
#body .subnavigation ul li a { display: block; width: 160px; padding: 15px 0 15px 0; margin: 0; clear: both; border-top: 1px solid #ea0; color: #fff; text-decoration: none; font: normal 12px Trebuchet MS; }
#body .subnavigation ul li a strong { text-decoration: underline; }
#body .subnavigation ul li a:hover { text-decoration: underline; }
#body .subnavigation p#undernav { padding: 10px; background-color: #fff; font-size: 11px; color: #000; }

#body ul li { margin-bottom: 15px; }
#body ul li.MOV { margin: 0 0 10px -25px; padding: 0 0 6px 25px; list-style-type: none; background: transparent url('../img/icon_MOV.gif') no-repeat; }

#body table#indexpage { border-collapse: collapse; }
#body table#survey { margin: 15px 0; background-color: #fec; border-collapse: collapse; border: solid 1px #c30; }
#body table#survey th { text-align: left; font-size: 12px; padding: 10px 10px 5px; }
#body table#survey td { padding: 2px 10px; font-size: 12px; }
#body table#survey #submitsurvey { border: 0 none; background-color: #f90; padding: 5px 10px; font: bold 11px Arial; }	
#body table#survey td.small { font-size: 10px; }

#body table#druginteractions { font: normal 11px Arial; width: 600px; }
#body table#druginteractions th { border-bottom: solid 1px #ccc; padding: 6px; background-color: #ccc; color: #000; }
#body table#druginteractions td { padding: 6px; }
#body table#druginteractions tr { background-color: #eee; }
#body table#druginteractions tr.alt { background-color: #fc9; }

#body table#ingredients { }
#body table#ingredients th { text-align: left; font-style: italic; text-decoration: underline; }
#body table#ingredients td { padding: 10px 0 15px; }

#textsize { width: auto; margin: 0 0 24px 0; padding: 0; text-align: right; }
#textsize a { display: block; float: left; margin-left: 5px; width: 12px; height: 13px; font: normal 10px Arial, Helvetica, sans-serif; color: #333; }
#textsize a.selected { color: #390; font-weight: bold; border-bottom: 1px solid #090; }
#textsize a.small { font-size: 10px; background: transparent url('../img/textsize_small.gif') no-repeat; }
#textsize a.medium { font-size: 13px; background: transparent url('../img/textsize_medium.gif') no-repeat; }
#textsize a.large { font-size: 16px; background: transparent url('../img/textsize_large.gif') no-repeat; }

#indexhcp { width: 196px; height: 105px; display: block; background: transparent url('../img/button_index_hcp.gif'); float: left; margin-right: 4px; }
#indexspeakers { width: 196px; height: 105px; display: block; background: transparent url('../img/button_index_speakers.gif'); float: left; }

#statement { clear: both; padding: 12px 20px; margin: 0; background: transparent url('../img/title_hr.gif') no-repeat; }
#statement p { font: normal 76% Trebuchet MS, Arial, Helvetica; color: #000; margin: 0; padding: 0 0 12px 0; }

.textbutton { font: normal 86% Trebuchet MS; text-align: center; background: transparent url('../img/textbutton_background.gif') no-repeat; width: 400px; height: 37px;  }
.textbutton a { display: block; text-align: center; color: #00f; padding: 9px 0; }
.textbutton p { display: block; text-align: left; color: #fff; margin: 0; font-size: 14px; padding: 9px 18px; }
.textbutton a:hover { color: #00f; }

#videos { width: 400px; clear: both; }
#videos .right { padding-left: 8px; }
#videos .videothumb { background-color: #fff; margin: 4px 0; float: left; }
#videos .videothumb span.title { display: block; margin: 0 auto; text-align: center; font-size: 11px; }
#videos .videothumb a { display: block; width: 196px; height: 156px; float: none; }
#videos .videothumb a#howithelps { background: transparent url('../img/index_video_howhelp.gif') no-repeat; }
#videos .videothumb a#howitworks { background: transparent url('../img/index_video_howitworks.gif') no-repeat; }
#videos .videothumb a#doctor { background: transparent url('../img/index_video_doctorperspective.gif') no-repeat; }
#videos .videothumb a#patientstory { background: transparent url('../img/index_video_patientstory.gif') no-repeat; }