/* Author: 	David Hanas, ©2009 Devon Medical Inc., http://www.devonmedicalinc.com */
@import url(reset.css);

html, body { height: 100%; }
body { background: #FFFFFF; margin: 0px auto; font-family: Helvetica, Arial, Verdana, sans-serif; color: #2f5b8c; }
a:link, a:active, a:visited { color:#787878; text-decoration: none; }
a:hover { color: #3c5e12; border-bottom: 1px dotted #3c5e12; }

/* Header :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#headerWrapper { background: #2f5b8c; position: relative; width: 100%; margin: 0px auto; border-bottom: 2px solid #FFFFFF; border-top-style: none; border-right-style: none; border-left-style: none; }
#headerWrapper #header { background: #2f5b8c; position: relative; width: 700px; height: 69px; margin: 0px auto; padding: 0px 0px 0px 100px; }
#header #contactWrapper { font-size: 11px; color: #e5e8e2; font-weight: bold; background: url(../images/dm-contact-box-bg.gif) no-repeat scroll center center; display: block; width: 238px; position: absolute; left: 520px; top: 15px; padding: 10px 7px 11px; }
#header #contactWrapper img { margin-bottom:-3px; position:relative; }
#header #contactWrapper a:link, #header #contactWrapper a:active, #header #contactWrapper a:visited { border-left: 1px solid #A0B58A; margin-left:9px; padding-left:9px; position:relative; color: #E5E8E2; }
#header #contactWrapper a:hover { color:#D3DDE6; }

/* Main Navigation :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mainNavWrapper { background: url(../images/dm-main-nav-bg-gradation.gif) repeat-x scroll left top; margin: 0px auto; height: 37px; width: 100%; position: relative; }
#mainNavWrapper ul#mainNav { margin: 0px auto; height: 37px; width: 800px; list-style: url(../styles/none) none; }
#mainNavWrapper ul#mainNav li { display: block; float: left; margin: 0px 10px; position: relative; }
#mainNavWrapper ul#mainNav li a:link, #mainNavWrapper ul#mainNav li a:active, #mainNavWrapper ul#mainNav li a:visited { font-size: 16px; font-weight: bold; color: #588040; border-style: none; padding: 10px 12px 11px; position: relative; display: block; }
#mainNavWrapper ul#mainNav li a:hover { background: #EFF4E6; color: #436131; }

/*Selected Main Nav*/
body.mfgSection #mainNav li .mfg, body.productsSection #mainNav li .products, body.pharmaSection #mainNav li .pharma, body.aboutSection #mainNav li .about { background: #EFF4E6; color: #436131; }

/* Banner Wrapper :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#bannerWrapper { margin: 0px auto; height: 109px; width: 100%; background: url(../images/dm-header-tile-bg.gif) repeat-x scroll center top; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#bannerWrapper #banner { height: 109px; width: 800px; margin: 0px auto; overflow: visible; }
#bannerWrapper h1 { padding:75px 0px 0px 280px; font-size: 22px; font-weight: bold; color: #2F5B8C; }

/* Custom Banners :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#bannerWrapper-hp { margin: 0px auto; height: 275px; width: 100%; background: url('../images/dm-banner-home-tile.gif') repeat-x scroll center top; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
#bannerWrapper-hp #banner-hp { margin: 0px auto; height: 275px; width: 100%; background: url('../images/dm-banner-home.jpg') no-repeat scroll center top; }
#bannerWrapper-hp #banner-hp h1 a { display:block; height:275px; margin:0 auto; padding: 0px; text-indent:-100000px; width:800px; border: none; }
#bannerWrapper #productsBanner { background-position: center center; height: 109px; width: 800px; margin: 0px auto; overflow: visible; background: url('../images/dm-productsbanner-pulseox.png') repeat-none scroll center top; background-image: url('../images/dm-productsbanner-pulseox.png'); background-repeat: no-repeat; background-attachment: scroll; }

/* Body Content & Column Wrappers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#bodyWrapper { background: url(../images/dm-body-bg-gradation.gif) repeat-x scroll left top; margin: 0px auto; width: 100%; position: relative; display: block; float: left }
#colWrapper { margin: 0px auto; width: 800px; position: relative; }
#colWrapper #leftCol { display: block; float: left; width: 200px; padding:35px 25px 25px; background: url(../images/dm-sidebar-tab-panel.png) no-repeat scroll center top; margin-top: -70px; position: relative; font-size: 12px; }
#colWrapper #leftCol h2 { font-size: 22px; font-weight: bold; color: #588b19; }
#colWrapper #leftCol h3 { font-size: 14px; font-weight: bold; color: #588b19; }
#colWrapper #leftCol h3 a, #colWrapper #leftCol h3 a:hover {color: #588B19; border:none; padding: 0px !important;}
#colWrapper #leftCol h4 { font-size:11px; font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; color: #7d9164; padding:6px 0px 6px 12px; }
#colWrapper #rightCol { display: block; float: right; width: 520px; font-size: 12px; line-height: 19px; margin-top: 33px; position: relative; margin-bottom: 33px; }
#colWrapper #rightCol h2 { font-size: 20px; font-weight: normal; color: #3d4d5e; letter-spacing: -0.04em; }
#colWrapper #rightCol h3 { font-size: 16px; font-weight: bold; color: #3d4d5e; }
#colWrapper #rightCol h4 { font-size: 15px; font-weight: normal; color: #3d4d5e; }
#colWrapper #rightCol h4 a, #colWrapper #rightCol h3 a, #colWrapper #rightCol h4 a:hover, #colWrapper #rightCol h3 a:hover{color: #3d4d5e; border:none;}
#colWrapper #rightCol p { margin: 5px 0px; position: relative;}
#colWrapper #rightCol ul li { background:transparent url(../images/dm-bullet.gif) no-repeat scroll 0 0.4em; display:list-item; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 6px; padding:0 0 0 20px; }
#colWrapper #rightCol ol { list-style: decimal outside; margin-left: 24px; }

/* Form Wrapper */
dl { position: relative; width: 450px; margin-top: 10px; }
dt { clear: both; float: left; width: 90px; padding: 3px 0px; text-align: right; vertical-align: top; }
dd { float: left; width: 275px; margin: 0 0 8px 0; padding-left: 6px; }
dt.formSpacer, dd.formSpacer { border-top: 1px solid #9cb2cb; margin: 12px 0px 0px 0px; position: relative; }
dd.submitWrapper { text-align: right; }

/* Format the form elements */
.input, .select, .textarea { width: 260px; border: 1px solid #9cb2cb; background: #f5f5f5; padding: 4px; }
fieldset { border: 1px solid #D3DDE7; padding: 17px 20px 0px 34px; margin:0px; background: #EAEFF3; float: left; }

/* Products Wrapper :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#colWrapper #rightCol #productsWrapper div { width: 250px; display: block; float: left; height: 175px; padding: 5px 5px 5px 0px; }
#colWrapper #rightCol #productsWrapper div h3, #colWrapper #rightCol #productsWrapper div p { line-height: 15px; float:none; }
#colWrapper #rightCol #productsWrapper div img { border: 1px solid #809480; margin-bottom: 12px; }
#colWrapper #rightCol #productsWrapper #returnLink { text-align: right; border-top: 1px dotted #809480; float: right; width: 100%; }

/* Side Navigation, 1st level :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#bodyWrapper ul#sideNav { border-top: 1px dotted #787878; margin: 12px 0px 0px; position: relative; z-index: 101; }
#bodyWrapper ul#sideNav li { border-bottom: 1px dotted #cccccc; }
#bodyWrapper ul#sideNav li a:link, #bodyWrapper ul#sideNav li a:active, #bodyWrapper ul#sideNav li a:visited { padding: 8px 12px; display: block; z-index: 104; position: relative; }
#bodyWrapper ul#sideNav li a:hover { padding: 8px 12px 7px; }
#bodyWrapper ul#sideNav li.callout { display: block; position: relative; padding: 10px; height: 48px; }

/* Side Navigation, 2nd level :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#bodyWrapper ul#sideNav li ul { border-top: none; margin: 0px 0px 6px 12px; position: relative; }
#bodyWrapper ul#sideNav li ul li { border-bottom: none; position: relative; display: inline; }
#bodyWrapper ul#sideNav li ul li a:link, #bodyWrapper ul#sideNav li ul li a:active, #bodyWrapper ul#sideNav li ul li a:visited { padding: 2px 12px 2px 18px; display: block; background: url(../images/dm-sidenav-bullet.gif) no-repeat scroll left 2px; border-bottom-style: none; position: relative; }
#bodyWrapper ul#sideNav li ul li a:hover { background: url(../images/dm-sidenav-bullet.gif) no-repeat scroll left -11px; }

/* Footer Wrapper :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#footerWrapper { background: #fff; margin: 0px auto; width: 100%; position: relative; display: block; float: left; }
#footerWrapper #sitemapNav { margin: 10px auto 20px; width: 780px; background: #f0f0f0 url(../images/dm-sitemap-footer-bar-bottom.gif) no-repeat scroll center bottom; padding: 0px 10px 0px; position: relative; }
#footerWrapper #sitemapNav span { width: 800px; text-align: center; background: url(../images/dm-sitemap-footer-bar-top.gif) no-repeat scroll center top; display: block; margin-left: -10px; position: relative; padding-top: 5px; padding-bottom: 5px; }
#footerWrapper #sitemapNav span img{padding-top: 3px; margin-bottom: -3px; position: relative;}
#footerWrapper #sitemapNav .footerColOne, #footerWrapper #sitemapNav .footerColTwo, #footerWrapper #sitemapNav .footerColThree { width: 169px; display: block; float: left; height: 105px; }
#footerWrapper #sitemapNav .footerColHeading { border-right:1px solid #CCCCCC; color:#A1A1A1; display:block; float:left; font-size:18px; font-weight:bold; height:60px; margin-right:25px; padding:10px 27px 0 24px; position:relative; text-align:right; width:195px; }
#footerWrapper #sitemapNav ul li { display: inline; }
#footerWrapper #sitemapNav ul li a { display:block; font-size:12px; line-height:14px; margin:5px 0px; background: url(../images/dm-green-bullet-arrow.gif) no-repeat scroll left top; border-bottom-style: none; padding: 0px 6px 0px 18px; position: relative; }
#footerWrapper ul#footerNav { font-size: 11px; list-style: none; margin: 0px auto; width: 800px; }
#footerWrapper ul#footerNav li { display: block; float: left; }
#footerWrapper ul#footerNav li a:link, #footerWrapper ul#footerNav li a:active, #footerWrapper ul#footerNav li a:visited { margin: 0px 5px; }

/* Custom Classes :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.floatleft { float:left; margin-right: 12px; position:relative; }
a.arrowLink { margin: 0px !important; padding: 0px 16px 0px 0px !important; border-style: none !important; background: url(../images/dm-link-arrows.gif) no-repeat scroll right 0px; display: inline !important; line-height: 12px; }
a.arrowLink:hover { background: url(../images/dm-link-arrows.gif) no-repeat scroll right -24px; }
a.buyNowBTN { display: block; margin: 0px; padding: 0px; float: left; height: 46px; width: 243px; background: url(../images/dm-buy-now-large-btn.gif) no-repeat scroll left bottom; border-style: none; }
a.buyNowBTN:hover { background: url(../images/dm-buy-now-large-btn.gif) no-repeat scroll left top; border-style: none; }
a.requestQuoteBTN { display: block; margin: 0px; padding: 0px; float: left; height: 46px; width: 243px; background: url(../images/dm-request-quote-button.gif) no-repeat scroll left bottom; border-style: none; }
a.requestQuoteBTN:hover { background: url(../images/dm-request-quote-button.gif) no-repeat scroll left top; border-style: none; }
a.ctaRequest { background: url(../images/dm-cta-request-quote.gif) no-repeat scroll left bottom; display: block; margin: 0px; padding: 0px; float: left; border-style: none; height: 87px; width: 198px; }
a.ctaRequest:hover { background: url(../images/dm-cta-request-quote.gif) no-repeat scroll left top; }
a.ctaContact { background: url(../images/dm-cta-contactus.gif) no-repeat scroll left bottom; display: block; margin: 0px; padding: 0px; float: left; border-style: none; height: 87px; width: 198px; }
a.ctaContact:hover { background: url(../images/dm-cta-contactus.gif) no-repeat scroll left top; }
a.buyNowBTN span, a.ctaRequest span, a.ctaContact span, a.requestQuoteBTN { text-indent:-10000px; display:block; }
img.addFrame{border: 1px solid #cccccc;  padding: 3px; z-index: 100;}
a.removeStyle{padding: 0px !important; margin: 0px !important; border: none !important;}
a.removeStyle:hover {padding: 0px !important; margin: 0px !important; border: none !important;}
.borderTop{ border-top: solid 1px  #CCCCCC;}
.borderBottom{ border-bottom: solid 1px #CCCCCC;}

/* Clearing floats without extra markup */
.clearfix:after, .previous-next:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix, .previous-next { display: inline-block; }
* html .clearfix, * html .previous-next { height: 1%; }
.clearfix, .previous-next { display: block; }
.clear { clear: both; }

/* Landing Page CSS - Chris Dappy Dapkiewicz 06.19.2009 */
#bannerWrapper-hp #banner-ad {background:url('../images/dm-adwords-banner.jpg') no-repeat left top;height:275px;width:980px;margin:0 auto;}
#bannerWrapper-hp #banner-ad h1 {text-indent:-9999px;}
.aw-landing-nav li {padding:8px;}
.aw-landing-nav p {margin:9px 0px;font-size:12px;line-height:18px;}

a.chinese {display:inline-block;float:right;margin-right:25px;color:White;font-size:11px;margin-top:5px;}