/*Earth Style Sheet*/

/*Initial Reset*/
body, html, form, p, ul, li, ol, h1, h2, h3, h4, h5, h6{margin: 0; padding: 0;}
img{border: 0px; margin: 0; padding: 0px;}
.clearFloats:after {clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; margin: 0; overflow: hidden;}
/*End of Reset */


/*Common - Framework*/
body{font-family: Verdana, Arial, sans-serif; font-size:12px; line-height:16px; color:#5a5a5a }
a {color:#8a8a8a; text-decoration:underline; }
a:hover{ color:#000000; text-decoration:underline;}
h1{font-size:20px; font-weight:normal; line-height:normal; font-family:"Verdana", verdana, arial; padding:0 0 10px 0; color:#C27615; font-weight:600;}

.productHeading{font-size:16px; font-weight:normal; line-height:normal; font-family:"Verdana", verdana, arial; padding:0 0 10px 0; color:#C27615; font-weight:600;}

h2, .heading{color:#C27615; font-size:120%; font-weight:bold; margin:0;padding:0 0 5px 0; font-family:"Verdana", arial, sans-serif;}
h3{font-size:12px; font-weight:normal; padding:0 0 5px 0; color:#666666; font-weight:600;}
hr{color:#000000; border: 1px solid #000;}
img.floatleft{float: left; margin: 4px 4px 4px 0;}
img.floatright{ float: right; margin: 4px 0 4px 4px;}
p{padding: 0 0 12px 0;}


/*Page Framework*/
.bodywrapper{margin: 0 auto; width: 970px; top: 0px; padding: 0px;}

/*Header and Search Bar*/
.headercontainer{width: 970px; height: 30px; background-image: url(../img/dpi/bg_blackstrip.png); background-repeat: repeat-x;}
.headerlinks{font-size:10px; color:#C0C0C0; float:right; padding: 5px 0 0 0;}
.headerlinks a {color:#C0C0C0; text-decoration:none;}
.headerlinks a:hover {color:#ffffff; text-decoration:underline;}
.search{font-size:10px; color:#C0C0C0; float:right; height:19px; padding: 4px 10px 3px 10px;}
.search #button{height:19px; float:left; padding:0 0 0 3px;}

/*Banner*/
.logospacer{height: 28px; width: 970px; padding: 0px;}
.bannercontainer{height:82px; width:970px; padding:0px;}
.logo{padding: 0px; width:970px;}
.logo img {vertical-align:top;}
.logoprint{padding: 28px 0 0 0; height:50px; width:450px; display:none;}

/*Transparent Background*/
.topborder{width: 970px; height:10px; padding:0px; margin:0px; overflow: hidden;}
.contentbackground{width: 970px; background-repeat:repeat;}
.bottomborder{width: 970px; height:10px; padding:0px; margin:0px; overflow: hidden;}

/*About Us- Primary Navigation*/
.navigationearth {background-color:#ffffff; width:950px; height:38px; border-bottom:5px solid #C27615;}
.navigationearth ul{margin:0px; padding:0px; text-align: center;}
.navigationearth ul li{position: relative; display:inline; height:28px; float:left; list-style:none; padding:10px 0 0 0; border-left: 1px solid #ccc; width:117px;}
.navigationearth ul li.earthon{ background-image: url(../img/dpi/top_arrow_fish.gif); background-repeat: no-repeat; background-position: 50% 100%;}
.navigationearth ul li.home{border: none;}
.navigationearth li a{color:#666666; text-decoration:none; font-weight: bold;}
.navigationearth ul li a.earthon{color:#C27615; text-decoration:none; font-weight: bold;}
.navigationearth li a:hover{color:#000; text-decoration:underline; font-weight: bold;}


/*Submenu Navigation*/
.subnavigation ul li{list-style:none; padding: 3px 0 5px 15px; background-repeat: no-repeat; background-position: 0% 3px;}
.subnavigation ul li.abouton{list-style:none; padding: 0 0 5px 15px; background-image: url(../img/dpi/home_arrow.gif); background-repeat: no-repeat; background-position: 1% left 3px;}
.subnavigation li a{color:#000000; text-decoration:none;}
.subnavigation li a:hover{text-decoration:underline;}
.subnavigation li a.abouton {color:#000000; text-decoration:none; font-weight:bold; text-decoration:none;}
.subnavigation ul li.second{list-style:none; padding: 0 0 5px 30px; background-image: url(../img/dpi/home_arrow.gif); background-repeat: no-repeat; background-position:  7% 3px;}
.subnavigation ul li.second a{ color:#5a5a5a;}
.subnavigation ul li.second a{ color:#5a5a5a;}
.subnavigation ul li.third{list-style:none; padding: 0 0 5px 45px; background-image: url(../img/dpi/home_arrow.gif); background-repeat: no-repeat; background-position:  14% 50%;}
.subnavigation ul li.third a{ color:#5a5a5a;}
.subnavigation ul li.third a{ color:#5a5a5a; background-repeat:repeat-y;}

/*footer*/
.footer{height:70px; overflow: hidden; padding:0px; width:950px; margin: 0 auto; background-color:#ffffff; border-top: 1px solid #D3D1D2;}
.footertext{float:left; padding: 10px 0 0 20px; color: #9d9d9d;}
.footertextsmall{font-size:10px;}
.footertext a {color: #9d9d9d; font-size:10px; text-decoration:none; }
.footertext a:hover {color: #9d9d9d; font-size:10px; text-decoration:underline; color: #000000;}
.footertextright{float:right; color: #9d9d9d; padding: 10px 20px 0 0; text-align:right;}
.copyright{color: #9d9d9d; font-size:10px;}


/*Page Content*/
.contentcontainer{overflow: hidden; padding:0px; width:950px; margin: 0 auto; background-image: url(../img/dpi/body_center.png); background-repeat:repeat-y;}

/*Page Banner*/
.industrytext{font-size: 12px; color:#ffffff;letter-spacing: 0px; font-style:italic; font-family:"verdana", Times, serif, Times New Roman;font-stretch:expanded; padding: 30px 20px 15px 20px;  width:202px; float:left;}
.industrytitle{color:#ffffff; font-size:25px;font-family:"verdana", Times New Roman, Times, serif; padding-top:45px; padding-left:12px; padding-right:20px; padding-bottom:15px; width:320px; float:left;}

/*Page Structure*/
.contentwrapper{width:950px; behaviour: none;}
.column1{width:205px; padding: 13px 0 20px 20px; float:left; margin: 0px;  min-height:200px;}
.column2{width:670px; padding: 5px 20px 20px 30px;  float:left; margin: 0px;  min-height:200px; position: relative;}


/*Page Body*/

/*Background Image*/
.body {background-repeat:no-repeat; background-position: center top; background-color:#f1f1f1;}

/*Page Banner*/
.earthbanner{width: 950px; height:110px; padding:0px; no-repeat center top; }

/*Images*/
.imagedpi {float: right; margin: 5px 0 5px 10px;}

/*Page Title*/
.titlecontainer{width:675px; height:5px;}
.iconset{float:right; position: relative;}


/*Introduction Tile*/
.intro{width:640px; min-height: 135px; background-color:#f5f5f5; margin:0px; padding: 5px; }
.intro img{float:left; border:1px solid #000000;}
.introtext{ width: 420px; float:left; padding: 0 0 0 5px; }

/*Body Structure*/

.bodywrapper{width:950px; height: 100%; height:1%;}

/*content page column*/
.bodycolumn{width:670px; margin: 0px; padding:0px; min-height:200px; behaviour: none;}
.bodycolumn ul{padding:.1em 0 1em 3.5em;}
.bodycolumn ul li{list-style-type: disc; list-style-position: outside; padding: 0 0 0.5em 0;
}

/*whats new*/
.whatsnew{width:220px;}
.whatsnew ul{0 0 0 0;}
.whatsnew ul li {list-style:none; padding:0 0 0 15px; background-image: url(../img/dpi/top_arrow_greyR.gif); background-repeat: no-repeat; background-position: 0em; }
.whatsnew ul li a {color:#8C8D8E; text-decoration:none;}
.whatsnew ul li a:hover {color:#000000; text-decoration:underline;}

/*promo tile*/
.promo{width: 220px; padding-bottom:20px; overflow: hidden;}
.promotile{padding-bottom: 0px;}

/*End Page Body*/

/*horizontal rule*/
.break{background: url(../img/dpi/line_fish.gif) no-repeat center; height:25px;}


/* eFirst */
#cartHeader a, #content_div_437 a { color:#333; }
.subnavigation li a.current{color:#666666; text-decoration:none; font-weight:bold; text-decoration:none;}
.subnavigation ul li.second a.current{color:#666666; text-decoration:none; font-weight:bold; text-decoration:none;}
.subnavigation ul li.third a.current{color:#666666; text-decoration:none; font-weight:bold; text-decoration:none;}
