/*Sliding Banner Start*/
.homePageContent .slidingBanner {border-bottom:1px solid #dfdfdf; float: left; height:417px; margin:0 0 13px 0; overflow: hidden; position: relative; width:100%; }
.homePageContent .slidingBanner .scrolWrap { height:296px; overflow:hidden; position:relative; width:960px; }
.homePageContent .slidingBanner .scroller { float:left; width:6727px; }
.homePageContent .slidingBanner .bannerWrap, thumbnailWrap { list-style:none }
.homePageContent .slidingBanner .bannerWrap li .ban { float:left; position:relative; }
.homePageContent .slidingBanner .bannerWrap li { display:none; left:0; opacity:0; position:absolute; top:418px; z-index:1; width:961px; height:337px; }
/*.homePageContent .slidingBanner .bannerWrap li span { color: red; float: left; left: 0; position: absolute; }*/
.homePageContent .slidingBanner .thumbScroller { float:left; height:132px; overflow:hidden; width:875px; position:relative; display:block }
.homePageContent .slidingBanner .thumbnailWrap { float:left; width: 3072px; height:140px; display:block; }
.homePageContent .slidingBanner .thumbScroller ul li { float:left; height:103px; list-style:none; overflow:hidden; padding:29px 15px 0 15px; width:162px; }
.homePageContent .slidingBanner .thumbScroller ul li.active { background:url(../images/thumbscroller_pointer.png) no-repeat center 0; }
.homePageContent .slidingBanner .slider {/* background-color: #fff;  background:url(../images/bg_thumbscroller.png) repeat-x 0 bottom; */position:absolute; left:0; bottom:0; z-index:3; /*Modified on 01 Feb 2013*/ width:960px; height:132px; display:block; }
.homePageContent .slidingBanner .slider .prevBtn { background:url(../images/btn_slider_prev.png) no-repeat 0 0; float:left; height:50px; margin:42px 0 0 15px; text-indent:-999px; width:19px; cursor:pointer }
.homePageContent .slidingBanner .slider .nextBtn { background:url(../images/btn_slider_next.png) no-repeat 0 0; float:right; height:50px; margin:42px 15px 0 0; text-indent:-999px; width:19px; cursor:pointer }
.homePageContent .slidingBanner .thumbnailWrap li a { display: block; height: 73px; position: relative; width: 162px; overflow:hidden; }
.homePageContent .slidingBanner .thumbnailWrap li img { width:100%; height:100%; display:block; }
.homePageContent .slidingBanner .thumbnailWrap li span { border: 5px solid #99CCFF; height: 73px; position: absolute; left:-5px; top:-5px; width: 162px; z-index: 1; opacity:0; display:block; }
.homePageContent .slidingBanner .thumbnailWrap li.active span { border: 5px solid #4fa9d1; height: 63px; position: absolute; left:0; top:0; width: 152px; z-index: 1; display:block; }
.homePageContent .slidingBanner .thumbnailWrap li label { color:#2a90be; float: left;  font-size: 1.4em; font-weight:bold; text-align:center; line-height:2em; width: 100%; }
.homePageContent .slidingBanner .thumbnailWrap li.active label { color:#636363 }
/*.homePageContent .slidingBanner .bannerWrap li span { background:transparent; color:#fff; display:none;  font-size:3.5em; left: 50px; position: absolute; text-shadow:1px 1px 1px #555555; top:30px; behavior: url(PIE.htc);}
.homePageContent .slidingBanner .bannerWrap li label {background: none repeat scroll 0 0 transparent;
    color: #205773;
    display: none;
    
    font-size: 2.3em;
    left: 50px;
    position: absolute;
    text-shadow: 1px 1px 3px #000000;
    top: 77px; behavior: url(PIE.htc); }
.homePageContent .slidingBanner .bannerWrap li a { background:#1c95cc; color:#FFFFFF; display:none;  font-size:1.3em; height:auto; left: 50px; padding:8px 0 8px 0; position: absolute; text-align:center; text-decoration:none; top:130px; width:88px; }*/
.bannerCopy{ background: url(../images/bannercopy_bg.png) repeat 0 0; position: absolute; top: 20px; padding: 15px; left: 260px/*Modified on 4th Oct'13*/; min-width: 300px; width:auto}
.homePageContent .slidingBanner .bannerWrap li h2 { color:#333; font-weight: normal; display: block;  position: static; font-size:2.8em; }
.homePageContent .slidingBanner .bannerWrap li h3 {  color:#333; font-weight: normal; display: block; padding: 6px 0 10px;  font-size:2em;  }
.homePageContent .slidingBanner .bannerWrap li a { background:#1c95cc; color:#FFFFFF;  font-size:1.3em; display: block; padding: 8px; width:70px; }


.homePageContent .slidingBanner .accordian { background-color:#FFF; float: left; padding:10px 15px 7px 15px; left:20px; position:absolute; top:20px; width:192px; z-index:4/*Modified on 22 jan 2013*/ }
.homePageContent .slidingBanner .accordian h3 { background: none/*url(../images/arrow_accordian.gif) right center no-repeat*/; border-top:1px solid #b2b2b2; color:#434343; /*cursor:pointer;*/ float: left;  font-size: 2.2em; font-weight:normal; line-height:1em; padding:12px 0 12px 0; width:100%;  }
.homePageContent .slidingBanner .accordian h3.first { border-top:none }
.homePageContent .slidingBanner .accordian h3.sel { background: none/*url(../images/arrow_accordian_active.gif) right center no-repeat*/ }
.homePageContent .slidingBanner .accordian .show_hide_content { float:left; padding:0 0 10px 0; width:100% }
.show_hide_content .dropdownWrap { background-color:#e2e2e2; float: left; height: 34px; padding: 0 0 0 10px; position: relative; width: 181px }
.show_hide_content .dropdownWrap .selectBox { background: url(../images/arrow_select.gif) no-repeat right 0; height: 100%; position: relative; width: 100%; }
.show_hide_content .dropdownWrap .selectBox .selectValue { color: #1b1b1b; font-size: 1.3em; height: 34px; left: 0; line-height: 2.5em; overflow: hidden; position: absolute; top: 0; width: 82%; }
.show_hide_content .dropdownWrap .selectBox select { border: 1px solid #003366; cursor: pointer; height: 100%; left: -9px; opacity: 0; filter: alpha(Opacity=0); -moz-opacity: 0; position: absolute; top: -1px; width: 190px; z-index: 100; font-size:1.2em/*Added on 4th Oct'13*/}
.show_hide_content .dropdownWrap .selectBox select option { border-bottom: 1px solid #eee; color: #003366; cursor: pointer; padding: 4px 4px 4px 4px; }
/*Sliding Banner End*/

/*Clm Three Start*/
.homePageContent .clmThree { float: left; padding:0 0 10px 0; width: 100% }
.homePageContent .clmThree article { float: left; border-top:5px solid #205773; /*margin:0 12px 0 0; commented on 26th June'13*/min-height:347px }
.homePageContent .clmThree article.customerSupport { background-color:#227399; color:#ffffff; padding:0 22px 0 22px; width:268px }
.homePageContent .clmThree article.customerSupport h2 {color:#fff /*added on 26th June'13*/;  font-size: 2.4em; font-weight: normal; line-height:1.1em; padding:14px 0 14px 0 }
.homePageContent .clmThree article.customerSupport h3 {color:#fff; font-weight:bold /*added on 26th June'13*/; font-size: 1.4em; line-height:1em; padding:0 0 6px 0; text-transform: uppercase }
.homePageContent .clmThree article.customerSupport ul li { float: left; padding:0 0 7px 0; width: 100% }
.homePageContent .clmThree article.customerSupport ul li a { background:url(../images/arrow_customer_support.gif) 0 center no-repeat; color:#FFF; float: left; font-size:1.4em; line-height:1.2em; padding:0 0 0 14px }
.homePageContent .clmThree article.customerSupport .separator { border-top:1px solid #4e8fad; float: left; height:13px; width: 100% }
.homePageContent .clmThree article.testimonials { background-color:#f5f5f5; padding:0 20px 0 20px; width:272px }
.homePageContent .clmThree article.testimonials h2 { color:#5d5d5d;  font-size: 2.4em; font-weight: normal; line-height:1.1em; padding:14px 0 14px 0 }
.homePageContent .clmThree article.testimonials ul li { float: left; border-top: 1px solid #e0e0e0; padding:10px 0 10px 0; width: 100% }
.homePageContent .clmThree article.testimonials ul li:first-child { border-top: none; padding:0 0 10px 0 }
.homePageContent .clmThree article.testimonials ul li h3 { color: #9e9e9e;  font-size: 1.5em; /*font-style: italic;*/ font-weight: normal; line-height: 1.2em; padding:0 0 5px 0 }
.homePageContent .clmThree article.testimonials ul li p { color:#8e8e8e; font-size: 1.4em; line-height:1.2em }
.homePageContent .clmThree article.socialNet { float: left; border-top:5px solid #917ac8; margin: 0 0 0 0; width: 312px }
.homePageContent .clmThree article.socialNet .socialNetContent { float: left; border:1px solid #ebebeb; border-top:none; min-height:346px; padding:0 5px 0 5px; width: 300px }
.homePageContent .clmThree article.socialNet ul { background:url(../images/bg_sn_tab.gif) 0 67px repeat-x; float: left; padding:12px 30px 0 4px; width: 266px }
.homePageContent .clmThree article.socialNet ul li { float: left; /*padding:0 0 0 16px;*/padding:0 0 0 35px; width: 46px }
.homePageContent .clmThree article.socialNet ul li a { float: left; padding:0 0 19px 0; width: 46px }
.homePageContent .clmThree article.socialNet ul li a span { background:url(../images/sprite_icon_sn.gif) 0 0 no-repeat; float: left; height:45px; text-indent:-9999px; width: 46px }
.homePageContent .clmThree article.socialNet ul li a span.icon_twitter { background-position: -56px 0 }
.homePageContent .clmThree article.socialNet ul li a span.icon_linkedin { background-position: -112px 0 }
.homePageContent .clmThree article.socialNet ul li a span.icon_youtube { background-position: -168px 0 }
.homePageContent .clmThree article.socialNet ul li.sel a { background:url(../images/bg_sn_tab_sel.gif) center bottom no-repeat }
.homePageContent .clmThree article.socialNet .tabContent { float: left; width: 100% }

#socialNet_facebook, #socialNet_twitter, #socialNet_linkedin, #socialNet_youtube { height: 255px }
/*.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer { overflow: hidden; position: relative; z-index: 1; }
.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer .scroll-pane { float: left; height: 255px; overflow: auto; width: 260px; }
.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
.homePageContent .clmThree article.socialNet .tabContent .jScrollPaneContainer a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; } commented on 24th June 2013*/

/*custome scrollbar - added on 24th June 2013 - start*/
.homePageContent .clmThree article.socialNet .tabContent .jspContainer{height:260px !important; overflow: hidden; position: relative;}
.homePageContent .clmThree article.socialNet .tabContent .jspPane{position: absolute;}
.homePageContent .clmThree article.socialNet .tabContent .jspVerticalBar{position: absolute; top: 0; right: 0; width: 7px; height: 100%;}
.homePageContent .clmThree article.socialNet .tabContent .jspVerticalBar *{ margin: 0; padding: 0;}
.homePageContent .clmThree article.socialNet .tabContent .jspCap{display: none;}
.homePageContent .clmThree article.socialNet .tabContent .jspTrack{background: #aaa; position: relative;}
.homePageContent .clmThree article.socialNet .tabContent .jspDrag{background: #666; position: relative; top: 0; left: 0; cursor: pointer;}
/*.jspArrow{background: #50506d; text-indent: -20000px; display: block; cursor: pointer;}*/
.homePageContent .clmThree article.socialNet .tabContent .jspArrow.jspDisabled{cursor: default; background: #aaa;}
/*.jspVerticalBar .jspArrow{height: 16px;}*/
.homePageContent .clmThree article.socialNet .tabContent .jspVerticalBar .jspArrow:focus{outline: none;}
.homePageContent .clmThree article.socialNet .tabContent .jspCorner{background: #eeeef4; float: left; height: 100%;}

/*.homePageContent .clmThree article.socialNet #tab3Content iframe {width:280px !important}
.container-outer .li-profile-container.company {width:268px !important}*/
/*custome scrollbar - added on 24th June 2013 - end*/
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/*Clm Three End*/
/*Clm Two Start*/
.homePageContent .clmTwo { float: left; padding:0 0 25px 0; width: 100% }
.homePageContent .clmTwo .blogs.homeblogfeed {min-height:488px;}
.homePageContent .clmTwo .blogs { background-color:#f5f5f5; border-top:5px solid #e24c2e; float: left; margin:0 12px 0 0; min-height:225px; padding: 0 16px 0 16px; width: 280px }
.homePageContent .clmTwo .blogs h2 { color:#535353;  font-size: 2.4em; font-weight: normal; line-height:1.1em; padding:14px 0 14px 0 }
.homePageContent .clmTwo .blogs ul li { float: left; border-top: 1px solid #cdcdcd; padding:12px 0 12px 0; width: 100% }
.homePageContent .clmTwo .blogs ul li:first-child { border-top: none; padding:0 0 12px 0 }
.homePageContent .clmTwo .blogs ul li a { color:#1984b4; font-size:1.4em; line-height:1.4em }
.homePageContent .clmTwo .blogs ul li img { float: left; padding:0 10px 0 0 }
.homePageContent .clmTwo .blogs ul li p { color:#979797; font-size:1.2em; margin:0; padding:5px 0;}
.homePageContent .clmTwo .aboutUs { border-top:5px solid #e88c2d; float: left; margin:0 0 10px 0; min-height:233px; width: 636px }
.homePageContent .clmTwo .aboutUs .aboutUsContent { border:1px solid #ebebeb; border-top:none; float: left; padding: 0 15px 0 19px; width: 600px }
.homePageContent .clmTwo .aboutUs h2 { color:#535353;  font-size: 2.4em; font-weight: normal; line-height:1.1em; padding:14px 0 14px 0 }
.homePageContent .clmTwo .aboutUs h2 span { color:#8f8f8f }
.homePageContent .clmTwo .aboutUs .imgBox { float: left; padding:0 14px 0 0; width: 195px }
.homePageContent .clmTwo .aboutUs .contentBox { float: left;  padding:0 0 15px 0; width: 391px }
.homePageContent .clmTwo .aboutUs .contentBox h3 { color:#ca7c2c; font-size: 1.6em; font-weight: normal; line-height:1.1em; padding:0 0 12px 0 }
.homePageContent .clmTwo .aboutUs .contentBox p { color:#888888; font-size: 1.4em; line-height:1.4em; padding:0 0 10px 0 }
.homePageContent .clmTwo .aboutUs .contentBox a.learnMoreBtn { background-color:#2a90be; color:#fff; float: left; font-size: 1.3em; line-height:1em; padding:7px 9px 7px 9px }
.homePageContent .clmTwo .news { background-color:#f2f2f2; border-top:5px solid #4f99db; float: left; min-height:225px; padding: 0 19px 0 19px; width: 598px }
.homePageContent .clmTwo .news h2 { color:#535353;  font-size: 2.4em; font-weight: normal; line-height:1.1em; padding:14px 0 5px 0 }
.homePageContent .clmTwo .news ul li { float: left; padding:0 0 15px 0; width:100%}
.homePageContent .clmTwo .news ul li a, .homePageContent .clmTwo .news ul li h5 { color:#1984b4; font-size: 1.4em; font-weight: normal; line-height:1.4em; padding:0 0 5px 0 }
.homePageContent .clmTwo .news ul li h5 { color:#a0a0a0; font-size: 1.2em }
.homePageContent .clmTwo .news ul li p { color:#646464; font-size: 1.4em; line-height:1.2em }
/*
Commented For Blogs start - 
.homePageContent .articlesWrap { float: left; padding:0 0 70px 0; position: relative; width: 100% }
.homePageContent .articlesWrap h2 { color:#525252;  font-size: 2.4em; font-weight: normal; left:0; line-height:1.1em; position: absolute; top: 0 }
.homePageContent .articlesWrap .article { border-right:2px solid #e7e7e7; float: left; margin:0 20px 0 0; padding:35px 10px 0 0; width: 298px }
.homePageContent .articlesWrap .article.last { border-right:none; margin:0 0 0 0; width: 290px }
.homePageContent .articlesWrap h3, .homePageContent .articlesWrap h5 { color:#1984b4; font-size: 1.4em; font-weight: normal; line-height:1.1em; padding:0 0 5px 0 }
.homePageContent .articlesWrap h3 a { color:#1984b4}
.homePageContent .articlesWrap h5 { color:#a0a0a0; font-size: 1.2em }
.homePageContent .articlesWrap p { color:#646464; font-size: 1.4em; line-height:1.3em; }
Commented For Blogs Ends ---
*/

.homePageContent .articlesWrap {background-color:#F5F5F5; border-top:5px solid #E24C2E; float: left; margin:0 11px 0 0; min-height:474px; padding:0 16px; position: relative; width: 280px }
.homePageContent .articlesWrap h2 { color:#525252; float:left;  font-size: 2.4em; font-weight: normal; line-height:1.1em; padding:14px 0 0; width:100%}
.homePageContent .articlesWrap .article {border-bottom:1px solid #CDCDCD; float: left; padding:12px 0; width: 100% }
.homePageContent .articlesWrap .article.last {border-bottom:none; padding:12px 0 0}
.homePageContent .articlesWrap h3, .homePageContent .articlesWrap h5 { color:#1984b4; font-size: 1.6em; font-weight: normal; line-height:1.1em; padding:0 0 5px 0 }
.homePageContent .articlesWrap h3 a { color:#1984b4 } /* Added on 27/05/13 */
.homePageContent .articlesWrap h5 { color:#a0a0a0; font-size: 1.4em }
.homePageContent .articlesWrap p { color:#646464; font-size: 1.3em; line-height:1.3em; }

/*Clm Two End*/
/*Overlay Video - Added on 17-01-2013 - Start*/
.overlayVideo { background: url(../images/bg_overlay.png) 0 0 repeat; width:100%; height:100%; position:fixed; display:none; left:0; top:0; z-index:100 }
.videoLightbox { background: url(../images/bg_lightbox.png) 0 0 repeat; display:none; float: left; height:381px; left:0; position:absolute; top:0; width:554px; z-index:999 }
.videoLightbox .btn_close { background: url(../images/bg_lightbox.png) 0 0 repeat; padding:7px 0 7px 0; position:absolute; right:0px; top:-31px; cursor:pointer; }
.videoLightbox .btn_close span { color:#fff; background:url(../images/icon_close.png) right 0 no-repeat; float:left; font-size:1.1em; /*font-style: italic;*/ line-height:1.3em; margin:0 7px 0 12px; padding: 2px 22px 1px 0; text-transform:uppercase; width:40px }
.videoLightbox .content { float: left; padding:5px 5px 5px 5px; width: 544px }
.videoLightbox .content .videoBox { height:371px; }
/*Overlay Video - Added on 17-01-2013 - End*/
/*Added on 26th June 2013 - start*/
.homePageContent .clmThree article.testimonials ul li .hiddenContent {display:none}
.homePageContent .clmThree article.testimonials ul li a.readMoreLink {background: url(../images/arrow_readmore.png) no-repeat 0 0; float: left; height: 7px; margin: 5px 0 0 131px; text-indent: -99999px; width: 10px;}
.homePageContent .clmThree article.testimonials ul li a.readMoreLink.active {background: url(../images/arrow_readmoresel.png) no-repeat 0 0}

.customerSupportDiv, .testimonialsDiv {float:left; margin:0 12px 0 0; width:312px}
.socialNetDiv {float:left; width:312px}
/*Added on 26th June 2013 - end*/
/**************New Classes for Homepage Layout Structure*******************/
.customerSupportDiv {float: left;}
.testimonialsDiv {float: left;}
.socialNetDiv {float: left;}
.blogsDiv {float: left; width:323px}
.aboutUsDiv {float: left; width: 636px}
.newsDiv {float: left; padding:0 0 70px 0; width: 636px;}