/* Livalo.com
 * Created: August 1, 2011
 */
 
* {margin: 0; padding: 0;}
img {border: none;}
a {text-decoration: none;}
sup {font-size: 65%; line-height: 1;}

html {background-color: #FFF; width: 100%; height: 100%;}
body {font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; color: #000; background-color: #FFF; width: 100%; height: 100%;}

#container {width: 978px; margin: 0 auto; border: 1px solid #CCC; border-top: 0; margin-bottom: 20px; position: relative;}

#header {position: relative; height: 115px;}
	#header #logo {position: absolute; top: 26px; left: 20px; width: 145px; height: 53px; display: block;}
	
	#header .hdr_links {text-align: right; font-size: 14px; color: #000; line-height: 22px; margin-right: 10px;}
		#header .hdr_links a {color: #000;}
		#header .hdr_links a:hover {text-decoration: underline;}
	
	#header .tools {float: right; display: inline; margin: 10px 10px 0 0;}
		
		#header .tools #txtSize {width: 95px; height: 15px; float: left;}
			#header .tools #txtSize * {float: left; display: block;}
			#header .tools #txtSize .sm {background: transparent url('../PublishingImages/txt_size_sm.gif') no-repeat 0 0; width: 8px; height: 15px; margin-right: 2px;}
			#header .tools #txtSize .md {background: transparent url('../PublishingImages/txt_size_md.gif') no-repeat 0 0; width: 11px; height: 15px; margin-right: 2px;}
			#header .tools #txtSize .lg {background: transparent url('../PublishingImages/txt_size_lg.gif') no-repeat 0 0; width: 13px; height: 15px;}
			#header .tools #txtSize a:hover, #header .tools #txtSize a.active {background-position: 0 100%;}
			
		#header .tools #email {float: left; width: 55px; height: 15px; margin-left: 10px; display: none;}
			#header .tools #email a, #header .tools #email img {display: block;}
		
		#header .tools #print {float: left; width: 46px; height: 15px; margin-left: 10px;}
			#header .tools #print a, #header .tools #print img {display: block;}

#nav {height: 25px; z-index: 200;}
	#nav a span {display: none;}
	#nav a.active, #nav a:hover {background-position: 0 100% !important;}
	
	#nav ul.topnav {list-style: none; margin: 0 0 0 20px; padding: 0; height: 25px; z-index: 200;}
		#nav ul.topnav li {float: left; display: inline; margin-right: 2px; line-height: 1; position: relative; z-index: 200;}
		#nav ul.topnav li:hover .drpdn, #nav ul.topnav li.hvr .drpdn {display: block;}
		#nav ul.topnav a {display: block; height: 25px;}
	
	#nav .drpdn {display: none; position: absolute; top: 25px; left: 0; z-index: 200; border-top: 2px solid #e41d25; padding: 2px 6px 6px 6px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #ccc; behavior: url('/Styles/PIE.htc');}
	
	#nav ul.secnav {list-style: none; margin: 0; padding: 0; z-index: 200;}
		#nav ul.secnav li {float: none; display: block; height: 29px; margin: 0; padding: 2px 0;}
		#nav ul.secnav a {display: block; height: 29px;}
	
	#nav #tn_index {background: transparent url('../PublishingImages/tn_home.gif') no-repeat 0 0; width: 105px;}
	#nav #tn_reduce_bad_ldl_cholesterol {background: transparent url('../PublishingImages/tn_about_livalo.gif') no-repeat 0 0; width: 106px;}
	#nav #tn_how_to_take_livalo_for_high_cholesterol {background: transparent url('../PublishingImages/tn_taking_livalo.gif') no-repeat 0 0; width: 125px;}
	#nav #tn_what_is_cholesterol_types_levels {background: transparent url('../PublishingImages/tn_understanding cholesterol.gif') no-repeat 0 0; width: 166px;}
	#nav #tn_cholesterol_treatment_cost_co_pay_card {background: transparent url('../PublishingImages/tn_copay_card.gif') no-repeat 0 0; width: 135px;}
	#nav #tn_livalo_free_trial {background: transparent url('../PublishingImages/tn_free_30day_tablet_trial.gif') no-repeat 0 0; width: 162px;}
	#nav #tn_cholesterol_resources {background: transparent url('../PublishingImages/tn_resources.gif') no-repeat 0 0; width: 127px;}
	
	#nav #sn_how_livalo_works {background: transparent url('../PublishingImages/sn_how_livalo_works.gif') no-repeat 0 0; width: 134px;}
	#nav #sn_high_cholesterol_medication {background: transparent url('../PublishingImages/sn_is_livalo_right_for_me.gif') no-repeat 0 0; width: 134px;}
	#nav #sn_cholesterol_doctor_visit_guide {background: transparent url('../PublishingImages/sn_discussing_livalo.gif') no-repeat 0 0; width: 134px;}
	#nav #sn_manage_cholesterol_level {background: transparent url('../PublishingImages/sn_managing_my_cholesterol.gif') no-repeat 0 0; width: 154px;}
	#nav #sn_low_cholesterol_diet {background: transparent url('../PublishingImages/sn_healthier_eating_choices.gif') no-repeat 0 0; width: 154px;}
	#nav #sn_cholesterol_and_exercise {background: transparent url('../PublishingImages/sn_regular_exercise_routine.gif') no-repeat 0 0; width: 154px;}
	#nav #sn_cholesterol_information {background: transparent url('../PublishingImages/sn_faqs.gif') no-repeat 0 0; width: 115px;}
	#nav #sn_cholesterol_glossary {background: transparent url('../PublishingImages/sn_glossary.gif') no-repeat 0 0; width: 115px;}

#main {border-top: 2px solid #e41d25; font-size: 12px;}

.home #subfooter {padding: 10px 20px;}
.interior #subfooter {padding: 0; margin: 0 219px;}

#footer {color: #363636; font-size: 12px; overflow: auto; clear: both;}
	#footer p {padding: 5px 0 10px 20px; line-height: 1.4em;}
	
	#footer .ft_links {color: #e41d25; font-size: 11px; text-align: right; line-height: 18px; padding-right: 20px;}
		#footer .ft_links a {color: #333; font-weight: bold;}
		#footer .ft_links a:hover {text-decoration: underline;}
	
	#footer .ft_logos {float: right; display: inline; margin: 10px 20px 0 0;}
		#footer .ft_logos a {display: block; float: left; margin-left: 10px;}

/* ISI */

.isi {font-size: 12px;}
	.isi a {color: #000; text-decoration: underline;}

/* home content */

.homeBanner {height: 442px; width: 978px; position: relative; overflow: hidden;}
	.homeBanner .learnMore {position: absolute; top: 223px; left: 699px; width: 186px; height: 18px; text-decoration: none; background: transparent url('../PublishingImages/x.gif') repeat 0 0;}
	.homeBanner .tabs {position: absolute; bottom: 0; left: 0; width: 978px; height: 37px;}
		.homeBanner .tab {float: left; display: inline; height: 37px; position: relative;}
		.homeBanner .tab1 {width: 344px;}
		.homeBanner .tab2 {width: 321px;}
		.homeBanner .tab3 {width: 313px;}
			.homeBanner .rlvr {position: absolute; top: 0; left: 0; z-index: 200;}
			.homeBanner .tab a, .homeBanner .tab img {display: block;}
	.homeBanner .slide {position: absolute; bottom: 36px; z-index: 150; overflow: hidden; height: 0;}
		.homeBanner .slide a, .homeBanner .slide img {display: block;}
		.homeBanner .sld1 {width: 347px; left: 0;}
		.homeBanner .sld2 {width: 322px; left: 341px;}
		.homeBanner .sld3 {width: 317px; right: 0; height: 50px;}
		.homeBanner .blk_safety {}
			.homeBanner .blk_safety img {display: block;}
			.homeBanner .blk_safety p {background-color: #202020; color: #FFF; font-size: 12px; line-height: 1.5em; padding: 7px; margin-left: 1px;}


.homeContent {position: relative; overflow: auto; padding-top: 35px;}
	.homeContent .left {font-size: 16px; color: #666666; float: left; display: inline; margin-left: 20px; width: 454px;}
		.homeContent .left p {line-height: 1.3em;}
		.homeContent .left p.bigBoldRedText {font-size: 21px; font-weight: bold; color: #d70822; line-height: 1.4em;}
			.homeContent .left p.bigBoldRedText a {color: #d70822; text-decoration: underline;}
	.homeContent .right {float: right; display: inline; margin-right: 20px; width: 459px;}
		.scrollingISI {background-color: #f6f6f6; height: 397px; overflow: auto;}
			.scrollingISI .isi {margin: 10px;}
			.scrollingISI .hide_in_scroll {display: none;}
			
			
/* interior */

.gray_bar {display: block; height: 32px; background-color: #d4d4d4;}

.leftcol {float: left; display: inline; width: 180px; background: transparent url('../PublishingImages/leftcol_bk.gif') repeat-x 0 0; min-height: 197px; margin-left: 19px; padding-top: 10px;}
	.hide_ln {display: none;}
	.leftnav {list-style: none; margin: 0 0 20px 0; padding: 0; width: 180px;}
		.leftnav li {border-bottom: 1px solid #e4e4e4; width: 180px;}
		.leftnav a {color: #e41d25; display: block; position: relative; padding: 5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url('/Styles/PIE.htc');}
		.leftnav a:hover, .leftnav a.active {background-color: #e41d25; color: #FFF;}
	
	.interior .leftcol .callout {margin: 0 10px 20px 10px;}
	.interior .leftcol .img_clt {margin: 5px 0 20px 0;}
	
.rightcol {float: right; display: inline; width: 180px; margin-right: 19px; padding-top: 56px;}
	.rightcol .callout {margin: 0 0 20px 0;}
	#clt_free30tablettrial {position: relative; width: 180px; height: 177px;}
		#clt_free30tablettrial a {display: block; width: 185px; height: 177px; position: absolute; top: 0; left: 0;}

.interior .content {margin: 0 219px; width: 540px; padding: 15px 0; position: relative;}

/* content */

h1,h2,h3,h4,h5,p,ul {line-height: 1.5em;}

h1 {font-size: 18px; padding-bottom: 15px;}
h2 {font-size: 14px; color: #e41d25;}
h3 {font-size: 12px;}
h4 {}
h5 {font-size: 12px; font-weight: normal;}

p {line-height: 1.5em; padding-bottom: 20px;}

ul {margin-left: 17px; line-height: 1.5em; padding-bottom: 20px;}
	ul.no_dot {margin-left: 0; list-style: none;}
		ul.no_dot li {padding-bottom: 5px;}
		ul.no_dot a {color: #000;}

dl {}
	dt {font-size: 14px; color: #e41d25; display: block; font-weight: bold;}
	dd {line-height: 1.5em; padding-bottom: 20px; display: block;}

.references {font-size: 10px; line-height: 1.3em; margin-bottom: 30px;}

.content a {color: #e41d25; text-decoration: underline;}

.blk_lnks a {color: #000 !important;}

/* special */

.full_width_img {display: block; margin-bottom: 30px;}

.inset_right {float: right; margin: 0 0 10px 10px;}

hr.bold_red {height: 4px; border: none; background-color: #e41d25; color: #e41d25; width: 100%;}
.red {color: #e41d25;}
.nospace {padding-bottom: 0;}

.nxt_lnk {overflow: auto; padding: 15px 0 30px 0;}
	.nxt_lnk a {float: right; display: block; font-weight: bold; color: #e41d25; padding: 0 18px 0 0; background: transparent url('../PublishingImages/lnk_arw.gif') no-repeat 100% 50%; line-height: 16px; text-decoration: none !important;}
	.nxt_lnk a:hover {text-decoration: underline !important;}

.view_btn {float: left; display: block; position: relative; font-weight: bold; color: #FFF !important; font-size: 16px; line-height: 16px; padding: 5px 10px; text-decoration: none !important; background: #b2b2b2 url('../PublishingImages/view_btn_bk.gif') repeat-x 0 0; border: 1px solid #e41d25; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url('/Styles/PIE.htc');}
.view_now_div {overflow: auto; margin-bottom: 40px;}
.view_btns_tbl {width: 432px; margin: 0 auto 40px auto;}
	.view_btns_tbl div {overflow: auto;}
	.view_btns_tbl a {font-size: 14px; line-height: 14px; padding: 6px 10px;}
	.view_btns_tbl .rt_btn {float: right !important;}

.tltp {color: #e41d25; font-weight: bold; padding-right: 13px; background: transparent url('../PublishingImages/icn_popup.gif') no-repeat 100% 50%; text-decoration: underline;}
.for_tltp {display: none;}

#tltp {width: 193px; position: absolute; top: 200px; left: 300px; display: none;}
	#tltp .top {width: 193px; height: 7px; position: relative; background: transparent url('../PublishingImages/popup_top.png') no-repeat 0 0;}
	#tltp .main {width: 157px; min-height: 100px; position: relative; padding: 5px 18px; background: transparent url('../PublishingImages/popup_bk.png') repeat-y 0 0;}
		#tltp .for_tltp {display: block;}
		#tltp span.title {color: #000; font-weight: bold; display: block; word-wrap: break-word; padding-bottom: 10px;}
	#tltp .arw {width: 27px; height: 37px; position: absolute; top: 60px; left: -26px;}
	#tltp .bot .arw {top: auto; bottom: 60px;}
		#tltp .arw span {width: 27px; height: 37px; display: block; position: relative; background: transparent url('../PublishingImages/popup_arw.png') no-repeat 0 0;}
	#tltp .btm {width: 193px; height: 7px; position: relative; background: transparent url('../PublishingImages/popup_btm.png') no-repeat 0 0;}

table.info_tbl {width: 432px; border-collapse: collapse; border: 1px solid #ccc; font-size: 12px; margin-bottom: 55px;}
	table.info_tbl th {font-weight: bold; font-size: 11px; text-transform: uppercase; padding: 5px; background-color: #e2e2e2; border: 1px solid #ccc; text-align: left;}
	table.info_tbl td {border: 1px solid #ccc; padding: 5px 0 5px 60px;}