/*--------------------------------------- General ---------------------------------------*/ html { min-height:100%; margin-bottom:1px; } body, ul, li, h1, h2, h3, h4, h5, h6, p, form { margin:0px; padding:0px; } body, input, td, th, textarea { font-size:11px; font-family:Arial, Helvetica, sans-serif; } /* Font sizes */ a { text-decoration:none; color:#0083C6; } a:hover { text-decoration:underline; } ul, li { list-style-type:none } img { border:0px; } td, th { vertical-align:top; text-align:left } p { margin-bottom:15px; } p, dt, dd, li { line-height:15px } table, ul, dl, h2, h3 { margin-bottom:10px; } table { margin-top:5px; } h1 { font-size:15px; line-height:30px; font-weight:normal; margin-bottom:16px; color:#024161; border-bottom:1px solid #ccc } h2 { font-size:15px; margin-bottom:2px; color:#024161; font-weight:bold } h2.alt { color:#0083C6 } h3 { font-size:13px; font-weight:normal; color:#024161; } h4 { font-size:12px; font-weight:bold; color:#333; margin:0 0 2px; } h3 a { color:#006699; text-decoration:none } h3 a:hover { text-decoration:underline; } a.plain { text-decoration:none } a.plain:hover { text-decoration:underline } p.hidden { display:none } ul.inline, ul.inline li { margin:0; padding:0; list-style-type:none } ul.inline li { margin-left:18px; display:inline; } #main ul { margin-bottom:15px; } #main ul li { padding-left:12px; background:url(../images/template/bullet.gif) 0 5px no-repeat; margin-bottom:4px; margin-left:4px; } #main strong { color:#024161 } /*--------------------------------------- Layout ---------------------------------------*/ body { text-align:center; background:#9A9899 url(../images/template/page-bg.jpg) top left repeat-x;} #container { text-align:left; width:1000px; margin:0 auto; background:#fff; border-bottom:10px solid #0C2036; } #header { width:100%; float:left; display:inline; height:73px; background:url(../images/template/banner_bg.jpg) top left repeat-x; border-bottom:1px solid #536E7E; } #header #logo { float:left; display:inline; width:202px; margin-left:12px; } #header #tagline { float:right; display:inline; width:182px; margin-right:19px; } #navigation { height:30px; clear:both; background:#0C2036 url(../images/template/navigation-bg-bottom.gif) bottom left repeat-x; } #navigation ul, #navigation ul li { margin:0; padding:0; list-style-type:none } #navigation li { display:inline; float:left; color:#fff; } #navigation li a { display:block; float:left; line-height:26px; text-decoration:none; color:#99B8C5; font-weight:bold; text-align:center; padding:0 15px; border-bottom:4px solid #808080; border-right:1px solid #536E7E; } #navigation li a:hover { color:#fff; border-bottom:4px solid #0083C7 } #home li.home a, #about li.about a, #warranty li.warranty a, #distributors li.distributors a, #products li.products a, #contact li.contact a, #patient li.patient a { border-bottom:4px solid #0083C7; color:#fff; } #subnav ul, #subnav li { margin:0; padding:0; list-style-type:none; font-family:Arial, Helvetica, sans-serif} #subnav a { text-decoration:none; font-family:Arial, Helvetica, sans-serif } #subnav li { margin-bottom:6px; font-weight:bold; font-size:15px; } #subnav li ul { margin:2px 0 0; } #subnav li a { color:#024161; } #subnav li a:hover { color: #0083C5 } #subnav li li a:hover { color:#9BCEE8; } #subnav li li { margin-bottom:4px; color:#024161; font-size:11px; line-height:1.4em; font-weight:bold; } #subnav li li ul { margin:2px 0 20px 0px; } #subnav li li li { margin-bottom:0px; } #subnav li li li a { color:#0083C6; } #content { margin:24px 0 34px; background:url(../images/template/content_bg.gif) top left repeat-y; } #sidebar, #main, #extra { float:left; display:inline; } #sidebar { width:200px; margin-left:18px;} #main { width:500px; margin-left:28px; } #extra { width:180px; margin-left:38px; } #footer { clear:both; width:1000px; margin:5px auto; text-align:left; color:#fff; } #footer #copyright, #footer #note { float:left; display:inline; } #footer #copyright { width:70%; } #footer #note { width:30%; text-align:right } #footer #credit { clear:both; text-align:center; margin-top:10px; padding-top:15px; } #footer #credit a { color:#ccc } #features { margin-top:24px; margin-bottom:30px; } #features h2 { margin-bottom:10px; } #features img { margin-bottom:7px; } #features p { padding:0; margin: 0 0 30px; font-size:1.1em } #features .feature { width:212px; float:left; display:inline; margin-left:20px; margin-right:8px; } #features .products img { margin-top:7px; margin-bottom:15px; } /*--------------------------------------- Custom Classes ---------------------------------------*/ p.download a { font-size:1.2em; font-weight:bold; } p.download-button { margin-left:5px; } p.download-button a { background:url(../images/buttons/download.gif) top left no-repeat; display:block; float:left; display:inline; width:114px; height:21px; text-indent:-9999px; } p.download-button a:hover { background-image:url(../images/buttons/download_over.gif) } table.range, table.range-links { border-collapse:collapse; } .range th { background-color:#F0F0F0; color:#024161; font-weight:normal } .range th, .range td, .range-links td { border-right:1px solid #fff; padding:8px; font-size:1.1em; font-weight:bold; } table.range th.first { background:#F0F0F0 url(../images/template/table-bg-top-left.gif) top left no-repeat; } table.range th.last { background:#F0F0F0 url(../images/template/table-bg-top-right.gif) top right no-repeat } table.other th.first { width:212px } .range .row1 td, .range-links td.cell1 { background-color:#AF8BC3; color:#fff; } .range .row2 td, .range-links td.cell2 { background-color:#0083C5; color:#fff; } .range .row3 td, .range-links td.cell3 { background-color:#009E46; color:#fff; } .range .row4 td, .range-links td.cell4 { background-color:#FAAB27; color:#fff; } .range em { font-weight:normal } .other .first td { padding-top:7px; } .other .last td { padding-bottom:7px; } .range-links td.cell1 { background:#AF8BC3 url(../images/template/table-bg-cell1.gif) center left no-repeat } .range-links td.cell4 { background:#FAAB27 url(../images/template/table-bg-cell4.gif) center right no-repeat } .other td { border-bottom:0; background-color:#0083C5; padding:2px 8px; color:#fff; } table.range-links td { width:25%; padding:0 8px; line-height:30px; } table.range-links td a { color:#fff; display:block; } table.range-links td a:hover { color:#333; text-decoration:none } form { margin-top:40px; } form p { margin:0 0 10px; padding:0; clear:both; } form label { width:80px; padding-top:2px; display:inline; float:left; font-weight:bold; padding-bottom:2px; color:#024161; font-size:12px; } form label.wide { width:400px; float:none } form label em { font-weight:normal; font-style:normal } form textarea { width:280px; height:75px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:11px; } form input.text { width:200px; height:14px; font-size:11px; } p.hidden { display:none } .notice { font-weight:bold; color:#c00 } form #button { margin-left:80px; } form p.last { margin-bottom:0; } form .column1, form .column2 { width:310px; float:left; display:inline; } form .column2 { width:390px; } /*--------------------------------------- Specific Pages ---------------------------------------*/ #home #sidebar, #home #extra, #about #sidebar, #contact #extra, #warranty #sidebar, #distributors #extra, #patient #sidebar {display:none } #home #content, #about #content, #warranty #content, #patient #content { background:none } #home #content { margin:0; } #home #main { width:100%; margin:0; } #about #main, #contact #main, #distributors #main, #patient #main { width:700px; margin-left:20px; } #about #extra, #warranty #extra, #contact #extra, #distributors #extra, #patient #extra { margin-left:65px; } #about #extra { text-align:center } #warranty #main, #patient #main { width:650px } #warranty #extra, #patient #extra { width:210px; text-align:center } #distributors p { width:80%; } #products #extra h2 { margin-bottom:20px; } #products #extra h2.first { margin-bottom:0px; } /*--------------------------------------- Hacks ---------------------------------------*/ .clear { clear:both; height:0; }