/* Universal Tags
--------------------------------------------------*/

html > body * {
	outline:none;
}
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#565656;
	font-weight:normal;
	line-height:16px;
	}
h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div {
	margin:0px;
	padding:0px;
}
img {
	border:none;
	margin:0px;
	padding:0px;
}
p {
	margin-bottom:4px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	padding: 0px;
	padding:6px 0 12px 0;
}
h2 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#a57934;
	padding: 0px;
}
.arialbold{
color:#fe9a0c;
font-weight:bold;
}
.arialbold:hover{
text-decoration:none;
}
.red{
color:#a5282d;
}
.clear{
clear:both;
height:1px;
}
.textbox{
	border:1px solid #d8d8d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	vertical-align:middle;
	height:15px;
	width:170px;
	padding:2px 0 1px 2px;
	background:url(../images/text-box-repeater.gif) top left repeat-x;
}
.textbox1{
	border:1px solid #d8d8d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	vertical-align:middle;
	height:15px;
	width:120px;
	padding:2px 0 1px 2px;
	background:url(../images/text-box-repeater.gif) top left repeat-x;
}
.textbox2{
	border:1px solid #d8d8d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	vertical-align:middle;
	height:15px;
	width:345px;
	padding:2px 0 1px 2px;
	background:url(../images/text-box-repeater.gif) top left repeat-x;
}
.textbox3{
	border:1px solid #d8d8d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	vertical-align:middle;
	height:15px;
	width:75px;
	padding:2px 0 1px 2px;
	background:url(../images/text-box-repeater.gif) top left repeat-x;
}
.textarea{
	border:1px solid #d8d8d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:2px 0 0 2px;
	background:url(../images/text-box-repeater.gif) top left repeat-x;
}
.select{
	width:173px;
	vertical-align:middle;
	font-size:11px;
}
.blue-text{
font-family:tahoma;
color:#064679;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
a.blue-text{
font-family:tahoma;
color:#064679;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.lable{
color:#ac131a;
padding-right:1px;
}
.online-order{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding:10px 20px 0 0;
line-height:18px;
font-weight:bold;
text-transform:capitalize;
text-decoration:none;
}
.online-order:hover{
color:#FFFFFF;
}
/* Page Layout Tags
--------------------------------------------------*/
#page-global{
	width:100%;
	padding:0;
	margin:0;
	float:left;
	background:#ffffff url(../images/body-repeater.gif) top left repeat-x;
}
#page-global-inner{
	width:100%;
	padding:0;
	margin:0;
	float:left;
	background:#ffffff url(../images/inner-full-repeater.gif) top left repeat-x;
}
#page-wrapper {
	width:928px;
	position:relative;
	padding:0;
	margin:0 auto;
}
#header{
	width:928px;
	height:114px;
	padding:0;
	float:left;
}
#logo{
	float:left;
	padding:10px 0 0 0;
	caption-side:bottom;
}
#header-right{
	float:right;
	width:392px;
	padding:22px 0 0 0;
}
#header-right-inner{
width:392px;
font-family:tahoma;
color:#888888;
font-size:11px;
}
.email-us{
width:189px;
float:left;
height:63px;
border-left:#013a68 1px solid;
padding:3px 0 0 8px;
}
.email-us a{
color:#888888;
text-decoration:none;
}
.email-us a:hover{
text-decoration:underline;
}
.call-us{
width:186px;
float:right;
height:63px;
border-left:#013a68 1px solid;
padding:3px 0 0 7px;
}
/* Navigation Tags
--------------------------------------------------*/
#banner{
	width:928px;
	height:307px;
	padding:0;
	float:left;
	background:url(../images/glow-bg.jpg) bottom right no-repeat;
}
#navigation{
	width:888px;
	padding:0 0 0 40px;
	float:left;
}
#tabs6 {
	float:left;
	width:888px;
	font-size:12px;
	line-height:normal;
}
#tabs6 ul {
	margin:0;
	padding:0px;
	list-style:none;
}
#tabs6 li {
	display:inline;
	margin:0;
	float:left;
	padding:0 3px 0 0;
}
#tabs6 a {
	float:left;
	background:url("../images/tab-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#tabs6 a.memberlogin {
	background:url("../images/member-login-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
}
#tabs6 a span {
	float:left;
	display:block;
	background:url("../images/tab-right.gif") no-repeat right top;
	padding:10px 28px 10px 23px;
	color:#FFF;
}
#tabs6 a.memberlogin span{
background:url("../images/member-login-right.gif") no-repeat right top;
font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabs6 a:hover span {
	color:#FFF;
}
#tabs6 a:hover {
	background-position:0% -35px;
}
#tabs6 a:hover span {
	background-position:100% -35px;
}
#tabs6 #current a {
	background-position:0% -35px;
}
#tabs6 #current a span {
	background-position:100% -35px;
}

/* Top Navigation End ----------------------------------*/
#flash{
float:left;
padding:0px;
}
/* Content Area Tags
--------------------------------------------------*/
#content-area{
	width:908px;
	padding:10px 10px 0 10px;
	margin:0px;
	float:left;
	position:relative;
	background:#ffffff url(../images/content-top-curve.gif) top left no-repeat;
}
/* Showcase Area Tags Starts Here
--------------------------------------------------*/
#showcase-area{
	width:908px;
	margin:0px;
	float:left;
}
.facility-maax{
float:left;
width:294px;
height:255px;
padding:0 0 0 2px;
margin-right:0px;

}
.facility-hover{
float:left;
width:294px;
height:255px;
padding:0 0 0 0;
margin-right:0;
background:url(../images/facility-maax-hover.jpg) top left no-repeat;
}
.ecofice{
float:left;
width:294px;
height:255px;
padding:0 0 0 11px;
margin-right:0;

}
.ecofice-hover{
float:left;
width:294px;
height:255px;
padding:0 0 0 0;
margin-right:0;
background:url(../images/ecofice-hover.jpg) top left no-repeat;
}
.nergy{
float:left;
width:294px;
height:255px;
padding:0 0 0 11px;
}
.nergy-hover{
float:left;
width:294px;
height:255px;
padding:0 0 0 0;
background:url(../images/nergy-hover.jpg) top left no-repeat;
}
.list{
margin:0px;
padding:0px;
list-style-type:none;
}
.list li{
background:url(../images/yellow-arrow.gif) left 6px no-repeat;
font-family:tahoma;
font-size:11px;
line-height:18px;
color:#FFFFFF;
margin:0px;
padding:0px 0 0 12px;
list-style-type:none;
}
.arrow-list{
margin:0px;
padding:0px;
list-style-type:none;
}
.arrow-list li{
background:url(../images/yellow-arrow.gif) left 6px no-repeat;
font-family:tahoma;
font-size:11px;
line-height:18px;
color:#565656;
margin:0px;
padding:0px 0 0 12px;
list-style-type:none;
}
.sublist{
margin:0px;
padding:7px 0 0 25px;
line-height:19px;
font-family:tahoma;
font-size:11px;
color:#FFFFFF;
}
.online-order{
padding:7px 45px 0 0;
}
.online-order1{
padding:2px 47px 0 0;
}
.online-order2{
padding:20px 47px 0 0;
}
.quotenow{
color:#0977d2;
font-size:12px;
text-decoration:underline;
background:url(../images/quote-arrow.gif) left 5px no-repeat;
padding:0 0 0 10px;
float:left;
margin-top:28px;
}
.quotenow:hover{
text-decoration:none;
}
.quotenow1{
margin-top:21px;
}
.quotenow2{
margin-top:37px;
}
/* Showcase Area Tags Ends Here
--------------------------------------------------*/
/* Welcome Box Tags Starts Here
--------------------------------------------------*/
#bottom-content{
width:908px;
float:left;
margin:0px;
padding:21px 0 0 0;
}
#welcome-box{
width:601px;
float:left;
margin:0px;
padding:0px;
background:url(../images/welcome-top-bg.gif) top left no-repeat;
}
#welcome-box-top{
padding:15px 0 14px 15px;
_padding:15px 0 11px 15px;
}
#welcome-content{
width:597px;
float:left;
padding:0px 3px 0 1px;
background:url(../images/welcome-ourter-shadow.gif) top left repeat-y;
}
#welcome-content-inner{
width:553px;
float:left;
padding:20px 24px 0 20px;
background:url(../images/welcombox-gradiant.gif) bottom left repeat-x;
}
.know-more{
color:#747474;
}
.know-more:hover{
text-decoration:none;
}

#welcome-bottom-curve{
width:601px;
float:left;
background:url(../images/welcome-bottom-curve.gif) top left no-repeat;
height:12px;
}
/* Login Box Tags Starts Here
--------------------------------------------------*/
#right-column{
width:291px;
float:right;
margin:0px 0 0 16px;
}
#login-box{
width:291px;
float:right;
margin:0px;
padding:10px 0 0 0;
background:url(../images/login-top-curve.gif) top left no-repeat;
}
#login-content{
width:287px;
float:left;
padding:0px 3px 0 1px;
background:url(../images/login-shadow-repeater.gif) top left repeat-y;
}
#login-inner{
width:262px;
float:left;
padding:10px 15px 0 10px;
background:#e7e8e7 url(../images/login-box-gradiant.gif) top left repeat-x;
}
#login-bottom-curve{
width:291px;
float:left;
background:url(../images/login-bottom-curve.gif) top left no-repeat;
height:12px;
}
.button{
padding:5px 14px 0 0;
}
.login-link{
font-family:tahoma;
color:#064679;
font-size:11px;
font-weight:bold;
}
p.login-link{
padding:8px 0 10px 85px;
_padding:5px 0 4px 70px;
}
.login-link:hover{
text-decoration:none;
}
/* Footer Tags Starts Here
--------------------------------------------------*/
#footer{
width:100%;
float:left;
margin:15px 0 0 0;
background:url(../images/footer-repeater.gif) top left repeat-x;
}
#footer-bound{
	width:908px;
	position:relative;
	padding:0;
	height:57px;
	margin:0 auto;
	color:#000000;
	padding:30px 10px 0px 10px;
}
#footer-bound a{
	color:#000000;
	text-decoration:none;
}
#footer-bound a:hover{
	color:#064679;
}
#footer-bound img{
vertical-align:middle;
padding-right:3px;
}
#footer-left{
float:left;
}
#footer-right{
float:right;
text-align:right;
}
/* Inner Pages Tags Starts Here
--------------------------------------------------*/
#banner-inner{
	width:928px;
	height:209px;
	padding:0;
	margin:0px;
	float:left;
}
#content-box{
width:601px;
float:left;
margin:0px;
padding:0px;
background:url(../images/welcome-top-bg.gif) top left no-repeat;
}
#content-box-top{
padding:15px 0 12px 15px;
_padding:15px 0 9px 15px;
}
#content-outer{
width:597px;
float:left;
padding:0px 3px 0 1px;
background:url(../images/welcome-ourter-shadow.gif) top left repeat-y;
}
#content-box-inner{
width:577px;
float:left;
padding:20px 10px 0 10px;
background:url(../images/welcombox-gradiant.gif) bottom left repeat-x;
}
#content-box-inner1{
width:547px;
float:left;
padding:20px 25px 0 25px;
background:url(../images/welcombox-gradiant.gif) bottom left repeat-x;
}
#free-demo{
float:left;
width:289px;
padding:0px 0 10px 0;
}
#side-menu{
width:290px;
float:left;
margin:0px;
padding:0 0 14px 0;
}
#side-menu ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#side-menu ul li{
float:left;
width:270px;
height:17px;
padding:8px 0 9px 8px;
border-bottom:#cccccc solid 1px;
}
.list-inner{
margin:0px;
padding:10px 0 0 10px;
list-style-type:none;
}
.list-inner li{
background:url(../images/yellow-arrow.gif) left 6px no-repeat;
font-family:tahoma;
font-size:11px;
line-height:18px;
color:#000000;
margin:0px;
padding:0px 0 0 12px;
list-style-type:none;
}
/* Showcase Area Tags Starts Here
--------------------------------------------------*/
#inner-showcase-area{
	width:577px;
	margin:0px;
	float:left;
	color:#FFFFFF;
	font-size:11px;
	margin:20px 0 0px 0;
}
.inner-facility-maax{
float:left;
width:178px;
height:88px;
background:url(../images/inner-facility-maax.jpg) top left no-repeat;
padding:60px 0 0 10px;
}
.inner-facility-hover{
float:left;
width:178px;
height:88px;
padding:60px 0 0 10px;
background:url(../images/inner-facility-maax-hover.jpg) top left no-repeat;
cursor:pointer;
}
.inner-ecofice{
float:left;
width:178px;
height:88px;
padding:60px 0 0 10px;
margin:0 6px 0 7px;
background:url(../images/inner-ecofice.jpg) top left no-repeat;
}
.inner-ecofice-hover{
float:left;
width:178px;
height:88px;
padding:60px 0 0 10px;
margin:0 6px 0 7px;
background:url(../images/inner-ecofice-hover.jpg) top left no-repeat;
cursor:pointer;
}
.inner-nergy{
float:left;
width:178px;
height:88px;
padding:60px 0 0 10px;
background:url(../images/inner-nergy.jpg) top left no-repeat;
}
.inner-nergy-hover{
float:left;
width:178px;
height:88px;
padding:60px 0 0 10px;
background:url(../images/inner-nergy-hover.jpg) top left no-repeat;
cursor:pointer;
}

.scroll-content-top{
width:537px;
_width:533px;
height:35px;
padding:10px 0 0 10px;
float:left;
background:url(../images/scroll-section-top.jpg) top left no-repeat;
}
.scroll-content-inner{
width:537px;
_width:533px;
height:37px;
padding:5px 0 0 10px;
float:left;
background:url(../images/scroll-section-inner.jpg) top left no-repeat;
}
.scroll-content-bottom{
width:547px;
float:left;
background:url(../images/scroll-section-bottom.jpg) top left no-repeat;
}
#inner-login-box{width:547px;
float:left;
background:url(../images/login-top-corner.jpg) top left no-repeat;
padding:7px 0 0 0;
margin-bottom:30px;
}
#middle-box{float:left;
width:517px;
background:#66a31a url(../images/middle-box-repeater.gif) top left repeat-x;
padding:33px 15px 0px 15px;
}
#inner-box{width:517px;
float:left;
padding:12px 0px 0 0px;
}
#top-img{width:531px;
float:left;
height:10px;
}
#inner-middle-box{float:left;
width:495px;
background:url(../images/login-lock.gif) right 20% no-repeat;
padding:14px 0 0 22px;
}
#inner-middle-box1{float:left;
width:508px;
background:#f7f7f7 url(../images/mail-bg.jpg) right 1% no-repeat;
padding:14px 0 0 22px;
}
#bottom-img{width:547px;
float:left;
height:19px;
background:url(../images/member-login-bottom.gif) top left no-repeat;
}
/*------Channel Partner Tab CSS----------*/
.tab-container{
width:601px;
float:left;
margin:0px;
padding:0px;
}
.tab-top{
width:591px;
float:left;
margin:0px;
position:relative;
padding:0px 0 10px 10px;
background:url(../images/tab-top-curve.gif) bottom left no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
.tab-top ul {
	margin:0;
	padding:0px;
	list-style:none;
}
.tab-top li {
	display:inline;
	margin:0;
	float:left;
	padding:0 3px 0 0;
}
.tab-top a {
	float:left;
	background:url("../images/chanel-tab-left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 13px;
	text-decoration:none;
}
.tab-top a span {
	float:left;
	display:block;
	background:url("../images/chanel-tab-right.gif") no-repeat right top;
	padding:8px 15px 8px 1px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tab-top a span {
	float:none;
}
/* End IE5-Mac hack */
    .tab-top a:hover span {
	color:#FFF;
}
.tab-top a:hover {
	background-position:0% -36px;
}
.tab-top a:hover span {
	background-position:100% -36px;
}
.tab-top #current a {
	background-position:0% -36px;
}
.tab-top #current a span {
	background-position:100% -36px;
}
.border{
border:1px solid #999999;
}
/* the style starts here */

a.tooltip2 {font-weight:bold; text-decoration:none; color:#145f9c;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:-6px; left:160px; padding:8px; font-weight:normal; border:1px solid #82a1b9; background:#fffffe; width:230px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7c7c7c; line-height:17px;}

a.tooltip2:hover b.second {display:block; position:absolute; top:-6px; left:148px; padding:8px; font-weight:normal;  border:1px solid #82a1b9; background:#fffffe; width:230px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7c7c7c; line-height:17px;}

a.tooltip2:hover b.third {display:block; position:absolute; top:-6px; left:210px; padding:8px; font-weight:normal;  border:1px solid #82a1b9; background:#fffffe; width:230px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7c7c7c; line-height:17px;}

a.tooltip2:hover b.fourth {display:block; position:absolute; top:-6px; left:242px; padding:8px; font-weight:normal;  border:1px solid #82a1b9; background:#fffffe; width:230px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7c7c7c; line-height:17px;}

a.tooltip2:hover b.fifth {display:block; position:absolute; top:-4px; left:140px; padding:8px; font-weight:normal;  border:1px solid #82a1b9; background:#fffffe; width:230px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#7c7c7c; line-height:17px;}

a.tooltip2:hover b em.outer {position:absolute;top:15px; left:-11px;  width:0; height:0; display:block; background:transparent; border-left:11px dashed transparent; border-bottom:15px dashed transparent; border-top:11px solid #82a1b9; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute;top:15px; left:-11px;  width:0; height:0; display:block; background:transparent; border-left:11px dashed transparent; border-bottom:15px dashed transparent; border-top:11px solid #82a1b9; overflow:hidden;; z-index:100;}