/* ------------------------------------------- project: International Guidelines Center date: 23 January, 2009 ------------------------------------------- */ html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; } body { margin: 0; padding: 5px 0 0 0; min-height: 800px; background: #e2e3d0 url(../images/root-top-bg.gif) 0 0 repeat-x; color: #484848; font: 75%/1.45 Verdana,Arial,Helvetica,sans-serif; } textarea, input, select, option, optgroup, button { color: #000; font: 1em Arial,Helvetica,sans-serif; } @media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } } /* RE-SETS ------------------------------------------- */ * { margin-top: 0; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; float: none; } li, dt, dd, p, th, td, caption { font-size: 1.2em; } ul, ol, dl { margin-bottom: 15px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } p { margin-bottom: 13px; } li *, li p, li li, dt *, dd *, p * { font-size: 1em; } img { border: none; -ms-interpolation-mode: bicubic; } fieldset { border: none; } legend { display: none; } button { overflow: visible; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; } pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; } hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; } *:first-child+html hr { margin: -7px 0 8px; } * html hr { margin: -5px 0 8px !important; } a { color: #619d07; text-decoration: none; } a:hover { color: #619d07; text-decoration: underline; } a:focus { color: #619d07; text-decoration: underline; } a:active { color: #CC3300; text-decoration: underline; } /* HEADINGS ------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; color: #609D06; font: normal 2.7em Georgia,serif; } h1 { font-size: 2.5em; } h2 { font-size: 2.0em; } h3 { font-size: 1.5em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.0em; } /* HELPERS ------------------------------------------- */ .offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; } legend.offset { display: none; } .fl { float: left; } p.img.fl { margin: 0 20px 10px 0; } /* LAYOUT ------------------------------------------- */ #root { position: relative; width: 960px; margin: 0 auto; padding: 25px 0 60px 0; background: url(../images/page-top-bg.png) 0 0 no-repeat; } #wrapper { display: block; width: 956px; padding-left: 4px; background: url(../images/page-left-bg.png) 0 0 repeat-y; } #wrapper-inner { z-index: 1; display: block; width: 920px; padding: 12px 18px; background: #fff; } #group-info { position: absolute; top: -30px; right: 30px; } #top { margin-top: -14px; height: 75px; } #top #logo { float: left; margin: 6px 0 0 6px; } /* old user options see bottom of doc for addon / tweak #user-options { float: right; width: 172px; } #user-options #loggedIn { display: none; margin: 0 0 10px; } /* #user-options #loggedIn a { display: block; }*/ /* #user-options ul { display: block; padding: 0; margin: 0 0 20px; height: 100%; overflow: hidden; list-style: none; } #user-options ul li { float: left; padding: 0; margin: 0; } #user-options li a.sign-in { float: left; margin-left: -2px; margin-right: 2px; width: 86px; height: 22px; overflow: hidden; text-indent: -10001em; background: url(../images/bttn-sign-in-short.gif) 0 0 no-repeat; } #user-options li a.register { float: left; width: 86px; height: 22px; overflow: hidden; text-indent: -10001em; background: url(../images/bttn-register-short.gif) 0 0 no-repeat; } */ .search-form p { display: block; height: 100%; overflow: hidden; padding: 0; margin: 0; } .search-form input { float: left; width: 138px; margin: 1px 0 0; font-size: 0.92em; padding: 2px; } /* .search-form button { float: right; width: 24px; height: 24px; padding: 0; margin: 0; overflow: hidden; border: 0; background: url(../images/bttn-search-submit.gif) 0 0 no-repeat; text-indent: -10001em; } */ #nav_340622 { display: block; width: 100%; height: 36px; padding: 0; margin: 0; } #breadcrumb { padding-bottom: 15px; width: 500px;} #content { z-index: 0; display: block; overflow: hidden; padding-top: 28px; background: #fff; position: relative; } #main { float: left; width: 731px; padding-top: 25px; overflow: hidden; border-top: 9px solid #69756c; } #side { position: relative; float: right; width: 171px; padding-top: 6px; border-top: 9px solid #69756c; } #footer { clear: both; display: block; margin-bottom: -45px; padding: 10px 18px 5px 10px; } #copyright { float: left; font-size: 0.93em; padding: 0; margin: 0; } #nav-foot { float: left; } /* home */ #root.home #content { padding-top: 15px; } #root.home #main, #root.home #side { border-top: 0; padding-top: 0; } #home-intro { position: relative; clear: both; width: 920px; height: 241px; overflow: hidden; background:url(/images/bg-rotate.jpg) no-repeat;} #intro-change-bttns { position: absolute; right: 10px; bottom: 10px; display: block; padding: 0; margin: 0; list-style: none; } #intro-change-bttns li { float: left; font-size: 1em; margin-left: 5px; } #intro-change-bttns li a { display: block; padding: 2px 5px; border: 1px solid #cbcccc; color: #cbcccc; } #intro-change-bttns li a:hover, #intro-change-bttns li a.active { background: #8bd907; color: #fff; text-decoration: none; } /* guidelines */ #root.guidelines #main { float: right; padding-top: 15px; } #root.guidelines #side { float: left; } /* #root.guidelines h2 { color: #859088; } */ /* SKIP LINKS ------------------------------------------- */ #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; } #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; } /* NAVIGATION ------------------------------------------- */ /* top */ #nav_340622 { z-index: 10; position: relative; list-style: none; background: #69756c; } #nav_340622 li { position: relative; float: left; background: #69756c; border-left: 1px solid #555f57; border-right: 1px solid #7d8b81; font-size: 0.9em; } #nav_340622 li a { display: block; height: 16px; overflow: hidden; padding: 12px 15px 8px 16px; background: #69756c url(../images/nav-hoover.gif) 50% -999em no-repeat; color: #fff; font-weight: bold; text-transform: uppercase; } #nav_340622 li a:hover, #nav_340622 li.active a, #nav_340622 li:hover a { text-decoration: none; color: #8bd907; background-position: 50% 0; } #nav_340622 li em { position: absolute; top:-10001px; left:-10001px; } #nav_340622 li.first { border-left: 0; } #nav_340622 li.first a { padding-left: 18px; } #nav_340622 li.last { border-right: 0; } @media only screen and (max-device-width: 480px) { #nav_340622 li.last a { padding: 12px 10px 8px 15px } } #nav_340622 li ul { display: none; position: absolute; left: 0; top: 36px; min-width: 162px; padding: 7px 0; margin: 0; border-top: 1px solid #fff; background: #69756c; z-index: 100000;} #nav_340622 li ul li { display: block; clear: left; width: 100%; height: 100%; background: #69756c; border-bottom: 1px solid #7d8b81; border-left: 0; border-right: 0; } #nav_340622 li ul li a { display: block; padding: 9px 15px 8px 16px; height: 12px; overflow: hidden; text-transform: none; white-space: nowrap; } #nav_340622 li ul li a, #nav_340622 li:hover ul li a { color: #fff; } #nav_340622 li ul li a:hover { color: #8bd907; } #nav_340622 li ul li a:hover, #nav_340622 li ul li:hover a, #nav_340622 li:hover ul li a { background-image: none; } #nav_340622 li:hover ul { display: block; } #nav_340622 li:hover ul, #nav_340622 li.sfhover ul { left: auto; } /* footer */ #footer ul { display: block; padding: 0; margin: 0 0 0 7px; list-style: none; } #footer ul li { float: left; padding: 0 7px; border-left: 1px solid #859088; font-size: 0.93em; line-height: 1em; } #footer ul li a { color: #83a650; text-decoration: underline; } #footer ul li a:hover { text-decoration: none; } /* ELEMENTS ------------------------------------------- */ #group-info a { display: block; width: 199px; height: 26px; overflow: hidden; background: url(../images/logo-medical-society.png) 0 0 no-repeat; text-indent: -1001em; } #logo { display: block; } #main p.intro { margin-top: 30px; font-size: 1.33em; line-height: 1.7em; font-weight: bold; } #main p.intro span { color: #609D06; } /* SIDE ------------------------------------------- */ #side h3 { margin: 0 0 10px; font-size: 1.45em; color: #859088; } #side li, #side li li, #side dt, #side dd, #side p { font-size: 0.93em; } /* home */ #side .side-box { z-index: 1; position: relative; } #side .side-box a.bttn { position: absolute; right: 13px; bottom: 10px; } #side .side-box.register { margin-top: 20px; display: block; width: 150px; height: 99px; padding: 14px 13px 0 8px; overflow: hidden; background: url(../images/box-side-register-bg.gif) 0 0 no-repeat; } #side .side-box.register h3 { color: #fff; } #side .side-box.register a { display: block; width: 108px; padding: 0; margin: 0; height: 22px; overflow: hidden; background: url(../images/bttn-register.png) 0 0 no-repeat; text-indent: -10001em; } #side .side-box.wouldyouliketosee { margin-top: 20px; display: block; width: 150px; height: 250px; padding: 14px 13px 0 8px; overflow: hidden; background: url(../images/box-side-wouldyouliketosee-bg.jpg) 0 0 no-repeat; } #side .side-box.wouldyouliketosee form { margin-top: 20px; } #side .side-box.wouldyouliketosee form table tr td { padding: 0 0 5px 0; } #side .side-box.wouldyouliketosee form table tr td label { font-size: 10pt; } #side #wouldyoulikeform { color: #fff; display: none;} #side #notoolsdeveloped { display: none; } #side .side-box.medical-society { display: block; width: 150px; height: 159px; padding: 14px 13px 0 8px; overflow: hidden; background: url(../images/box-side-medical-society-bg.gif) 0 0 no-repeat; } #side .side-box.medical-society a { display: block; padding: 0; margin: 0; width: 108px; height: 22px; overflow: hidden; background: url(../images/bttn-go.png) 0 0 no-repeat; text-indent: -10001em; } #side .side-box.medical-society p, #side .side-box.register p { padding: 0; margin: 0; } /* shopping cart */ #side-shopping-cart { position: absolute; top: 10px; right: 0; display: block; overflow: hidden; margin-top: 0; height: 30px; padding: 0; width: 170px; display: none;} #side-shopping-cart p { padding: 0; margin: 0; overflow: hidden; font-size: 0.93em; } #side-shopping-cart .cartSummaryTable { display: none; } #side-shopping-cart .items { width: 60px; float: left; text-align: right; margin: 2px 0 0 2px; padding: 0 0 0 15px; background: url(../images/icon-cart.gif) 0 0 no-repeat; color: #619d07; } #side-shopping-cart p.bttn { float: right; } #side-shopping-cart p.bttn a.view-cart { display: block; width: 92px; height: 22px; overflow: hidden; background: url(../images/bttn-view-cart.gif) 0 0 no-repeat; text-indent: -10001em; } /* side box */ #side .side-box { display: block; margin: 0 0 25px; padding-top: 6px; } #side .side-box p { line-height: 1.5em; } #side #side-tools { padding-top: 0; } #side .side-box.special { border-top: 9px solid #69756c; } #side .side-box p.bttn a.add-to-cart { display: block; margin-left: -3px; width: 107px; height: 22px; overflow: hidden; background: url(../images/bttn-add-to-cart.gif) 0 0 no-repeat; text-indent: -10001em; } #side .side-box p.bttn a.view-details { display: block; width: 108px; height: 22px; overflow: hidden; background: url(../images/bttn-view-details.gif) 0 0 no-repeat; text-indent: -10001em; } #side .side-box p.bttn img { cursor: pointer; } /*#side .side-box p.bttn a.pocket-card { display: block; width: 108px; height: 22px; overflow: hidden; background: url(../images/bttn-pocket-card.gif) 0 0 no-repeat; text-indent: -10001em; }*/ #side .side-box p span.label { font-weight: bold; } /* std list */ #side ul.side-std-list { display: block; padding: 0; margin: 0 0 10px; list-style: none; } #side ul.side-std-list li { padding: 0; margin: 0 0 0.5em; } /* details */ #side .side-box.details dl dt { clear: left; float: left; padding: 0; margin: 0 5px 0 0; font-weight: bold; } #side .side-box.details dl dd { padding: 0; margin: 0; } #side #side-tools p { padding: 0; margin: 0; } /* guidelines */ #root.guidelines #side { padding-top: 15px; background: #e2e3d0; } #root.guidelines #side h3 { padding: 0 10px; font-weight: normal; font-size: 1em; color: #859088; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #nav_347361, #nav_347381, #nav_347380, #nav_349257, #nav_468153, .catalogueitemdump { display: block; padding: 15px 0 0 0; margin: 0 0 10px; list-style: none; } #nav_349257 {padding: 10px 0 0 0;} #nav_347361 li, #nav_347381 li, #nav_347380 li, #nav_349257 li, #nav_468153 li, .catalogueitemdump li { padding: 3px 0; margin: 0; border-bottom: 1px solid #d5d7c0; font-size: 1em; } #nav_347361 li a, #nav_347381 li a, #nav_347380 li a, #nav_349257 li a, #nav_468153 li a, .catalogueitemdump li a { display: block; overflow: hidden; padding: 5px 10px; color: #484848; min-height: 1.2em; } #nav_347361 li a:hover, #nav_347361 li.active a:hover, #nav_347361 li.active a, #nav_347381 li a:hover, #nav_347381 li.active a:hover, #nav_347381 li.active a, #nav_347380 li a:hover, #nav_347380 li.active a:hover, #nav_347380 li.active a, #nav_349257 li a:hover, #nav_349257 li.active a:hover, #nav_349257 li.active a, #nav_468153 li a:hover, #nav_468153 li.active a:hover, #nav_468153 li.active a, .catalogueitemdump li a:hover, .catalogueitemdump li.active a:hover, .catalogueitemdump li.active a { color: #fff; text-decoration: none; background: #619d07 url(../images/li-arrow.gif) 100% 50% no-repeat; } /* buttons left column */ .btn-left-col-on a{color: #fff; text-decoration: none; background: #619d07 url(../images/li-arrow.gif) 100% 50% no-repeat; display: block; overflow: hidden; padding: 5px 10px; color: #fff; min-height: 1.2em; margin-top:5px;} .btn-left-col-on a:hover {color:#fff;} /* buttons left column blue */ .btn-left-col-on-blue a{color: #fff; text-decoration: none; background: #1b90bc url(../images/li-arrow-blue.gif) 100% 50% no-repeat; display: block; overflow: hidden; padding: 5px 10px; color: #fff; min-height: 1.2em; margin:30px 0 30px 0;} .btn-left-col-on-blue a:hover {color:#fff;} /* MAIN -------- */ /* Tools */ #tools { clear: both; display: block; height: 100%; padding: 20px 0; overflow: hidden; } #tools .box { position: relative; float: left; width: 199px; min-height: 133px; padding: 0 10px; border: 1px solid #69756c; background: #c0c2a2; color: #fff; font-weight: bold; } #tools .box h3.bttn { position: absolute; top: -22px; left: 10px; display: block; width: 199px; height: 156px; } #tools .box h3.bttn a { position: absolute; top: 75px; left: 89px; display: block; width: 108px; height: 22px; overflow: hidden; text-indent: -10001em; } #tools .box p { position: absolute; top: 87px; left: 10px; } #tools .box.guidelines { margin-right: 24px; } #tools .box.guidelines h3.bttn { background: url(../images/icon-books.png) 0 0 no-repeat; } #tools .box.guidelines h3.bttn a.guidelines { background: url(../images/bttn-guidelines.png) 0 0 no-repeat; } #tools .box.pocketcards { margin-right: 32px; } #tools .box.pocketcards h3.bttn { background: url(../images/icon-pocketcards.png) 0 0 no-repeat; } #tools .box.pocketcards h3.bttn a.pocketcards { background: url(../images/bttn-pocketcards.png) 0 0 no-repeat; } #tools .box.pda-tools { } #tools .box.pda-tools .bttn { background: url(../images/icon-pda.png) 0 0 no-repeat; } #tools .box.pda-tools .bttn a.pda-tools { top: 75px; right: 40px; background: url(../images/bttn-pdatools.png) 0 0 no-repeat; } /* Checklist */ ul.checklist { list-style: none; padding: 0; margin: 0 0 10px; } ul.checklist li { padding: 0 0 0 23px; margin: 0; line-height: 1.5em; background: url(../images/ul-checklist-bullet.png) 0 0.3em no-repeat; } #root.home ul.checklist li { line-height: 1.75em; background: url(../images/ul-checklist-bullet.png) 0 0.5em no-repeat; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } ul.checklist.list-details { width: 550px; } /* Checkout */ .form strong { color: #ca5e5d; font-size: 0.93em; font-weight: normal; padding: 2px 0; vertical-align: top; } .form .err-box { color: #ca5e5d; font-size: 0.93em; display: block; padding: 9px 36px; margin: -5px 0 19px 0; background: #f4dede; border: 1px solid #ca5f5e; font-weight: bold; font-size: 0.93em; } .form fieldset { overflow: hidden; width: 100%; padding: 15px 0 0 0; margin: 0 0 20px; border-top: 1px solid #69756c; } .form div { overflow: hidden; margin: 0 0 10px; width: 100%; } .form label, .form span.label { display: block; font-size: 0.93em; float: left; width: 100px; margin: 0 15px 0 0; padding: 2px 0; } .form input { width: 160px; float: left; padding: 2px; margin: 0 22px 0 0 ; } .form .areas input { width: 20px;} #checkout-state-zip { padding-left: px } #checkout-state-zip input, #checkout-ccv input { width: 72px; margin: 0 10px 0 0; } .form select { width: 160px; margin-right: 13px; float: left; padding: 2px; } .form p.submit { overflow: hidden; font-size: 0.93em; } #checkout-credit-cards input { margin: 0 4px 0 0; width: auto; padding: 0; float: none; vertical-align: top;} #checkout-credit-cards label { margin-right: 15px; width: auto; float: none; display: inline; } #checkout-exp-date select { width: 76px; } #echeckout-exp-date strong { padding-left: 9px; } .form p.submit a.return { font-size: 0.93em; float: left; } p.submit button { float: right; overflow: hidden; width: 107px; height: 22px; background: url(../images/bttn-place-order.gif) 0 0 no-repeat; text-indent: -10001em; border: 0; } p.submit button.register {float: right; width: 86px; height: 22px; overflow: hidden; text-indent: -10001em; background: url(../images/bttn-register-short.gif) 0 0 no-repeat; } p.submit a.myaccount {float: right; width: 107px; height: 22px; overflow: hidden; text-indent: -10001em; background: url(../images/bttn-my-account.gif) 0 0 no-repeat; margin: 10px; } p.submit a.viewguidelines {float: right; width: 107px; height: 22px; overflow: hidden; text-indent: -10001em; background: url(../images/bttn-view-guidelines.gif) 0 0 no-repeat; margin: 10px; } /* Shopping Cart */ #shopping-cart table { border-collapse: collapse; width: 100%; margin: 0 0 20px; } #shopping-cart table tr th, #shopping-cart table tr td { text-align: left; padding: 9px 3px 4px 0; vertical-align: top; } #shopping-cart table thead tr th { border-top: 1px solid #69756c; border-bottom: 1px solid #69756c; font-size: 0.93em; } #shopping-cart table thead tr th.product { width: 175px; } #shopping-cart table thead tr th.price { width: 59px; } #shopping-cart table thead tr th.quantity { width: 91px; } #shopping-cart table thead tr th.tax { width: 65px; } #shopping-cart table thead tr th.total { width: 59px; } #shopping-cart table tbody tr th, #shopping-cart table tbody tr td div.productitemcell { padding: 9px 3px 15px 0; } #shopping-cart table tbody tr th, #shopping-cart table tbody tr td, #shopping-cart table tfoot tr td, #shopping-cart table tfoot tr th { font-size: 1em; } #shopping-cart table tfoot tr td, #shopping-cart table tfoot tr th { /*border-top: 1px solid #69756c; border-bottom: 1px solid #69756c; */} #shopping-cart table tfoot tr td.quantity { font-weight: bold; } #shopping-cart table tfoot tr.subtotal td, #shopping-cart table tfoot tr.subtotal th { padding: 9px 3px 20px 0; } #shopping-cart table tfoot tr.shipping td, #shopping-cart table tfoot tr.shipping th { padding: 15px 3px 10px 0; } #shopping-cart table tfoot tr.total { font-weight: bold; } #shopping-cart table tfoot tr.total td, #shopping-cart table tfoot tr.total th { border: 0; color: #619d07; padding: 28px 3px 0 0; } #shopping-cart table tfoot tr.subtotal, #shopping-cart table tfoot tr.total, #shopping-cart p.row {border-top: 1px solid #69756c; } #shopping-cart table tbody tr td.quantity input { width: 50px; } #shopping-cart select { width: 110px; } #shopping-cart td.remove a { display: block; margin: 3px 0 0 0; width: 10px; height: 10px; overflow: hidden; background: url(../images/icon-remove.gif) 0 0 no-repeat; text-indent: -10001em; } #shopping-cart p.row { width: 100%; padding: 10px 0 20px 0; } #shopping-cart p.row a.continue { font-size: 0.93em; float: left; } #shopping-cart p.row a#catshopbuy { float: right; border: 0; margin-left: 13px; } #shopping-cart p.row a#catshopbuy { display: block; width: 108px; height: 22px; overflow: hidden; } /* guidelines */ p.list-info { margin: 0; } .guideline { clear: both; height: 100%; margin: 0; overflow: hidden; padding-right: 0; padding-bottom: 5px; padding-left: 0; padding-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; } .guideline .cont { float: left; width: 620px; } .guideline .cont h3 { font-size: 16px; line-height: 22px; } .guideline .cont dl { padding: 0; margin: 0 0 18px; font-size: 0.8em; line-height: 1.9em; } .guideline .cont dl dt { clear: left; float: left; padding: 0; margin: 0 5px 0 0; font-weight: bold; } .guideline .cont dl dd { padding: 0; margin: 0; } .guideline .smallimage { width: 80px; float: left; margin-bottom: 10px; height: 130px; margin-right: 10px; background-image: url(covers/smallcover_shadow.png); margin-top: 5px; } .smallimage-detail { float: left; width: 520px; top: 0px; font-size: 10px; line-height: 18px; } h1.smallimage-detail { font-size: 1.5em; } h2.smallimage-detail { font-size: 1em; margin: 0;} #largeimage { float: left; height: 250px; width: 150px; margin-bottom: 15px; margin-right: 15px; margin-top: 15px; background-image: url(covers/largecover_shadow.png); } #poplets { top: 0px; font-size: 9px; width: 360px; float: left; margin-top: 10px; text-align: left; margin-bottom: 5px; } .guideline .options { float: right; width: 108px; } .guideline .options .quantity { display: none; } .bttn a.view-details { display: block; width: 108px; height: 22px; margin: 0 0 10px 0; overflow: hidden; background: url(../images/bttn-view-details.gif) 0 0 no-repeat; text-indent: -10001em; cursor: pointer; } .bttn a.pocket-card { display: block; width: 108px; height: 22px; margin: 0 0 10px 0; overflow: hidden; background: url(../images/bttn-pocket-card.gif) 0 0 no-repeat; text-indent: -10001em; display: none; } .bttn a.pda-version { display: block; width: 108px; height: 22px; margin: 0 0 10px 0; overflow: hidden; background: url(../images/bttn-pda-version.gif) 0 0 no-repeat; text-indent: -10001em; display: none; } .bttn a.view-source { display: block; width: 108px; height: 22px; margin: 0 0 10px 0; overflow: hidden; background: url(../images/bttn-view-source.gif) 0 0 no-repeat; text-indent: -10001em; display: none; } .bttn input { cursor: pointer;} .fda-warning { width: 99px; height: 45px; margin: 0 0 10px 0; overflow: hidden; background: url(../images/icon-fda-warning.gif) 0 0 no-repeat; text-indent: -10001em; display: none; } .fda-warning-flag {display: none;} .endorsed { display: block; margin: 20px 0 0 0; } .list-functions { padding: 10px 0 10px 0; border-top: 1px solid #69756c; } .list-functions form p { float: right; } .list-functions form select { width: 136px; margin-right: 7px; font-size: 0.93em;} /* pagination */ /* FAQ Styles */ .faq-question {} .faq-details {} .faq-details .answer { margin: 0 0 20px 0;} /* Web App Item Detail */ h1.guideline-detail { font-size: 1.5em; } h2.guideline-detail { margin: 0;} /* HERE IS WHERE YOU EDIT THE GUIDELINE DETAILS */ #g-body { font-size: 10px; } #g-body p { margin: 0; padding: 0 0 20px 0;} #g-body p#g-1300 { } #g-body p#g-1171 { } #g-body p.Note { background-color: #FFFFEA; padding: 5px; margin: 0 0 10px 0; border: 1px solid #C0C0C0;} #g-body h1#g-header { font-size: 20px; margin: 0 0 20px 0; padding: 0; } #g-body ul li.SummaryLists { margin: 0 0 5px 0; } /* Product List Styles */ ul.productSmall, ul.productLarge {list-style: none; padding: 0; margin: 0;} ul.productSmall li { padding: 0; margin: 0;} ul.productSmall li h1 { font-size: 1.6em; font: Verdana; margin: 0 0 10px 0; } ul.productSmall li h2 { font-size: 1.6em; font: Verdana; margin: 0 0 10px 0; } div#isLoggedIn { display: none; } /* nav IE hack */ *+html #nav_340622 li ul li {width:250px;} /* home callout addon */ #home-callout-container {width:880px; margin:0px auto; padding:20px 0 60px 0;} #home-callout-top-left {float:left; width:440px;} #home-callout-top-left .icon {background:url(/images/bg-call-access.jpg) no-repeat; width:223px; height:102px; float:left; padding-right:10px;} #home-callout-top-left .copy {width:207px; float:right;} #home-callout-top-right {float:right; width:440px;} #home-callout-top-right .icon {background:url(/images/bg-call-tools.jpg) no-repeat; width:223px; height:115px; float:left; padding-right:10px;} #home-callout-top-right .copy {width:207px; float:right;} #home-callout-bot-left {float:left; width:440px; height:114px; background:url(/images/bg-call-lower.jpg) no-repeat; margin-top:30px; position:relative;} #home-callout-bot-left .btn,#home-callout-bot-right .btn{position:absolute;top:73px;left:23px;} #home-callout-bot-left .copy, #home-callout-bot-right .copy{position:absolute;top:9px;left:159px;width:267px;font-family:Georgia,"Times New Roman",Times,serif;font-size:15px;color:#68746C;} #home-callout-bot-right {float:right; width:440px; height:114px; background:url(/images/bg-call-lower.jpg) no-repeat; margin-top:30px; position:relative;} #home-callout-bot-left .italic , #home-callout-bot-right .italic {font-style:italic;} #home-callout-bot-left .bold , #home-callout-bot-right .bold {font-weight:bold;} /* simple clear fix wrapper*/ .wrap{overflow:hidden;width:100%;} .clear {clear:both;} /* buy now btn override */ .productSubmitInput {background:url(../images/btn-buy-now-new.gif) no-repeat; width:80px; height:30px; border:0px; color:transparent; text-indent:-999px;} /*web app _webapp_1825729 new form */ #coming-soon-form {width:171px; background:url(/images/bg-form-coming-soon.gif) no-repeat #c4e7ed; padding-top:55px;} #coming-soon-form .red-text {color:#CC2847; line-height:1.6em; text-align:center; font-family:verdana; font-size:11px; font-weight:bold; } #coming-soon-form label {font-family:verdana; font-size:12px; color:#666} #coming-soon-form .input-field {width:150px; margin-bottom:10px; border:0px; padding:1px;} #coming-soon-form form {padding:7px; margin-top:0px;} #coming-soon-form .submit-btn {background:url(images/btn-submit-green.gif) no-repeat; width:98px; height:23px; color:transparent;} /*med societies */ .med-societies-content {background:url(../images/bg-medical-societies.jpg) repeat-x #e3e4d2; padding:15px; margin-top:-10px; } .med-societies-content h2 {color:#609D06;} /* ADDON */ #group-info {display:none;} #user-options { float: right; width:290px; background:transparent url(../images/bg-header-login.png) no-repeat; margin-top:-19px;} #user-options #loggedIn { display: none; margin: 0; } /* #user-options #loggedIn a { display: block; }*/ #user-options ul { margin:0px; padding:0px; font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:90%; margin:0 0 15px 17px; padding:2px 0 0 0;} #user-options li {display: inline; list-style-type: none; padding-right: 5px;} #user-options li a{color:#fff; text-decoration:none; } #user-options .membership-benefits {margin:0 0 0 5px;} .search-form button {margin-left:-20px;} .search-form button { float: right; width: 24px; height: 24px; padding: 0; margin: 0; overflow: hidden; border: 0; background: url(../images/bttn-search-submit.gif) 0 0 no-repeat; text-indent: -10001em; } .search-form input {margin:0 5px 0px 110px;} #top { height:55px; margin-top:-14px; } #quick-ref-tools-upper {background:url(../images/bg-quick-ref-tools.jpg) no-repeat scroll 0 100% #e4e5d3; height:404px; padding:25px; position:relative;} #quick-ref-tools-upper li {width:320px;} #quick-ref-tools-lower {background:url(../images/bg-quick-ref-tools-lower.jpg) repeat-x #e3e4d2; padding:25px;} #doody-quick-ref {position:absolute; top:660px; left:701px; z-index:999999;} #doody-quick-ref a {width:263px; height:57px;}