/* Title: Imaginis Front-End Development: drew@alibiproductions.com Copyright: 2010, Imaginis. All rights resevered (please don't re-use without permission). */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* ----- type selectors ----- */ body { background:#fff; text-align:center; font:12px/25px "Arial", Helvetica, sans-serif; color:#444344; } blockquote { margin-left:10px; margin-right:10px; } h1 { font-size:1.2em; color:#000; } h2 { font-size:1.1em; color:#000; } h3 { font-size:1.0em; color:#fff; } h1 span,h2 span,h3 span { display:none; } a:link,a:visited { color:#590381; text-decoration:none; outline:none; } a:hover,a:active { color:#949493; text-decoration:underline; outline:none; } /* ----- classes ----- */ div.clear { clear:both; height:.01em; overflow:hidden; } img.img-left { float:left; margin:4px 10px 10px 0; } img.img-right { float:right; margin:5px 0 10px 10px; } /* framework * ------------------------------------------------------------------------- */ #wrap { width:984px; background:url(https://www.imaginis.com/img/themed/imaginis/bkgd.jpg) no-repeat; margin:0 auto; text-align:left; } #header {background:url(https://www.imaginis.com/img/themed/imaginis/header.gif) no-repeat; height:81px;} #nav-bkgd { height:81px;} /* Horozontal Sprite Nav * ------------------------------------------------------------------------- */ #nav { background:url("https://www.imaginis.com/img/themed/imaginis/tp-nav.gif") no-repeat; width:639px; height:81px; margin:0; padding:0; float:left; } #nav li {margin-top:27px;} #nav span { display: none; } #nav li, #nav a { height:42px; display:block; } /* change height here also */ #nav li { float:left; list-style:none; display:inline; } #nav-01 { width: 63px; margin-left: 8px;} #nav-02 { width: 119px;} #nav-03 { width: 162px;} #nav-04 { width: 70px;} #nav-05 { width: 116px;} #nav-06 { width: 101px;} /*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */ #nav-01 a:hover { background:url("https://www.imaginis.com/img/themed/imaginis/tp-nav.gif") -8px -108px no-repeat; } #nav-02 a:hover { background:url("https://www.imaginis.com/img/themed/imaginis/tp-nav.gif") -71px -108px no-repeat; } #nav-03 a:hover { background:url("https://www.imaginis.com/img/themed/imaginis/tp-nav.gif") -190px -108px no-repeat; } #nav-04 a:hover { background:url("https://www.imaginis.com/img/themed/imaginis/tp-nav.gif") -352px -108px no-repeat; } #nav-05 a:hover { background:url("https://www.imaginis.com/img/themed/imaginis/tp-nav.gif") -422px -108px no-repeat; } #nav-06 a:hover { background:url("https://www.imaginis.com/img/themed/imaginis/tp-nav.gif") -538px -108px no-repeat; } /*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */ body#SPECIFY #nav-01 { background:url("../images/nav.gif") -8px -42px no-repeat; } body#SPECIFY #nav-02 { background:url("../images/nav.gif") -71px -42px no-repeat; } body#SPECIFY #nav-03 { background:url("../images/nav.gif") -190px -42px no-repeat; } body#SPECIFY #nav-04 { background:url("../images/nav.gif") -352px -42px no-repeat; } body#SPECIFY #nav-05 { background:url("../images/nav.gif") -422px -42px no-repeat; } body#SPECIFY #nav-06 { background:url("../images/nav.gif") -538px -42px no-repeat; } /* Son of Suckerfish: Horizontal Sprite Nav * ------------------------------------------------------------------------- */ #nav li ul { position:absolute; left:-9999px; padding-right:1px; /* Fixes one px spacing for border-right in FF */ margin-left:10px; background:url("https://www.imaginis.com/img/themed/imaginis/dropdwn-bkgd.png") no-repeat; /* Background color of drop down nav - add more styles (i.e. background image) if you want */ } #nav li ul ul { margin: -28px 0 0 262px; } #nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -9999px; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; background-position: 0 0; } #nav li ul li { height:28px; /* Height of each drop down nav item */ border-bottom:1px solid #a4cde5; margin-top:0; } #nav li ul li a { width:100%; height:28px; /* Height of each drop down nav item, should match above */ line-height:20px; /* Height of each drop down nav item again, should match above */ } #nav li ul li a span { display:block; padding:7px 0 0 13px; } /* Drop down link styles */ #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size:1.0em; color:#27709c; text-decoration:none; } #nav li:hover ul, #nav li.sfHover ul { left: auto; background-position: 0 0; z-index: 1;} /* Hover styles for drop down items */ #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover { background:url("https://www.imaginis.com/img/themed/imaginis/dropdwn-bkgd-over.png") no-repeat; text-decoration:none; cursor:pointer; } #nav ul li.more { background:url("https://www.imaginis.com/img/themed/imaginis/dropdwn-bkgd-over-active.png") no-repeat; text-decoration:none; cursor:pointer; } /* width of drop down nav - choose width that allows items to display on one line */ #nav-02 ul, #nav-02 li { width:262px; } #nav-03 ul, #nav-03 li { width:262px; } #nav-04 ul, #nav-04 li { width:262px; } #nav-05 ul, #nav-05 li { width:262px; } #nav-06 ul, #nav-06 li { width:262px; } #features {background:url(https://www.imaginis.com/img/themed/imaginis/nav-right.gif) no-repeat; height:81px; width:345px; float:left;} #text-resize, #share{float:left;color:#fff; font-weight:bold; font-size:13px;} #text-resize {padding:38px 0 0 56px;} #share {padding:38px 30px 0 36px; background:url(https://www.imaginis.com/img/themed/imaginis/icon-share.gif) 100% 38px no-repeat;display:block; height:30px;} #share a { color: #FFFFFF; text-decoration: none;} #masthead { height:91px; border-bottom:1px solid #ccc; margin:0 0 15px 0;} #logo {width:226px; float:left; } #logo h1 {background:url(https://www.imaginis.com/img/themed/imaginis/logo.gif) no-repeat; height:80px; width:226px; } #logo h1 a {width:226px; height:80px; display:block; } #search { background:url(https://www.imaginis.com/img/themed/imaginis/search-bkgd.gif) no-repeat; height:80px; width:451px; float:left;} .searchform {padding:39px 0 0 88px;} .search-box { margin:0 2px 0 0; width:262px; height:22px; border:1px solid #dadada; padding:6px 5px 0 5px;} input {vertical-align:middle; } input.btn { background:url(https://www.imaginis.com/img/themed/imaginis/bnt-search.gif) no-repeat; height:31px; width:31px; border:none;cursor:pointer;} #tagline { width:307px; float:left;} #tagline h2 {background:url(https://www.imaginis.com/img/themed/imaginis/img-helath-resource.gif) no-repeat; height:55px; width:307px; } #tagline p {background:url(https://www.imaginis.com/img/themed/imaginis/img-helath-resource.gif) no-repeat; height:55px; width:307px; } #tagline span {display:none; } /* ----- sidebar ----- */ #sidebar { width:211px; float:left; } #nav-side {background:url(https://www.imaginis.com/img/themed/imaginis/nav-side.gif) no-repeat; height:492px; margin:0;} #nav-side li { line-height:24px; } #nav-side li.first {padding:20px 0 0 0;} #nav-side li, #nav-side a { display:block; height:33px;} #nav-side li span {padding:15px 0 0 10px; } #nav-side a {color:#266f9b;} #nav-side a:hover {color:#6f05a0; text-decoration:none; background:url(https://www.imaginis.com/img/themed/imaginis/nav-side-over.png) no-repeat; cursor:pointer;} #newsletter {background:url(https://www.imaginis.com/img/themed/imaginis/hdr-newsletter.gif) no-repeat; height:185px; margin:0 0 30px 8px;} #newsletter span {display:none; } #newsletter .search-box { margin:35px 2px 0 0; width:150px; height:18px; border:1px solid #dadada; padding:6px 5px 0 5px; color:#858485; font-size:10px;} #newsletter input {vertical-align:middle; } #newsletter input.btn { background:url(https://www.imaginis.com/img/themed/imaginis/btn-newsletter.gif) no-repeat; height:20px; width:81px; border:none;cursor:pointer; margin:10px 0 0 87px; color:#fff;} /* ----- column-main ----- */ #main { width:773px; float:left; } #banner {height:264px; position: relative;} #banner .tab-nav { float:right; background:url(https://www.imaginis.com/img/themed/imaginis/top-tabs.gif) no-repeat; width:485px; height:27px;text-align:center;font-family:"Times New Roman", Times, serif;font-variant: small-caps; letter-spacing:1px; font-size:14px; font-weight:bold;} #banner .tab-nav li, #banner .tab-nav a { height:27px; display:block; color:#aaa; } #banner .tab-nav li {float:left; list-style:none; _display:inline;} #welcome { width: 161px; margin-right: 1px;} #spotlight { width: 161px; margin-right: 1px;} #new { width: 161px;} #welcome a#current { background:url(https://www.imaginis.com/img/themed/imaginis/top-tabs.gif) 0px -27px no-repeat; color:#fff;} #spotlight a#current { background:url(https://www.imaginis.com/img/themed/imaginis/top-tabs.gif) -162px -27px no-repeat; color:#fff;} #new a#current { background:url(https://www.imaginis.com/img/themed/imaginis/top-tabs.gif) -324px -27px no-repeat; color:#fff;} #banner .tab-nav li a {text-decoration:none;} #banner .tab-nav li a:hover {color:#114c6f;} .ban-img {height:237px; position: absolute; top: 27px; left: 0; z-index: -2;} .ban-img.front { z-index: 0; } .ban-img.next { z-index: -1; } #banner .welcome { background:url(https://www.imaginis.com/img/themed/imaginis/banner-welcome.jpg) no-repeat;} #banner .welcome h3 {font-family:"Times New Roman", Times, serif; color:#114c6f; font-size:25px; font-weight:normal; padding:39px 0 5px 396px;} #banner .welcome p {padding:0 48px 0 396px;} #banner .spotlight { background:url(https://www.imaginis.com/img/themed/imaginis/banner-spotlight.jpg) no-repeat;} #banner .spotlight h3 {font-family:"Times New Roman", Times, serif; color:#114c6f; font-size:25px; font-weight:normal; padding:31px 0 5px 245px;} #banner .spotlight p {padding:0 30px 0 245px; line-height:20px;} #banner .spotlight a {color:#00b9fb; } #banner .new { background:url(https://www.imaginis.com/img/themed/imaginis/banner-whats-new.jpg) no-repeat;} #banner .new h3 {font-family:"Times New Roman", Times, serif; color:#2a78a7; font-size:25px; font-weight:normal; padding:40px 0 5px 320px;} #banner .new ul {padding:0 60px 0 319px; line-height:20px;} #banner .new li {background:transparent url("https://www.imaginis.com/img/themed/imaginis/bullet-whats-new.png") 0px 5px no-repeat; padding:0 0 10px 25px;} #banner .new a {color:#3b4316; text-decoration:underline; } /* ----- sidebar ----- */ .title-bar {background:url(https://www.imaginis.com/img/themed/imaginis/hdr-sub-spacer.gif) repeat-y; } .title-bar h1 {background:url(https://www.imaginis.com/img/themed/imaginis/hdr-sub-tp.gif) top left no-repeat; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; font-variant: small-caps; letter-spacing:1px; line-height:20px; padding:5px 0 0 15px;} .title-bar-bt {background:url(https://www.imaginis.com/img/themed/imaginis/hdr-sub-bt.gif) no-repeat; height:7px; } /* ----- left-main ----- */ #left-main { width:482px; float:left; } #left-main .sub-title { background:url(https://www.imaginis.com/img/themed/imaginis/int-sub-hdr-spacer.gif) repeat-y;} #left-main .sub-title h2 {background:url(https://www.imaginis.com/img/themed/imaginis/int-sub-hdr-tp.gif) top left no-repeat; color:#fff; padding:5px 15px 0 15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; font-variant: small-caps; letter-spacing:1px; line-height:20px;} #left-main .sub-title-bt {background:url(https://www.imaginis.com/img/themed/imaginis/int-sub-hdr-bt.gif) no-repeat; height:7px; margin-bottom:8px;} #left-main p, #left-main div#articleMainLeft { margin:0 14px 20px 14px;} .article { background-color:#dceaf3; margin:14px 0 10px 0; padding:10px 0 10px 10px;} div#left-main .article ul li {background:transparent url("https://www.imaginis.com/img/themed/imaginis/bullet-article.gif") 0px 5px no-repeat; padding:0 0 5px 17px; float:left; width:216px; line-height:20px; margin-left: 0; } .article li a {color:#0e4d74; text-decoration:underline; } div#left-main ul li { background:transparent url("https://www.imaginis.com/img/themed/imaginis/bullet-article.gif") 0px 5px no-repeat; padding:0 0 5px 17px; margin-left: 15px; /* float:left;*/ /* width:216px;*/ line-height:20px; } /* #left-main h3 {background:url(https://www.imaginis.com/img/themed/imaginis/hdr-resource-center.gif) no-repeat; height:74px; color:#fff; padding:21px 0 0 58px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; font-variant: small-caps; letter-spacing:1px;} */ #left-main .res-center {background:url(https://www.imaginis.com/img/themed/imaginis/hdr-resource-center.gif) no-repeat; height:74px; } #left-main .res-center h3 {color:#fff; background:none; padding:21px 0 0 58px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; font-variant: small-caps; letter-spacing:1px;} .resource { background:url(https://www.imaginis.com/img/themed/imaginis/resource-tp-dots.png) no-repeat; padding:20px 0; margin-top:20px; clear: left;} .resource.first {background:none; padding:0 0 20px; margin-top:0px;} .resource h4 {float:right; width:350px; margin:0; padding:0; font-size:16px; font-weight:bold; line-height:20px;} .resource.nophoto h4 { width: 475px; } .resource h4 a {color:#2873a0;} #left-main .resource p, #left-main .resource ul {margin:0 0 0 131px;} #left-main .resource img {float:left; margin:5px 0 10px 4px; border:1px solid #d4d4d4;} #left-main .resource.nophoto p, #left-main .resource.nophoto ul { margin:0 0 0 7px; } #left-main .resource li {display:inline;} #left-main .resource li, #left-main .resource a {} #left-main .resource li.left {float:left;} #left-main .resource li img {border:none; margin:3px 0 0 0;} #left-main .resource li.left a {text-decoration:underline;} #left-main .resource li.right {float:right; text-align:right;} #left-main .resource li.right a.more {background:url(https://www.imaginis.com/img/themed/imaginis/icon-read-more.gif) 100% 0 no-repeat; padding-right:30px;display:block; height:25px;} #left-main .resource ul.cat { margin-bottom: 5px; } .cat a:hover {background:none;} #left-main .paginate {float:right; padding-right:14px;} #left-main .paginate li { border:0; margin:0; padding:0; font-size:11px; list-style:none; background: none; /* savers */ float:left; } #left-main .paginate a { border:solid 1px #27719f; margin-right:2px; } #left-main .paginate .previous-off, #left-main .paginate .next-off { color:#888888; display:block; float:left; font-weight:bold; margin-right:4px; padding:0 4px; } #left-main .paginate .next a, #left-main .paginate .previous a { font-weight:bold; border:none;} #left-main .paginate .next a:hover, #left-main .paginate .previous a:hover {border:none;} #left-main .paginate .active { background:#27719f; color:#fff; font-weight:bold; display:block; float:left; padding:1px 6px; /* savers */ margin-right:2px; } #left-main .paginate a:link, .paginate a:visited { color:#27719F; display:block; float:left; padding:0 6px; text-decoration:none; } #left-main .paginate a:hover { border:solid 1px #590381; } /* ----- right-main ----- */ #right-main { width:291px; float:left; } #right-main .gutter {margin:0 0 0 17px;} #right-main .doctor { background:url(https://www.imaginis.com/img/themed/imaginis/hdr-you-doctor.gif) no-repeat; height:34px; margin:17px 0 15px 0;} #right-main .healthy { background:url(https://www.imaginis.com/img/themed/imaginis/hdr-healthy-living.gif) no-repeat; height:34px; margin:0 0 15px 0;} #right-main h3 { padding:5px 0 0 10px; color:#18587e; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; font-variant: small-caps; letter-spacing:1px;} #right-main h4 {margin:0 0 8px 0; color:#184f9c; font-style:italic; font-weight:normal; line-height:14px; } #right-main .advert {margin:60px 0 30px 0;} #right-main p.right {float:right; text-align:right;} #right-main p.right a.more {background:url(https://www.imaginis.com/img/themed/imaginis/icon-read-more-blue.gif) 100% 0 no-repeat; padding-right:30px;display:block; height:25px;} #right-main a {color:#1f6590;} /* body#sub #right-main h3 { background:#27719f; padding:5px 15px; margin:10px 0 5px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; font-variant: small-caps; letter-spacing:1px; line-height:18px;} */ body#sub #right-main .sidebar-title { background:url(https://www.imaginis.com/img/themed/imaginis/sidebar-hd-spacer.gif) repeat-y;} body#sub #right-main .sidebar-title h3 {background:url(https://www.imaginis.com/img/themed/imaginis/sidebar-hd-tp.gif) top left no-repeat; padding:6px 15px 0 15px; margin-top:10px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; font-variant: small-caps; letter-spacing:1px; line-height:18px;} body#sub #right-main .sidebar-title-bt {background:url(https://www.imaginis.com/img/themed/imaginis/sidebar-hd-bt.gif) no-repeat; height:7px; margin-bottom:5px;} body#sub #right-main .advert {margin:14px 0 20px 0;} #right-main .sharing {margin:7px 0 51px 17px;} #right-main .sharing li {float:left;} #right-main .sharing li.sh-print strong {font-weight:normal;} #right-main .sharing li.sh-print {background:transparent url("https://www.imaginis.com/img/themed/imaginis/icon-print.gif") 0px 0px no-repeat; padding:0 10px 5px 20px;} #right-main .sharing li.sh-discuss {background:transparent url("https://www.imaginis.com/img/themed/imaginis/icon-discuss.gif") 0px 1px no-repeat; padding:0 10px 5px 30px;} #right-main .sharing li.sh-email {background:transparent url("https://www.imaginis.com/img/themed/imaginis/icon-email.gif") 0px 1px no-repeat; padding:0 10px 5px 28px;} #right-main .sharing li.sh-email a.addthis_button_email span {display: none;} #right-main .sharing li.sh-share {background:transparent url("https://www.imaginis.com/img/themed/imaginis/icon-share-tp.gif") 0px -1px no-repeat; padding:0 0 5px 30px;} #right-main .sharing li a {color:#000; } #right-main .sharing li, #right-main .sharing a { height:21px;} #right-main .sharing li strong {padding:0 0 0 0; } /* ----- bottom-wrap ----- */ #bottom-wrap { border-bottom:15px solid #1f6590; height:30px; clear:both; width:100%; /* fix for Safar */ } /* footer * ------------------------------------------------------------------------- */ #footer { width:984px; margin:0 auto; text-align:left; } #footer p { color:#949493; margin-bottom:10px; line-height:16px; } #footer a:link, #footer a:visited { color:#2a2a2a; text-decoration:none; } #footer a:hover, #footer a:active { color:#949493; } #footer ul {margin:10px 0 15px 0; float:left;} #footer li { /* if your li's float, you can adjust border height w/ line-height */ padding:0 7px 0 9px; display: inline; border-left: 1px solid #2a2a2a; } #footer li.first { border: none; padding-left:0px;} #footer p span {float:right; margin-top:15px;} body div#nav-bkgd { display: none;} body div#masthead { display: none;} body div#sidebar { display: none;} body div#wrap { width: 100%;} body div#main { width: 100%;} body div#main div#left-main { width: 100%;} body div#main div#right-main { display: none;} body div#wrap { background: none;} body div#bottom-wrap { display: none;} body div#footer { display: none;}