/* header */
.logo{width:213px; float:left; background:url(http://www.dpgformfittings.com/images/logobg.gif) no-repeat; padding:55px 0px 0px 48px; height:160px;}
.leaderboard{float:left;}

.toplink{float:left; width:254px; margin-left:16px; padding-top:6px; text-align:center; height:79px; background:url(http://www.dpgformfittings.com/images/toplinkbg.jpg) no-repeat}
.toplink span{margin:0px 16px;}

.menubar{float:left; background:url(http://www.dpgformfittings.com/images/toplinkcurveleft.gif) no-repeat; padding-left:18px;}
.menubar ul{float:left;  background:url(http://www.dpgformfittings.com/images/toplinkcurvebg.gif) repeat-x top; padding-right:25px; list-style:none; padding-top:16px; height:54px;}
.menubar li{float:left;display:inline; margin:0px 20px; cursor:pointer;}
.menubar li a{float:left; background:url(http://www.dpgformfittings.com/images/tabcurveleft.gif) no-repeat left top; padding:0 0 0 13px; font-weight:bold; font-size:16px; color:#6a6a6a;}
.menubar li a span{float:left; display:block; background:url(http://www.dpgformfittings.com/images/tabcurveright.gif) no-repeat right top; padding:2px 13px 4px 0px;}
.menubar li a:hover{text-decoration:none; color:#ffffff;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menubar a span {float:none; cursor:pointer;}
/* End IE5-Mac hack */
.menubar a:hover {background-position:0% -26px;}
.menubar a:hover span {background-position:100% -26px;}
.menuright{float:left;}

.menubar a.active {background-position:0% -26px; color:#FFFFFF;}
.menubar a.active span {background-position:100% -26px;}

/* Droupdown Menu  */
.clear{clear:both;}
.menubar div{position: absolute; float:left; margin:0px; padding:0px; visibility: hidden; width:150px; display:inline;}
.menubar div a{margin:0px; padding:4px; width:150px; text-align: left; text-decoration: none; background: #72C013; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; border-bottom:1px solid #fff;}
.menubar div a:hover{background: #93D049; color: #FFF}

/*.border-white{border-bottom:1px solid #ffffff;}*/
/* End Droupdown Menu   */

.leftsearch{float:left; width:161px; background:url(http://www.dpgformfittings.com/images/searchbg.gif) no-repeat; height:50px; padding:30px 10px 0px 10px;}
.leftsearch input{margin-bottom:0px; width:120px; margin-right:7px; color:#9ea2a9; font-size:12px; border:2px solid #999faa;}
input.goleft{background:url(http://www.dpgformfittings.com/images/searcharrow.gif) no-repeat; width:14px; height:14px; padding:0; margin:5px 0; border:0; cursor:pointer;}


/* Left */
.leftheader{float:left; background:url(http://www.dpgformfittings.com/images/pannelheader.gif) no-repeat; width:157px; height:29px; padding:6px 12px 0px 12px;}
.clientpannel{float:left; width:163px; background:#eaeaea url(http://www.dpgformfittings.com/images/clientbotbg.gif) bottom no-repeat; text-align:center; padding:10px 5px; margin-bottom:15px;}
.clientpannel img{margin:15px 5px 0px 5px;}

.ourcusstomersheader{float:left; background:url(http://www.dpgformfittings.com/images/pannelheader_ourcustomer.gif) no-repeat; width:157px; height:22px; padding:6px 12px 0px 12px;}
.ourcusstomers{float:left; width:171px; background-color:#FFFFFF; text-align:center; padding:10px 0px; margin-bottom:15px; border-left:1px solid #eaeaea;  border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.ourcusstomers img{margin:0px 5px 0px 5px;}


.more{ float:right; padding-right:15px;}
.emailus{float:left; margin-bottom:15px;}

.clientpannel ul{float:left; width:155px; margin:5px 2px 0px 2px; list-style:none;}
.clientpannel li{float:left; width:155px; padding:0px 0px 20px 0px; font-weight:bold; text-align:left;}
.clientpannel li a{color:#6c778c; text-decoration:none; background:url(http://www.dpgformfittings.com/images/leftarrow.gif) no-repeat 0 1px; padding-left:20px; float:left;}
.clientpannel li a:hover{color:#72C013; text-decoration:none; background:url(http://www.dpgformfittings.com/images/leftarrowdown.gif) no-repeat 0 1px;}
.clientpannel li .selected{color:#72C013; text-decoration:none; background:url(http://www.dpgformfittings.com/images/leftarrowdown.gif) no-repeat 0 1px;}

.clientpannel ul ul {float:left; width:153px; margin:5px 0px; padding:10px 0px 0px 0px; list-style:none; background:#d5d8db url(http://www.dpgformfittings.com/images/leftulbgtop.gif) no-repeat;}
.clientpannel ul li ul li{float:left; width:133px; padding:8px 10px 0px 10px; font-weight:bold; text-align:left; font-weight:normal;}
.clientpannel ul li ul li a{color:#6c778c; text-decoration:none; background:url(http://www.dpgformfittings.com/images/leftularrow.gif) no-repeat 0 5px; padding-left:10px;}
.clientpannel ul li ul li a:hover{color:#72C013;background:url(http://www.dpgformfittings.com/images/leftularrow-o.gif) no-repeat 0 5px; padding-left:10px;}
.clientpannel ul li ul li .selectedsub{font-weight:bold;}


li.clientpannelbottombg{background:url(http://www.dpgformfittings.com/images/leftulbgbot.gif) no-repeat bottom; margin:0px; padding:0px; width:153px; height:15px; overflow:hidden;}




/* Header image */
.headerimage{float:left; margin-bottom:20px; width:589px; text-align:center;}
.bluecontent{color:#265f9d;}
.hotproducts{float:left; background:url(http://www.dpgformfittings.com/images/hotproducts.gif) no-repeat top; min-height:234px; width:500px; padding:20px 3px 0px 86px; margin-top:15px;}
.productcontent{padding-left:40px; float:left; width:450px; margin-bottom:17px;}

/* productdisplay */
.productdisplay{float:left; width:500px; background:url(http://www.dpgformfittings.com/images/pdisplaybg.gif) repeat-y;}
.product{float:left; width:140px;}
.product h2{font-size:11px; margin:5px 0px 3px 0px;height:25px; overflow:hidden;}
.product p{height:44px; overflow:hidden;}
.clickhere{float:right; width:auto; margin-top:10px;}
.rightspacer{margin-right:35px;}

/* Right */
.newsblock{float:left; width:181px;  margin-bottom:15px;}
.news{float:left; background:url(http://www.dpgformfittings.com/images/newsbg.gif) no-repeat; width:157px; height:29px; padding:6px 12px 0px 12px;}
.newspannel{float:left; width:173px; background:#72c013 url(http://www.dpgformfittings.com/images/newsbotbg.gif) bottom no-repeat; padding-bottom:10px;}
.newspannel ul{width:173px; float:left; color:#FFFFFF; font-size:12px; list-style:none;}
.newspannel li{float:left; padding:10px 10px 10px 20px; background:url(http://www.dpgformfittings.com/images/arrow.gif) no-repeat 10px 14px; width:143px;}
.newspannel li.orangebg{background-color:#93d049;}
.newspannel li h1{margin-bottom:5px; font-size:12px;}
.newspannel li a{color:#FFFFFF;}

/* Content inner */
.crum{width:775px; float:left; text-align:right; font-size:11px; margin-bottom:10px;}
.crum span{color:#004a8d;}

.txtarea{float:left; width:775px; text-align:justify;}
.txtarea h2{margin-bottom:20px; font-size:18px; color:#72C013; font-weight:bold; width:775px; float:left; background:url(http://www.dpgformfittings.com/images/dottedline.gif) repeat-x bottom;}
.txtarea p{width:775px; float:left;}

.txtarea ul{width:100%; margin:20px 0px; float:left; list-style:none;}
.txtarea li{margin-left:18px; background:url(http://www.dpgformfittings.com/images/listbg.gif) no-repeat 0 5px; font-weight:normal; margin-bottom:5px; padding-left:10px;} /*color:#265f9d;*/

ul.txt{width:452px;}

.block{width:359px; float:left; overflow:hidden;}
.block h2{float:left; width:319px; height:40px; color:#575757; font-size:12px; font-weight:bold; background:url(http://www.dpgformfittings.com/images/blockheaderbg.gif) no-repeat; padding:13px 15px 0px 25px; overflow:hidden;}
.block p{margin:5px 25px 0px 24px; width:320px;}

.blockspacer{margin-right:57px;}

/* Career content area */
.bluecolor{color:#265f9d;}

.form{width:306px; float:left; margin-top:15px;}
.form label{width:266px; color:#6d6d6d; margin-top:15px;}
.form input, .form textarea{width:266px;}
.form div{width:266px; float:left}
.form p{width:306px; float:left; margin-bottom:10px;}
.errordiv {color:#ff0000; display:none;}

/* Current Openings content area */

.listheading{float:left; background:url(http://www.dpgformfittings.com/images/headingbg.gif) no-repeat; padding:5px 20px 0 20px; width:735px; height:20px; margin-top:20px; color:#8992a3; font-weight:bold;}
.list{float:left; border-bottom:1px solid #e4e4e4; padding:18px 20px 8px 20px; width:735px;}
.jobcode{float:left; width:68px; margin-right:10px;}
.jobtitle{float:left; width:267px; margin-right:10px;}
.location{float:left; width:138px; margin-right:10px;}
.postedon{float:left; width:128px; margin-right:10px;}
.viewdetail{float:left; width:93px;}
.viewdetail a{color:#72C013; font-weight:bold; background:url(http://www.dpgformfittings.com/images/arroworange.gif) no-repeat 0 5px; padding-left:8px;}
.list-detail2{float:left; border-bottom:0px solid #e4e4e4; padding:5px; width:765px;}
.list-detail{float:left; border-bottom:1px solid #e4e4e4; padding:18px 5px 8px 5px; width:765px;}
.detail{float:left; width:487px;}
.detail ul{float:left; width:487px; list-style:none; margin:0px;}
.detail li{float:left; width:479px; background:url(http://www.dpgformfittings.com/images/arrowblue.gif) no-repeat 0 5px; padding-left:8px; margin:0px 0px 5px 0px; color:#6d6d6d; font-weight:normal;}
.bold{font-weight:bold;}

/* contact us content area */
.contact{width:375px; float:right; overflow:hidden;}
h3.headingorange{color:#72C013; font-size:18px; margin-bottom:5px;}
.callimg{float:left; margin:20px 0px;}
.zoom{float:left; text-align:center; width:375px; margin-top:10px;}

/* Links content area */
h2.block {float:left; width:319px; height:40px; color:#575757; font-size:12px; font-weight:bold; background:url(http://www.dpgformfittings.com/images/blockheaderbg.gif) no-repeat; padding:13px 15px 0px 25px; overflow:hidden; margin-top:20px;}
.linklist{float:left; width:775px; margin-bottom:25px;}
.imgarea{padding-left:23px; width:187px; margin-right:10px; float:left;}
.linkmain {
    position:absolute;
    width:187px;
    height:68px; padding-top:4px;
    z-index:0; text-align:center;
 }
.linkminor {
    position:relative;
    width:187px;
    height:72px;
    z-index:1;
 }
.detailarea{width:442px; float:left; margin-top:5px;}
.detailarea a, .detailarea1 a{text-decoration:underline; font-size:11px; margin-top:5px;}
.detailarea a:hover, .detailarea1 a:hover{text-decoration:none;}

.detailarea1{width:146px; float:left; margin-top:5px;}

/* Literature content area */
a.download{background:url(http://www.dpgformfittings.com/images/download.gif) no-repeat 0 5px; color:#72C013; font-weight:bold; padding-left:12px;}
span.pdf{background:url(http://www.dpgformfittings.com/images/pdf.gif) no-repeat 0 2px; padding-left:18px;}

/* news content area */
.shade{float:left; width:775px; background:url(http://www.dpgformfittings.com/images/shade.gif) no-repeat;}
.emailus{float:left; width:auto;} /*padding-top:35px;*/
.shadecontent{float:left; width:680px; padding:40px 20px 20px 30px;}
.shadecontent h1{background:url(http://www.dpgformfittings.com/images/headingbg1.gif) no-repeat !important; width:640px !important;; padding:4px 20px 0px 20px !important;; margin:15px 0px 0px 0px !important; color:#72C013 !important; font-size:14px !important;}
.shadetxt{padding-left:20px; width:640px; float:left;}
.shadetxt p{width:620px !important;}
.shadetxt a{color:#72C013; font-weight:bold; background:url(http://www.dpgformfittings.com/images/arroworange.gif) no-repeat 0 5px; padding-left:8px;}
.shadecontent h2{width:680px !important;}
.shadecontent p{width:680px;}

.back{float:right; width:auto; margin:15px 0px 0px 0px; text-transform:lowercase;}
.back a{ float:left;  padding:0 0 0 12px; font-weight:bold; font-size:11px; color:#FFFFFF; cursor:pointer; background:url(http://www.dpgformfittings.com/images/buttonleft-back.gif) no-repeat;}
.back a:hover{text-decoration:none; color:#FFFFFF;}
.back a span{float:left; background:url(http://www.dpgformfittings.com/images/buttonright-back.gif) no-repeat right 0px; padding:1px 12px 10px 0px;}

/* Product Content area */
.productblock{float:left; width:315px; padding-right:15px; line-height:15px; margin-top:25px;}
.productblocktxt{ width:143px; height:100px; overflow:hidden; margin-left:15px; float:left;}
.productblocktxt ul{width:140px; margin:5px 0px 0px 0px;}
.productblocktxt li{ margin:0; font-weight:normal; background:url(http://www.dpgformfittings.com/images/arrowblue.gif) no-repeat 0 4px;}
.productblock h1{background:url(http://www.dpgformfittings.com/images/headingbgproduct.gif) no-repeat !important;width:290px !important; color:#6c778c !important; font-size:12px!important;}
.productblockimg{float:left; width:143px; }
.productblockimgnew{float:left; width:143px; padding:0px 10px 10px 0px;}
.productblockimg-b{float:left; width:288px; text-align:center;}
.productblocktxt-b{ width:350px; margin-left:15px; float:left;}


.productblockspacer{border-right:1px solid #e4e4e4; margin-right:18px; }

/* Button view products */
.buttonviewproduct{float:left; width:auto; margin:5px 0px 0px 0px; text-transform:lowercase;}
.buttonviewproduct a{ float:left;  padding:0 0 0 18px; font-weight:bold; font-size:13px; color:#FFFFFF; cursor:pointer; background:url(http://www.dpgformfittings.com/images/buttonleftvp.gif) no-repeat;}
.buttonviewproduct a:hover{text-decoration:none; color:#FFFFFF;}
.buttonviewproduct a span{float:left; background:url(http://www.dpgformfittings.com/images/buttonrightvp.gif) no-repeat right 0px; padding:2px 18px 10px 0px;}

/* Title */
.titleviewproduct{float:left; width:auto; margin:5px 0px 0px 0px; text-align:left;}
.titleviewproduct a{ float:left;  padding:0px; font-weight:bold; font-size:13px; color:#265F9D; cursor:pointer;}
.titleviewproduct a:hover{text-decoration:none; color:#265F9D;}

.programbox{float:left; width:740px; margin:20px 0px 0px 0px;}
.shadetabs{float:left;}
 ul.shadetabs{float:left; list-style:none; width:710px; margin:20px 0px 0px 20px; background:url(http://www.dpgformfittings.com/images/bg-ul.gif) repeat-x bottom;}
.shadetabs li{float:left; background:url(http://www.dpgformfittings.com/images/bg-hower.gif) no-repeat; width:171px; padding:0px; margin:0px 1px 0px 0px;}
.shadetabs li a{float:left; text-decoration:none; position:relative; width:171px; text-align:center; z-index:1; color:#FFFFFF; padding:7px 0px 0px 0px; height:20px;}
.shadetabs li a:hover{color:#5d6779; text-decoration:none;}
.shadetabs li a.selected{float:left; background:url(http://www.dpgformfittings.com/images/bg-menu.gif); position:relative; padding:7px 0px 0px 0px; height:20px; color:#FFFFFF;width:171px; text-align:center;}
.shadetabs li a.selected:hover{text-decoration:none; color:#FFFFFF;}
.tabcontent{display:none;}
.tabtxt{width:690px; padding:20px 10px 10px 10px; float:left; margin-left:20px;}
.tabtxt ul{margin:0px;}
.tabtxt li{margin:0px 0px 5px 0px; background:url(http://www.dpgformfittings.com/images/arrowblue.gif) no-repeat 0 5px; color:#6d6d6d; font-weight:normal;}
.tabtxt p{width:670px; padding:10px 0px; float:left;}


/* Error text */
.promptBox{display:block;padding:0px;border:0px solid #000000;}
.promptBox ul{padding:0px; margin:0px 0px 10px 0px;}
.promptBox li{padding:2px 0px 0px 10px; margin:0px;}
.promptBox .prompt{color:#ff0000;font-size:11px;font-weight:bold;}
.promptBox .promptok{color:#006600;font-size:11px;font-weight:bold;}
.notes {color:#ff1100;font-size:11px;font-weight:bold; padding:10px 10px 10px 0px;}
.paging {disply:block;clear:both;text-align:right;}
.required {color:#ff1100;font-size:14px;font-weight:bold;padding:0px 2px;}
.error {color:#ff0000;font-size:11px;font-weight:normal;}

/* Image preview css */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(http://www.dpgformfittings.com/images/data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.dpgformfittings.com/images/ess/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.dpgformfittings.com/images/ess/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }