@charset "utf-8";
/* CSS Document */

html{ background:url(../images/header_bg.gif) repeat-x top #fff;}
body{ color:#000; margin:0; padding:0 0 30px 0; font:normal 12px Arial, Helvetica, sans-serif;}
ul,li,p,h1,h2,h3,h4,h5,h6,div{ margin:0; padding:0;}
ul,li{ list-style:none;} 

select.mod1{  font:normal 12px Arial, Helvetica, sans-serif; color:#999999; }
select.box1{border:none; padding:3px 7px 0 10px; height:22px; text-transform:uppercase;  width:229px;background:none; font:normal 11px Arial, Helvetica, sans-serif}
input.smallin1{ background:url(../images/input_small_1.gif) no-repeat; width:208px; border:none; font:normal 11px Arial, Helvetica, sans-serif; text-transform:uppercase;  padding:10px 10px 9px 10px; color:#999999; }
textarea.smal0{ background:url(../images/input_textarea.gif) no-repeat; width:207px; height:105px; font:normal 11px Arial, Helvetica, sans-serif; color:#959595; line-height:17px; border:none; color:#999999; border:none; text-transform:uppercase; padding:8px 10px 0 10px; }
.select1{ background:url(../images/input_small_1.gif) no-repeat; width:228px; height:28px; border:none; text-transform:uppercase; padding:3px 0 0 0; }

.wrap_slogan{ background:url(../images/wrapper_slogan.gif) no-repeat left top;}
.wrapper{ width:981px; margin:0 auto;}

.sc_txt{ font: normal 22px Arial, Helvetica, sans-serif; padding:0 5px; color:#cacaca;}

/*<< - - - - - - - - - - - -  - HEADER - - - - - - - - - - - - - - >>*/
.header{}
.leftheader{ float:left; width:500px;}
.rightheader{ float:left; width:480px;}

/*<< - - - - - - - - - - - -  - TEXT COLOR - - - - - - - - - - - - - - >>*/
.org{ color:#f8800f;}
.org a{ color:#f8800f; text-decoration:none;}
.org a:hover{ color:#f8800f; text-decoration:underline;}

.blue{ color:#00a3de;}
.blue a{ color:#00a3de; text-decoration:none;}
.blue a:hover{ color:#f7b74b; text-decoration:none;}

.darkblue{ color:#0225fd;}
.darkblue a{ color:#0225fd; text-decoration:none;}
.darkblue a:hover{ color:#0225fd; text-decoration:underline;}

.redtxt{ color:#FF0000; font:normal 14px Arial, Helvetica, sans-serif;}
.green{ color:#64a120;}

/*<< - - - - - - - - - - - -  - COMMON - - - - - - - - - - - - - - >>*/
.spacer{ clear:both;  font-size:0px;  height:0; line-height:0; visibility:hidden;}
.margg{ margin:8px 0;}
.linne{ line-height:18px;}
.just{ text-align:justify;}
.padd{ padding:5px 0;}
.padd1{ padding:10px 0;}
.rightfloat{ float:right;}
.leftfloat{ float:left;}
.pad{ padding:0 3px 0 0;}
.pad1{ padding:5px 0 0 0;}
.paddbot{ padding:0 0 5px 0;}
.padd{ padding:8px 0;}
.paddtop{ padding:7px 0 0 0;}
.paddto1{ padding:15px 0 0 0;}
.cennt{ text-align:center;}
.sidebar{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.sidebar1{ border-right:1px solid #ccc;}
.sidebar2{ border-bottom:1px solid #ccc;}
  
/*<< - - - - - - - - - - - - SUPPLIER - - - - - - - - - - - - >>*/ 
.supplier_box{ overflow:hidden; margin:0px 0 13px 0;}
.supplier_left{ background:url(../images/supplier_left.gif) no-repeat; height:106px; width:8px; float:left;}
.supplier_center{ background:url(../images/supplier_center.gif) repeat-x; height:106px; float:left; width:97%; }
.supplier_right{ background:url(../images/supplier_right.gif) no-repeat; height:106px; width:10px; float:left;}


/*<< - - - - - - - - - - - - MENU - - - - - - - - - - - - >>*/ 
.menu { font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding:34px 0 0 0px; text-transform:uppercase;}
.menu ul {margin:0;list-style:none;}
.menu li {display:inline;margin:0 0px;padding:0;}
.menu a {float:left;background:url(../images/tableft.gif) no-repeat left top; margin:0 2px;padding:0 0 0 8px; color:#414141; text-decoration:none;}
.menu a span {float:left;display:block;	background:url(../images/tabright.gif) no-repeat right top; color:#fff; padding:9px 30px 9px 18px;color:#9F9584;}

.menu a.active {	float:left;background:url(../images/tableft.gif) no-repeat left -30px; margin:0; padding:0 0 0 8px; color:#414141; text-decoration:none;}
.menu a.active span {	float:left;	display:block; background:url(../images/tabright.gif) no-repeat right -30px; color:#fff;padding:9px 30px 9px 18px;color:#9F9584;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu a.active span {float:none; color:#010101;}
.menu a span {float:none; color:#414141;}
/* End IE5-Mac hack */
.menu a:hover span {color:#010101;}
.menu a:hover {	background-position:0% -30px;}
.menu a:hover span {background-position:100% -30px; color:#010101;}

.menu a.inactive {float:left;background:url(../images/tableft.gif) no-repeat left top; margin:0 1px;padding:0 0 0 7px; color:#fff; text-decoration:none;}
.menu a.inactive span {float:left;display:block;	background:url(../images/tabright.gif) no-repeat right top; color:#fff; padding:9px 30px 9px 18px;color:#9F9584;}
.menu a.inactive span {float:none; color:#fff;}

/*<< - - - - - - - - - - - -  - CONTENT - - - - - - - - - - - - - - >>*/
.contentbox{ margin:0 0 7px 0;}
.content{}
.contleft{ float:left; width:735px; margin:0 16px 0 0;}
.contleft1{ float:left; width:725px; margin:0 16px 0 0; padding:10px 0 0 10px; line-height:18px; text-align:justify;}
.contright{ float:left; width:229px; }

/*<< - - - - - - - - - - - -  - SIDE BAR  - - - - - - - - - - - - - - >>*/
.sidebox{ overflow:hidden; width:229px; padding:8px 0 0 0;}
.sidebox1{ overflow:hidden; width:229px; padding:0 0 0 0;}
.sidebar_head{ background:url(../images/sidebar_head.gif) no-repeat; height:32px; padding:0 0 0 45px; font:bold 14px/32px Arial, Helvetica, sans-serif;}
.sidebar_middle{ background:url(../images/sidebar_middle.gif) repeat-y; padding:5px 10px;}
.sidebar_footer{ background:url(../images/sidebar_footer.gif) no-repeat; height:26px;}

/*<< - - - - - - - - - - - -  - LISTING  - - - - - - - - - - - - - - >>*/
.listing{ overflow:hidden; padding:0 0 0 10px;}
.listing ul{}
.listing ul li{ padding:0 0 5px 0;}.listing ul li a{ color:#00a3de; font:bold 13px/25px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/listing_arrow.gif) no-repeat 1px 1px; padding:0 0 0 25px;}.listing ul li a:hover{ color:#f8800f;}

.listing1{ overflow:hidden; padding:15px 0 0 10px;}
.listing1 ul{}
.listing1 ul li{ padding:0 0 5px 0;}.listing1 ul li a{ color:#00a3de; font:bold 11px/25px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/listing_arrow.gif) no-repeat 1px 1px; padding:0 0 0 25px;}

/*<< - - - - - - - - - - - -  - ICONS  - - - - - - - - - - - - - - >>*/
.testimonials{ background:url(../images/testimonials.gif) no-repeat 1px 1px; padding:0 0 5px 43px; text-align:left; border-bottom:1px solid #eaeaea; margin:0 0 8px 0;}
.seoresults{ background:url(../images/seo_results.gif) no-repeat 1px 1px; padding:0 0 5px 43px; text-align:left; border-bottom:1px solid #eaeaea; margin:0 0 8px 0;}
.folio{ background:url(../images/folio.gif) no-repeat 1px 1px; padding:0 0 5px 43px; text-align:left; border-bottom:1px solid #eaeaea; margin:0 0 8px 0;}
.contact{ background:url(../images/email_icons1.gif) no-repeat 1px 1px; padding:0 0 5px 43px; text-align:left; border-bottom:1px solid #eaeaea; margin:0 0 8px 0;}


.ecarebox{ overflow:hidden;}
.ecare_services{ float:left; width:237px;}
.ecare_products{ margin:0 10px;width:237px; float:left;}
.ecare_solutions{ float:left; width:237px;}
.service_headl{ background:url(../images/ecare_head_bg.gif) repeat-x; color:#414141; float:left; width:197px; padding:0 0 0 5px; font:bold 14px/30px Arial, Helvetica, sans-serif; height:30px;}
.service_headr{ background:url(../images/ecare_services.gif) no-repeat; width:34px; height:30px; float:left; text-transform:uppercase; color:#414141}
.product_headr{ background:url(../images/ecare_products.gif) no-repeat; width:34px; height:30px; float:left; text-transform:uppercase;}
.solution_headr{ background:url(../images/ecare_products.gif) no-repeat; width:34px; height:30px; float:left; text-transform:uppercase;}
.service_body{ padding:9px 5px 0px 0px; line-height:18px; text-align:justify; color:#4d4d4d;}

.footer{ padding:5px 0 0 0; margin:5px 0 0 0;}
.footlinks{ overflow:hidden;}
.footlinks ul{}
.footlinks ul li{ float:left; width:170px; padding:0 0 0 25px;}
.arrowsmall{ background:url(../images/small_arrow.gif) no-repeat 1px 13px; padding:8px 0 0 15px;}
.arrowsmall a{ text-decoration:none; color:#777777;}
.arrowsmall a:hover{ color:#000; text-decoration:underline;}

.skypeicons{ overflow:hidden; padding:0 0 0 237px;}
.skypeicons ul{ }
.skypeicons ul li{ float:left; padding:5px 6px; color:#CCCCCC; } .skypeicons ul li a{ color:#9a9a9a; text-decoration:none;}.skypeicons ul li a:hover{ color:#666666; text-decoration:underline; }


.bread{ overflow:hidden; border:1px solid #e2e2e2; padding:5px 0; border-left:none; border-right:none;}
.bread ul{ } 
.bread ul li{ float:left; padding:0 5px; }.bread ul li a{ color:#ff7800; text-decoration:none;}.bread ul li a:hover{ text-decoration:underline; }

/* ######### Default class for drop down menus ######### */
.anylinkmenu{
position: absolute;left: 0;top: 0; visibility: hidden; border:1px solid #ccc; border-bottom-width: 0;font: normal 12px/30px Arial, Helvetica, sans-serif;line-height: 18px;z-index: 100; /* zIndex should be greater than that of shadow's below */background: #e8e8e8;width: 180px; /* default width for menu */}

.anylinkmenu ul{margin: 0;padding: 0;list-style-type: none;}

.anylinkmenu ul li a{width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #fff;padding: 5px 0;text-decoration: none;text-indent: 5px; color:#000;}

.anylinkmenu a:hover{ /*hover background color*/
background: #ffd28e;color:#000;}

.anylinkmenucols{position: absolute; width: 100px;left: 0;top: 0; visibility: hidden; border: 1px solid black; padding: 10px;font: normal 11px Arial, Helvetica, sans-serif;z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}
.anylinkmenucols li{padding-bottom: 3px;}

.anylinkmenucols .column{float: left;padding: 3px 8px; margin-right: 5px;background: #E0E0E0;}

.anylinkmenucols .column ul{margin: 0;padding: 0;list-style-type: none;}
/* ######### class for shadow DIV ######### */

.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;left: 0;top: 0;z-index: 99; /*zIndex for shadow*/background: black;visibility: hidden;}

/*<< - - - - - - - - - - - - FORM PAGES  - - - - - - - - - - - - >>*/ 
.fieldwrapper{ margin:0 auto; overflow:hidden; padding:0px 0 0 0;}
.styled1{ float:left; width:150px; margin:0 10px 0 0; display:block; padding:5px 0 0 3px;}
.thefield1{ float:left; width:270px; margin:0 0 5px 0;}

/*<< - - - - - - - - - - - - GRY BOX  - - - - - - - - - - - - >>*/ 
.box1{ float:left; width:226px;}
.box2{ float:left; margin:0 17px; width:226px;}
.box3{ float:left; width:226px;}

.gry_header{ background:url(../images/gry_head.gif) no-repeat; height:7px; font-size:0;}
.gry_body{ background:url(../images/gry_middle.gif) repeat-y; padding:5px 10px; text-align:left;}
.gry_footer{ background:url(../images/gry_footer.gif) no-repeat; height:6px; font-size:0px;}


.box4{ width:333px;}
.gry_header1{ background:url(../images/gry_head1.gif) no-repeat; height:7px; font-size:0;}
.gry_body1{ background:url(../images/gry_body1.gif) repeat-y; padding:5px 10px;}
.gry_footer1{ background:url(../images/gry_footer1.gif) no-repeat; height:8px; font-size:0px;}

.listing_head{ background:url(../images/feature_icon.gif) no-repeat ; padding:0 0 5px 25px; font:bold 12px Arial, Helvetica, sans-serif;}
.boxover{ margin:10px 0 0 0;}
.boxlist{ padding:10px 0 0 0;}
.boxlist ul{ }
.boxlist ul li{ padding:0 0 7px 18px; font:normal 12px Arial, Helvetica, sans-serif; }.boxlist ul li ul li{ padding:0 0 0 25px; margin:0 0 0 15px;}

.boxlist2{ padding:0 0 0 0;}
.boxlist2 ul{ }
.boxlist2 ul li{ padding:0 0 7px 18px; font:normal 12px Arial, Helvetica, sans-serif; }.boxlist ul li ul li{ padding:0 0 0 25px; margin:0 0 0 15px;}

.boxlist1{ padding:0px 0 0 35px;}
.boxlist1 ul{ }
.boxlist1 ul li{ padding:0 0 7px 0; font:normal 12px Arial, Helvetica, sans-serif; }
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.footer2{ background:url(../images/footer_bg.gif) repeat-x top #fff; width:100%;}
.listing2{ overflow:hidden; padding:10px 0 0 10px; width:350px; float:left;}
.listing2 ul{ margin:0px; padding:0px;}
.listing2 ul li{ padding:0 0 0px 0;}.listing2 ul li a{ color:#00a3de; font:bold 11px/25px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/listing_arrow.gif) no-repeat 1px 1px; padding:0 0 0 25px;}


.head1_seo
{ 
	font:bold 18px/30px Arial, Helvetica, sans-serif; 
}
.head2_seo
{ 
	font:bold 16px/30px Arial, Helvetica, sans-serif; 
}
