/* Lilly Diabetes Main Stylesheet Author: Doug Hungarter Date Created: 04.17.2007 Revised By: Bill Robinson Date Revised: 01.31.2008 */ * { margin: 0; padding: 0; border: 0; } body { font: 12px/1.3 Arial, Helvetica, sans-serif; color: #50647C; } #header { display: none; } #container { width: 775px; position: relative; } #nav { width: 162px; border-right: 3px solid #FFF; float: left; } #util { position: absolute; right: 0; top: 15px; z-index: 5; } #content { float: left; margin: 50px 0 0 175px; overflow: hidden; } #content, #footer { width: 600px; } * html #content { margin-left: 10px; } .print { display: none; } img, div { behavior: url(/css/iepngfix.htc) } /* Group: Shared styles */ .wrap { padding: 10px 15px 15px 15px; } .shadow { background: url(../images/_core/bg_supp_content.gif) right bottom; float: left; width: 600px; margin-top: 41px; } .layer2 .shadow, .layer3 .shadow { margin-top: 12px; } #footer { clear: both; padding-top: 10px; height: 40px; margin: 10px 0 10px 175px; width: 600px; } h1, h2, h3, h4 { position: relative; margin-top: .5em; margin-bottom: .25em; } p { margin-bottom: .5em; } .feature { font-size: 110%; line-height: 120%; padding-left: 1em; padding-right: 1em; } .quote { font-size: 150%; line-height: 125%; padding: 1em 0 0 0; font-style: italic; } .story { font-size: 100%; line-height: 100%; padding: 1em 0 0 0; font-style: italic; } .reference { font-size: 85%; text-indent: -1em; margin-left: 1em } h3.humalog { color: #7B004D; } a { color: #50647C; } a:hover { color: #273C54; } ul { list-style: none; } ul.square { list-style-position: inside; list-style-type: square; text-indent: -1em; margin-left: 1.5em; } ul.disc { list-style: disc inside; text-indent: -1em; } ol { list-style-type: decimal; list-style-position: inside; margin-left: 1em; text-indent:-1em; } img.left { border-width: 0; border-style: none; float: left; margin: 2px 10px 10px 0; } img.right { border-width: 0; border-style: none; float: right; margin: 2px 0 10px 10px; } .comment { font-style: italic; color: #AAAAAA; } #warranty { background-image: url(../images/pat_dev_warranty.gif); background-repeat: no-repeat; color: #e64100; width: 162px; height: 46px; padding-top: 14px; padding-left: 10px; line-height: 1.1em;font-size: 12px; } #warranty a { text-decoration: none; } #lillyanswers { font-size: 10px; color: #50647c; text-align: center; line-height: 1.3em; background-image: url(../images/pat_box_answers.gif); background-repeat: no-repeat; padding-top: 16px; height: 54px; width: 172px; } #lillyanswers2 { font-size: 11px; color: #50647c; text-align: center; line-height: 1.3em; background-image: url(../images/hcp_box_ISI.gif); background-repeat: no-repeat; padding-top: 16px; height: 54px; width: 194px; } #quest { font-size: 12px; color: #0066CC; font-weight: bold; } #answers { color: #CC0000; font-weight: bold; font-size: 12px; } a#skip { display: none; } #util { font-size: 11px; color: #50647C; display: inline; } #util * { vertical-align: middle; } #util form { display: inline; } #util div { float: left; margin-right: 12px; height: 20px; display: table; } #util label { font-size: 11px; color: #50647C; margin-right: 8px; } #util select { padding: 2px; font-size: 11px; color: #50647C; border: 1px solid #CCC; } #util select option { padding-right: 12px; } #util .search { width: 120px; padding: 2px; font-size: 11px; color: #50647C; border: 1px solid #CCC; margin-right: 2px; } #util .searchSubmit { } #util ul { } #util li { font-size: 11px; color: #50647C; float: left; } #util li.first { padding-top: 3px; margin-right: 6px; } #util li a { display: block; width: 20px; height: 20px; margin-left: 2px; text-indent: -10000px; float: left; } #util li a#norm { background: url(../images/_core/text_normal.gif) 0 0 no-repeat; } #util li a#large { background: url(../images/_core/text_large.gif) 0 0 no-repeat; } #util li a#x-large { background: url(../images/_core/text_xlarge.gif) 0 0 no-repeat; } #util li a#norm:hover { background-position: 0 -20px; } #util li a#large:hover { background-position: 0 -20px; } #util li a#x-large:hover { background-position: 0 -20px; } #branding2 { position: absolute; top: 275px; left: 0; height: 45px; width: 100%; background-color:#c00; background: url(../images/_core/branding.gif) 0 0 no-repeat;overflow: hidden; z-index: 50; } #branding { position: absolute; top: 275px; left: 0; width: 100%; background-color:#c00; overflow: hidden; z-index: 50; } #brandingHome { position: absolute; top: 320px; left: 0; height: 45px; width: 100%; background-color:#c00; background: url(../images/_core/branding.gif) 0 0 no-repeat;overflow: hidden; z-index: 50; } /* #brandLeft { width: 157px; background: #8496AB; } #brandRight { float:right; left: 170px; background:#c00 } */ #branding h1, #branding h2 { margin-top: 0; margin-bottom: 0; } #branding h1 { font-size: 18px; text-align: right; background: #8496AB; color: #FFF; padding: 5px 10px 8px 5px; width: 157px; border-right: 3px solid #FFF; float: left; overflow: hidden; } #branding h2 { font-size: 15px; padding: 3px 15px; font-weight: lighter; letter-spacing: 1px; font-family: "Times New Roman", Times, serif; overflow: hidden; } .layer2 #branding, .layer3 #branding { top: 175px; } .layer2 #box1, .layer3 #box1 { float: left; width: 172px; background: #8496AB; border-right: 3px solid #FFF; height: 15px; } #primaryNav { position: absolute; top: 174px; width: 171px; z-index: 2; } #primaryNav a#home:hover { color: #273C54; background: #f1f2f3; } #primaryNav a#patients:hover { color: #e64100; background: #fdb097; } #primaryNav a#hcp:hover { color: #003C96; background: #95c0ed; } #primaryNav a#global:hover { color: #273C54; background: #d6d9de; } #secondaryNav { position: absolute; top: 325px; width: 171px; z-index: 3; } .layer2 #primaryNav, .layer3 #primaryNav { position: absolute; top: 74px; width: 171px; } .layer2 #secondaryNav, .layer3 #secondaryNav { position: absolute; top: 195px; width: 171px; } #primaryNav li, #secondaryNav li { display: inline; } #primaryNav a, #secondaryNav a { font-size: 11px; text-decoration: none; display: block; text-align: right; padding: 5px; } #mainContent { position: relative; } #mainBorder { width: 100%; height: 5px; background: #DEE3E8 url(../images/_core/bg_main_shadow.gif) left no-repeat; } #mainContent h1 { font-size: 13px; color: #798BA0; margin-top: 12px; padding-bottom: .25em; margin-bottom: .25em; background: url(../images/_core/headline_border.gif) bottom repeat-x; } #mainContent h2 { font-size: 17px; margin-bottom: .25em; color: #50647C;} #mainContent h3 { font-size: 15px; margin-bottom: .25em; color: #50647C;} #mainContent h3.humalog { color: #7B004D; } #mainContent h4 { font-size: 13px; margin-bottom: .25em; } #mainContent li { padding-bottom: 0.5em; } #mainContent hr { padding-top: 5px; padding-bottom: 5px; background: url(../images/_core/headline_border.gif) center repeat-x; } #mainContent a { color: #363e42; font-weight: bolder; text-decoration: none; } #mainContent a.plain { color: #363e42; font-weight: normal; text-decoration: none; } #mainContent a:hover { color: #C00; } #mainContent img { border-width: 0; border-style: none; margin-bottom: 10px; display: block; } #mainContent li img, #mainContent p img { border-width: 0; border-style: none; display: inline; } #supportingBorder { width: 100%; background: url(../images/_core/bg_supp_shadow.gif) right; height: 5px; } #supportingContent h1 { font-size: 13px; color: #798BA0; margin-top: 12px; padding-bottom: .25em; background: url(../images/_core/headline_border.gif) bottom repeat-x; } #supportingContent h2 { font-size: 17px; color: #50647C; } #supportingContent h3 { font-size: 15px; color: #50647C; } #supportingContent h4 { font-size: 13px; color: #50647C; } #supportingContent li { padding-bottom: .5em; } #supportingContent hr { padding-top: 5px; padding-bottom: 15px; background: url(../images/_core/headline_border.gif) center repeat-x; } #supportingContent strong { font-weight: bold; color: #50647C; } #supportingContent .wrap { padding: 10px 15px 10px 10px; } #supportingContent .callout { background: url(../images/_core/bg_callout.gif) left top; padding: 10px; border: 1px solid #EBEBEB; border-width: 0 1px 1px 0; } #supportingContent .callout ul li { margin-bottom: 5px; } #bottom { width: 100%; height: 15px; clear: left; background-image: url(../images/_core/bg_supp_content_bottom.gif); background-position: right bottom; } #bottom.product { background-image: url(../images/_core/bg_supp_content_bottom_white.gif); } #footer { margin-bottom: 20px; position: relative; } #footer li { display: inline; padding: 0 10px; } #footer li a { text-decoration: none; color: #50647C; } #footer li a:hover { color: #273C54; } #footer img.lilly_logo { position: absolute; right: 0; top: 10px; z-index: 4; } /* End Group */ /* Group: Portal-specific styles */ #home #branding { top: 320px; } #home #primaryNav { position: absolute; top: 240px; } #home #secondaryNav { position: absolute; top: 375px; } #home #mainContent { width: 58%; float: left; background: #DEE3E8 url(../images/_core/bg_main_content.gif) left bottom no-repeat; } #home #supportingBorder { width: 100%; background: url(../images/_core/bg_supp_shadow.gif) right; height: 5px; } #home #supportingContent { width: 42%; float: right; } #home a.read_more { height: 15px; overflow: hidden; width: 60px; text-indent: -9000px; background: url(../images/_core/more_btn.gif) 0 0 no-repeat; position: relative; clear: both; margin-top: 8px; margin-bottom: 8px; display: block; } #home a.read_more:hover { background-position: 0 -15px; } /* End Group */ /* Group: HCP-specific styles */ #hcp #secondaryNav a:hover, #hcp #secondaryNav ul { color: #003C96; background: #d6e2f5; } #hcp #primaryNav a.current, #hcp #secondaryNav ul li a:hover, #hcp #secondaryNav a.current, #hcp #secondaryNav a.current:hover { color: #003C96; background: #bad2ee; } #hcp #primaryNav a.current:hover, #hcp #secondaryNav a.currentParent, #hcp #secondaryNav a.currentParent:hover, #hcp #secondaryNav ul li ul li a:hover { color: #003C96; background: #95c0ed; } #hcp #secondaryNav ul li ul { color: #50647C; background: #bad2ee; } #hcp .shadow { float: left; width: 600px; background-image: url(../images/_core/bg_supp_content_repeat.gif); background-repeat: repeat-y; background-position: right bottom; margin-top: 45px;} #hcp #mainBorder {width: 100%; height: 5px; background: url(../images/_core/bg_main_shadow_hcp.gif) left no-repeat; } #hcp #mainContent { width: 63%; float: left; overflow: hidden; background-image: url(../images/_core/bg_main_content_repeat.gif); background-repeat: repeat-y; background-position: left; } #hcp #mainContent p.bullet { text-indent: -0.5em; margin-left: 0.5em; } #hcp #mainContent a { color: #0C5FDF; } #hcp #mainContent a:hover { color: #003C96; } #hcp #mainContent a.tutLink { color: #50647C; font-weight: normal; } #hcp #mainContent a.tutLink:hover { color: #286ED1; font-weight: normal; } #hcp #mainBottom { width: 63%; height: 15px; float: left; overflow: hidden; background-image: url(../images/_core/bg_main_content_bottom.gif); background-repeat: no-repeat;background-position: left bottom; } #hcp #supportingBorder { width: 100%; background: #DEE3E8 url(../images/_core/bg_supp_shadow.gif) right no-repeat; height: 5px; } #hcp #product .shadow #supportingBorder { background: #FFFFFF url(../images/_core/bg_supp_shadow.gif) right no-repeat; } #hcp #supportingContent { width: 37%; float: right; } #hcp #supportingContent a { color: #2E7EEE; } #hcp #supportingContent a:hover { color: #003C96; } #hcp #supportingContent h4 { color: #286ED1; } #hcp #2colsContent.shadow { margin-top: 12px;} #hcp #product.shadow { background: url(../images/_core/bg_supp_content_white.gif) right repeat-y; margin-top: 12px;} #hcp #product.shadow #mainContent { width: 590px; background: url(../images/_core/bg_main_content_repeat.gif) left repeat-y; } #hcp #bottom #product { background: url(../images/_core/bg_supp_content_bottom_white.gif) right bottom no-repeat; } #hcp #product.shadow #mainContent h4 { color: #286ED1; } #hcp #product.shadow #supportingContent { width: 10px; float: right; } #hcp p {line-height:1.7em;} #hcp .clear {margin-bottom:1.5em;} #hcp .backtoplink {font-size:.75em;font-weight:normal !important; background:url(../../_Campaign/images/top_link_icon.png) left no-repeat; padding-left:15px;} #hcp h2 {font-size:1.2em; font-weight:bold;} #hcp h4.color1 { color: #286ED1; } /*faq popups */ #hcp .faqPop {background:none !important; display:block; height:310px; width:400px !important; position:relative;} #hcp .faqPop .answer {padding:10px; line-height:1.8em; height:175px; overflow:auto;} #hcp .faqPop h1 {width:380px ; padding:10px 10px 18px 10px !important; color:#fff !important; background-color:#58697C !important; margin-top:0 !important; font-size:14px;} #hcp .faqPop .clear {clear:both} #hcp .faqPop .nav {text-align:right; padding:2px 6px 2px 6px; background-color:#f9f9f9; position:absolute; top:285px;} #hcp .faqPop .nav a {color:#003C96 !important; font-size:.8em;} #hcp a.tutLink { color: #50647C; font-weight: normal; } /* End Group */ /* Group: Medical Educator-specific styles */ #me #bottom { width: 100%; height: 15px; clear: left; background-image: url(../images/_core/bg_supp_content_bottom_me.gif); background-position: right bottom; } #me #mainBottom { width: 63%; height: 15px; float: left; overflow: hidden; background-image: url(../images/_core/bg_main_content_bottom.gif); background-repeat: no-repeat;background-position: left bottom; } #me #secondaryNav a:hover { color: #7E6714; background: #e9daa2; } #me #secondaryNav ul { color: #605220; background: #e9daa2; } #me #primaryNav a.current, #me #secondaryNav ul li a:hover , #me #secondaryNav a.current, #me #secondaryNav a.current:hover { color: #605220; background: #d4b547; } #me #primaryNav a.current:hover, #me #secondaryNav a.currentParent, #me #secondaryNav a.currentParent:hover, #me #secondaryNav ul li ul li a:hover { color: #605220; background: #cfb042; } #me #secondaryNav ul li ul { color: #7E6714; background: #e5c75c; } #me #secondaryNav ul a { color: #7E6714; } #me .shadow { float: left; width: 600px; background-image: url(../images/_core/bg_supp_content_repeat_me.gif); background-repeat: repeat-y; } #me #mainBorder { width: 100%; height: 5px; background: #F1EACF url(../images/_core/bg_main_shadow_hcp.gif) left no-repeat; } * html #me #mainContent { margin: 0 -3px; } #me #mainContent { width: 63%; float: left; background-image: url(../images/_core/bg_main_content_repeat.gif); background-repeat: repeat-y; background-position: left; } #me #mainContent p.bullet { text-indent: -0.5em; margin-left: 0.5em; } #me #mainContent a { color: #A68200; } #me #mainContent a:hover, #me #supportingContent a:hover { color: #39300F; } #me #mainContent a.tutLink { color: #50647C; font-weight: normal; } #me #mainContent a.tutLink:hover { color: #39300F; font-weight: normal; } #me #mainContent h1 { color: #6B6656; margin-top: 12px; background: url(../images/_core/headline_border-me.gif) bottom repeat-x; } #me #mainContent h2 { color: #7D6C24; } #me #mainContent h3 { color: #7F6C24; } #me #mainContent h4 { color: #7F6C24; } #me #supportingBorder { width: 100%; background: url(../images/_core/bg_main_shadow_me.gif) right; height: 5px; } #me #supportingContent { width: 37%; float: right; } #me #supportingContent a { color: #A68200; } #me #supportingContent h1 { color: #6B6656; margin-top: 12px; background: url(../images/_core/headline_border-me.gif) bottom repeat-x; } /* End Group */ /* Group: Patient-specific styles */ #patient #bottom { width: 100%; height: 15px; clear: left; background-image: url(../images/_core/bg_supp_content_bottom_pat.gif); background-position: right bottom; } #patient #mainBottom { width: 67%; height: 15px; float: left; overflow: hidden; background-image: url(../images/_core/bg_main_content_bottom.gif); background-repeat: no-repeat;background-position: left bottom; } #patient #secondaryNav a:hover, #patient #secondaryNav ul { color: #e64100; background: #f3e4df; } #patient #primaryNav a.current, #patient #secondaryNav ul li a:hover, #patient #secondaryNav a.current, #patient #secondaryNav a.current:hover { color: #e64100; background: #facdbe; } #patient #primaryNav a.current:hover, #patient #secondaryNav a.currentParent, #patient #secondaryNav a.currentParent:hover, #patient #secondaryNav ul li ul li a:hover { color: #e64100; background: #fdb097; } #patient #secondaryNav ul li ul { background: #facdbe; } #patient .shadow { float: left; width: 600px; background-image: url(../images/_core/bg_supp_content_repeat_pat.gif); background-repeat: repeat-y; } #patient #mainBorder { background: #F6EED6 url(../images/_core/bg_main_shadow_pat.gif) left no-repeat; } * html #patient #mainContent { margin: 0 0px; } #patient #mainContent { width: 67%; float: left; background-image: url(../images/_core/bg_main_content_repeat.gif); background-repeat: repeat-y; background-position: left; overflow: hidden; } #patient #mainContent h1, #patient #mainContent h2, #patient #mainContent h3, #patient #mainContent h4 { color: #e64100; font-family: "Times New Roman", Times, serif; font-weight: normal; } #patient #mainContent h1 { color: #e64100; font-size: 19px; margin-top: 18px; padding-bottom: 0; margin-bottom: 0; background: none; } #patient #mainContent h2 { color: #e64100; font-size: 17px; margin-top: 16px; padding-bottom: 0; margin-bottom: 0; } #patient #mainContent h3 { color: #e64100; font-size: 15px; margin-top: 14px; padding-bottom: 0; margin-bottom: 0; } #patient #mainContent h4 { color: #e64100; font-size: 14px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 13px; clear: none; } #patient #mainContent p { margin-left: 15px; line-height: 1.5em; } #patient #mainContent p.bullet { text-indent: -0.5em; } #patient #mainContent strong { font-weight: bolder; color: #862C00; } #patient #mainContent li { margin-bottom: 0.5em; padding-left: 25px; } #patient #mainContent img.left { float: left; margin: 4px 15px 4px 15px; border-width: 0; border-style: none; } #patient #mainContent img.right { float: right; margin: 4px 15px 4px 15px; border-width: 0; border-style: none; } #patient #supportingBorder { width: 100%; background: url(../images/_core/bg_supp_shadow_pat.gif) right; height: 5px; } #patient #supportingContent { width: 33%; float: right; color: #625E55;} #patient #supportingContent h1 { color: #e64100; margin-top: 12px; background: url(../images/_core/headline_border-me.gif) bottom repeat-x; } #patient #supportingContent h2, #patient #supportingContent h3, #patient #supportingContent h4 { color: #e64100; } #patient #supportingContent p { color: #625E55} #patient #supportingContent li { color: #625E55} #patient #mainContent a, #patient #supportingContent a { color: #e64100; } #patient #mainContent a:hover, #patient #supportingContent a:hover { color: #862C00; } #patient #mainContent a.tutLink { color: #50647C; font-weight: normal; } #patient #mainContent a.tutLink:hover { color: #e64100; font-weight: normal; } #patient #mainContent ol { list-style-type: decimal; list-style-position: inside; text-indent:0em; } #patient .callout { background: none; } #patient .clear {margin-bottom:1.5em;} /*faq popups */ #patient {width: 100%;} #patient .faqPop {background:none !important; height:310px; position:relative; } #patient .faqPop .question {height:270px; } #patient .faqPop .answer {padding:10px; line-height:1.8em; height:150px; overflow:auto;} #patient .faqPop h1 { padding:10px 10px 18px 10px; color: #e64100; background-color: #facdbe; margin: 0; font-size: 14px; } #patient .faqPop .nav { text-align: right; padding:2px 6px 2px 6px; background-color:#f9f9f9; position:absolute; top:286px; display: block; } #patient .faqPop .nav a { font-size:.8em;} #patient a.tutLink {color: #50647C; font-weight: normal;} /* Group: patient1Col-specific styles */ #patient1Col .shadow { float: left; width: 600px; background-image: url(../images/_core/bg_supp_content_repeat.gif); background-repeat: repeat-y; background-position: right bottom; } #patient1Col #secondaryNav a:hover, #patient1Col #secondaryNav ul { color: #e64100; background: #f3e4df; } #patient1Col #primaryNav a.current, #patient1Col #secondaryNav ul li a:hover, #patient1Col #secondaryNav a.current, #patient1Col #secondaryNav a.current:hover { color: #e64100; background: #facdbe; } #patient1Col #primaryNav a.current:hover, #patient1Col #secondaryNav a.currentParent, #patient1Col #secondaryNav a.currentParent:hover, #patient1Col #secondaryNav ul li ul li a:hover { color: #e64100; background: #fdb097; } #patient1Col #secondaryNav ul li ul { background: #facdbe; } #patient1Col #mainBorder { width: 100%; height: 5px; background: #F6EED6 url(../images/_core/bg_main_shadow_pat.gif) left no-repeat; } #patient1Col #mainContent { width: 595px; float: left; background: url(../images/_core/bg_main_content_fran.gif) left bottom no-repeat; } #patient1Col #mainContent .wrap { padding-left: 40px; padding-right: 30px; } #patient1Col #mainContent p { color: #50647C; line-height: 200%; margin-top: 5px; } #patient1Col #mainContent p.feature { font-size: 110%; line-height: 150%; padding-left: 0; padding-right: 0; } #patient1Col #mainContent h1 { font-size: 20px; color: #CC0000; margin-top: 18px; padding-bottom: 0; margin-bottom: 0; background: none; } #patient1Col #mainContent h2 { font-size: 18px; color: #CC0000; margin-top: 16px; padding-bottom: 0; margin-bottom: 0; } #patient1Col #mainContent h3 { font-size: 16px; color: #CC0000; margin-top: 14px; padding-bottom: 0; margin-bottom: 0; } #patient1Col #mainContent h4 { font-size: 14px; color: #CC0000; margin-top: 0; padding-bottom: 0; margin-bottom: 0; clear: none; } #patient1Col #mainContent h4 a { color: #50647C; } #patient1Col #mainContent a { color: #435469; font-weight: bolder; text-decoration: none; } #patient1Col #mainContent a:hover { color: #C00; } #patient1Col #supportingBorder { width: 100%; background: url(../images/_core/bg_supp_shadow.gif) right; height: 5px; } #patient1Col .shadow #product #supportingBorder { background: #F6EED6 url(../images/_core/bg_supp_shadow.gif) right no-repeat; } #patient1Col .shadow #product #supportingContent { width: 10px; float: right; } /* End Group */ /* Group: Franchise-specific styles */ #franchise #secondaryNav a:hover, #franchise #secondaryNav ul { color: #273C54; background: #e9edf3; } #franchise #primaryNav a.current, #franchise #secondaryNav ul li a:hover , #franchise #secondaryNav a.current, #franchise #secondaryNav a.current:hover{ color: #273C54; background: #d6d9de; } #franchise #primaryNav a.current:hover, #franchise #secondaryNav a.currentParent, #franchise #secondaryNav a.currentParent:hover { color: #273C54; background: #cbced4; } #franchise #secondaryNav ul li ul { color: #50647C; background: #d6d9de; } #franchise #mainBorder { width: 100%; height: 5px; background: #DEE3E8 url(../images/_core/bg_main_shadow_hcp.gif) left no-repeat; } #franchise #mainContent { width: 590px; float: left; background: url(../images/_core/bg_main_content_fran.gif) left bottom no-repeat; } #franchise #mainContent .wrap { padding-left: 40px; padding-right: 30px; } #franchise #mainContent p { color: #50647C; line-height: 200%; margin-top: 5px; } #franchise #mainContent p.feature { font-size: 110%; line-height: 150%; padding-left: 0; padding-right: 0; } #franchise #mainContent h1 { font-size: 20px; color: #CC0000; margin-top: 18px; padding-bottom: 0; margin-bottom: 0; background: none; } #franchise #mainContent h2 { font-size: 18px; color: #CC0000; margin-top: 16px; padding-bottom: 0; margin-bottom: 0; } #franchise #mainContent h3 { font-size: 16px; color: #CC0000; margin-top: 14px; padding-bottom: 0; margin-bottom: 0; } #franchise #mainContent h4 { font-size: 14px; color: #CC0000; margin-top: 0; padding-bottom: 0; margin-bottom: 0; clear: none; } #franchise #mainContent h4 a { color: #50647C; } #franchise #mainContent a { color: #435469; font-weight: bolder; text-decoration: none; } #franchise #mainContent a:hover { color: #C00; } #franchise #supportingBorder { width: 100%; background: url(../images/_core/bg_supp_shadow.gif) right; height: 5px; } #franchise .shadow #product #supportingBorder { background: #FFFFFF url(../images/_core/bg_supp_shadow.gif) right no-repeat; } #franchise .shadow #product #supportingContent { width: 10px; float: right; } /* End Group */ /* Group: Recipe-specific styles */ #recipe #secondaryNav a:hover, #recipe #secondaryNav ul { color: #e64100; background: #f3e4df; } #recipe #primaryNav a.current, #recipe #secondaryNav ul li a:hover, #recipe #secondaryNav a.current, #recipe #secondaryNav a.current:hover { color: #e64100; background: #facdbe; } #recipe #primaryNav a.current:hover, #recipe #secondaryNav a.currentParent, #recipe #secondaryNav a.currentParent:hover, #recipe #secondaryNav ul li ul li a:hover { color: #e64100; background: #fdb097; } #recipe #secondaryNav ul li ul { background: #facdbe; } #recipe #mainBorder { width: 100%; height: 5px; background: #F6EED6 url(../images/_core/bg_main_shadow_pat.gif) left no-repeat; } #recipe #mainContent { width: 595px; float: left; background: url(../images/_core/bg_main_content_fran.gif) left bottom no-repeat; } #recipe #mainContent .wrap { padding-left: 40px; padding-right: 30px; } #recipe #mainContent p { color: #50647C; line-height: 200%; margin-top: 5px; } #recipe #mainContent p.feature { font-size: 110%; line-height: 150%; padding-left: 0; padding-right: 0; } #recipe #mainContent h1 { font-size: 20px; color: #CC0000; margin-top: 18px; padding-bottom: 0; margin-bottom: 0; background: none; } #recipe #mainContent h2 { font-size: 18px; color: #CC0000; margin-top: 16px; padding-bottom: 0; margin-bottom: 0; } #recipe #mainContent h3 { font-size: 16px; color: #CC0000; margin-top: 14px; padding-bottom: 0; margin-bottom: 0; } #recipe #mainContent h4 { font-size: 14px; color: #CC0000; margin-top: 0; padding-bottom: 0; margin-bottom: 0; clear: none; } #recipe #mainContent h4 a { color: #50647C; } #recipe #mainContent a { color: #435469; font-weight: bolder; text-decoration: none; } #recipe #mainContent a:hover { color: #C00; } #recipe #supportingBorder { width: 100%; background: url(../images/_core/bg_supp_shadow.gif) right; height: 5px; } #recipe .shadow #product #supportingBorder { background: #F6EED6 url(../images/_core/bg_supp_shadow.gif) right no-repeat; } #recipe .shadow #product #supportingContent { width: 10px; float: right; } /* End Group */ /* Group: miscellaneous styles */ #isipat { background-image: url(../images/pat_box_ISI.png); background-repeat: no-repeat; text-align: center; padding-top: 20px; height: 30px; width: 172px; } #isipat a { text-decoration: none; } #isipat span { color: #FFFFFF; font-size: 12px; } #isipat2 { text-align: center; padding-top: 10px; height: 30px; width: 194px; background-color: #50647c; } #isipat2 a { text-decoration: none; } #isipat2 span { color: #FFFFFF; font-size: 14px; } #super { font-size: 70%; vertical-align: top; } .under_development { font-size: 14px; color: #50647c; background-image: url(../images/under_construction.jpg); background-repeat: no-repeat; background-position: top; text-align: center; display: block; padding: 20px; height: 300px;width: 200px; border-width: 4px; border-style: ridge; border-color: #CCC; position: absolute; z-index: 50; top: 300px; left: 60px; background-color: #FFFFFF; } .under_development h2{ font-size: 24px; color: #CC0000; font-weight: bold; line-height: 22px; } .close { color: #CCCCCC; position: absolute; bottom: 20px; right: 20px; font-size: 10px; } .approved { font-size: 14px; color: #50647c; background-image: url(../images/approved.jpg); background-repeat: no-repeat; background-position: top; text-align: center; display: block; padding: 20px; height: 300px; width: 200px; border-width: 4px; border-style: ridge; border-color: #CCC; position: absolute; z-index: 55; top: 300px; left: 60px; background-color: #FFFFFF; } .approved h2{ font-size: 24px !important; color: #009900; font-weight: bold; line-height: 22px; } .caution { font-size: 14px; color: #50647c; background-image: url(../images/caution.jpg); background-repeat: no-repeat; background-position: top; text-align: center; display: block; padding: 20px; height: 300px; width: 200px; border-width: 4px; border-style: ridge; border-color: #CCC; position: absolute; z-index: 51; top: 300px; left: 60px; background-color: #FFFFFF; } .caution h2{ font-size: 20px; color: #CC9900; font-weight: bold; line-height: 18px; } .video_preview { font-size: 10px; line-height: 14px; color: #666666; border-bottom-width: thin; border-bottom-style: solid; padding-top: 5px; } .dev_bullet { font-size: 14px !important; text-indent: 0px; margin-top: 10px !important; font-weight: bold !important; } #dev_bullet { font-size: 14px !important; text-indent: 0px; margin-top: 10px !important; font-weight: bold !important; } .rank_0, .rank_1, .rank_2, .rank_3, .rank_4, .rank_5 {width: 54px; height: 12px; text-indent: -1000em; text-align: left; background: url(../images/_core/rating.png) no-repeat; line-height: 12px !important; } .rank_0 { background-position: 0 -155px; } .rank_1 { background-position: 0 -126px; } .rank_2 { background-position: 0 -94px; } .rank_3 { background-position: 0 -62px; } .rank_4 { background-position: 0 -30px; } .rank_5 { background-position: 0 3px; } .recette {font-size: 14px; padding-bottom: 0px; margin-bottom: 6px; margin-top: 13px; clear: none; color: #666666; font-weight: bold;} .recopt { border:0; display: inline; border-width: 0; border-style: none; float: left; margin: 2px 10px 10px 0; } /* End Group */