/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2005. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: Mozilla/IE6/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* remove default link styles */ :link,:visited { text-decoration:none; } /* 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 { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,table,tr,td { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* root selectors */ body { background-color:#0071A4; text-align:center; } p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3,td { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#0D72A2; text-decoration:none; } p,dl,dt,dd,ul,ol,li { line-height:20px; } p,pre,blockquote,h1,h2,h3 { margin-bottom:12px; } /* a:link,a:visited { text-decoration:underline; } */ a:hover,a:active { text-decoration: underline; } h1 span,h2 span,h3 span { display:none; } h1 { font-size:18px; } h2 { font-size:16px; color:#35ADE1; margin-top:14px; } h3 { font-size:14px; } form { width:150px; padding:10px 0 15px 22px; } input, textarea { background-color:#fff; border:1px solid #0D72A2; width:150px; height:18px; margin-bottom:4px; padding-top:2px; padding-left:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0D72A2; } textarea { height:70px; overflow:auto; } /* classes */ .right { text-align:right; } .center { text-align:center; } .clear { clear:both; height:.01em; overflow:hidden; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .submit-main-contact { width:60px; cursor:pointer; padding:0; margin:85px 0 0 173px; } .list-columns ul { width:300px; } .list-columns li { width:150px; float:left; background:0; font-weight:normal; } .small-text p { font-size:10px; } /* change these accordingly with the img-random.asp include */ #masthead { width:710px; height:332px; display:block; } #masthead-hp-1 { background:url("../images/masthead-hp-1.jpg"); height:332px; position:relative; } #masthead-hp-2 { background:url("../images/masthead-hp-2.jpg"); height:332px; position:relative; } #masthead-hp-3 { background:url("../images/masthead-hp-3.jpg"); height:332px; position:relative; } #masthead-hp-4 { background:url("../images/masthead-hp-4.jpg"); height:332px; position:relative; } /* framework * ------------------------------------------------------------------------- */ #wrap { background:url("../images/bg-wrap.gif") repeat-y; width:710px; margin:0 auto; text-align:left; } #top { background:url("../images/top.gif"); height:95px; } #top-left { width:260px; float:left; } #top-left a { width:260px; height:90px; margin-left:10px; display:block; } #top-right { width:438px; float:left; } #top-right p { text-align:center; padding-left:202px; padding-top:30px; font-size:17px; line-height:20px; } #column-left { width:463px; float:left; } #content { width:385px; padding-left:38px; padding-right:33px; margin-top:-75px; position:relative; } #content sup, #content sup a { font-size:10px; text-decoration:none; } /* content: tables */ #content table { width:392px; margin-bottom:20px; } #content table td { border:1px solid #BFE7F8; padding:8px; font-size:11px; } #content table.table-product td { border:0px; padding:0px; font-size:13px; } #content table { width:392px; margin-bottom:20px; background-color:White} #content table.table-dosage td { border:1px solid #BFE7F8; padding:8px; font-size:11px; } #content table.table-dosage tr { background-color: #BFE7F8; } #content table.table-dosage tr.dosagehdr { background-color: #336699;} #content table.table-dosage td.tddosagehdr { border:1px solid #336699; padding:8px; font-size:11px;} #content table.table-adults td, #content table.table-children td { width:196px; } #content table.table-adults tr.header, #content table.table-children tr.header { background-color:#BFE7F8; font-weight:bold; } #content table.table-children td { width:98px; text-align:center; } #content table.table-children td.long { width:294px; } #content table.table-children tr.thin td { height:18px; padding:4px; font-weight:bold; } #content table.table-reference td a { font-size:11px; font-weight:bold; } #content table.table-reference tr.dark { background-color:#BFE7F8; } #content table.table-international td { width:50%; text-align:center; } /* content: lists */ #content li { list-style-type:disc; margin-left:20px; margin-bottom:5px; } #content ul { margin-bottom:18px; } #content h1 { margin-bottom:40px; } #content ul.multi-column { width:180px; float:left; font-style:italic; } #content ul.multi-column li { list-style-type:none; } #content ul#list-special { margin-bottom:25px; margin-left:10px; } #content ul#list-special li { list-style-image:url("../images/bullet.gif"); margin-top:20px; padding-left:5px; line-height:20px; font-size:13px; font-weight:bold; } #flash-small { margin-top:50px; padding-left:8px; width:455px; height:181px; } #column-right { width:247px; float:left; } #column-right p, #column-right h2 { padding-left:26px; padding-right:30px; } #column-right .center { margin-left:-10px; } #buy-now { margin-top:28px; margin-bottom:28px; } #pharmacy-locator { margin-top:28px; margin-bottom:28px; margin-left:25px; margin-right: 25px; } #bottom { background:url("../images/bottom.gif") no-repeat; width:760px; height:45px; clear:both; overflow:hidden; } /* inside framework * ------------------------------------------------------------------------- */ #banner-nav { padding-top:30px; margin-left:25px; } #banner-nav li { list-style-type:disc; line-height:30px; margin-left:20px; } #banner-nav.long li { line-height:20px; } #banner-nav li a { font-weight:bold; } #banner-01 { background:url("../images/banner-01-nav.jpg"); height:332px; position:relative; } #banner-02 { background:url("../images/banner-02-nav.jpg"); height:332px; position:relative; } #banner-03 { background:url("../images/banner-03-nav.jpg"); height:332px; position:relative; } #banner-04 { background:url("../images/banner-04-nav.jpg"); height:332px; position:relative; } #banner-05 { background:url("../images/banner-05-nav.jpg"); height:332px; position:relative; } /* contact: #main-contact * ------------------------------------------------------------------------- */ #main-contact { padding:20px 0 10px 0; } #main-contact label, #main-contact select, #main-contact div { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0D72A2; } #main-contact div { padding-left:12px; width:380px; } #main-contact label { width:158px; position:relative; display:block; text-align:right; } #main-contact label input, #main-contact label textarea, #main-contact select { position:absolute; width:200px; left:110%; top:-2px; } #main-contact label textarea { width:200px; height:100px; top:0; } /* footer * ------------------------------------------------------------------------- */ #wrap-footer { background:url("../images/bg-footer.gif") repeat-y; text-align:center; } #nav-footer { background:url("../images/bg-nav-footer.jpg") no-repeat; height:28px; } #nav-footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid; line-height:28px; font-weight:bold; } #nav-footer li.first { border: none; padding-left:0; } #nav-footer a { text-decoration:none; } #nav-footer a:hover { text-decoration:underline; } #top-footer { background:url("../images/top-footer.gif"); height:22px; } /* horizontal navigation * ------------------------------------------------------------------------- */ #nav { background:url("../images/nav.gif") no-repeat; width:710px; height:40px; position:relative; } #nav li { position:absolute; top: 0; } #nav li, #nav a { height:40px; line-height:40px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1A4E59; text-decoration:none; text-align:center; font-weight:bold; } #nav-01 { width:93px; left:43px; } #nav-02 { width:136px; left:137px; } #nav-03 { width:146px; left:274px; } #nav-04 { width:177px; left:421px; } #nav-05 { width:71px; left:599px; } #nav-01 a:hover, #about #nav-01 a { background:transparent url("../images/nav.gif") -43px -40px no-repeat; } #nav-02 a:hover, #uses #nav-02 a { background:transparent url("../images/nav.gif") -137px -40px no-repeat; } #nav-03 a:hover, #research #nav-03 a { background:transparent url("../images/nav.gif") -274px -40px no-repeat; } #nav-04 a:hover, #healthcare #nav-04 a { background:transparent url("../images/nav.gif") -421px -40px no-repeat; } #nav-05 a:hover, #order #nav-05 a { background:transparent url("../images/nav.gif") -599px -40px no-repeat; } /* Added by NetStrategies 8/6/2005 * Product box link on background image */ #menu a { position: absolute; height: 102px; width: 123px; top: 203px; text-decoration: none; } #menu a i { visibility: hidden; } a#buybox { left: 517px; } .minidesc { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#0D72A2; text-decoration:none; font-style: italic; }