﻿/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

/* remember to define focus styles! */

:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */

ins
{
    text-decoration: none;
}

del
{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/*End Global Reset */
/* Standard Styles */

.clr
{
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

.clrright
{
    clear: right;
    font-size: 0;
    height: 0;
    line-height: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

/* Standard Styles End */

/* CSS Document */

body
{
    background-position: 0 0;
    background: #FFFFFF;
}

#wrapper
{
    background-position: 0 0;
    background: #FFFFFF url(../images/Denso-Body-Bg.gif) repeat-x 0 0;
}

#wrapper2
{
    width: 970px;
    margin: 0 auto;
}

/* Top Navigation */

#top-nav
{
    height: 36px;
}

#top-nav ul
{
    float: right;
}

#top-nav ul li
{
    float: left;
}

#top-nav ul li a
{
    float: left;
    display: block;
    height: 36px;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    line-height: 28px;
    background: url(../images/top-nav-bg.gif) 50% 100% no-repeat;
    padding: 0 13px;
}

#top-nav ul li a:hover
{
    text-decoration: underline;
}

/* Top Navigation End */
/* Header */

#header
{
    height: 211px;
    padding: 0 0 36px;
}

/* Header End */
/* Left Navigation */

#left-nav
{
    float: left;
    width: 200px;
}

#left-nav h3
{
    font: bold 16px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    color: #003399;
    padding: 0 14px 10px;
}

#left-nav h3 a
{
    color: #003399;
    text-decoration: none;
}


#left-nav ul
{
    padding: 0 14px;
}

#left-nav ul li
{
    _height: 0;
}

#left-nav ul li a
{
    display: block;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #003399;
    line-height: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #0098eb;
    text-decoration: none;
}

#left-nav ul li.first a
{
    border-top: 1px solid #0098eb;
}

#left-nav ul li a:hover
{
    color: #000;
}

/* Left Navigation End */

#content-area
{
    width: 770px;
    float: right;
}

/* Right Navigation */

#right-nav
{
    width: 137px;
    float: right;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #595959;
}

#right-nav h3
{
    font: bold 16px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    color: #003399;
    padding: 0 0 10px;
}

#right-nav p
{
    padding: 0 0 8px;
    font-size: 10px;
    color: #000000;
}

#right-nav input
{
    width: 90%;
    padding: 4px 2px;
    border: 1px solid #595959;
    background: #d0d0d0;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

#right-nav textarea
{
    width: 90%;
    padding: 4px 2px;
    border: 1px solid #595959;
    background: #d0d0d0;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000; /*overflow-y: auto;*/
}

#right-nav .submit-button
{
    display: block;
    width: 64px;
    height: 21px;
    margin: 0 8px 0 auto;
    background: url(../images/right-nav-submit.jpg) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    padding: 0;
    cursor: pointer;
    line-height: 0;
}

#right-nav .submit-button:hover
{
    background-position: 0 -21px;
}



#right-nav ul li a
{
    display: block;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #003399;
    line-height: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #0098eb;
    text-decoration: none;
}

#right-nav ul li.first a
{
    border-top: 1px solid #0098eb;
}

#right-nav ul li a:hover
{
    color: #000;
}

/* Right Navigation End */

#content
{
    width: 595px;
    padding: 0 10px;
    float: left;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    min-height: 480px;
    _height: 490px;
    margin: 0 0 20px;
}

.clearleft
{
    clear: left;
    font-size: 0;
    height: 0;
    line-height: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

.clearright
{
    clear: right;
    font-size: 0;
    height: 0;
    line-height: 0;
    border: 0;
    margin: 0;
    padding: 0;
}


.space
{
    padding: 0 0 14px;
}

#footer
{
    width: 970px;
    margin: 0 auto;
    padding: 12px 0;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: right;
    position: relative;
    background-color: #000000;
}

#footer p
{
    padding: 0 0 14px;
}

#footer p.copyright
{
    position: relative;
    left: 0;
    bottom: 0px;
    margin-bottom: -10px;
}
#footer p.copyright a
{
    color: #FFFFFF;
    text-decoration: none;
}
#footer p.copyright a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

#footer ul
{
    float: right;
}

#footer ul li
{
    float: left;
}

#footer ul li a
{
    float: left;
    color: #fff;
    padding: 0 10px;
    border-left: 1px solid #fff;
    text-decoration: none;
}

#footer ul li.first a
{
    border: 0;
}

#footer ul li a:hover
{
    text-decoration: underline;
}

#content
{
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

#content h1
{
    font: bold 20px Arial, Helvetica, sans-serif;
    color: #003399;
    letter-spacing: -1px;
    padding: 0 0 16px;
}

#content h2
{
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #113a51;
    letter-spacing: -1px;
    padding: 0 0 2px;
}

#content h2 strong
{
    color: #666;
}

#content h3
{
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #333;
    letter-spacing: -1px;
    padding: 0 0 14px;
}

#content p
{
    line-height: 14px;
    padding: 0 0 14px;
}

#content p.contact-today
{
    padding: 10px 0 18px;
}

sup
{
    font-size: 0.9em;
    vertical-align: top;
}

#content a
{
    color: #003399;
}

#content a:hover
{
    color: #000;
}

#content p.sub-links
{
    line-height: 16px;
}

#content p.date
{
    color: #666;
}

#content hr
{
    color: #999;
    background: #999;
    height: 1px;
    width: 96%;
    border: 0;
    margin: 0 auto 14px;
}

#content .centered
{
    text-align: center;
}

#content .imgright
{
    float: right;
    margin: 0 0 10px 10px;
}

#content .hundred
{
    width: 100%;
}

#content ul
{
    padding: 0 0 14px 15px;
}

#content ul li
{
    padding: 0 0 3px 15px;
    background: url(../images/arrow.gif) 0 3px no-repeat;
}

#content table
{
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0 0 14px;
}

#content th
{
    padding: 2px 4px;
    border-right: 1px solid #608da6;
    border-bottom: 1px solid #608da6;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #539bc3;
}

#content td
{
    padding: 2px 4px;
    vertical-align: top;
}

#content table.nozzle-chart th
{
    text-align: center;
    padding: 3px 6px;
}

#content table.nozzle-chart td
{
    text-align: center;
    line-height: 14px;
    padding: 4px 5px;
    vertical-align: middle;
    position: relative;
}

#content table.nozzle-chart td.first
{
    padding: 0;
}

#content table.nozzle-chart td.first div
{
    position: relative;
    margin: 0;
    padding: 0;
}

#content table.nozzle-chart td h3
{
    position: absolute;
    top: 5px;
    left: 8px;
    text-align: left;
    color: #CCC;
    font: bold 18px Arial, Helvetica, sans-serif;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

#content table.nozzle-chart td h4
{
    position: absolute;
    top: 100px;
    left: 8px;
    text-align: left;
    color: #CCC;
    font: bold 18px Arial, Helvetica, sans-serif;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

#content table.nozzle-chart td h3 strong
{
    color: #fff;
}

#content table.nozzle-chart tr.spaced td
{
    background: #88adc1;
    height: 5px;
    padding: 0;
    border-right: 1px solid #88adc1;
    border-bottom: 1px solid #88adc1;
}

#content .nozzle-photos
{
    float: right;
    width: 130px;
}

#content table.ratiopak-chart
{
    border: 1px solid #608da6;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0 0 14px;
}
#content table.ratiopak-chart th
{
    text-align: center;
    padding: 3px 6px;
    color: #fff;
    background: #539bc3;
    vertical-align: middle;
    border: 0;
}
#content table.rationpak-chart th.nopadding
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#content table.ratiopak-chart th.borderbottom
{
    border-bottom: 0.05em solid #FFF;
}
#content table.ratiopak-chart td.borderbottom2
{
    border-bottom: 0.05em solid #000;
    padding: 0;
    margin: 0;
}
#content table.ratiopak-chart td.borderbottom3
{
    border-bottom: 0.05em solid #000;
    border-top: 0.05em solid #000;
    padding: 0;
    margin: 0;
}
#content table.ratiopak-chart th.borderbottom2
{
    border-bottom: 0.05em solid #000;
    padding: 0;
    margin: 0;
}
#content table.ratiopak-chart th.borderright
{
    border-right: 0.05em solid #FFF;
}
#content table.ratiopak-chart th.borderrighttop
{
    border-right: 0.05em solid #FFF;
    border-top: 0.05em solid #FFF;
}
#content table.ratiopak-chart td
{
    text-align: center;
    line-height: 14px;
    padding: 4px 5px;
    position: relative;
}

#content table.ratiopak-chart td.heavy
{
    border-right: 2px solid #608da6;
}
#content table.ratiopak-chart tr.heavy td
{
    border-bottom: 2px solid #608da6;
}


#content table.ratiopak-chart td.first
{
    padding: 0 0;
    width: 175px;
    background-color: #539bc3;
    border-bottom: 0.05em solid #539bc3;
}

#content table.ratiopak-chart td.first div
{
    position: relative;
    margin: 0;
    padding: 0;
}

#content table.ratiopak-chart td h3
{
    position: absolute;
    top: 5px;
    left: 8px;
    text-align: left;
    color: #FFF;
    font: bold 14px Arial, Helvetica, sans-serif;
    line-height: 18px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
}
#content table.ratiopak-chart th h3.title
{
    text-align: center;
    color: #000;
    font: bold 16px Arial, Helvetica, sans-serif;
    line-height: 18px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
}
#content table.ratiopak-chart td h4
{
    text-align: center;
    color: #113a51;
    font: bold 16px Arial, Helvetica, sans-serif;
    line-height: 18px;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
}
#content table.ratiopak-chart .rightimg
{
    float: right;
    padding: 0;
    margin: 0;
}

#content .products
{
    padding: 0 0 14px;
}

#content .products ul, #content .products ul li
{
    background: transparent;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#content .products ul li
{
    float: left;
    width: 195px;
    height: 197px;
    margin: 0 0 10px 5px;
}

#content .products ul li.first
{
    margin: 0 0 10px 0;
}

#content .products ul li h2
{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 13px;
    height: 47px;
    background: url(../images/prod-box-h2.gif) 0 0 repeat-x;
    padding: 0;
    letter-spacing: normal;
}

#content .products ul li h2 a
{
    display: block;
    padding: 3px 6px;
    color: #fff;
    text-decoration: none;
}

#content .products ul li h2.oneline a
{
    line-height: 39px;
}

#content .products ul li h2 a:hover
{
    color: #fff;
}

#content .contact-us
{
    display: block;
    width: 288px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/contact-us.gif) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

#content .contact-us:hover
{
    background-position: 0 -32px;
}

#content ul.plunger
{
    padding: 0 0 14px;
}

#content ul.plunger li
{
    background: transparent;
    display: block;
    padding: 0;
    margin: 0 0 10px;
    height: 110px;
}

#content ul.plunger li img
{
    float: left;
    margin: 0 10px 0 0;
}

#content ul.plunger.fifty li
{
    float: left;
    width: 50%;
}

#content ul.plunger li p
{
    padding: 0 8px;
}

#content ul.syringe
{
    padding: 0 0 14px;
}

#content ul.syringe li
{
    background: transparent;
    display: block;
    padding: 0;
    margin: 0 0 10px;
    min-height: 110px;
    _height: auto !important;
    height: 110px;
}

#content ul.syringe li img
{
    float: right;
    margin: 0 0 5px 10px;
}

#content .onetwopieceplunger
{
    height: 200px;
}

#content .caption-right
{
    float: right;
    text-align: center;
    margin: 0 0 8px 8px;
}

#content .caption-right h4
{
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 8px 0;
    background: #1972a3;
}

#content .caption-left
{
    float: left;
    text-align: center;
    margin: 0 8px 8px;
}

#content .caption-left.twocol
{
    padding: 0 0 8px 50px;
}

#content .caption-left h4
{
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 8px 0;
    background: #1972a3;
}

#content .caption-left.twocol h4
{
    margin: -2px 0 0;
}

#content ul.hot-stamp
{
    padding: 0 0 14px;
}

#content ul.hot-stamp li
{
    background: none;
    padding: 0;
    margin: 0 0 14px;
    position: relative;
    width: 308px;
    display: block;
}

#content ul.hot-stamp.fifty li
{
    float: left;
    width: 50%;
}

#content ul.hot-stamp li img
{
    border: 4px solid #999;
}

#content ul.hot-stamp li h4
{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    font: bold 15px Arial, Helvetica, sans-serif;
    color: #000;
    padding: 8px 10px 10px;
    width: 288px;
    -moz-opacity: .7;
    _margin: 0 0 -1px;
}

.leftimg
{
    float: left;
    padding: 0;
    margin: 0;
}


.HomePageSectionTitle
{
    padding: 3px;
    background-color: #006080;
    font-weight: bold;
    color: #FFFFFF;
}

#WhiteLink1 a
{
    text-decoration: none;
    color: #FFFFFF;
}
#WhiteLink1 a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}
#WhiteLink1 a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}
#WhiteLink2 a
{
    text-decoration: none;
    color: #FFFFFF;
}
#WhiteLink2 a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}
#WhiteLink3 a
{
    text-decoration: none;
    color: #FFFFFF;
}
#WhiteLink3 a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}

img
{
    border-style: none;
}
.tdBorders
{
    border-right: 1px solid #88adc1;
    border-bottom: 1px solid #88adc1;
}

.tblBorders
{
    border: 1px solid #608da6;
}

#breadcrumb
{
    padding-bottom: 10px;
    display: block;
}
#HeaderText
{
    width: 970px;
    height: 86px;
    background-color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    overflow: hidden;
}
#DensoLogo
{
    width: 191px;
    height: 86px;
    float: left;
}
#DensoTagLine
{
    width: 614px;
    height: 86px;
    color: #003399;
    font-size: 14pt;
    text-align: center;
    float: left;
    position: absolute;
    top: 90px;
}
#DensoPhone
{
    width: 164px;
    height: 86px;
    color: #003399;
    font-size: 22px;
    float: right;
    text-align: right;
    margin-top: -2px;
    font-weight: 900;
    letter-spacing: -.04em;
    white-space: nowrap;
    padding-right: 5px;
    vertical-align: bottom;
    padding-top: 44px;
}
#DensoPhone a
{
    text-decoration: none;
    color: #000000;
    font-size: 12px;
}
#DensoPhone a:hover
{
    text-decoration: underline;
    color: #000000;
}
#BannerImages
{
    height: 125px;
}

.IndexTable
{
    empty-cells: hide;
    vertical-align: top;
    width: 100%;
}
.IndexTable img
{
    width: 177px;
    height: 125px;
    border-style: none;
}
.IndexTable td
{
    font-weight: bold;
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
}
.IndexTable td a
{
    text-decoration: none;
    color: #000080;
}
.IndexTable td a:hover
{
    text-decoration: none;
    color: #000000;
}
.NewsImages
{
    border-style: none;
    margin-right: 9px;
    margin-bottom: 3px;
    margin-top: 3px;
    float: left;
    width: 131px;
    height: 131px;
}
.TextBoxWidth
{
    width: 225px;
}
.BackToVideosButton
{
    vertical-align: bottom !important;
}
.BackToVideosText
{
    font-size: x-small;
    font-weight: bold;
    color: #666666;
}
.VideoTexth3
{
    /*color: #003399 !important;*/
    margin-bottom: -15px;
    text-align: left;
}
.SmallVideoTitle
{
    color: #003399;
    font-weight: bold;
    font-size: x-small;
    text-align: left;
}



.DigestSectionTitle
{
    font-weight: bold;
    color: #999999 !important;
    font-size: 20pt;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-bottom-width: 2px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: -3px;
    text-align: left;
}
.DigestTable
{
    empty-cells: show;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}
.DigestTable td
{
    font-size: 10px;
    width: 25%;
    text-align: center;
    vertical-align: top;
    padding-bottom: 13px !important;
}
.DigestTable td a
{
    text-decoration: none;
    color: #000080;
}
.DigestTable td a:hover
{
    text-decoration: none;
    color: #000000;
}
