/* CSS Document */

/* Main
------------------------------------------------------------- */
* {margin:0; padding:0;}
body {color: #909193; font-family: verdana, arial, helvetica, sans-serif; font-size: 14px;}

/* Product Categories Navigation
------------------------------------------------------------- */
body.diagnostics #productCategories li.diagnostics a { background-color : #0073bb; color : #fff;}
body.shape #productCategories li.shape a { background-color : #4685c6; color : #fff;}
body.clean #productCategories li.clean a { background-color : #f99d1c; color : #fff;}
body.fill #productCategories li.fill a { background-color : #ffd253; color : #fff;}
body.ultrasonics #productCategories li.ultrasonics a { background-color : #b3d334; color : #fff;}
body.retreat #productCategories li.retreat a { background-color : #00ad8e; color : #fff;}
body.post #productCategories li.post a { background-color : #ec008c; color : #fff;}
body.microsurgery #productCategories li.microsurgery a { background-color : #f15a30; color : #fff;}

body #productCategories li a:hover, body #productCategories li a:active { background-color : #7689a6 !important; color : #fff !important;}
body #productCategories li.catalog a:hover,body #productCategories li.whereToBuy a:hover,#productCategories li.videos a:hover,#productCategories li.msds a:hover,body #productCategories li.catalog a:active,body #productCategories li.whereToBuy a:active,#productCategories li.videos a:active,#productCategories li.msds a:active {color : #ff9933 !important;}

/* Container
------------------------------------------------------------- */
#container {float: left; min-width: 1000px; position:relative; width:100%;}

/* Text
------------------------------------------------------------- */
h1 {color: #7689a6; font-size: 24px; line-height: 26px; margin: 0 0 .5em 0;}
h2 {clear:both; color: #7689a6; font-size: 20px; line-height: 22px; margin: 0 0 .5em 0;}
h3 {color: #7689a6; font-size: 18px; line-height: 20px; margin: 0 0 .5em 0;}
h4 {color: #7689a6; font-size: 16px; line-height: 18px; margin: 0 0 .5em 0;}
p {font-size: 14px; line-height: 22px; margin: 0 0 1.5em 0;}

/* Unordered and Ordered List
------------------------------------------------------------- */
ul {font-size: 14px; margin: 0 0 1.5em 0;}
ol {font-size: 14px; margin: 0 0 1.5em 0;}
li {margin: 0 0 .5em 0;}
ul li ul {margin: .5em 0 0 0;}

/* Links
------------------------------------------------------------- */
a:link {color: #7689a6; text-decoration: underline;}
a:visited {color: #909193; text-decoration: underline;}
a:hover {color: #ff9933; text-decoration: none;}
a:active {color: #7689a6; text-decoration: underline;}

/* Superscript & Subscript
------------------------------------------------------------- */
sup {font-size: 10px; font-weight: normal; position: relative; vertical-align: baseline;}
h1 sup {top: -12px;}
h2 sup {top: -10px;}
h3 sup {top: -8px;}
h4 sup {top: -6px;}
p sup {top: -3px;}
sub {vertical-align: baseline; font-size: 10px; position: relative; bottom: -3px;}

/* Image Links
------------------------------------------------------------- */
a:link img {border: 1px solid #909193;}
a:visited img {border: 1px solid #909193;}
a:hover img {border: 1px solid #ff9933; text-decoration: none;}
a:active img {border: 1px solid #909193;}

/* table
------------------------------------------------------------- */
table {border-collapse: collapse;}
table td {padding: 3px;}

/* Micellanous
------------------------------------------------------------- */
.acrobatReader {list-style: url(/pix/zzContentGuidesTemplateGraphics/AcrobatReaderIconLI.gif);}
.flashPlayer {list-style: url(/pix/zzContentGuidesTemplateGraphics/FlashPlayerIconLI.gif);}
.tableBorder td {border: 1px solid #ccc;}
.tableBorderSmallText td {border: 1px solid #ccc; font-size: 10px;}
.tableBorderSmallText td ul li {font-size: 10px;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.leftPadding {padding-left: 5px;}
.rightPadding {padding-right: 5px;}
.doNotDisplay {display: none;}
.clearthis { clear: both;} /* (this is the code you will use) <div class="clearthis"><!-- this div is not floated and its clear property is set to both --></div> */
.dfu-ad {text-align:center; width:100%;}
.dfu-ad a img {border:none;}

/* Footer
------------------------------------------------------------- */
#footer {background: #d1d2d6; clear: both; font-size: 9px; min-width:1000px; padding: 10px 0; text-align: center; width: 100%;}

/* Product Support
------------------------------------------------------------- */
#productSupport { padding: 5px 10px;}
#productSupport ul { font-size: 10px; margin: 0 0 0 1.8em;}
#productSupport li a { color: #666;}