/******************************************************************************* NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css MOST STYLES CAN BE OVERWRITTEN HERE IN style.css NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css: ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN OVERWRITE IN THIS STYLE SHEET FONT-SIZE IS SET TO A DEFAULT OF 12px FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW *******************************************************************************/ @import "base.css"; /* BASIC STRUCTURE *******************************************************************************/ html, body { background:#ebebeb; } body { background:#ebebeb; } #container { margin:0 auto; padding:0; width:980px; } /* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED. *******************************************************************************/ a:link, a:visited { color:#666666; font-weight:bold; } a:hover { color:#7ac142; font-weight:bold; } /* BASIC FORM STYLES *******************************************************************************/ input, textarea { color:#333; } .required-indicator { color:red; } /* HEADER *******************************************************************************/ #header { position:relative; margin:0; height:102px; background:#fff url(../images/header-logo.gif) no-repeat 23px 17px; z-index:50; } #header a.logo { float:left; display:block; margin:17px 0 0 22px; width:157px; height:68px; text-decoration:none; } #header a.logo span { visibility:hidden; } #header #marble { float:right; margin:57px 40px 0 0; width:33px; height:47px; } /* NAVIGATION *******************************************************************************/ /* MAIN NAV */ #nav-wrap { margin:0 0 0 200px; padding:20px 0 0 50px; z-index:100; } .mainnav, .mainnav ul { position:relative; margin:0; padding:0; list-style-type:none; list-style-position:outside; z-index:5; } .mainnav { } .mainnav a.active { font-weight:bold; } .mainnav ul, .mainnav ul * { } .mainnav a { display:block; padding:0; height:63px; color:#000 !important; text-decoration:none; text-transform:uppercase; font-size:12px; } .mainnav a:hover { } .mainnav li { float:left; position:relative; } .mainnav li a { text-indent:-9999px; } .mainnav li.company { width:92px; } .mainnav li.oraverse { width:84px; } .mainnav li.oraverse .dental-professionals ul .request-info { width:138px; } .mainnav li.product-pipeline { width:117px; } .mainnav li.news-and-events { width:109px; } .mainnav li.request-info { width:157px; } .mainnav ul { position:absolute; display:none; margin:0 0 0 3px; width:138px; top:63px; border:1px solid #dbdadf; } .mainnav li ul a { float:left; width:138px !important; height:auto; text-transform:none; } .mainnav li ul li ul a { float:left; padding:0; width:138px !important; height:19px; } .mainnav ul ul { margin:0; top:-1px; } .mainnav li ul ul { left:138px; } .mainnav li ul li ul li { margin:0; padding:0; } .mainnav li:hover ul ul, .mainnav li:hover ul ul ul, .mainnav li:hover ul ul ul ul { display:none; } .mainnav li:hover ul, .mainnav li li:hover ul, .mainnav li li li:hover ul, .mainnav li li li li:hover ul { display:block; } /* SIDENAV */ #block-menu-delta-side-menu { margin:80px 0 10px 0;} #block-menu-delta-side-menu h3, #block-menu-delta-static-side-menu h3 { display:none; } #block-menu-delta-static-side-menu ul { border-top:1px solid #dee0e1; padding:15px 0 0 0; } .sidenav li { width:230px; background-color:transparent; background-repeat:no-repeat !important; background-position:top left !important; } .sidenav li a { text-indent:-9999px; display:block; width:244px; height:23px; } .sidenav li ul { margin:0; } .sidenav li ul li { width:230px; background-color:transparent; background-repeat:no-repeat !important; background-position:top left !important } .sidenav li ul li a { text-indent:-9999px; display:block; width:230px; } .sidenav li ul li ul li{width:230px; background-color:transparent; background-repeat:no-repeat !important; background-position:top left !important } .sidenav li ul li ul li a { text-indent:-9999px; display:block; width:230px; } *html .sidenav li ul li { line-height:16px; } #block-menu-delta-static-side-menu .sidenav li.careers a.active, #block-menu-delta-static-side-menu .sidenav li.contact-us a.active, #block-menu-delta-static-side-menu .sidenav li.home a.active { background:none !important; } .product-pipeline .sidenav, .sitemap .sidenav, .error .sidenav, .privacy-policy .sidenav, .request-info .sidenav, .terms-of-use .sidenav, .my-oraverse .sidenav { border:none !important; margin:65px 0 0 20px !important; } /* SIDEBAR LEFT *******************************************************************************/ #left { float:left; display:inline; width:195px; min-height:450px; } #left { float:left; display:inline; width:252px; min-height:450px; } * html #left { height:450px; } /* CONTENT AREA *******************************************************************************/ #content { background:#fff; } /* MAIN *******************************************************************************/ #main { float:left; display:inline; padding:30px 0 10px 20px; width:461px; min-height:420px; background:white; } * html main { height:420px; } #main h2, #main h1 { margin:0 0 20px 0; padding:0 0 5px 0; width:450px; border-bottom:1px solid #dae0e6; color:#335f86; font-size: 20px;line-height: 25px;} #main h3 { font-size:12px !important; font-weight:bold; } #no-column #main { width:950px; background:lightgreen; } /* ONE COLUMN *******************************************************************************/ #one-column #main{ width:960px; padding-top:0px; background:transparent url(../images/bg-oraverse-landing.jpg) no-repeat top; } #one-column #main .oraverse-wrapper {margin:0 auto; width:534px;} #one-column #main .oraverse-wrapper .logo { margin:0 auto; width:158px; height:56px; } #one-column #main .oraverse-wrapper .block-text {position:relative; margin:0 auto; width:255px; padding:6px; float:left; } #one-column #main .oraverse-wrapper .block-text .inset {margin:0 auto; text-align:center; margin-top:10px;} /* SIDEBAR RIGHT *******************************************************************************/ #right { float:right; display:inline; width:247px; min-height:540px; } * html #right { height:540px; } #block-keystone-delta-inset-image { margin:50px 0 0 45px; } /* FOOTER *******************************************************************************/ #home #footer { width:960px !important; } #footer { position:relative; padding:7px 0; background:#f9fafb; z-index:50; } #footer a { font-weight:normal; } #footer p { margin:0 0 14px 32px; width:875px; text-align:left; } #footer h1 { margin:0 0 0 32px; font-size:12px !important; } /* sIFR *******************************************************************************/ /* DO NOT ADJUST THESE STYLES */ .sIFR-flash { margin:0; visibility:visible !important; } .sIFR-replaced { visibility:visible !important; } span.sIFR-alternate { position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; } /* Hide Adblock Object tab */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* YOU CAN ADJUST, ADD OR REMOVE FROM THESE STYLES - Decoy styles are used to hide the browser text before it is replaced */ .sIFR-hasFlash #main h2 { visibility:hidden; } /* SOFT JOIN *******************************************************************************/ #softjoin-form { margin:0 0 194px 35px; } ul.errors { margin:0 0 10px 36px; color:#FF0000; } #softjoin-form label { float:left; display:block; width:73px; height:15px; } #softjoin-form input { margin:0 0 10px 0; width:105px; height:15px; border:1px solid #cacaca; } #softjoin-form br { display:none; } #softjoin-form input#submit { border:none !important; margin:0 0 0 140px; width:37px; height:13px; } #softjoin-form #zia-form-element-wrapper-softjoin_form-first_name label { background:transparent url(../images/softjoin/first-name.gif) no-repeat top; } #softjoin-form #zia-form-element-wrapper-softjoin_form-last_name label { background:transparent url(../images/softjoin/last-name.gif) no-repeat top; } #softjoin-form #zia-form-element-wrapper-softjoin_form-email label { background:transparent url(../images/softjoin/email-address.gif) no-repeat top; } #softjoin-form #zia-form-element-wrapper-softjoin_form-postal_code label { background:transparent url(../images/softjoin/zip-code.gif) no-repeat top; } .softjoin-title { margin:25px 0 0 0; } /* FULL JOIN *******************************************************************************/ #zia-form-element-wrapper-fulljoin_form-referral_event, #zia-form-element-wrapper-fulljoin_form-referral_tradeshow, #zia-form-element-wrapper-fulljoin_form-referral_other { display:none; } #zia-form-element-wrapper-fulljoin_form-salutation label, #zia-form-element-wrapper-fulljoin_form-first_name label, #zia-form-element-wrapper-fulljoin_form-last_name label, #zia-form-element-wrapper-fulljoin_form-practice_name label, #zia-form-element-wrapper-fulljoin_form-address1 label, #zia-form-element-wrapper-fulljoin_form-city label, #zia-form-element-wrapper-fulljoin_form-state label, #zia-form-element-wrapper-fulljoin_form-postal_code label, #zia-form-element-wrapper-fulljoin_form-country label, #zia-form-element-wrapper-fulljoin_form-phone label, #zia-form-element-wrapper-fulljoin_form-fax label, #zia-form-element-wrapper-fulljoin_form-email label, #zia-form-element-wrapper-fulljoin_form-role label { display:block; float:left; width:105px; } #zia-form-element-wrapper-fulljoin_form-salutation br, #zia-form-element-wrapper-fulljoin_form-first_name br, #zia-form-element-wrapper-fulljoin_form-last_name br, #zia-form-element-wrapper-fulljoin_form-practice_name br, #zia-form-element-wrapper-fulljoin_form-address1 br, #zia-form-element-wrapper-fulljoin_form-city br, #zia-form-element-wrapper-fulljoin_form-state br, #zia-form-element-wrapper-fulljoin_form-postal_code br, #zia-form-element-wrapper-fulljoin_form-country br, #zia-form-element-wrapper-fulljoin_form-phone br, #zia-form-element-wrapper-fulljoin_form-fax br, #zia-form-element-wrapper-fulljoin_form-email br, #zia-form-element-wrapper-fulljoin_form-role br { display:none; } #zia-form-element-wrapper-fulljoin_form-interest_other input, #zia-form-element-wrapper-fulljoin_form-salutation input, #zia-form-element-wrapper-fulljoin_form-first_name input, #zia-form-element-wrapper-fulljoin_form-last_name input, #zia-form-element-wrapper-fulljoin_form-practice_name input, #zia-form-element-wrapper-fulljoin_form-address1 input, #zia-form-element-wrapper-fulljoin_form-city input, #zia-form-element-wrapper-fulljoin_form-state input, #zia-form-element-wrapper-fulljoin_form-postal_code input, #zia-form-element-wrapper-fulljoin_form-country input, #zia-form-element-wrapper-fulljoin_form-phone input, #zia-form-element-wrapper-fulljoin_form-fax input, #zia-form-element-wrapper-fulljoin_form-email input, #zia-form-element-wrapper-fulljoin_form-role input { margin:0 0 10px 0; width:150px; height:15px; border:1px solid #cacaca; } #zia-form-element-wrapper-fulljoin_form-salutation select, #zia-form-element-wrapper-fulljoin_form-state select, #zia-form-element-wrapper-fulljoin_form-country select, #zia-form-element-wrapper-fulljoin_form-role select { margin:0 0 10px 0; width:150px; height:18px; line-height:20px; font-size:12px; } #zia-form-element-wrapper-fulljoin_form-interest, #zia-form-element-wrapper-fulljoin_form-current_customer, #zia-form-element-wrapper-fulljoin_form-contact_method, #zia-form-element-wrapper-fulljoin_form-referral, #zia-form-element-wrapper-fulljoin_form-comments { margin:10px 0 0 0; } #zia-form-element-wrapper-fulljoin_form-optin { margin-top:10px; } #zia-form-element-wrapper-fulljoin_form-interest input, #zia-form-element-wrapper-fulljoin_form-optin input, #zia-form-element-wrapper-fulljoin_form-current_customer input { margin:0 5px 0 0; } #zia-form-element-wrapper-fulljoin_form-contact_method select, #zia-form-element-wrapper-fulljoin_form-referral select, #zia-form-element-wrapper-fulljoin_form-referral_event input, #zia-form-element-wrapper-fulljoin_form-referral_other input { width:120px; height:18px; font-size:12px; } #zia-form-element-wrapper-fulljoin_form-comments textarea { width:480px !important; height:100px !important; border:1px solid #cacaca; } /* ARTICLES *******************************************************************************/ .articles-link { display:block; margin:20px 0 12px 0; font-size:12px; font-weight:bold; color:#335f86 !important; } .articles-link:hover { color:#7ac142 !important; } .article { padding:8px 0 9px 0; } .article .article-date { font-size:12px; font-weight:bold; } .article .article-publication { font-size:12px; } /* EVENTS *******************************************************************************/ #events-wrapper { margin:18px 0 0 0; } .event-year h3 { color:#335f86; } .event-year h5 { margin:0; padding:0; } /* CAREERS *******************************************************************************/ .career h5 { margin:0; padding:0; color:#335f86; } .career .field { font-size:12px; font-weight:bold; color:#9f9f9f; } .career-titles { position:relative !important; margin:15px 0 0 20px; list-style-type:disc; } .leadership { width:540px; height:200px; } /* MISC. CLASSES & IDS *******************************************************************************/ .oraverse-logo { float:right; margin:0 0 -25px 0; } #important-safety-info { margin:14px 0 0 0; line-height:20px; } a.css_rollover { background: url(../images/button-download_package_insert.gif) no-repeat left; width: 187px; height: 44px; padding:10px; text-decoration:none;} a.css_rollover:hover { background: url(../images/button-download_package_insert_on.gif) no-repeat left; text-decoration: none; width: 187px; height: 44px; } a.css_rollover span {visibility: hidden; } a.css_rollover_download_form { background: url(../images/button_download_order_form.gif) no-repeat left; width: 187px; height: 44px; padding:10px; text-decoration:none; } a.css_rollover_download_form:hover { background: url(../images/button_download_order_form_on.gif) no-repeat left; text-decoration: none; width: 187px; height: 44px; } a.css_rollover_download_form span {visibility: hidden; } a.css_rollover_myoraverse { background: url(../images/button_my_oraverse.gif) no-repeat left; width: 187px; height: 44px; padding:10px;text-decoration: none; } a.css_rollover_myoraverse:hover { background: url(../images/button_my_oraverse_on.gif) no-repeat left; text-decoration: none; width: 187px; height: 44px; } a.css_rollover_myoraverse span {visibility: hidden; } a.oraverse-dental-professionals { display:block; background: url(../images/inset/button-smiles.jpg) no-repeat ; width: 156px; height: 199px; padding:0px; } a.oraverse-dental-professionals:hover { background: url(../images/inset/button-smiles-on.jpg) no-repeat ; text-decoration: none; width: 156px; height: 199px; padding:0px; } a.oraverse-dental-professionals span { visibility: hidden; } a.css_rollover_smiles { background: url(../images/inset/button-smiles.jpg) no-repeat left; width: 156px; height: 199px; padding:0px; } a.css_rollover_smiles:hover { background: url(../images/button-smiles-on.jpg) no-repeat left; text-decoration: none; width: 156px; height: 199px; } a.css_rollover_smiles span {visibility: hidden; }