/*start reset css*/
html{ color:#000;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, dfn, th, var{font-style:normal; font-weight:normal;}
li{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
q:before, q:after{content:'';}
abbr, acronym{border:0; font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input, textarea, select{font-size:100%;}
legend{color:#000;}
/*end reset css*/

/*body*/
body{ background:#fff;font:12px Verdana, Arial, Helvetica, sans-serif;}
a{ outline:none;}
.wrap{ margin:0px auto; width:990px;}
.glob_div{ width:100%; height:100%; overflow:hidden;}
.glob_div_m{width:100%; height:100%; overflow:hidden; margin-top:20px;}
.ver13_b{ font-size:13px; font-weight:bold;}
a.link{ color:#FFFFFF; font-size:11px; text-decoration:none; background:url(../images/bullet.png) no-repeat right 3px; padding-right:14px;}
a.linktwo{ color:#0096DB; font-size:11px; text-decoration:none; background:#fff url(../images/bullet.png) no-repeat right 2px; padding-right:14px; height:15px; display:block; width:80px;}
a.globallink{ color:#006699; text-decoration:underline;}
a:hover.globallink{text-decoration:none;}




/***classes***/
.p{ font-family:Arial, Helvetica, sans-serif; color:#666; margin-bottom:1em;}
.p2{font-family:Arial, Helvetica, sans-serif; color:#666;}
.h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#666; margin-bottom:10px; text-transform:lowercase;}
.h1_conect{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#666; margin-bottom:0px; text-transform:lowercase;}
.h5{ font-size:15px; color:#666; font-weight:bold; margin-bottom:10px;}
.h2{font-size:13px; color:#393; font-weight:bold; margin-bottom:10px;}
.h2font20{font-size:13px; color:#393; font-weight:normal; font-size:20px; margin-bottom:10px;}
.h2g{font-size:13px; color:#666; font-weight:bold; margin-bottom:10px;}
.div20{ margin-bottom:20px;}
.pdl{ padding-left:20px;}
.mrb{ margin-bottom:5px;}

/*header*/
#header{ height:70px;position:relative; margin-bottom:10px;}
#header #logo{ width:189px; height:56px; float:left; position:absolute; bottom:0px;}
#header #phloc{ width:295px; float:left; border-left:1px dotted #999;border-right:1px dotted #999; position:absolute; bottom:0px; left:206px; color:#999; font-weight:bold; text-align:center; padding:0px 5px; font-size:11px;}

#header #phloc1{ width:190px; float:left; border-left:1px dotted #999;border-right:1px dotted #999; position:absolute; bottom:0px; left:206px; color:#999; font-weight:bold; text-align:center; padding:0px 5px; font-size:11px;}


#header #phloc div.tollfree{ width:200px; float:left; margin-top:5px;}
#header #phloc div.locations{ width:55px; float:left; margin-left:5px; border-left:1px dotted #999; padding-left:10px; font-size:10px;}
#header #phloc div.locations a{ color:#ccc; text-decoration:none; display:block; text-align:left; padding-left:25px;width:55px; height:18px;}
#header #phloc div.locations a:hover{text-decoration:none;}
#header #phloc div.locations a.uk{ background:url(../images/uk.jpg) no-repeat left 2px; position:relative; top:12px; left:10px;}
#header #phloc div.locations a.sg{ /*background:url(../images/sg.jpg) no-repeat left 2px;*/}
#header #nav{height:auto;position:absolute; right:0px; bottom:0px; width:510px;}
#header #nav ul{ text-align:right;}
#header #nav ul li{ display:inline;}
#header #nav ul li a{ color:#0096db; text-decoration:none; background:url(../images/bullet.png) no-repeat left 4px; padding-left:11px; margin-left:4px;}
#header #nav ul li a:hover{ text-decoration:none;}

/*main section*/
#main{ margin-top:0px;}

/**bannersection***/
.mjbnr{ background:url(../images/mjbnr.jpg) no-repeat left top; height:224px; position:relative;color:#FFFFFF;}
.mjbnr div.punchline_m{ width:360px; height:110px; position:absolute; top:50px; left:275px;}
h1.punchlineh1{ font-size:25px;}
h1.punchlineh1 span{ font-size:15px; font-weight:bold; position:relative; top:8px; display:block;}

.mjbnr div.punchline_r{ width:259px; height:224px; position:absolute; top:0px; right:0px; text-align:center; background: url(../images/CECT.jpg) no-repeat top left; }
h3{text-transform:lowercase;}
h3.punchr{font-size:13px; font-weight:bold; position:relative; top:60px;}
h3.punchr span{ display:block; font-size:35px; font-weight:normal;}
.knowmore{ margin-top:100px;}

/***homepage leftpane*/

.divhome{ height:165px; margin-top:10px;}
.divhome2{ height:130px; margin-top:10px;}
#homeleft{ width:721px; float:left;}
#homeright{ width:259px; float:right;}
#homeleft div.div176{ width:176px; float:left; height:165px;margin-right:5px; position:relative;}
#homeleft div.div177_r{width:177px; float:right;height:165px;position:relative;}
#homeleft div.home_tab{width:176px; height:51px; margin-bottom:5px;}
#homeleft p{ font-size:11px; color:#36424a; line-height:15px; padding-left:5px; padding-right:5px;}
#homeleft div.tab_knowmore{position:absolute;bottom:0px;text-align:right;right:5px;}

#newsevents{ float:right; background:url(../images/news_events.jpg) no-repeat right top; width:215px; height:137px; padding:15px 10px 10px 44px; position:relative;}
#newsevents li a{ color:#666; text-decoration:none;}
#newsevents li a:hover{ text-decoration:underline;}



#liststyle{}
#liststyle ul{}
#liststyle ul li{color:#666; font-size:11px; padding-bottom:15px; margin-left:0px; background:url(../images/bullet.png) no-repeat left 4px; padding-left:15px;}
.viewalldiv{ position:absolute; right:15px; bottom:10px;}
.viewall{color:#0096DB; font-size:11px; text-decoration:none; background:url(../images/bullet.png) no-repeat right 2px; padding-right:14px; height:18px;}


#customerssp{float:right; background:url(../images/customers_speak.jpg) no-repeat right top; width:215px; height:105px; padding:15px 10px 10px 44px; position:relative;}
#liststylep{}
#liststylep ul{}
#liststylep ul li{color:#666; font-size:11px; padding-bottom:10px; margin-left:0px;padding-left:15px;}
#liststylep ul li.spk{text-align:right; padding-right:10px; color:#333333;}


#brands{ width:721px; height:130px; background:url(../images/brandsdiv.jpg) no-repeat left top; position:relative;}
#brands div.brandsdiv{ position:absolute; top:15px; left:55px; width:425px; height:95px;padding-top:5px; padding-left:5px;}
#brands div.contactinfo{position:absolute; top:6px; left:525px; width:178px; height:100px;}
.brandsul{}
.brandsul li{width:68px; height:45px; margin-right:2px; float:left; margin-bottom:2px;}
.brandsul li a{width:68px; height:45px; display:block; margin-left:3px; margin-top:0px; text-align:center; padding:2px 1px; background:url(../images/img_brand.gif) no-repeat left top; list-style: none;}
*html .brandsul li a{width:68px; height:45px; display:block; margin-left:3px; margin-top:0px; text-align:center; padding:2px 0px; background:url(../images/img_brand.gif) no-repeat left top; list-style: none;}


#contactinfoinner h5{ color:#ccc; font-size:11px; font-weight:bold; margin-bottom:8px; margin-top:3px;}
#contactinfoinner ul{}
#contactinfoinner ul li{ font-size:10px; color:#999; line-height:14px;}
#contactinfoinner ul li a{ color:#0096db; text-decoration:underline;}
#contactinfoinner ul li a:hover{ text-decoration:none;}



#footer{clear:both;font-size:11px; color:#666; margin-top:10px; padding-bottom:10px;}
#footer div.footertop{background:#ccc url(../images/footer_r.jpg) no-repeat right top; height:18px;}
#footer div.footertop span{display:block; background:url(../images/footer_l.jpg) no-repeat left top; height:18px;}
#footer div.footermid{ padding-top:5px;}
#footer div.footermid ul li{ line-height:16px;}
#footer a{ color:#666; text-decoration:none;}
#footer a:hover{ color:#666; text-decoration:none;}


/*manufacturer pages*/
#graynav{ height:70px; background:url(../images/manunav_m.jpg) repeat-x left top; color:#FFFFFF;}
#graynav span.graynav_r{ width:6px; height:70px; float:right; display:block; background:url(../images/manunav_r.jpg) no-repeat right top;}
#graynav div.graynav_l{height:70px; float:left;background:url(../images/manunav_l.jpg) no-repeat left top; position:relative; width:980px;}
#graynav ul{margin-top:16px; margin-left:10px;}
#graynav ul li{font-size:12px;font-weight:bold; display:inline;}
#graynav ul li a{color:#FFFFFF; background:url(../images/graynav_bullet.gif) no-repeat left top; padding-left:20px; text-decoration:none; padding-bottom:5px; margin-right:10px; display:block; float:left;}
#graynav ul li a:hover{ text-decoration:none;}
#graynav span.graynavtitle{ font-size:30px; font-weight:normal; position:absolute; right:0px; top:4px; text-transform:lowercase;}
#graynav span.graynavtitle a{ color:#FFFFFF; text-decoration:none;}
#graynav span.graynavtitle a:hover{text-decoration:none;}

.main_border{ background:url(../images/border_middle.gif) repeat-y 694px top; height:100%; overflow:hidden; padding-bottom:15px;}
#column2{ width:246px; padding-left:20px;float:right;padding-right:20px;}
#column1{ width:645px; padding-right:10px; padding-left:20px;float:left;}
#column3{ width:150px; padding-right:20px;float:left;}
#column4{ width:475px;float:left;}
.innnercolumn1{width:360px; padding-right:10px;float:left;}
.innnercolumn2{width:275px;float:left;}
.mainsection{ padding:0px 30px; height:100%; overflow:hidden;}
.mainsection2{ padding:0px 20px; height:100%; overflow:hidden;}
.column5{width:260px;float:left;padding-right:30px;}
.column6{float:right;width:640px;}



#channels{ padding-top:20px; margin-bottom:20px;}
#channels h3{font-size:15px; font-weight:bold; color:#666; margin-bottom:10px;}
#channels h3 span{ color:#006699;}
#channels h3 b{ color:#339933;}

#channels ul{}
#channels ul li{ width:100%;}
#channels ul li a{display:block;padding:7px; text-decoration:none; color:#fff;background:#006699 url(../images/channels_bullet.png) no-repeat 5px 7px;padding-left:27px; width:210px; margin-bottom:1px;}
#channels ul li a:hover{ text-decoration:none; background:#339933 url(../images/channels_bullet_hover.png) no-repeat 5px 7px;}

#channels ul li ul{}
#channels ul li ul li{width:100%;}
#channels ul li ul li a{display:block;padding:5px 7px 5px 27px; text-decoration:none; color:#000;width:210px; margin-bottom:1px; background:#f0f0f0 url(../images/sdmenu_bullet.gif) no-repeat 7px 8px; font-size:11px;}
#channels ul li ul li a:hover{ text-decoration:none;background:#f3f3f3 url(../images/sdmenu_bullet.gif) no-repeat 7px 8px; color:#333;}



.manufac_ran{ background:url(../images/manufactures_1.jpg) no-repeat left top; width:645px; height:180px; position:relative;}
.bluequote{ color:#4491b8; font-family:Verdana, Arial, Helvetica, sans-serif;width:305px; position:absolute; left:280px; top:35px;}
.bluequote strong{font-weight:normal;font-size:20px;}
.bluequote b{ font-weight:bold; font-size:20px;}
.bluequote span{font-weight:bold; font-size:15px;}
.channelpartner_ran{ background:url(../images/channel_partner.jpg) no-repeat left top; width:645px; height:180px; position:relative;}
.channelpartner_ran .bluequote{ color:#4491b8; font-family:Verdana, Arial, Helvetica, sans-serif;width:305px; position:absolute; left:320px; top:35px;}
.conect_ran{ background:url(../images/channel_partner.jpg) no-repeat left top; width:645px; height:180px; position:relative;}
.conect_ran .bluequote{ color:#4491b8; font-family:Verdana, Arial, Helvetica, sans-serif;width:305px; position:absolute; left:320px; top:35px;}

.producttour{}
.producttourvd{ width:243px; height:187px;}

.bluelinks{}
.bluelinks ul{ text-align:left;}
.bluelinks ul li{ display:block; margin-bottom:0.5em;}
.bluelinks ul li a{ color:#0096db; text-decoration:none; background:url(../images/bullet.png) no-repeat left 4px; padding-left:13px; margin-left:4px;}
.bluelinks ul li a:hover{ text-decoration:none;}

.man_10reasons{ width:340px; height:auto; float:left;}
.man_rich_foot{ width:285px; height:auto; float:right;}

.martjack{ color:#006699; font-size:20px;}
.martjack b{ font-weight:normal; color:#339933;}


.bullet_graylist{}
.bullet_graylist li{ background:url(../images/bullet_gray.jpg) no-repeat left 3px; padding-left:15px; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em;}
.bullet_graylist li.viewdetailsli{ background:none;padding-top:10px;}
.bullet_graylist li.viewdetailsli a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0096db; text-decoration:none; background:url(../images/bullet.png) no-repeat left 4px; padding-left:12px; float:right; padding-right:50px;}
.bullet_graylist li.viewdetailsli a:hover{ text-decoration:none;}


.bullet_graylist2{}
.bullet_graylist2 li{ background:url(../images/bullet.png) no-repeat left 3px; padding-left:15px; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em;}
.bullet_graylist2 li.viewdetailsli{ background:none;padding-top:10px;}
.bullet_graylist2 li a{ color:#0096DB; text-decoration:none;}
.bullet_graylist2 li a:hover{text-decoration:none; color:#0096DB;}

.bullet_graylist2 li a.globall{ color:#006699; text-decoration:underline;}
.bullet_graylist2 li a.globall:hover{text-decoration:none;}



.customerspeak{width:100%; height:100%; overflow:hidden;}
.customerspeakinner{ padding-left:28px; margin-top:-15px;}
.topquote{ width:16px; height:28px;background:url(../images/top_quote.jpg) no-repeat left top;}
.bottomquote{ width:16px; height:28px;background:url(../images/bot_quote.jpg) no-repeat right bottom; float:right;}

input.askfordemo{ background:url(../images/askfordemo.gif) no-repeat left top; width:338px; height:100px; display:block; border:none; cursor:pointer;}
input.askfordemosmall{ background:url(../images/askfordemo_small.gif) no-repeat left top; width:243px; height:87px; display:block; border:none; cursor:pointer;}


.contactus{ font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.contactus li{ line-height:17px;}






.singlestore_custmerspeaks{ background:url(../images/SingleStore1-custmerspeaker.jpg) no-repeat; width:200px; height:211px; padding:30px}
.singlestore_categoriesdiv{width:490px; height:100%; float:left;overflow:hidden;} 
.singlestore_signupdiv{width:118px; height:100%; overflow:hidden;float:right;}
.singlestore_categoriesdiv ul{width:128px; float:left;}
.singlestore_categoriesdiv ul li{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#00a0df; padding-bottom:2px;}
.singlestore_categoriesdiv ul li a{color:#00a0df; text-decoration:none;}
.singlestore_categoriesdiv ul li a:hover{ text-decoration:underline;}
.singlestore_categoriesdiv ul li.categories_heading{font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin-bottom:10px; padding:0px;}
.singlestore_categoriesdiv .productdemovideo{width:488px; height:131px; margin:0px 0px 10px 0px;}

.producttour_video{ width:930px; height:503px; text-align:center; padding-top:80px; background:url(../images/producttour.jpg) no-repeat left top;}







/* **********************    Madhava CSS Starting      ********************** */


.form_l{width:243px; height:100%; float:left;}
.form_r{width:70.5%; height:100%; float:left; margin-left:30px;}

.regdul {margin:0px; padding:0px; height:auto; color:#4b5557; overflow:hidden; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.regdul li{overflow:hidden; line-height:24px; height:30px;}
.regdul li label{font-weight:bold; width:18%; float:left; display:block;}
.regdul li span{font-weight:normal; width:32.3%; float:left; display:block;}
.regdul li b{width:2%; font-size:11px; display:block; float:left;}
.mandatory{color:#FF0000; font-weight:normal;}

.mainformtxt{width:206px; border:1px solid #828e90; height:18px; padding-top:4px; text-indent:2px; color:#666; }
.mainformtxt200{width:170px; border:1px solid #828e90; height:18px; padding-top:4px; text-indent:2px; color:#666; }
.mainformtxt40{width:30px; border:1px solid #828e90; height:18px; padding-top:4px; text-indent:2px; color:#666;}

.title{font-size:30px; color:#FFFFFF; padding-left:10px; line-height:42px;}
.titlesmall{font-size:20px; color:#FFFFFF}

.title_img{background:url(../images/footfalls.gif) no-repeat left bottom; padding-left:110px; padding-top:90px; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#666; margin-bottom:10px; text-transform:lowercase;}
.title_img1{background:url(../images/benefits.gif) no-repeat left bottom; padding-left:110px; padding-top:80px; height:54px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#666; margin-bottom:10px; text-transform:lowercase;}



#increase{padding-top:20px; margin-bottom:20px;}
#increase h3{font-size:15px; font-weight:bold; color:#666; margin-bottom:10px;}
#increase h3 span{ color:#006699;}
#increase h3 b{ color:#339933;}

#increase ul{}
#increase ul li{ width:100%;}
#increase ul li a{display:block; text-decoration:none; color:#fff; background:url(../images/leftnav.gif) no-repeat; padding-left:34px; height:26px; padding-top:11px; margin-bottom:1px;}
#increase ul li a:hover{ text-decoration:none; background:url(../images/leftnav_hover.gif) no-repeat; height:26px;}

.richprod_imgbg{background:url(../images/richproduct_bg.png) no-repeat left top; height:151px; width:990px; }
.richprod_imgbg ul{margin:0px; padding:22px 40px 0px 40px;}
.richprod_imgbg ul li{background:url(../images/prod_bg.png) no-repeat; width:114px; height:106px; text-align:center; padding-top:14px; margin-left:8px; margin-right:8px; float:left;}

.prodpriv{ background:url(../images/prodpriv_bg.png) no-repeat center top; margin-top:16px; height:464px; margin-bottom:4px;}


/* for video display */
.vid_display{ width:260px; height:176px; background:url(../images/cust_speak_main_bg.jpg) no-repeat left top;}

.thumbs{ float:left; margin:6px 0px 0px 0px; padding-left:10px;   }

.conect_leftcol{ width:290px; height:auto; float:left; }
.conect_rightcol{ width:330px; height:auto; float:right;}
#graynav span.graynavtitle_conect{ font-size:30px; font-weight:normal; position:absolute; right:0px; top:4px;}
#graynav span.graynavtitle_conect a{ color:#FFFFFF; text-decoration:none;}
#graynav span.graynavtitle_conect a:hover{text-decoration:none;}

.container {height:90%;overflow:hidden;margin-bottom:4px;}
.container div.subheading_r{height:37px;margin:0px;overflow:visible; padding-right:6px; background:url(../images/bg_headingright.jpg) right top no-repeat;}
.container div.subheading_r h3.subheading_l {height:27px;position:relative; display:block; color:#ffffff; font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align: left;margin:0px 0px 0px 0px;padding-left:30px;padding-top:10px;font-weight:bold; background:url(../images/bg_headingleft.jpg) left top no-repeat; }
.container div.r_bottom{padding:0px 6px 0px 0px; height:5px;clear:both; margin:0px 0px 0px 0px; background:url(../images/bg_bottomright.jpg) right top no-repeat;}
.container div.r_bottom  div.l_bottom{height:5px; position:relative; clear:both; font-size:1px; background:url(../images/bg_bottomleft.jpg) left top no-repeat;} 
.container .htmlbucket{background-color:#FFFFFF; border-left:1px solid #E2E1E1; border-right:1px solid #E2E1E1; color:#666666;font-size:12px; margin:0; overflow:hidden; padding:10px 8px 0px 8px;text-align:left; width:auto;}


/* **********************    Madhava CSS Ending      ********************** */


.martjack_conectlnk{display:block; width:259px; height:154px;}
.martjack_videolnk{display:block; height:58px; width:259px; margin-bottom:12px;}
/*new classes*/
.regform{ width:306px; height:255px; font-family:Tahoma; padding-top:15px;}
form_subdiv{margin-left:30px; margin-top:10px;}
h2.title{ color:#359732; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:0px;}
.textbox{ width:275px; height:27px; background:url(../images/textbox.gif) no-repeat left top; border:none; font-size:11px; color:#000; padding-left:8px; margin-top:8px; line-height:24px;}
/*.textbox, x:-moz-any-link, x:default{line-height:normal; padding-top:4px; height:20px;}*/
.formtext{font-size:11px; color:#666666; padding-left:8px; font-weight:normal; text-align:left; padding-top:9px;}
.callmebtn{ background:url(../images/callme_btn.gif) no-repeat left top; width:113px; height:26px; display:block; float:right; color:#FFFFFF; margin-top:8px; border:none; cursor:pointer; outline:none;}
.livechatbtn{ background:url(../images/livechat.jpg) no-repeat left top; width:100px; height:30px; display:block; float:right; color:#FFFFFF; margin-top:8px; border:none; cursor:pointer; outline:none;}
.form_subdiv{margin-left:25px; margin-top:10px;}
