/*
=Colours

mainGray: #444
miscGrays..: #ccc, #eee, #efefef
mainRed: #368ac5
complementaryBlue: #326e90

*/

/* =reset
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent;
}
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none;}
blockquote, q { quotes: "" ""; }
a img { border: none; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight: bold; }
strong.noVisual { font-weight: normal; }
em { font-style: italic; }
em.noVisual { font-style: normal; }

/* =defaults
----------------------------------------------------------------------------------------- */
a, a:link { text-decoration: underline; color: #444; }
a:hover, a:focus { text-decoration: none; color: #368AC5; }

a.alt, a.alt:link { text-decoration: none; }

a img { display: block; }

/*.imgAnimation a img, .imgAnimation a:link img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.imgAnimation a:hover img, .imgAnimation a:focus img { filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
a.imgAnimation img, a.imgAnimation:link img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
a.imgAnimation:hover img, a.imgAnimation:focus img { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
*/

/* =highlight */
a.highlight { color: #368ac5; text-decoration: none; border-bottom: 1px dotted; }
a.highlight:hover, a.highlight:focus { color: #fff; background-color: #368ac5; border-bottom: 0 none;}

p { padding: 0 0 16px; }
abbr { border-bottom: thin dotted; }
abbr:hover, abbr:focus, abbr.noVisual { border-bottom: 0 none; }
acronym { border-bottom: thin dotted; }
acronym:hover, acronym:focus, acronym.noVisual { border-bottom: 0 none; }

.clear { clear: both; }
.txtRight { text-align: right; }
.txtLeft { text-align: left; }
.floatRight { display: inline; float: right; margin: 12px; }
.floatLeft { display: inline; float: left; margin: 0 5px 5px 0; }
.warning { color: #d10605; }
.imgBlock { display: block; margin: 10px auto 6px; }
.txtCenter {text-align: center; }
.tria { color: #368ac5; }
.triaAlt { color: #326e90; }
img.border { padding: 3px; background-color: #eee; border: 1px solid #ccc; }

object { display: block; overflow: hidden; }

blockquote { padding: 14px 0 0 0; margin: 8px 0 22px 0; background-color: #eee; border-bottom: 2px solid #ececec; }


 
/* =layout / divisions
----------------------------------------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #444; background: none #555; }

#outerWrapper { position: relative; overflow: hidden; width: 978px; margin: 0 auto; padding: 0 12px 0 11px; background: #fff; }

/* =header
----------------------------------------------------------------------------------------- */
#header { position: relative; width: 978px; padding: 0; height: 112px; }
#header h1 { overflow: hidden; width: 942px; height: 93px; margin: 0; padding: 19px 0 0 36px; background: url(../images/layout/headerbg.jpg) no-repeat right top;  }
#header #logo a { display: block; width: 216px; height: 74px; margin: 0; padding: 0; background: none; }

 

#navigationMain {
	background: #242424;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

#navigationContents {
	margin: 0 auto;
	padding-left: 0;
	width:800px;
}

#midContent {
	
	height: 250px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
	overflow: hidden;
}

/* @end */


/* =banner
----------------------------------------------------------------------------------------- */
#index #banner { overflow: hidden; width: 978px; height: 226px; }
#banner { overflow: hidden; width: 978px; height: 165px; background: url(../images/banner.jpg) }
#markets { width: 627px; margin: 0 auto; }

/* =index
----------------------------------------------------------------------------------------- */
.col { display: inline; float: left; width: 260px; margin: 0 0 0 48px; padding: 0; }

 
h1 { margin: 0 0 14px 0; padding: 6px 0 8px 0; text-transform: uppercase; font: normal 18px/30px Arial, Helvetica, sans-serif; color: #444;}


/* =content
----------------------------------------------------------------------------------------- */

#contentWrapper { overflow: hidden; clear: both; width: 978px; margin: 0; padding: 27px 0 0 0; background: url(../images/layout/contentWrapperBG.jpg) no-repeat top left #fff; }

#content .breadcrumb { margin: 0; padding: 0 12px; border-bottom: 1px solid #ccc; line-height: 32px; }
#content .breadcrumb a, #content .breadcrumb a:link { text-decoration: none; color: #368ac5; }
#content .breadcrumb a:hover, #content .breadcrumb a:focus { text-decoration: none; background-color: #368ac5; color: #fff;  }

#content { overflow: hidden; float: left; width: 651px; padding: 0 0 64px 32px; }
#content h1 { margin: 1px 0 6px; padding: 0 12px 0; border-top: 1px solid #ccc; line-height: 38px; color: #368ac5; font-weight: bold; }
#content h2 { margin: 0 0 16px 0; padding: 5px 12px 6px; border-bottom: 1px solid #efefef; font: bold 15px/20px Arial, Helvetica, sans-serif; color: #444; }
#content h2.alt { margin: 5px 0 16px 0; padding: 4px 12px; border-bottom: 1px solid #ccc; font: bold 15px/20px Arial, Helvetica, sans-serif; background-color: #555; color: #fff; }
#content h3 { margin: 0 0 14px 0; padding: 4px 12px 0; font: bold 13px/20px Arial, Helvetica, sans-serif; color: #444; }
#content p { padding: 0 12px 14px; }
#content ul { padding: 0 12px 16px 38px; }
#content li { list-style: outside circle; padding: 0 0 10px; }
#content ul ul { padding: 0 16px 4px 38px; }
#content ul ul li { list-style: outside square; padding: 16px 0 0; }
#content ul ul ul li { list-style: outside disc; }
#content ul ul ul ul li { list-style: outside circle; }

/* certification */
.certification { float: left; width: 300px; height: 225px; margin: 0; text-align: center; }
.certification img { display: block; margin: 10px auto; }

/* google map */
#content #mapIndia, #content #mapUSA, #content #mapEurope { display: inline; float: right; width: 300px; height: 320px; margin: 8px 12px 20px; padding: 0; border: 2px solid #eee; border-bottom: 2px solid #ccc; }
#content .gmap_marker { font-size: 14px; font-weight: bold; line-height: 16px; font-weight: bold; margin: 0; padding: 0; color: #368ac5; }
#content #map a:hover, #content #map2 a:hover { background: transparent; }

/* =sidebar
----------------------------------------------------------------------------------------- */
#sidebar { overflow: hidden; float: left; width: 231px; margin: 0; padding: 0 0 0 32px; }
#sidebar h2 { margin: 0; padding: 0 12px; background-color: #242424; font: bold 14px/32px Arial, Helvetica, sans-serif; color: #fff; }
#sidebar h2.alt { background-color: #326e90; }

#sidebar h2 a { text-decoration: none; color: #fff; }
#sidebar h2 a:hover, #content h2 a:focus { text-decoration: none; color: #fff; background: transparent; }


.navSub li { display: block; padding: 0 12px; border-bottom: 1px solid #ddd; }
.navSub a, .navSub a:link { padding: 0 0 0 16px; color: #444; text-decoration: none; line-height: 30px; }
.navSub a:hover, .navSub a:focus, .navSub li.current a { padding: 0 0 0 18px; color: #368ac5;}
.learnMore { margin: 0; padding: 121px 0 0; background: url(../images/layout/learnMore-bg.jpg) no-repeat top center; }

.learnMore li {
background:url("../images/layout/icons.gif") no-repeat scroll 5px 2px transparent;
border-bottom:1px solid #DCE1E4;
display:block;
padding:0 12px;
}
.learnMore #lm-Download {
background-position:5px -53px;
}
.learnMore #lm-Call {
background-position:5px -104px;
}
.learnMore #lm-Contact {
background-position:5px -156px;
}
.learnMore a, .learnMore a:link {
color:#000080;
line-height:30px;
padding:0 0 0 38px;
text-decoration:none;
}
.learnMore a:hover, .learnMore a:focus, .learnMore li.current a {
background:none repeat scroll 0 0 transparent;
color:#368AC5;
padding:0 0 0 40px;
}
.learnMore li.current a {
font-weight:bold;
}



/* =footer
----------------------------------------------------------------------------------------- */
#footer { clear: both; width: 978px; height: 28px; margin: 0 auto; padding: 28px 0 0 0; background: url(../images/layout/footerBg.gif) repeat-x #edf0f3; color: #777;  }
#copyright { float: left; width: 450px; margin: 0; padding: 0 0 0 32px; }
#miscLinks { float: right; width: 254px; margin: 0; padding: 0; }

#miscLinks li { float: left; border-right: 1px solid #ccc; padding: 0 4px; }
#miscLinks li.last { border-right: 0 none; }

#miscLinks a, #miscLinks a:link { color: #777; text-decoration: none; }

#miscLinks a:hover, #miscLinks a:focus,  #miscLinks li.current a { text-decoration: none; background-color: #326e90; color: #fff; }

/* watermark */
#index #watermark { display: none; }


/* =tabularData
----------------------------------------------------------------------------------------- */
table { width: 626px; margin: 0 12px 16px; }
td, th { padding: 5px 10px; border: 1px solid #eee; }
th { background-color: #326e90; color: #fff; font-weight: normal; border: 1px solid #b1d8ee; }
th.top { vertical-align: top; }

table.products { padding: 0; width: auto; margin: 12px auto 16px; }
table.products th { padding: 0 12px; border: 0 none; }
table.products th a, table.products th a:link { padding: 0 2px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
table.products th a:hover { background-color: #fff; color: #368ac5; border-bottom: 2px solid #368ac5; }
table.products td { padding: 0; text-align: center; border: 1px solid #efefef; }
table.products td img { display: block; margin: 0 auto; }

table.specification td, table.specification th { padding: 4px 0; text-align: center; }
table.specification td.note { padding: 4px 4px; background-color: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #444; text-align: left; }

table.solutions { width: 627px; margin: 4px 12px 24px; }
table.solutions th { padding: 10px; width: 150px; background-color: #326e90; color: #f3f9fd; font-weight: normal; border: 0 none; border-top: 20px solid #fff; text-align: center; font-size: 16px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-weight: normal; }
table.solutions td { padding: 10px; font-weight: normal; background-color: #eee; border: 0 none; border-top: 20px solid #fff; }
/**/
/*table.solutions .alt th { background-color: #3a7799; color: #f3f9fd; }
table.solutions .alt td { background-color: #f9f9f9; }*/

/* forms
----------------------------------------------- */
form { padding: 0 18px 12px; margin: 0; }
fieldset { clear: both; }
legend { padding: 2px 0 18px 0; margin: 0; font-size: 14px; font-weight: bold; color: #111; }
legend.inline, #register legend.inline { padding: 0 0 10px 0; margin: 0; font-size: 12px; font-weight: normal; color: #444; }

* html legend, * html #register legend.inline { margin-left: -7px; } /* ie6 */
*+html legend, *+html #register legend.inline { margin-left: -7px; } /* ie7 */

form .field, form .buttons { padding-bottom: 12px; }
form .field { padding-left: 220px; }
#content .twoLinesInput { padding-bottom: 25px; }
#content .threeLinesInput { padding-bottom: 45px; }

form .field label { display: inline; float: left; width: 200px; margin-left: -220px; }
#content .fields, #content .fields-checkbox { line-height: 18px; }
#content .fields li, #content .fields-checkbox li { margin: 0; padding: 0 0 6px; list-style-type: none; list-style-position: outside; }
#content .fields-checkbox { float: left; margin-left: 220px; display: inline; margin-top: -24px; padding: 0 0 6px; }
#content .twoLines { margin-top: -35px; }
#content .threeLines { margin-top: -53px; }
#content .fourLines { margin-top: -80px; }
label, button, input.submit { cursor: pointer; }
input.radio, input.checkbox { vertical-align: top; padding: 0; margin-left: 0; margin-right: 0; }
* html input.radio, * html input.checkbox { vertical-align: middle; } /* ie6 */
*+html input.radio, *+html input.checkbox { vertical-align: middle; } /* ie7 */
input.extraInfo { vertical-align: middle; margin-left: 16px; margin-top: 2px; }

input.submit { margin-top: 10px; margin-left: 220px; background-color: #555; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #fff; }
input.reset { margin-left: 10px; }
input.submit:hover { background-color: #326e90; }

input.text, input.password, textarea, select { width: 140px; border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #888; border-right: 1px solid #888; font-size: 12px; color: #444; }
input.std { width: 33px;}
input.phone{ width: 95px;}

input.text:focus, input.password:focus, textarea:focus, select:focus { background-color: #eee; }

input.datepicker { vertical-align: top; }
img.ui-datepicker-trigger { padding: 3px 0 0 5px; }

.required { color: #d10605; font-size: 14px; }
#ui-datepicker-div { display: none; }

/* =simpleTip Plugin
----------------------------------------------------------------------------------------- */
.tooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; color: #368ac5; text-decoration: none; padding: 16px 0 2px; }




/* =accessibilityEnhancements
----------------------------------------------------------------------------------------- */
hr { display: none; visibility: hidden; }
/*visualHide*/
.visuallyHidden { position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }

/* =clearfix (Alsett)
----------------------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
.clearfix {display: inline-block;}
/* backslash hack hides from IE Mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* end backslash hack */

/* =webkit / mozilla
----------------------------------------------------------------------------------------- */
::selection { color: #fff; background-color: #368ac5; } /* webkit */
::-moz-selection { color: #fff; background-color: #368ac5; } /* mozilla */

dl { overflow: hidden; }
h3 { clear: left; }
dt {width: 75px; float: left; padding:0 0 0 10px; color: #368ac5;}
dd {width: 180px; float: left;}



 a.highlightLink, a.highlightLink :link { text-decoration: none; color: #444; }
a:hover.highlightLink , a:focus.highlightLink { text-decoration: none; color: #326e90; background-color: #fff; }