/* --- Begin Body ---------- */
 * {
    margin: 0;
 }

html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body {
   margin: 0;
   padding: 0;
   font-family:Trebuchet MS, "Tahoma", Arial, Serif;
   text-align: left;
   line-height: 22px;
   background:#ffffff;
   color:#000000;  	
}

a {color:#0966C6; text-decoration:none}
a:link{color:#0966C6; text-decoration:none}
a:visited{color:#0966C6;text-decoration:none}
a:hover{color:#1A1A1A;text-decoration:none}



#wrap {
    color: #000000;
    /*margin: 0 12%;*/
    margin: 0px 0px;
}

/* --- End Body ----------- */
.header_link{
	background:#ffffff;
	width:100%;
	display:block;
	clear:both;
	text-align:center;
	margin:0 auto;
}
 
.footer_link{
	background:#ffffff;
	width:100%;
	display:block;
	clear:both;
	text-align:center;
	margin:0 auto;
	background:none;
}


/* --- Start Outer Table Shadow Section----------- */
.left-outer-shadow {
	background-image:url(../images/outer-shadow-left.gif);
	background-repeat:repeat-y;
	width:5px;
	background-position: right top;
}

.right-outer-shadow {
	background-image:url(../images/outer-shadow-right.gif);
	background-repeat:repeat-y;
	width:5px;
	background-position: left top;
}
/* --- End Outer Table Shadow Section----------- */
/* --- Start Add Section----------- */
.add-section-bg {
	background-image:url(../images/ad-bg.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}
/* --- Add Section BG Repair----------- */
.add-section-reapir-bg {
	background-image:url(../images/ad-bg-repairing.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}
/* --- Add Section BG Client----------- */
.add-section-client-bg {
	background-image:url(../images/ad-bg-client.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}
/* --- Design Section BG Client----------- */
.design-section-client-bg {
	background-image:url(../images/design.jpg);
	background-repeat:no-repeat;
	width:978px;
	height:257px;
	background-position:center top;
}
/* --- Add Section BG Contact----------- */
.add-section-contact-bg {
	background-image:url(../images/ad-bg-contact.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}
/* --- Add Section BG Proposal----------- */
.add-section-proposal-bg {
	background-image:url(../images/ad-bg-proposal.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}
/* --- Add Section BG Congratulation----------- */
.add-section-congratulation-bg {
	background-image:url(../images/congratulation.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}

/* --- Add Section BG Multimedia----------- */
.add-section-multimedia-bg {
	background-image:url(../images/multimedia.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}

/* --- Add Section BG DG-PUMP----------- */
.add-section-dgpump-bg {
	background-image:url(../images/dg-pump.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:318px;
	background-position:center top;
}

/* --- End Add Section----------- */
/* --- Start Middle Section----------- */
.white-box {
background-color:#fdfdfd;
border:#d3d3d3 solid 1px;
font-family:Trebuchet MS, "Tahoma", Arial, Serif;
font-size:12px;
line-height:20px;
text-align:left;
}


/* --- End Middle Section----------- */
/* --- Start News Section----------- */
.news-shadow {
	background-image:url(../images/news-right-shadow.gif);
	background-repeat:no-repeat;
	height:30px;
	width:967px;
	background-position: center top;
}

.news-text {
font-size:14px;
color:#565656;
font-weight:normal;
padding-top:4px;}

.news-body-text {
font-size:12px;
color:#565656;
font-weight:normal;
padding:4px 0px 0px 15px;}

/* --- End News Section----------- */

/* --- Start Bottom Add Section----------- */
.add-bottom-img {
	background-image:url(../images/bottom-add-bg.jpg);
	background-repeat:no-repeat;
	width:966px;
	height:243px;
	background-position: center top;
}

/* --- End Bottom Add Section----------- */
/* --- Start Logo Section----------- */
.logo {
background-image:url(../images/logo.png);
background-repeat:no-repeat;
width:123px;
height:36px;	
background-position: 20px;

}
/* --- End LogoSection----------- */

/* --- Start Footer Navigation Section----------- */
.footerNav {
        width: 700px;
        padding: 5px 0 0px 0;
        margin: 3px 0 3px 0;
		text-align:center top;
       
}

#navCircle {
        margin: 0;
        padding: 0 0 5px 10px;       
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: none;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        padding: 0 4px 6px 4px;
        text-decoration: none;
        color: #000000;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #707070;       
}

.footer-bg {
background-image:url(../images/footer-bg.gif);
background-repeat:no-repeat;
background-position:center top;
height:48px;
width:962px;}
/* --- End Footer Navigation Section----------- */

/* --- Start Copyright Section----------- */

.copyright {
font-size:11px;
text-align:center;
color:#999999;
padding-top:8px;
}
/* --- End Copyright Section----------- */

/* ----------------------------------------------------------------------- Start Product Page ---------------------------------------------------------------------------------------- */

/*--Breadcrumb navigation begins--*/

div.breadcrumbs {
	overflow:hidden;
	margin:0;
	padding:0;
	height:39px;
	line-height:39px;	
	color:#888888;
	border:1px solid #cfcfcf;
	margin-bottom:1px;
	background-color:#efefef;
	font-size:13px;
}

div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:39px;
	padding:0 8px;
	font-style:normal;
	color:#504F4F;
	text-decoration:none;
}

div.breadcrumbs a{
	float:left;
	overflow:hidden;
	height:39px;
	padding:0 8px;
	font-style:normal;
	color:#0A67C6;
	text-decoration:none;
}

div.breadcrumbs a:link{
    color:#0A67C6;
	text-decoration:none;
}

div.breadcrumbs a:hover{
    color:#504F4F;
	text-decoration:none;
}

div.breadcrumbs span {
	background:url(../images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;
	filter:alpha(opacity=80);
	opacity:0.8;
}
/*--Breadcrumb navigation ends--*/
.top-add-bg {
background-image:url(../images/top-add-bg.gif);
background-repeat:no-repeat;
background-position:center bottom;
width:975px;
height:16px;
}

.bottom-add-bg {
background-image:url(../images/bottom-add-bg.gif);
background-repeat:no-repeat;
background-position:center top;
width:975px;
height:16px;
}

.left-add-bg {
background-image:url(../images/left-add-bg.gif);
background-repeat:repeat-y;
background-position:left top;
width:16px;
}

.right-add-bg {
background-image:url(../images/right-add-bg.gif);
background-repeat:repeat-y;
background-position:right top;
width:16px;
}



/* Easy Slider */
#slider{
	display:block;
	position:relative;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:855px;
	height:318px;
	overflow:hidden; 
	}	
#prevBtn {
	display:block;
	width:27px;
	height:27px;
	bottom:150px;
	float:left;
	}	
#nextBtn{
	display:block;
	width:27px;
	height:27px;
	bottom:150px;
	float:right;
	}	
#prevBtn a, #nextBtn a{  
	display:block;
	width:27px;
	height:27px;
	background:url(../images/left-enabled.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../images/right-enabled.gif) no-repeat 0 0;	
	}	

/* // Easy Slider */
 
 /* // Bullet Heading Start */
 .bullet-heading {
	background-image:url(../images/product-heading-bg.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:16px;
	color:#000000;
	padding:5px 50px;
	text-transform: uppercase;
 }
  /* // Bullet Heading End */
.product-lefttop-big {
background-image:url(../images/produc-bg-lefttop-big.gif);
background-repeat:no-repeat;
background-position: top right;
height:11px;
}
.product-rightbottom-big {
background-image:url(../images/produc-bg-righttop-big.gif);
background-repeat:no-repeat;
background-position:top right;
height:11px;

}
.product-left {
background-image:url(../images/produc-bg-left.gif);
background-repeat:repeat-y;
background-position:left top;
width:12px;
}
.product-right {
background-image:url(../images/produc-bg-right.gif);
background-repeat:repeat-y;
background-position:right top;
width:12px;
}

.client-text {
font-size:13px;
color:#747474;
font-style:normal;
line-height:24px;
padding:10px 10px;
}

.client-text a:link{color:#0a67c6; text-decoration:none}
.client-text a:visited{color:#0a67c6; text-decoration:none}
.client-text a:hover{color:#0a67c6; text-decoration:underline}

.client-text span {
font-size:13px;
color:#c90202;
font-style:italic;
}



.contact-text {
font-size:13px;
color:#747474;
font-style:italic;
line-height:22px;
padding:5px 10px;
}

.product-add-text {
font-size:13px;
color:#747474;
font-style:normal;
line-height:24px;
padding:5px 0px;
}

.product-add-text span {
font-size:13px;
color:#c90202;
font-style:italic;
}
.product-add-text ul {
padding:0px 20px;
}

.product-add-text li {
background-image:url(../images/bullet.png);
background-repeat:no-repeat;
background-position:center left;
list-style:none;
font-size:12px;
color:#747474;
font-style:normal;
line-height:18px;
padding:5px 20px;
}


.product-add-text li span {
font-size:13px;
color:#c90202;
font-style:italic;
line-height:18px;
}

/*--Leftside Start--*/
.urbangreymenu{
	width: 237px; /*width of menu*/
	background-color: #FFFFFF;
	border: 1px solid #dfdfdf;
}
.urbangreymenu .headerbar{
font: normal 16px Trebuchet MS;
color: white;
background: #8c99b2 url(../images/arrowstop.gif) no-repeat 8px 9px; /*last 2
values are the x and y coordinates of bullet image*/
margin-top:0px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 34px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of
content*/
}
.urbangreymenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 12px Trebuchet MS;
color: #0a67c6;
background: #ffffff;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color:#0a67c6;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background: #fcf7d6;
}



.block01{
width:140px;
height:60px;
background:url(../images/block01.gif) no-repeat 15px top;
border-bottom:1px solid #D3D3D3;
padding:0 0 0 85px;
margin:20px 0 0 0;
}

.block02{
width:140px;
height:60px;
background:url(../images/block02.gif) no-repeat 15px top;
border-bottom:1px solid #D3D3D3;
padding:0 0 0 85px;
margin:20px 0 0 0;
}

.block03{
width:140px;
height:60px;
background:url(../images/block03.gif) no-repeat 15px top;
border-bottom:1px solid #D3D3D3;
padding:0 0 0 85px;
margin:20px 0 0 0;
}

.blockHeader{color:#1A1A1A; font-size:16px; margin:10px 0 0 0; text-align:left; line-height:26px;}
.blockContent{color:#1A1A1A; font-size:12px; text-align:left}

.linkOption02 a:link{color:#504F4F; text-decoration:none}
.linkOption02 a:visited{color:#504F4F; text-decoration:none}
.linkOption02 a:hover{color:#0A67C6; text-decoration:none}


.box-one			{ width: 226px; background: url(../images/box-one-middle.png) center repeat-y; margin: 10px 0 ;}
.box-one .inside	{ padding: 0px 10px 10px 10px; text-align:left }

#headerGreen{
color:#000000;
font-size:16px;
text-align:left;
margin:10px 0;
}

#testmonialBlock{
margin:5px 0;
font-size:12px;
color:#666666;
}

.greenBtn{
background:url(../images/greenBtn.gif) no-repeat left top;
width:138px;
height:26px;
color:#FFFFFF;
text-indent:20px;
line-height:26px;
}

.greenBtn a:link{
text-decoration:none;
color:#FFFFFF;
}

.greenBtn a:visited{
text-decoration:none;
color:#FFFFFF;
}
.greenBtn a:hover{
text-decoration:none;
color:#0C0C0C;
}


/*--Leftside End--*/

.contactbg-righttop {
background-image:url(../images/contact-bg-right-top.gif);
background-repeat:no-repeat;
background-position:right top;
height:11px;
}
.contactbg-rightbottom {
background-image:url(../images/contact-bg-rightbottom.gif);
background-repeat:no-repeat;
background-position:right top;
height:11px;
}
.contact-bg-left {
background-image:url(../images/contact-bg-left.gif);
background-repeat:repeat-y;
background-position:left top;
width:11px;
}

.contact-bg-right {
background-image:url(../images/contact-bg-right.gif);
background-repeat:repeat-y;
background-position:left top;
width:11px;}

.contact-add-text {
font-size:13px;
color:#747474;
font-style:normal;
line-height:24px;
padding:5px 0px;
}

.contact-add-text span {
font-size:13px;
color:#000000;
font-style:italic;
}
.tellus-text {
font-size:16px;
color:#000000;
font-style:normal;
line-height:24px;
padding:10px 15px;
}
.firstname {
font-family:Trebuchet MS, "Tahoma", Arial, Serif;
font-size:13px;
color:#999999;
line-height:20px;
padding-top:10px;
font-style:italic;
}

.select-box {
	font-size:12px;
	font-style:italic;
	color:#666666;
	border: 1px solid #b3b5bd;
	height:18px;
	padding-top:3px;
}

.commentt-box {
	font-size:12px;
	font-style:italic;
	color:#666666;
	border: 1px solid #b3b5bd;
}

.checkbox {
font-family:Trebuchet MS, "Tahoma", Arial, Serif;
font-size:12px;
color:#999999;
padding-top:10px;
line-height:20px;
font-style:italic;
}

.button {
background-image:url(../images/bgBtn.gif);
background-repeat:no-repeat;
background-position:left top;
width:77px; 
height:24px; 
border:none; 
margin:5px;
cursor:pointer;
}

* html .button {
background-image:url(../images/bgBtn.gif);
background-repeat:no-repeat;
background-position:left top;
width:77px; 
height:24px; 
border:none; 
margin:5px;
cursor:pointer;
background-color:#CCCCCC;
}


.button-new {
background-image:url(../images/new-btn.gif);
background-repeat:no-repeat;
background-position:left top;
width:77px; 
height:30px; 
border:none; 
margin:5px;
cursor:pointer;
}

* html .button-new {
background-image:url(../images/new-btn.gif);
background-repeat:no-repeat;
background-position:left top;
width:77px; 
height:30px; 
border:none; 
margin:5px;
cursor:pointer;
background-color:#CCCCCC;
}


/*----------------------------------------------  Product Page End ------------------------------------------------------------------*/



/*----------------------------------------------  Multimedia Page Start ------------------------------------------------------------------*/

/*----  Top-Contact ----*/

#panel {
	height:250px;
	background-color:#5d6e7a;
	color:#ffffff;
	display:none;
	font-family:Trebuchet MS, "Tahoma", Arial, Serif;
   	text-align: left;
   	line-height: 22px;
	font-size:14px;

}
.contact {
	float:right;
	width:123px;
	height:33px;
	margin-right:21px;
	text-indent:-9999px;
	background:#ffffff url(../images/contact-sprite.gif) 0px -33px no-repeat;
	outline:none;

}
.contact:hover {
	background:#ffffff url(../images/contact-sprite.gif) 0px 0px no-repeat;
	outline:none;
}
.contact-active {
	background:#ffffff url(../images/contact-sprite.gif) 0px -99px no-repeat;
	outline:none;

}
.contact-active:hover {
	background:#ffffff url(../images/contact-sprite.gif) 0px -66px no-repeat;
	outline:none;

}

/*----  Top-Contact End ----*/




#left {
	float:left;
	width:400px;
	padding:25px 0px 0px 15px;
	display:block;
}
#contact-container {
	width:570px;
	float:left;
	padding:15px 0px 0px 0px;
	display:block;
}

#middle {
	width:380px;
	float:left;
	padding:0px 0px 0px 5px;
	display:block;
}
#right {
	width:180px;
	float:left;
	padding:0px 0px 0px 0px;
	text-align:left;
	margin:0px;
	display:inline;
}



.left-information {
	font-family:Trebuchet MS, "Tahoma", Arial, Serif;
	text-align: left;
	line-height: 20px;
	font-size:14px;
	color:#fff4c9;
}

.left-information a:link{color:#fff4c9; text-decoration:none}
.left-information a:visited{color:#fff4c9; text-decoration:none}
.left-information a:hover{color:#fff4c9; text-decoration:none}


/*-- 19July -- */

.menu {background-color:#5d6e7a; height:39px;width:880px;}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:left;}
.menu li {display:inline; line-height:40px;}
.menu li a {color:#ffffff; text-decoration:none; padding:9px 25px 9px 25px; outline:none;}
.menu li a.tabactive {color:#ffffff; background-color:#494949; font-weight:normal;  position:relative; outline:none; display:inline;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5,#anothercontent1,#anothercontent2, #anothercontent3, #anothercontent4,#anothercontent5, #anothercontent6, #contentthree1, #contentthree2, #contentthree3 { 
width:880px; text-align:left;padding:0px 0px; font-size:12px; margin-bottom:0px; background-color:#494949; height:356px; color:#ffffff; outline:none;}
/*----------------------------------------------  Multimedia Page End ------------------------------------------------------------------*/


/* 10th October 09 */

.dc-table-top {
background-image:url(../images/left-top-repe-bg.gif);
background-repeat:repeat-x;
height:4px;
}

.dc-table-btm {
background-image:url(../images/btm-top-rep-bg.gif);
background-repeat:repeat-x;
height:4px;
}

.dc-table-left {
background-image:url(../images/left-rep-bg.gif);
background-repeat:repeat-y;
width:4px;
background-position:left top;
}

.dc-table-right {
background-image:url(../images/right-rep-bg.gif);
background-repeat:repeat-y;
width:4px;
background-position:left top;
}

/* DC-products Style */

.field-DC-text {
font-size:12px;
color:#747474;
text-align:left;
padding:5px 4px;
}

.field-DC-text span {
font-size:13px;
color:#990000;
font-weight:bold;
}

.field-bg {
border:#a0a0a0 solid 1px;
background-color:#d7d7d7;
font-size:12px;
color:#333333;
font-weight:bold;
padding:2px;
margin:5px 0px;
}

.submit-dc-btn {
background-image:url(../images/submit-btn.gif);
background-repeat:no-repeat;
background-position:left top;
width:72px;
height:26px;
cursor:pointer;
border:none;
background-color:#FFFFFF;
}

.reset-dc-btn {
background-image:url(../images/reset-btn.gif);
background-repeat:no-repeat;
background-position:left top;
width:61px;
height:26px;
cursor:pointer;
border:none;
background-color:#FFFFFF;
}

.voltage-text {
font-size:13px;
color:#747474;
text-align:left;
padding:5px;
}

.voltage-text span {
color:#000000;
font-weight:bold;
}
.caption-product {
font-size:15px;
text-align:center;
color:#000000;
text-transform:uppercase;
padding:5px;
font-weight:bold;
}

.thanks {
font-size:14px;
color:#333333;
background-color:#99CC00;
padding:8px;
}


/*Index-featureList*/

		h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 14px;
			text-transform: uppercase;
		}

		div#feature_list {
			width: 485px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 173px;
		}

		ul#tabs li {
			font-size: 10px;
   			font-family:Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background-image:url(../images/feature-tab-current.png);
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 338px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 338px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 0px;
			right: 0px;
			padding: 4px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #ffffff;
			background:#000000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background:#99CC00;
			color:#000000;
		}
		
/* Form Design */

.notification_error {
height: auto;
width: 100%;
text-align:left;
color:#000000;
background-color:#ffeeaa;
font-size:13px;
padding:8px;
border-bottom: 1px solid #EED588;
border-top: 1px solid #EED588;
}

.notification_ok {
height: auto;
width: 98%;
text-align: center;
color:#333333;
background-color:#FFCC66;
font-size:14px;
padding:8px;
}

.info_fieldset { border:none;}

.info_fieldset legend {
	font-size: 13px;
	padding: 2px 5px 2px 5px;
}

/* for Internet Explorer */
/*\*/
* html .label {
padding-left: 10px; margin:5px; float:left; text-align:left; color:#939393;
font-size:13px;
}
/**/

/* Label */
.label  { padding-left: 0px; margin: 5px; float: left; text-align: left; color:#939393;
font-size:13px;
}

/* Input, Textarea */
input, textarea {
margin: 5px;
padding: 4px; 
float: left;
border: 1px solid #cccccc; 
color: #000000; 
font-size: 12px;
background-color:#ffffff;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}