.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:8px;height:100%;background:red}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#eaeaea;position:relative}
.jspDrag{background:#acacac;position:relative;top:0;left:0;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}
/*! jQuery UI
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}
.ui-accordion .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}
.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}
.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}
.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}
.ui-button-icon-only{width:2.2em}
button.ui-button-icon-only{width:2.4em}
.ui-button-icons-only{width:3.4em}
button.ui-button-icons-only{width:3.7em}
.ui-button .ui-button-text{display:block;line-height:normal}
.ui-button-text-only .ui-button-text{padding:.4em 1em}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}
.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}
input.ui-button{padding:.4em 1em}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}
.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}
.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}
.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}
.ui-buttonset{margin-right:7px}
.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year{width:100%}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}
.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}
.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}
.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}
.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}
.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}
.ui-menu .ui-menu{margin-top:-3px;position:absolute}
.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}
.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}
.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}
.ui-menu .ui-state-disabled a{cursor:default}
.ui-menu-icons{position:relative}
.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}
.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}
.ui-menu .ui-menu-icon{position:static;float:right}
.ui-progressbar{height:2em;text-align:left;overflow:hidden}
.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}
.ui-progressbar .ui-progressbar-overlay{background:url("../scripts/desktop/images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:.25}
.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}
.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}
.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}
.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}
.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}
.ui-spinner-up{top:0}
.ui-spinner-down{bottom:0}
.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}
.ui-tabs{position:relative;padding:.2em}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}
.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}
.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}
.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}
body .ui-tooltip{border-width:2px}
.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}
.ui-widget-content{border:1px solid #ddd;background:#eee url(../scripts/desktop/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}
.ui-widget-content a{color:#333}
.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(../scripts/desktop/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}
.ui-widget-header a{color:#fff}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(../scripts/desktop/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(../scripts/desktop/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(../scripts/desktop/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(../scripts/desktop/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(../scripts/desktop/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}
.ui-icon{width:16px;height:16px}
.ui-icon,.ui-widget-content .ui-icon{background-image:url(../scripts/desktop/images/ui-icons_222222_256x240.png)}
.ui-widget-header .ui-icon{background-image:url(../scripts/desktop/images/ui-icons_ffffff_256x240.png)}
.ui-state-default .ui-icon{background-image:url(../scripts/desktop/images/ui-icons_ef8c08_256x240.png)}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../scripts/desktop/images/ui-icons_ef8c08_256x240.png)}
.ui-state-active .ui-icon{background-image:url(../scripts/desktop/images/ui-icons_ef8c08_256x240.png)}
.ui-state-highlight .ui-icon{background-image:url(../scripts/desktop/images/ui-icons_228ef1_256x240.png)}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../scripts/desktop/images/ui-icons_ffd27a_256x240.png)}
.ui-icon-blank{background-position:16px 16px}
.ui-icon-carat-1-n{background-position:0 0}
.ui-icon-carat-1-ne{background-position:-16px 0}
.ui-icon-carat-1-e{background-position:-32px 0}
.ui-icon-carat-1-se{background-position:-48px 0}
.ui-icon-carat-1-s{background-position:-64px 0}
.ui-icon-carat-1-sw{background-position:-80px 0}
.ui-icon-carat-1-w{background-position:-96px 0}
.ui-icon-carat-1-nw{background-position:-112px 0}
.ui-icon-carat-2-n-s{background-position:-128px 0}
.ui-icon-carat-2-e-w{background-position:-144px 0}
.ui-icon-triangle-1-n{background-position:0 -16px}
.ui-icon-triangle-1-ne{background-position:-16px -16px}
.ui-icon-triangle-1-e{background-position:-32px -16px}
.ui-icon-triangle-1-se{background-position:-48px -16px}
.ui-icon-triangle-1-s{background-position:-64px -16px}
.ui-icon-triangle-1-sw{background-position:-80px -16px}
.ui-icon-triangle-1-w{background-position:-96px -16px}
.ui-icon-triangle-1-nw{background-position:-112px -16px}
.ui-icon-triangle-2-n-s{background-position:-128px -16px}
.ui-icon-triangle-2-e-w{background-position:-144px -16px}
.ui-icon-arrow-1-n{background-position:0 -32px}
.ui-icon-arrow-1-ne{background-position:-16px -32px}
.ui-icon-arrow-1-e{background-position:-32px -32px}
.ui-icon-arrow-1-se{background-position:-48px -32px}
.ui-icon-arrow-1-s{background-position:-64px -32px}
.ui-icon-arrow-1-sw{background-position:-80px -32px}
.ui-icon-arrow-1-w{background-position:-96px -32px}
.ui-icon-arrow-1-nw{background-position:-112px -32px}
.ui-icon-arrow-2-n-s{background-position:-128px -32px}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}
.ui-icon-arrow-2-e-w{background-position:-160px -32px}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px}
.ui-icon-arrowstop-1-n{background-position:-192px -32px}
.ui-icon-arrowstop-1-e{background-position:-208px -32px}
.ui-icon-arrowstop-1-s{background-position:-224px -32px}
.ui-icon-arrowstop-1-w{background-position:-240px -32px}
.ui-icon-arrowthick-1-n{background-position:0 -48px}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-se{background-position:-48px -48px}
.ui-icon-arrowthick-1-s{background-position:-64px -48px}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}
.ui-icon-arrow-4{background-position:0 -80px}
.ui-icon-arrow-4-diag{background-position:-16px -80px}
.ui-icon-extlink{background-position:-32px -80px}
.ui-icon-newwin{background-position:-48px -80px}
.ui-icon-refresh{background-position:-64px -80px}
.ui-icon-shuffle{background-position:-80px -80px}
.ui-icon-transfer-e-w{background-position:-96px -80px}
.ui-icon-transferthick-e-w{background-position:-112px -80px}
.ui-icon-folder-collapsed{background-position:0 -96px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-document{background-position:-32px -96px}
.ui-icon-document-b{background-position:-48px -96px}
.ui-icon-note{background-position:-64px -96px}
.ui-icon-mail-closed{background-position:-80px -96px}
.ui-icon-mail-open{background-position:-96px -96px}
.ui-icon-suitcase{background-position:-112px -96px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-person{background-position:-144px -96px}
.ui-icon-print{background-position:-160px -96px}
.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}
.ui-icon-unlocked{background-position:-208px -96px}
.ui-icon-bookmark{background-position:-224px -96px}
.ui-icon-tag{background-position:-240px -96px}
.ui-icon-home{background-position:0 -112px}
.ui-icon-flag{background-position:-16px -112px}
.ui-icon-calendar{background-position:-32px -112px}
.ui-icon-cart{background-position:-48px -112px}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-disk{background-position:-96px -112px}
.ui-icon-calculator{background-position:-112px -112px}
.ui-icon-zoomin{background-position:-128px -112px}
.ui-icon-zoomout{background-position:-144px -112px}
.ui-icon-search{background-position:-160px -112px}
.ui-icon-wrench{background-position:-176px -112px}
.ui-icon-gear{background-position:-192px -112px}
.ui-icon-heart{background-position:-208px -112px}
.ui-icon-star{background-position:-224px -112px}
.ui-icon-link{background-position:-240px -112px}
.ui-icon-cancel{background-position:0 -128px}
.ui-icon-plus{background-position:-16px -128px}
.ui-icon-plusthick{background-position:-32px -128px}
.ui-icon-minus{background-position:-48px -128px}
.ui-icon-minusthick{background-position:-64px -128px}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-icon-key{background-position:-112px -128px}
.ui-icon-lightbulb{background-position:-128px -128px}
.ui-icon-scissors{background-position:-144px -128px}
.ui-icon-clipboard{background-position:-160px -128px}
.ui-icon-copy{background-position:-176px -128px}
.ui-icon-contact{background-position:-192px -128px}
.ui-icon-image{background-position:-208px -128px}
.ui-icon-video{background-position:-224px -128px}
.ui-icon-script{background-position:-240px -128px}
.ui-icon-alert{background-position:0 -144px}
.ui-icon-info{background-position:-16px -144px}
.ui-icon-notice{background-position:-32px -144px}
.ui-icon-help{background-position:-48px -144px}
.ui-icon-check{background-position:-64px -144px}
.ui-icon-bullet{background-position:-80px -144px}
.ui-icon-radio-on{background-position:-96px -144px}
.ui-icon-radio-off{background-position:-112px -144px}
.ui-icon-pin-w{background-position:-128px -144px}
.ui-icon-pin-s{background-position:-144px -144px}
.ui-icon-play{background-position:0 -160px}
.ui-icon-pause{background-position:-16px -160px}
.ui-icon-seek-next{background-position:-32px -160px}
.ui-icon-seek-prev{background-position:-48px -160px}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-seek-start{background-position:-80px -160px}
.ui-icon-seek-first{background-position:-80px -160px}
.ui-icon-stop{background-position:-96px -160px}
.ui-icon-eject{background-position:-112px -160px}
.ui-icon-volume-off{background-position:-128px -160px}
.ui-icon-volume-on{background-position:-144px -160px}
.ui-icon-power{background-position:0 -176px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-signal{background-position:-32px -176px}
.ui-icon-battery-0{background-position:-48px -176px}
.ui-icon-battery-1{background-position:-64px -176px}
.ui-icon-battery-2{background-position:-80px -176px}
.ui-icon-battery-3{background-position:-96px -176px}
.ui-icon-circle-plus{background-position:0 -192px}
.ui-icon-circle-minus{background-position:-16px -192px}
.ui-icon-circle-close{background-position:-32px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-s{background-position:-64px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-n{background-position:-96px -192px}
.ui-icon-circle-arrow-e{background-position:-112px -192px}
.ui-icon-circle-arrow-s{background-position:-128px -192px}
.ui-icon-circle-arrow-w{background-position:-144px -192px}
.ui-icon-circle-arrow-n{background-position:-160px -192px}
.ui-icon-circle-zoomin{background-position:-176px -192px}
.ui-icon-circle-zoomout{background-position:-192px -192px}
.ui-icon-circle-check{background-position:-208px -192px}
.ui-icon-circlesmall-plus{background-position:0 -208px}
.ui-icon-circlesmall-minus{background-position:-16px -208px}
.ui-icon-circlesmall-close{background-position:-32px -208px}
.ui-icon-squaresmall-plus{background-position:-48px -208px}
.ui-icon-squaresmall-minus{background-position:-64px -208px}
.ui-icon-squaresmall-close{background-position:-80px -208px}
.ui-icon-grip-dotted-vertical{background-position:0 -224px}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}
.ui-icon-grip-solid-vertical{background-position:-32px -224px}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}
.ui-icon-grip-diagonal-se{background-position:-80px -224px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}
.ui-widget-overlay{background:#666 url(../scripts/desktop/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}
.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(../scripts/desktop/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
div.parsys_column{height:100%;float:left;border:0;vertical-align:top;padding:0;margin:0}
div.parsys_column .section{width:100%;display:inline-block;clear:both}
div.cq-colctrl-cols{width:100%;float:left}
div.cq-colctrl-default{width:100%}
div.cq-colctrl-lt0-c0{width:783px;float:left}
div.cq-colctrl-lt0-c1{width:220px;float:right}
div.cq-colctrl-lt2-c0{width:678px;float:left}
div.cq-colctrl-lt2-c1{width:308px;float:right}
div.cq-colctrl-lt1-c0{width:501px}
div.cq-colctrl-lt1-c1{width:501px}
div.cq-colctrl-lt3-c0{width:324px}
div.cq-colctrl-lt3-c1{width:298px;margin-right:10px}
div.cq-colctrl-lt3-c2{width:298px;margin-left:10px}
div.cq-colctrl-lt4-c0{width:124px;margin-right:10px}
div.cq-colctrl-lt4-c1{width:124px;margin-left:10px;margin-right:10px}
div.cq-colctrl-lt4-c2{width:124px;margin-left:10px;margin-right:10px}
div.cq-colctrl-lt4-c3{width:124px;margin-left:10px;margin-right:10px}
div.cq-colctrl-lt4-c4{width:124px;margin-left:10px}
div.cq-colctrl-lt5-c0{width:460px;margin-right:10px}
div.cq-colctrl-lt5-c1{width:460px;margin-left:10px}
div.cq-colctrl-lt6-c0{width:220px;margin-right:10px}
div.cq-colctrl-lt6-c1{width:220px;margin-left:10px;margin-right:10px}
div.cq-colctrl-lt6-c2{width:220px;margin-left:10px;margin-right:10px}
div.cq-colctrl-lt6-c3{width:220px;margin-left:10px}
.termConditioncontent{color:#666766;font-size:1.3em;padding-top:10px;line-height:1.3em}
.termConditionheading{color:#666;font-size:2.1em;padding-bottom:10px}
.common-slotFull .ratePrd-active,.common-slotFull .ratePrd-deactive{margin:5px 0 0 5px}
.ratePrd strong{float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;color:#000}
.ratePrd-active{background-position:left -259px;float:left;background-image:url('../scripts/desktop/images/rating-star.png');width:16px;height:16px;margin-left:6px}
.ratePrd-deactive{background-position:-34px -259px;float:left;background-image:url('../scripts/desktop/images/rating-star.png');width:16px;height:16px;margin-left:6px}
.rate-Prd-status{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;color:#000;float:left;margin:2% 0 2% 0}
.ratePrd-mul{width:auto;height:auto;margin:15px 0 10px 0;display:block;overflow:hidden}
.ratePrd-mul strong{float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;color:#fff}
.ratePrd-mul-active{background-position:left -259px;float:left;background-image:url('../scripts/desktop/images/rating-star.png');width:16px;height:16px;margin-left:6px}
.ratePrd-mul-deactive{background-position:-34px -259px;float:left;background-image:url('../scripts/desktop/images/rating-star.png');width:16px;height:16px;margin-left:6px}
.rate-number{font-family:Arial,Helvetica,sans-serif;font-size:17px;color:#00ae83;font-weight:bold;float:none}
.your-rating{width:auto;height:auto;font-family:arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#ccc;line-height:15px;overflow:hidden;float:left}
.ratePrd-mul-block{width:100%;height:auto;margin:0;display:block;overflow:hidden}
.ratePrd-mul-block-ipad{width:23.95833%!important}
.common-slotFull .movieRatings-active,.common-slotFull .movieRatings-deactive{margin:5px 0 0 5px}
.ratePrdWrapper{background:url('../scripts/desktop/images/rate-prd-bg.jpg') center top repeat-y;width:100%;float:left}
.ratePrdWrapper .ratePrdCont{width:1003px;margin:0 auto}
.ratePrd{float:left}
.ratePrd .ratingVal{background-color:#bc3f3d;padding:15px 5px;float:left;width:40px;color:#fff;text-align:center}
.ratePrd .ratingVal span{font-size:1.0em}
.ratePrd .ratingVal span.point{font-size:2.7em}
.ratePrd p{font-size:1.1em;color:#666;padding:15px 10px 0 10px;width:115px;float:left}
.ratePrd p.reviewCont{width:144px}
.ratingStar{background:url(../scripts/desktop/images/blk-dot-sep.png) left 14px no-repeat;width:173px;float:left;padding:15px 0 10px 15px}
.ratingStar span{background:url('../scripts/desktop/images/rating-star.png') -13px 0 no-repeat;width:13px;height:13px;float:left;margin-right:4px;cursor:pointer}
.ratingStar span.actRating,.ratingStar span.currRating,.ratingStar span:hover{background-position:0 0}
.ratingStar span.blank{background-position:-13px 0}
.ratingStar p{clear:both;color:#333;float:left;font-size:1.8em;padding:5px 0 0;width:100%}
.ratePrd p.review{background:url(../scripts/desktop/images/write-review.png) no-repeat left 9px transparent;float:left;padding:10px 0 10px 40px;width:110px}
.callLightbox,.ratingLightbox1{width:350px;position:absolute;left:0;top:0;z-index:11;border-radius:4px;display:none;background-color:#fff;padding:15px}
.callLightbox a.closeBtn,.ratingLightbox1 a.closeBtn{float:right}
.callLightbox .formFld{float:left;margin:0 0 12px 0}
.callLightbox label{width:100px;float:left;color:#666;font-size:1.8em;padding:12px 0 0 0}
.callLightbox input{width:210px;background-color:#eaeaea;float:left;border:1px solid #c8c8c8;border-radius:5px;padding:8px 10px;-moz-box-shadow:inset 0 0 5px #d3d3d3;-webkit-box-shadow:inset 0 0 5px #d3d3d3;box-shadow:inset 0 0 5px #d3d3d3}
.callLightbox input.submit{background:url(personalLoanFormLogin/css/clientlib/images/redbuttonRept.png) left top repeat-x;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;text-decoration:none;color:#fff;float:left;font-size:1.4em;font-weight:bold;padding:4px 10px 5px 10px;border:0;cursor:pointer;width:87px;margin-left:103px}
.ratingLightbox1{border:5px solid #bc3f3d}
.ratingLightbox1 p{font-size:1.9em;padding:34px 0 18px;text-align:center}
.article .author-summary{float:left;width:280px;position:absolute;bottom:28px}
.article .author-name{color:#000}
.article .article-title{margin-left:290px;padding-right:60px}
.article .article-title h1{font-size:4em;color:#000}
.article-header{padding-top:20px;padding-bottom:20px;position:relative}
.article-header div.bottom{position:absolute;bottom:1.6em}
.article div.call-to-action{border-radius:0;border-top:2px solid #dadada;padding-bottom:10px}
#filterWrapper ul li{background-color:transparent;padding:0}
#filterWrapperBranch ul li{background-color:transparent;padding:0}
.richtexteditor section ul{list-style-type:disc}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
*{margin:0;padding:0}
html{min-height:100%;margin-bottom:1px}
a{text-decoration:none}
a:hover{text-decoration:underline}
img,a{border:0}
ul{list-style:none}
.clear{clear:both;font-size:1%;height:0}
.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
table{border-collapse:collapse}
.textareaFld,.inputFld,.selectFld{float:left;width:250px}
body{font-size:62.5%}
table{font-size:1em}
.layout-grid{width:960px}
.layout-grid td{vertical-align:top}
.layout-grid td.left-nav{width:140px}
.layout-grid td.normal{border-left:1px solid #eee;padding:20px 24px;font-family:"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif"}
.layout-grid td.demos{background:url('../../images/demos_bg.jpg') no-repeat;height:337px;overflow:hidden}
.normal h3,.normal h4{margin:0;font-weight:normal}
.normal h3{padding:0 0 9px;font-size:1.8em}
.normal h4{padding-bottom:21px;border-bottom:1px dashed #999;font-size:1.2em;font-weight:bold}
.normal p{font-size:1.2em}
.demos-nav,.demos-nav dt,.demos-nav dd,.demos-nav ul,.demos-nav li{margin:0;padding:0}
.demos-nav{float:left;width:170px;font-size:1.3em}
.demos-nav dt,.demos-nav h4{margin:0;padding:0;font:normal 1.1em "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";color:#e87b10}
.demos-nav dt,.demos-nav h4{margin-top:1.5em;margin-bottom:0;padding-left:8px;padding-bottom:5px;line-height:1.2em;border-bottom:1px solid #f4f4f4}
.demos-nav dd a,.demos-nav li a{border-bottom:1px solid #f4f4f4;display:block;padding:4px 3px 4px 8px;font-size:90%;text-decoration:none;color:#555;margin:2px 0;height:13px}
.demos-nav dd a:hover,.demos-nav dd a:focus,.demos-nav dd a:hover,.demos-nav dd a:focus{background:#f3f3f3;color:#000;-moz-border-radius:5px;-webkit-border-radius:5px}
.demos-nav dd a.selected{background:#555;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px}
.normal h3.demo-header{font-size:32px;padding:0 0 5px;border-bottom:1px solid #eee;text-transform:capitalize}
.normal h4.demo-subheader{font-size:10px;text-transform:uppercase;color:#999;padding:8px 0 3px;border:0;margin:0}
.normal a:link,.normal a:visited{color:#1b75bb;text-decoration:none}
.normal a:hover,.normal a:active{color:#0b559b}
#demo-config{padding:20px 0 0}
#demo-frame{float:left;width:540px;height:380px;border:1px solid #ddd;overflow:auto;position:relative}
#demo-frame h3,#demo-frame h4{padding:0;font-weight:bold;font-size:1em}
#demo-config-menu{float:right;width:180px}
#demo-config-menu h4{font-size:13px;color:#666;font-weight:normal;border:0;padding-left:18px}
#demo-config-menu ul{list-style:none;padding:0;margin:0}
#demo-config-menu li{font-size:12px;padding:0 0 0 10px;margin:3px 0;zoom:1}
#demo-config-menu li a:link,#demo-config-menu li a:visited{display:block;padding:1px 8px 4px;border-bottom:1px dotted #b3b3b3}
* html #demo-config-menu li a:link,* html #demo-config-menu li a:visited{padding:1px 8px 2px}
#demo-config-menu li a:hover,#demo-config-menu li a:active{background-color:#f6f6f6}
#demo-config-menu li.demo-config-on{background:url(personalLoanFormLogin/css/clientlib/css/images/demo-config-on-tile.gif) repeat-x left center}
#demo-config-menu li.demo-config-on a:link,#demo-config-menu li.demo-config-on a:visited,#demo-config-menu li.demo-config-on a:hover,#demo-config-menu li.demo-config-on a:active{background:url(personalLoanFormLogin/css/clientlib/css/images/demo-config-on.gif) no-repeat left;padding-left:18px;color:#fff;border:0;margin-left:-10px;margin-top:0;margin-bottom:0}
#demo-source,#demo-notes{clear:both;padding:20px 0 0;font-size:1.3em}
#demo-notes{width:520px;color:#333;font-size:1em}
#demo-notes p code,.demo-description p code{padding:0;font-weight:bold}
#demo-source pre,#demo-source code{padding:0}
code,pre{padding:8px 0 8px 20px;font-size:1.2em;line-height:130%}
#demo-source a:link,#demo-source a:visited,#demo-source a:hover,#demo-source a:active{font-size:12px;padding-left:13px;background-position:left center;background-repeat:no-repeat}
#demo-source a.source-open:link,#demo-source a.source-open:visited,#demo-source a.source-open:hover,#demo-source a.source-open:active{background-image:url(personalLoanFormLogin/css/clientlib/css/images/demo-spindown-open.gif)}
#demo-source a.source-closed:link,#demo-source a.source-closed:visited,#demo-source a.source-closed:hover,#demo-source a.source-closed:active{background-image:url(personalLoanFormLogin/css/clientlib/css/images/demo-spindown-closed.gif)}
div.demo{padding:12px;font-family:"Trebuchet MS","Arial","Helvetica","Verdana","sans-serif"}
div.demo h3.docs{clear:left;font-size:12px;font-weight:normal;padding:0 0 1em;margin:0}
div.demo-description{clear:both;padding:12px;font-family:"Trebuchet MS","Arial","Helvetica","Verdana","sans-serif";font-size:1.3em;line-height:1.4em}
.ui-draggable,.ui-droppable{background-position:top left}
.left-nav .demos-nav{padding-right:10px}
#demo-link{font-size:11px;padding-top:6px;clear:both;overflow:hidden}
#demo-link a span.ui-icon{float:left;margin-right:3px}
#widget-docs .ui-widget{font-family:Trebuchet MS,Verdana,Arial,sans-serif;font-size:1em}
#widget-docs .ui-widget input,#widget-docs .ui-widget select,#widget-docs .ui-widget textarea,#widget-docs .ui-widget button{font-family:Trebuchet MS,Verdana,Arial,sans-serif;font-size:1em}
#widget-docs .ui-widget-header{border:1px solid #fff;background:#464646 url(personalLoanFormLogin/css/clientlib/css/images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}
#widget-docs .ui-widget-header a{color:#fff}
#widget-docs .ui-widget-content{border:1px solid #fff;background:#fff url(personalLoanFormLogin/css/clientlib/css/images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x;color:#222}
#widget-docs .ui-widget-content a{color:#222}
#widget-docs .ui-state-default,#widget-docs .ui-widget-content #widget-docs .ui-state-default{border:1px solid #666;background:#555 url(personalLoanFormLogin/css/clientlib/css/images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x;font-weight:normal;color:#fff;outline:0}
#widget-docs .ui-state-default a{color:#fff;text-decoration:none;outline:0}
#widget-docs .ui-state-hover,#widget-docs .ui-widget-content #widget-docs .ui-state-hover,#widget-docs .ui-state-focus,#widget-docs .ui-widget-content #widget-docs .ui-state-focus{border:1px solid #666;background:#444 url(personalLoanFormLogin/css/clientlib/css/images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x;font-weight:normal;color:#fff;outline:0}
#widget-docs .ui-state-hover a{color:#fff;text-decoration:none;outline:0}
#widget-docs .ui-state-active,#widget-docs .ui-widget-content #widget-docs .ui-state-active{border:1px solid #666;background:#fff url(personalLoanFormLogin/css/clientlib/css/images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x;font-weight:normal;color:#f6921e;outline:0}
#widget-docs .ui-state-active a{color:#f6921e;outline:0;text-decoration:none}
#widget-docs .ui-state-highlight,#widget-docs .ui-widget-content #widget-docs .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(personalLoanFormLogin/css/clientlib/css/images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x;color:#363636}
#widget-docs .ui-state-error,#widget-docs .ui-widget-content #widget-docs .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(personalLoanFormLogin/css/clientlib/css/images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x;color:#cd0a0a}
#widget-docs .ui-state-error-text,#widget-docs .ui-widget-content #widget-docs .ui-state-error-text{color:#cd0a0a}
#widget-docs .ui-state-disabled,#widget-docs .ui-widget-content #widget-docs .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
#widget-docs .ui-priority-primary,#widget-docs .ui-widget-content #widget-docs .ui-priority-primary{font-weight:bold}
#widget-docs .ui-priority-secondary,#widget-docs .ui-widget-content #widget-docs .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
#demo-frame-wrapper .ui-icon,#widget-docs .ui-icon{width:16px;height:16px;background-image:url(personalLoanFormLogin/css/clientlib/css/images/222222_256x240_icons_icons.png)}
#widget-docs .ui-widget-content .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/css/images/222222_256x240_icons_icons.png)}
#widget-docs .ui-widget-header .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/css/images/222222_256x240_icons_icons.png)}
#widget-docs .ui-state-default .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/css/images/888888_256x240_icons_icons.png)}
#widget-docs .ui-state-hover .ui-icon,#widget-docs .ui-state-focus .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/css/images/454545_256x240_icons_icons.png)}
#widget-docs .ui-state-active .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/css/images/454545_256x240_icons_icons.png)}
#widget-docs .ui-state-highlight .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/css/images/2e83ff_256x240_icons_icons.png)}
#widget-docs .ui-state-error .ui-icon,#widget-docs .ui-state-error-text .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/css/images/cd0a0a_256x240_icons_icons.png)}
#widget-docs .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px}
#widget-docs .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px}
#widget-docs .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px}
#widget-docs .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
#widget-docs .ui-corner-top{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px}
#widget-docs .ui-corner-bottom{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
#widget-docs .ui-corner-right{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
#widget-docs .ui-corner-left{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px}
#widget-docs .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px}
#widget-docs .ui-widget-overlay{background:#aaa url(personalLoanFormLogin/css/clientlib/css/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30)}
#widget-docs .ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(personalLoanFormLogin/css/clientlib/css/images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px}
#widget-docs{margin:20px 0 0;border:0}
#widget-docs h2,#widget-docs h3,#widget-docs h4,#widget-docs p,#widget-docs ul,#widget-docs code{margin:0;padding:0}
#widget-docs code{display:block;color:#444;font-size:.9em;margin:0 0 1em}
#widget-docs code strong{color:#000}
#widget-docs p{margin:0 3em 1.2em 0}
#widget-docs p.intro{font-size:13px;color:#666;line-height:1.3}
#widget-docs ul{list-style-type:none}
#widget-docs h2{font-size:16px;margin:1.2em 0 .5em}
#widget-docs h3{font-size:14px;color:#e6820e;margin:1.5em 0 .5em}
.normal #widget-docs h4{font-size:12px;color:#000;border:0;margin:0 0 .5em}
#docs-overview-main{width:400px}
#docs-overview-sidebar{float:right;width:200px}
#docs-overview-sidebar a span{color:#666}
#widget-docs #docs-overview-main p{margin-right:0}
#widget-docs #docs-overview-sidebar h4{padding-left:0}
.docs-list-header{float:left;width:100%;margin:10px 0 0;border-bottom:1px solid #eee}
#widget-docs .docs-list-header h2{float:left;margin:0}
#widget-docs .docs-list-header p{float:right;margin:5px 0;font-size:11px}
.docs-list{float:left;width:100%;padding:0 0 10px}
.docs-list .param-header{float:left;clear:left;width:100%;padding:8px 0;border-top:1px solid #eee}
#widget-docs .param-header h3,#widget-docs .param-header p{margin:0;float:left}
#widget-docs .param-header h3{width:50%}
#widget-docs .param-header h3 span{background:url(personalLoanFormLogin/css/clientlib/css/images/demo-spindown-closed.gif) no-repeat left;padding-left:13px}
#widget-docs .param-open .param-header h3 span{background:url(personalLoanFormLogin/css/clientlib/css/images/demo-spindown-open.gif) no-repeat left}
#widget-docs .param-header p{width:24%}
#widget-docs .param-header p.param-type span{background:url(personalLoanFormLogin/css/clientlib/css/images/icon-docs-info.gif) no-repeat left;cursor:pointer;border-bottom:1px dashed #ccc;padding-left:15px}
.param-details{padding-left:13px}
.param-args{margin:0 0 1.5em;border-top:1px dotted #ccc}
.param-args td{padding:3px 30px 3px 5px;border-bottom:1px dotted #ccc}
#widget-docs ul.ui-tabs-nav{padding:0 0 0 8px}
#widget-docs .ui-tabs-nav li{margin:5px 5px 0 0}
#widget-docs .ui-tabs-nav li a:link,#widget-docs .ui-tabs-nav li a:visited,#widget-docs .ui-tabs-nav li a:hover,#widget-docs .ui-tabs-nav li a:active{font-size:14px;padding:4px 1.2em 3px;color:#fff}
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active{color:#e6820e}
#widget-docs .ui-tabs-panel{padding:20px 9px;font-size:12px;line-height:1.4;color:#000}
#widget-docs .ui-widget-content a:link,#widget-docs .ui-widget-content a:visited{color:#1b75bb;text-decoration:none}
#widget-docs .ui-widget-content a:hover,#widget-docs .ui-widget-content a:active{color:#0b559b}
/*!
* jQuery UI CSS Framework 1.8.21
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}
.ui-widget-content a{color:#222}
.ui-widget-header a{color:#222}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}
.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
.ui-widget :active{outline:0}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(personalLoanFormLogin/css/clientlib/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(personalLoanFormLogin/css/clientlib/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-icon{width:16px;height:16px;background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_222222_256x240.png)}
.ui-widget-content .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_222222_256x240.png)}
.ui-widget-header .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_222222_256x240.png)}
.ui-state-default .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_888888_256x240.png)}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_454545_256x240.png)}
.ui-state-active .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_454545_256x240.png)}
.ui-state-highlight .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_2e83ff_256x240.png)}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(personalLoanFormLogin/css/clientlib/images/ui-icons_cd0a0a_256x240.png)}
.ui-icon-carat-1-n{background-position:0 0}
.ui-icon-carat-1-ne{background-position:-16px 0}
.ui-icon-carat-1-e{background-position:-32px 0}
.ui-icon-carat-1-se{background-position:-48px 0}
.ui-icon-carat-1-s{background-position:-64px 0}
.ui-icon-carat-1-sw{background-position:-80px 0}
.ui-icon-carat-1-w{background-position:-96px 0}
.ui-icon-carat-1-nw{background-position:-112px 0}
.ui-icon-carat-2-n-s{background-position:-128px 0}
.ui-icon-carat-2-e-w{background-position:-144px 0}
.ui-icon-triangle-1-n{background-position:0 -16px}
.ui-icon-triangle-1-ne{background-position:-16px -16px}
.ui-icon-triangle-1-e{background-position:-32px -16px}
.ui-icon-triangle-1-se{background-position:-48px -16px}
.ui-icon-triangle-1-s{background-position:-64px -16px}
.ui-icon-triangle-1-sw{background-position:-80px -16px}
.ui-icon-triangle-1-w{background-position:-96px -16px}
.ui-icon-triangle-1-nw{background-position:-112px -16px}
.ui-icon-triangle-2-n-s{background-position:-128px -16px}
.ui-icon-triangle-2-e-w{background-position:-144px -16px}
.ui-icon-arrow-1-n{background-position:0 -32px}
.ui-icon-arrow-1-ne{background-position:-16px -32px}
.ui-icon-arrow-1-e{background-position:-32px -32px}
.ui-icon-arrow-1-se{background-position:-48px -32px}
.ui-icon-arrow-1-s{background-position:-64px -32px}
.ui-icon-arrow-1-sw{background-position:-80px -32px}
.ui-icon-arrow-1-w{background-position:-96px -32px}
.ui-icon-arrow-1-nw{background-position:-112px -32px}
.ui-icon-arrow-2-n-s{background-position:-128px -32px}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}
.ui-icon-arrow-2-e-w{background-position:-160px -32px}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px}
.ui-icon-arrowstop-1-n{background-position:-192px -32px}
.ui-icon-arrowstop-1-e{background-position:-208px -32px}
.ui-icon-arrowstop-1-s{background-position:-224px -32px}
.ui-icon-arrowstop-1-w{background-position:-240px -32px}
.ui-icon-arrowthick-1-n{background-position:0 -48px}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-se{background-position:-48px -48px}
.ui-icon-arrowthick-1-s{background-position:-64px -48px}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}
.ui-icon-arrow-4{background-position:0 -80px}
.ui-icon-arrow-4-diag{background-position:-16px -80px}
.ui-icon-extlink{background-position:-32px -80px}
.ui-icon-newwin{background-position:-48px -80px}
.ui-icon-refresh{background-position:-64px -80px}
.ui-icon-shuffle{background-position:-80px -80px}
.ui-icon-transfer-e-w{background-position:-96px -80px}
.ui-icon-transferthick-e-w{background-position:-112px -80px}
.ui-icon-folder-collapsed{background-position:0 -96px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-document{background-position:-32px -96px}
.ui-icon-document-b{background-position:-48px -96px}
.ui-icon-note{background-position:-64px -96px}
.ui-icon-mail-closed{background-position:-80px -96px}
.ui-icon-mail-open{background-position:-96px -96px}
.ui-icon-suitcase{background-position:-112px -96px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-person{background-position:-144px -96px}
.ui-icon-print{background-position:-160px -96px}
.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}
.ui-icon-unlocked{background-position:-208px -96px}
.ui-icon-bookmark{background-position:-224px -96px}
.ui-icon-tag{background-position:-240px -96px}
.ui-icon-home{background-position:0 -112px}
.ui-icon-flag{background-position:-16px -112px}
.ui-icon-calendar{background-position:-32px -112px}
.ui-icon-cart{background-position:-48px -112px}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-disk{background-position:-96px -112px}
.ui-icon-calculator{background-position:-112px -112px}
.ui-icon-zoomin{background-position:-128px -112px}
.ui-icon-zoomout{background-position:-144px -112px}
.ui-icon-search{background-position:-160px -112px}
.ui-icon-wrench{background-position:-176px -112px}
.ui-icon-gear{background-position:-192px -112px}
.ui-icon-heart{background-position:-208px -112px}
.ui-icon-star{background-position:-224px -112px}
.ui-icon-link{background-position:-240px -112px}
.ui-icon-cancel{background-position:0 -128px}
.ui-icon-plus{background-position:-16px -128px}
.ui-icon-plusthick{background-position:-32px -128px}
.ui-icon-minus{background-position:-48px -128px}
.ui-icon-minusthick{background-position:-64px -128px}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-icon-key{background-position:-112px -128px}
.ui-icon-lightbulb{background-position:-128px -128px}
.ui-icon-scissors{background-position:-144px -128px}
.ui-icon-clipboard{background-position:-160px -128px}
.ui-icon-copy{background-position:-176px -128px}
.ui-icon-contact{background-position:-192px -128px}
.ui-icon-image{background-position:-208px -128px}
.ui-icon-video{background-position:-224px -128px}
.ui-icon-script{background-position:-240px -128px}
.ui-icon-alert{background-position:0 -144px}
.ui-icon-info{background-position:-16px -144px}
.ui-icon-notice{background-position:-32px -144px}
.ui-icon-help{background-position:-48px -144px}
.ui-icon-check{background-position:-64px -144px}
.ui-icon-bullet{background-position:-80px -144px}
.ui-icon-radio-off{background-position:-96px -144px}
.ui-icon-radio-on{background-position:-112px -144px}
.ui-icon-pin-w{background-position:-128px -144px}
.ui-icon-pin-s{background-position:-144px -144px}
.ui-icon-play{background-position:0 -160px}
.ui-icon-pause{background-position:-16px -160px}
.ui-icon-seek-next{background-position:-32px -160px}
.ui-icon-seek-prev{background-position:-48px -160px}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-seek-start{background-position:-80px -160px}
.ui-icon-seek-first{background-position:-80px -160px}
.ui-icon-stop{background-position:-96px -160px}
.ui-icon-eject{background-position:-112px -160px}
.ui-icon-volume-off{background-position:-128px -160px}
.ui-icon-volume-on{background-position:-144px -160px}
.ui-icon-power{background-position:0 -176px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-signal{background-position:-32px -176px}
.ui-icon-battery-0{background-position:-48px -176px}
.ui-icon-battery-1{background-position:-64px -176px}
.ui-icon-battery-2{background-position:-80px -176px}
.ui-icon-battery-3{background-position:-96px -176px}
.ui-icon-circle-plus{background-position:0 -192px}
.ui-icon-circle-minus{background-position:-16px -192px}
.ui-icon-circle-close{background-position:-32px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-s{background-position:-64px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-n{background-position:-96px -192px}
.ui-icon-circle-arrow-e{background-position:-112px -192px}
.ui-icon-circle-arrow-s{background-position:-128px -192px}
.ui-icon-circle-arrow-w{background-position:-144px -192px}
.ui-icon-circle-arrow-n{background-position:-160px -192px}
.ui-icon-circle-zoomin{background-position:-176px -192px}
.ui-icon-circle-zoomout{background-position:-192px -192px}
.ui-icon-circle-check{background-position:-208px -192px}
.ui-icon-circlesmall-plus{background-position:0 -208px}
.ui-icon-circlesmall-minus{background-position:-16px -208px}
.ui-icon-circlesmall-close{background-position:-32px -208px}
.ui-icon-squaresmall-plus{background-position:-48px -208px}
.ui-icon-squaresmall-minus{background-position:-64px -208px}
.ui-icon-squaresmall-close{background-position:-80px -208px}
.ui-icon-grip-dotted-vertical{background-position:0 -224px}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}
.ui-icon-grip-solid-vertical{background-position:-32px -224px}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}
.ui-icon-grip-diagonal-se{background-position:-80px -224px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.ui-widget-overlay{background:#aaa url(personalLoanFormLogin/css/clientlib/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}
.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(personalLoanFormLogin/css/clientlib/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
#body{width:1024px;margin:auto;padding:0;background:#f7f6f6}
#top{width:1024px;height:92px;margin:auto}
.indusind{width:260px;height:57px;float:right;margin:20px}
#banner{width:1024px;height:100%}
#maincontainer{width:1024px;margin:auto}
.p{font-family:Arial,Helvetica,sans-serif;font-size:18px;color:#a63a39;padding-top:30px;padding-left:50px}
.h1{width:920px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;text-align:justify;color:#837f7f;line-height:20px;padding-top:15px;margin:auto}
.formtable{width:928px;margin:auto}
.mandatory{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#bc3f3d;margin:auto;font-weight:bold;padding-top:40px}
.tabs{width:926px;height:55px;margin-top:20px;background:#e9e8e8}
.tabs1{width:926px;height:55px;margin-top:20px;background:#e9e8e8;margin-top:40px}
.tabs3{width:926px;height:55px;margin-top:20px;background:#e9e8e8;margin-top:40px}
.referredname{width:206px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;padding:10px;float:left;margin-left:10px;margin-top:10px;color:#504c4c}
.lables{width:206px;height:34px;float:right;margin-top:18px;margin-right:150px}
.lables1{width:180px;height:34px;float:left;margin-top:25px;margin-left:40px}
.inputfiled{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;text-align:justify;color:#645f5f;padding-left:8px;border-bottom:#ccc solid 1px;border-left:#ccc solid 1px;border-right:#ccc solid 1px;border-top:#ccc solid 1px;height:18px}
.titles{width:170px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;padding:10px;float:left;margin-left:40px;margin-top:10px;color:#504c4c}
.titles1{width:170px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;padding:10px;float:left;text-align:left;margin-left:30px;margin-top:10px;color:#504c4c}
.bottomcontent{width:894px;height:350px;margin:auto}
.submitbutton{width:111px;height:40px;float:right;margin-top:40px;margin-right:100px}
.clickhere{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#4f4b4b;float:left;margin-top:45px}
.clear{margin:auto;height:100px}
@charset "utf-8";
.ProductCompareWrap table tr, .formcenterContent table tr td, .jet-wrapper table tr td, .laplandingrefform table tr td, .ratdiobutton, .ratdiobutton1, .yearData table tr td {
vertical-align: top
}
h2, h3, h4 {
font-weight: 400;
line-height: normal
}
.calcSection .hideVal, .clearfix:after {
visibility: hidden
}
* {
margin: 0;
padding: 0
}
html {
min-height: 100%;
margin-bottom: 1px
}
a {
text-decoration: none
}
a, img {
border: none
}
ul {
list-style: none
}
iframe {
border: 0
}
#contentContainer {
margin: 0 auto;
padding-top: 40px
}
#contentContainer header {
margin-bottom: 20px
}
#contentContainer .main-content {
width: 100%;
float: left;
margin: 0 0 30px
}
#contentContainer.one-col .main-content {
width: 100%
}
.clear {
clear: both;
font-size: 1%;
height: 0%
}
.clearfix {
display: block
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both
}
table {
border-collapse: collapse
}
.innerParsys {
width: 1003px;
margin: 0 auto
}
@font-face {
font-family: source_sans_proregular;
src: url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.eot);
src: url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.eot?#iefix) format('embedded-opentype'), url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.woff) format('woff'), url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.ttf) format('truetype'), url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.svg#source_sans_proregular) format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: WebRupee;
src: url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.eot);
src: local('WebRupee'), url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.ttf) format('truetype'), url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.woff) format('woff'), url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.svg) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
.WebRupee {
font-family: WebRupee
}
.copyrightTxt, .offscreen {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden
}
h2 {
font-size: 2.8em
}
h3 {
font-size: 2.2em
}
h4 {
font-size: 1.8em
}
h5 {
font-size: 1.4em
}
body {
font-family: Arial;
font-size: 62.5%;
height: 100%;
color: #000;
line-height: 1.5em
}
#wrapper {
width: 100%
}
.topHeader {
position: relative;
z-index: 3;
float: left
}
.subContent {
display: none
}
.homeSubNavWrapper {
width: 721px;
background-color: #fff;
padding: 20px;
position: absolute;
top: 49px;
left: 0;
display: none
}
.homeSubNavWrapper .ltLinkWrapper {
width: 210px;
float: left
}
.homeSubNavWrapper .ltLinkWrapper ul {
padding: 0
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li:first-child {
border-top: none
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li {
background: 0 0;
padding: 12px 0;
border-top: 1px solid #ddd;
height: auto;
cursor: pointer;
float: left;
width: 210px;
font-family: source_sans_proregular
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li a {
font-family: source_sans_proregular!important;
background: 0 0;
padding: 0;
color: #8e8e8e;
text-transform: none;
font-size: 1.8em;
line-height: normal;
float: left
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li span {
color: #8e8e8e;
font-size: 1.2em;
line-height: normal;
float: left;
font-family: source_sans_proregular
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li.ltSelected a, .primaryNav .homeSubNavWrapper .ltLinkWrapper li.ltSelected span {
color: #bc3f3d
}
.subLinkCont {
display: none
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper {
width: 191px;
float: left;
position: relative;
padding-left: 40px
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul {
padding: 0;
float: left;
display: none
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li {
clear: both;
height: auto;
background: url(../../../../../scripts/desktop/images/sq-arrow.jpg) left 7px no-repeat;
padding: 0 15px;
width: 161px
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li a {
background: 0 0;
padding: 5px 0;
text-transform: none;
font-size: 1.3em;
color: #545454
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li.rtSelected {
background: url(../../../../../scripts/desktop/images/sq-arrow-hover.jpg) left 7px no-repeat
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li.rtSelected a {
color: #bc3f3d
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper {
width: 280px;
float: left
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper div {
display: none
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul {
padding: 0;
float: left;
display: none
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul li {
clear: both;
height: auto;
background: url(../../../../../scripts/desktop/images/nav-bullet.png) left 9px no-repeat;
padding: 0 12px;
width: 200px
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul li a {
background: 0 0;
padding: 5px 0;
text-transform: none;
font-size: 1.3em;
color: #545454
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul li a:hover {
color: #bc3f3d
}
.checkbox {
width: 15px;
height: 15px;
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
margin: 0 5px 0 0
}
.checkbox.checked {
background-position: 0 0
}
.bannerBgContainer {
width: 100%;
background-color: #191919;
z-index: 0;
position: absolute;
left: 0;
top: 0;
height: 462px
}
.headerContainer, .topNav {
z-index: 11
}
.bannerBgContainer .banner1 {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: none
}
.topContainer {
margin: 0 auto;
width: 100%
}
.topContainer .logo {
float: left
}
.topInner {
width: 100%;
background: url(../../../../../scripts/desktop/images/top-bg.png) center top no-repeat;
height: 462px;
position: relative;
overflow: hidden
}
.bannerContainer, .headerContainer, .loginContainer {
width: 1003px;
margin: 0 auto;
position: relative
}
.bannerContainer {
overflow: hidden;
height: 355px
}
.topNav {
width: 761px;
background-color: #bc3f3d;
float: left;
min-height: 59px;
position: relative
}
.topNav ul, .topNav ul li {
float: left
}
.topNav ul.navLink {
padding: 22px 0 21px 52px;
height: 16px
}
.topNav ul.navLink li {
padding: 0 18px 0 0;
position: relative
}
.innerTopNav .homeDropdown, .searchDiv {
position: absolute;
top: 59px;
display: none
}
.topNav ul.navLink li a {
color: #f6d8d7;
font-size: 1.2em
}
.topNav ul.navLink li.active a {
color: #fff;
text-decoration: underline
}
.topNav ul.navLink li.activeNav {
font-size: 1.2em;
cursor: default;
color: #fff;
font-weight: 700
}
.topNav ul li.callNumber {
background: url(../../../../../scripts/desktop/images/phone_icon.png) left 12px no-repeat;
color: #fff;
padding: 8px 0 6px 29px;
font-size: 1.2em;
font-weight: 400
}
.topNav ul li.fontChange {
padding: 20px 0 20px 22px;
display: none
}
.topNav ul li.fontChange a {
color: #fff;
padding: 0 5px 0 0
}
.topNav ul li.fontChange a.medium {
font-size: 1.2em
}
.topNav ul li.fontChange a.large {
font-size: 1.4em
}
.topNav ul li.language {
padding: 21px 0 18px 16px
}
.topNav ul li.language a {
color: #fff
}
.search {
border-left: 1px solid #D48483;
float: left;
margin: 15px 0 18px 11px;
padding: 5px 0 0 10px
}
.searchDiv {
background-color: #BC3F3D;
float: left;
padding: 10px;
right: 0;
width: 270px;
z-index: 1
}
.searchDiv input {
width: 164px;
border: 1px solid #6a6a6a;
height: 22px;
margin: 0 10px 0 0;
float: left;
padding: 0 10px;
line-height: 22px
}
.searchDiv input.searchBtn {
background: url(../../../../../scripts/desktop/images/search-btn.png) left top no-repeat;
width: 62px;
height: 29px;
border: none;
cursor: pointer;
text-indent: -99999px;
text-transform: capitalize
}
.innerTopNav ul.navLink li.currentActive {
color: #fff;
cursor: pointer;
font-weight: 700
}
.innerTopNav ul.navLink li.currentActive a {
color: #fff
}
.innerTopNav ul.navLink li.sel {
padding-right: 15px
}
.innerTopNav ul.navLink li.sel:hover {
background-color: #000
}
.innerTopNav .homeDropdown {
left: -34px;
width: 260px;
background: #000;
padding: 0 20px;
z-index: 50;
overflow: hidden
}
.innerTopNav .homeDropdown ul {
width: 100%
}
.innerTopNav ul.navLink {
height: auto;
padding: 0 0 0 16px;
width: 509px
}
.innerTopNav ul.navLink .homeDropdown ul li {
border-top: 1px dotted #7a7a7a;
padding: 13px 0;
width: 100%;
float: left;
clear: both
}
.innerTopNav ul.navLink .homeDropdown ul li:first-child {
border: none
}
.innerTopNav ul.navLink .homeDropdown ul li a {
font-family: source_sans_proregular;
font-size: 1.5em;
color: #d2d2d2;
text-transform: uppercase;
padding: 0 0 0 10px;
width: 100%;
float: left
}
.innerTopNav ul.navLink .homeDropdown ul li a:hover {
color: #bc3f3d
}
.primaryNav {
background-color: #1b1b1b;
float: left;
margin: 0 0 0 242px;
width: 761px;
position: relative
}
.bannerLink, .loginWrapper, .pagination, .top-design {
position: absolute
}
.primaryNav ul li {
float: left;
background: url(../../../../../scripts/desktop/images/link-sep.png) left 10px no-repeat;
height: 49px
}
.primaryNav ul li.sel {
background-color: #fff
}
.primaryNav ul li:first-child {
background-image: none
}
.primaryNav ul li a {
background: url(../../../../../scripts/desktop/images/nav-arrow.png) right 20px no-repeat;
color: #fff;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
padding: 15px 17px;
float: left;
text-transform: uppercase
}
.primaryNav ul li.currentActive a, .primaryNav ul li.sel a, .primaryNav ul li:hover a {
background: url(../../../../../scripts/desktop/images/nav-arrow.png) right -7px no-repeat;
color: #bc3f3d;
text-decoration: none
}
.primaryNav ul li h1 {
font-size: 1em
}
.primaryNav ul li.videoBranch {
float: right;
display: none
}
.primaryNav ul li.videoBranch a {
padding: 0;
background: 0 0
}
.homeBanner {
width: 1001px;
overflow: hidden
}
.bannerLink {
width: 1003px;
height: 355px;
left: 0;
top: 107px;
z-index: 1;
cursor: pointer
}
.bannerImg li, .pagination ul {
top: 0;
left: 0;
position: absolute
}
.bannerImg li {
display: none
}
.pagination {
right: 29px;
top: 329px;
cursor: pointer;
z-index: 1
}
.pagination li {
background-color: #8f8f8f;
float: left;
height: 15px;
margin-right: 11px;
width: 15px
}
.pagination li.sel {
background-color: #ab2f2d
}
.top-design {
width: 100%;
height: 462px;
background: url(../../../../../scripts/desktop/images/top-design.png) center top no-repeat;
left: 0;
top: 0;
z-index: 1
}
.loginContainer {
z-index: 2
}
.loginContainer .loginWrapper {
right: 2px
}
.loginWrapper {
right: 0;
top: 10px;
width: 220px;
z-index: 6;
height: auto
}
.login select option {
color: #666;
font-size: .9em
}
.aadhaarBox, .login, .quikService {
border: 1px solid #4D2524;
background-color: #090909;
padding: 5px 10px;
float: left;
width: 200px
}
.login, .quikService {
margin: 3px 0 0;
position: relative
}
.adharSeeding, .personalize {
font-size: 1.2em;
margin: 0 0 5px;
font-weight: 700;
cursor: pointer
}
.aadhaarBox ul li, .quikService ul li {
border-top: 1px dotted #7a7a7a;
padding: 7px 6px;
position: relative;
float: left;
width: 187px
}
.aadhaarBox ul li: first-child {
border-top: none;
padding: 5px 6px 3px
}
.aadhaarBox ul li a, .quikService ul li a {
color: #a6a6a6;
background: url(../../../../../scripts/desktop/images/wht-sml-bullet.png) left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 1.2em;
float: left
}
.quikService ul li .help {
float: right;
font-size: 1.2em;
color: #bc3f3d;
cursor: pointer
}
.personalize {
color: #d54e4c;
background: url(../../../../../scripts/desktop/images/personalized-icon.png) left top no-repeat;
padding: 6px 0 4px 27px
}
.adharSeeding {
background: #92272b;
color: #fff;
padding: 6px
}
.adharSeeding a {
color: #fff;
text-decoration: none
}
.collapse, .expand {
font-size: 1.4em;
color: #d54e4c;
padding: 3px 0;
cursor: pointer
}
.expand {
background: url(../../../../../scripts/desktop/images/expand-icon.png) right top no-repeat
}
.collapse {
background: url(../../../../../scripts/desktop/images/collapse-icon.png) right top no-repeat
}
.expandDiv {
display: none
}
.login .indusNet {
color: #fff;
font-size: 1.8em;
line-height: 23px
}
.goBottom, .goTop {
background: url(../../../../../scripts/desktop/images/top-btm-arrow.png) no-repeat;
cursor: pointer;
height: 43px;
position: absolute;
z-index: 2;
width: 43px
}
.goBottom {
background-position: 0 0;
top: 325px;
left: 220px;
display: none
}
.goTop {
background-position: 0 -43px;
right: 28px;
top: -23px;
z-index: 9;
width: 43px
}
.login p {
color: #fff;
font-size: 1.2em
}
.login ul {
float: left;
margin: 10px 0;
width: 100%
}
.login ul li {
padding: 0 0 5px 9px;
float: left
}
.login ul li.sel, .login ul li:hover {
background: url(../../../../../scripts/desktop/images/login-left.jpg) left top no-repeat;
font-weight: 700
}
.login ul li a {
color: #bc3f3d;
font-size: 1.2em;
padding: 4px 12px 8px 0;
float: left;
background: 0 0;
border: none;
cursor: pointer;
font-weight: 700
}
.login ul li.sel a, .login ul li:hover a {
background: url(../../../../../scripts/desktop/images/login-right.jpg) right top no-repeat;
color: #fff;
text-decoration: none;
font-weight: 700
}
.secLink .subLink ul li:hover a, .secondNav.corporateNav .secLink .subLink ul li:hover a {
text-decoration: underline
}
.login ul li.loginBtn input {
width: 50px
}
.login ul li.regBtn input {
width: 70px
}
.login ul li.demoBtn input {
width: 50px
}
.tooltip {
background-color: #fff;
padding: 10px;
width: 140px;
position: absolute;
left: 8px;
top: -5px;
font-size: .9em;
color: #666766;
z-index: 0;
display: none
}
.tooltip span {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: transparent transparent transparent #fff;
display: block;
position: absolute;
right: -16px;
top: 26px;
margin: -6px 0 0
}
.selectbg, select {
position: relative
}
.quikService ul li .help {
background: url(../../../../../scripts/desktop/images/help-icon1.png) right 1px no-repeat;
width: 14px;
height: 16px
}
select {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
cursor: pointer;
width: 189px;
height: 22px
}
.safari select {
margin: 10px 0 0
}
select option {
padding: 5px
}
.selectbg {
background: url(../../../../../scripts/desktop/images/select-bg.png) no-repeat;
float: left;
height: 29px;
margin-bottom: 10px;
width: 186px
}
.selectedvalue {
color: #666;
font-size: 1.2em;
height: 18px;
padding: 7px 5px 0 16px;
position: absolute;
text-align: left;
width: 143px;
overflow: hidden
}
.middleWrapper {
background: url(../../../../../scripts/desktop/images/second-nav-bg.jpg) center top repeat-y;
width: 100%
}
.mdlInner {
width: 1003px;
margin: 0 auto
}
.interested {
width: 290px;
padding: 20px 0 0 27px;
float: left;
min-height: 179px
}
.int-link-wrap {
float: left
}
.interested ul {
float: left;
margin: 10px 0 0;
width: 145px
}
.interested ul:first-child {
margin-left: 0
}
.interested ul li {
clear: both
}
.interested ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.secLink ul li {
width: 100%;
float: left;
position: relative
}
.secLink ul li:hover {
background-color: #e2e2e2
}
.secLink ul li:hover a {
color: #bc3f3d
}
.iWant.secLink .subLink, .interested.secLink .subLink {
position: absolute;
top: 0;
width: 190px;
z-index: 10;
border-radius: 5px;
background-color: #e2e2e2;
display: none;
padding: 10px
}
.interested.secLink .subLink {
left: 142px
}
.iWant.secLink .subLink {
left: 179px
}
.secLink .subLink ul {
width: 190px;
margin: 0
}
.secLink .subLink ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid transparent;
width: 180px
}
.secLink .subLink ul li a {
background: url(../../../../../scripts/desktop/images/red-sml-bullet.png) 4px 12px no-repeat
}
.iWant {
width: 243px;
float: left;
padding: 20px 0 0 20px;
min-height: 179px
}
.iWant ul {
float: left;
margin: 10px 0 0;
width: 100%
}
.iWant ul li {
clear: both
}
.iWant ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.premService {
background: url(../../../../../scripts/desktop/images/premium-bg.jpg) left top;
width: 423px;
float: left;
min-height: 200px
}
.premService h2 {
text-align: center;
padding: 13px 0 0
}
.premService ul {
padding: 0 0 0 60px;
float: left;
margin: -15px 0 0
}
.premService ul li {
width: 100%;
clear: both;
float: left;
margin: 2px 0
}
.premService ul li a {
color: #dda220;
background: url(../../../../../scripts/desktop/images/circle-bullet.png) left 7px no-repeat;
/*padding: 5px 0 4px 36px;*/
padding: 7px 0 4px 32px;
float: left;
/*background-size: 25px 25px*/
background-size: 18px 18px;
font-size: 16px;
line-height:18px;
}
.secondNav {
width: 1003px;
position: relative;
float: left;
z-index: 1
}
.secondNav.corporateNav .interested {
width: 243px;
padding: 20px 0 10px 27px;
float: left;
min-height: 179px
}
.secondNav.corporateNav .interested ul {
float: left;
margin: 10px 0 0;
width: 271px
}
.secondNav.corporateNav .interested ul:first-child {
margin-left: 0
}
.secondNav.corporateNav .interested ul li {
clear: both
}
.secondNav.corporateNav .interested ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.secondNav.corporateNav .secLink ul li {
width: 190px;
float: left;
position: relative
}
.secondNav.corporateNav .secLink ul li:hover {
background-color: #e2e2e2
}
.secondNav.corporateNav .secLink ul li:hover a {
color: #bc3f3d
}
.iWant.secLink .subLink, .secondNav.corporateNav .interested.secLink .subLink {
position: absolute;
top: 0;
width: 190px;
z-index: 10;
border-radius: 5px;
background-color: #e2e2e2;
display: none;
padding: 10px
}
.secondNav.corporateNav .interested.secLink .subLink {
left: 172px
}
.secondNav.corporateNav .iWant.secLink .subLink {
left: 179px
}
.secondNav.corporateNav .secLink .subLink ul {
width: 190px;
margin: 0
}
.secondNav.corporateNav .secLink .subLink ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid transparent;
width: 180px
}
.secondNav.corporateNav .secLink .subLink ul li a {
background: url(../../../../../scripts/desktop/images/red-sml-bullet.png) 4px 12px no-repeat
}
.secondNav.corporateNav .iWant {
width: 271px;
float: left;
padding: 20px 0 0 20px;
min-height: 179px
}
.secondNav.corporateNav .iWant ul {
float: left;
margin: 10px 0 0;
width: 100%
}
.secondNav.corporateNav .iWant ul li {
clear: both
}
.secondNav.corporateNav .iWant ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.secondNav.corporateNav img {
position: absolute;
bottom: 0
}
.coverageWrapper {
background: url(../../../../../scripts/desktop/images/premium-bg.jpg) left top;
width: 423px;
float: left;
min-height: 200px
}
.coverageWrapper h2 {
text-align: center;
padding: 13px 0 0;
font-family: Arial, Helvetica, sans-serif;
color: #dda220
}
.coverageWrapper ul {
padding: 15px 0 0 60px;
float: left
}
.coverageWrapper ul li {
width: 100%;
clear: both;
float: left;
margin: 2px 0
}
.coverageWrapper ul li a {
color: #dda220;
font-size: 1.8em;
padding: 5px 0 5px 14px;
float: left
}
.accWrapper {
width: 100%;
min-height: 236px;
background-color: #cfcfcf
}
.accCarousel {
width: 580px;
height: 236px;
float: left;
overflow: hidden;
position: relative
}
.accCarousel ul li {
float: left
}
.carouselPagination {
left: 19px;
position: absolute;
top: 202px
}
.carouselPagination span {
background-color: #8f8f8f;
float: left;
height: 15px;
margin-right: 11px;
width: 15px;
cursor: pointer;
display: none
}
.carouselPagination span.sel {
background-color: #ab2f2d
}
.accCarousel.personalCarousel ul {
width: 290px!important;
float: left
}
.videoLink {
float: left
}
.mdlBtmWrapper {
background-color: #dcdcdc;
width: 100%;
padding: 0 0 30px
}
.personalised {
float: left;
margin: 0 0 0 -52px;
overflow: hidden;
position: relative
}
.pBox {
padding: 20px 0 0 52px;
margin: -2px 0 0
}
.btmBrd, .sepBrd {
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) top left repeat-x;
width: 1003px;
height: 2px;
margin: 20px 0 0;
float: right
}
.pBox.rtBrd {
background: url(../../../../../scripts/desktop/images/rt-brd.jpg) 20px 60px no-repeat
}
.pBox.sepBrd {
background: url(../../../../../scripts/desktop/images/v-sep.jpg) right top repeat-y;
padding: 0 26px 0 0
}
.pBox .nav {
position: absolute;
right: 0;
top: 17px
}
.pBox .nav li {
cursor: pointer
}
.pBox .nav li.cnn, .pBox .nav li.ndtv, .pBox .nav li.toi {
background: url(../../../../../scripts/desktop/images/news-channel-icon.png) no-repeat;
width: 57px;
height: 45px;
float: left;
margin-right: 8px;
cursor: pointer
}
.pBox .nav li.cnn {
background-position: 0 0
}
.pBox .nav li.ndtv {
background-position: -60px 0
}
.pBox .nav li.toi {
background-position: -119px 0
}
.pBox .navCont {
min-height: 220px;
overflow: hidden
}
.pBox .navCont img {
float: left;
margin: 0 10px 0 0
}
.pBox .navCont ul {
float: left;
padding: 10px 0 0
}
.pBox .navCont ul li {
padding-bottom: 20px;
float: left
}
.pBox .feedCont {
float: left;
padding: 0;
width: 322px
}
.pBox .feedCont p.title {
font-size: 1.6em;
color: #666766;
line-height: normal;
padding: 0 0 6px
}
.pBox .feedCont a:hover {
text-decoration: none
}
.pBox .feedCont a:hover p.title {
color: #BC3F3D;
text-decoration: underline
}
.pBox .feedCont p {
color: #666766;
font-size: 1.2em
}
.whatsNew {
position: relative
}
.rates, .whatsNew {
width: 475px;
float: left
}
.whatsNew img {
float: left
}
.whatsNew .right {
float: left;
width: 197px;
padding: 40px 0 0;
overflow: hidden;
height: 202px
}
.whatsNew a, .whatsNew h2 {
color: #8b2e2e;
padding: 0 0 10px;
line-height: normal
}
.whatsNew .right p.heading {
font-size: 1.8em;
color: #666766;
padding: 0 0 16px;
line-height: normal
}
.whatsNew .right p {
color: #666766;
font-size: 1.2em
}
.whatsNew ul {
float: left
}
.newsPagination {
bottom: 29px;
left: 326px;
position: absolute
}
.aadhaarSection, .securityTip {
position: relative;
float: left
}
.newsPagination span {
background-color: #8f8f8f;
float: left;
height: 15px;
margin-right: 11px;
width: 15px;
cursor: pointer
}
.newsPagination span.sel {
background-color: #fff
}
.newContent {
width: 197px;
float: left
}
.newContent a {
color: #8B2E2E
}
#finance, #news, #sports, #technology, #utility {
display: none
}
.rates {
padding: 67px 0 0 52px
}
.rates .rateCon, .rates ul {
float: left;
width: 155px
}
.rates ul li {
float: left;
margin: 0 0 9px
}
.rates .rateCon .title {
color: #000;
font-size: 1.5em;
margin: 0 0 9px;
text-transform: uppercase
}
.rates ul li p {
color: #666766;
padding-bottom: 3px;
font-size: 1.1em
}
.rates ul li span.fig {
background: url(../../../../../scripts/desktop/images/usd-bg.jpg) left top repeat-x;
color: #eaf4f7;
font-size: 1.4em;
padding: 2px 3px 4px
}
.rates ul li span {
color: #666766;
font-size: 1.2em
}
.rates ul.intRate {
width: 164px
}
.ratesBox {
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) left bottom repeat-x;
float: left;
padding: 0 0 15px
}
.inr, .usd {
width: auto;
float: left;
margin-right: 10px
}
.savingsRate .txt {
width: 90px;
float: left
}
.intRate .txt {
float: left;
width: 102px
}
.aadhaarSection {
border: 1px solid #bc3f3d;
margin: 3% 0 2% 33%;
width: 445px
}
.securityTip {
background-color: #FFF;
padding: 10px 14px;
width: 450px;
margin: 20px 0 0
}
.securityTip ul li {
float: left;
height: 49px;
width: 380px;
font-size: 1.2em
}
.securityTip img {
float: left;
margin: 8px 10px 0 0
}
.securityTip .secTitle {
color: #bc3f3d;
font-size: 1.4em;
padding: 0 0 5px
}
.impLinks ul li a, .impLinks ul li.activeNav {
font-size: 1.1em;
padding: 2px 10px 2px 7px;
color: #848484
}
.securityTip .tipsContentWrap {
float: left;
width: 380px;
height: 60px;
overflow: hidden
}
.securityTip .tipsContentWrap ul {
height: 60px;
width: 380px
}
.securityTip .next, .securityTip .prev {
background: url(../../../../../scripts/desktop/images/security-arrow.png) no-repeat;
width: 8px;
height: 14px;
position: absolute;
cursor: pointer
}
.securityTip .prev {
left: 7px;
top: 39px;
background-position: 0 0
}
.securityTip .next {
background-position: left -21px;
right: 7px;
top: 39px
}
.tipsWrapper {
width: 430px;
overflow: hidden;
margin: 0 0 0 10px
}
.rates.odd .securityTip {
margin: 0 0 0 50px;
height: 84px;
padding: 17px 14px
}
.rates.odd .securityTip .next, .rates.odd .securityTip .prev {
top: 50px
}
.overlay, .perLightbox {
top: 0;
position: absolute
}
.rates.odd .securityTip img {
margin: 18px 10px 0 0
}
.rates.odd .ratesBox {
background: 0 0;
float: left;
padding: 0 0 15px
}
.rates.odd {
width: 1002px;
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) bottom left repeat-x;
float: left;
padding: 40px 0 25px;
margin: 0 0 0 52px
}
.rates.odd .securityTip .secTitle {
padding: 7px 0 5px
}
.videoWrapper {
float: left;
padding: 30px 0 0;
width: 100%;
margin: 10px 0 0
}
.videoWrapper ul li {
float: left;
padding: 0 0 0 37px
}
.videoWrapper ul li img {
cursor: pointer
}
.impLinks ul li.activeNav, .primaryFooter ul li.activeNav {
cursor: default;
text-decoration: underline
}
.videoWrapper ul li:first-child {
padding-left: 0
}
.videoWrapper ul li h3 {
padding: 0 0 18px;
color: #842625
}
.impLinks {
background-color: #fff;
width: 100%;
float: left
}
.impLinks .mdlInner {
position: relative
}
.impLinks ul li {
float: left;
background: url(../../../../../scripts/desktop/images/footer-sep.jpg) 99% 5px no-repeat
}
.impLinks ul li.last {
background: 0 0
}
.impLinks ul {
background: url(../../../../../scripts/desktop/images/bull-img.png) 14px bottom no-repeat;
float: left
}
.impLinks ul li a {
float: left
}
.innerMdlWrapper .impLinks .mdlInner h2 {
background-color: #FFF;
float: left;
margin: -17px 0 0;
padding: 15px
}
.innerMdlWrapper .impLinks ul {
float: left;
padding: 0 0 75px
}
.innerMdlWrapper .impLinks ul li a {
background: url(../../../../../scripts/desktop/images/footer-sep.jpg) right 5px no-repeat;
color: #848484;
float: left;
font-size: 1.1em;
padding: 2px 10px
}
.primaryFooter {
width: 983px;
margin: 0 auto 46px;
background-color: #bc3f3d;
padding: 10px;
clear: both
}
.primaryFooter ul {
float: left;
width: 100%
}
.primaryFooter ul li {
float: left;
padding: 0 7px;
background: url(../../../../../scripts/desktop/images/wht-sep.jpg) right 6px no-repeat
}
.primaryFooter ul li.activeNav {
color: #EBC6C5;
font-size: 1.4em;
padding: 4px 7px 0
}
.innerPrimNav li.links:hover a, .innerPrimNav li:hover a, .prdWrapper ul li:hover a, .rightLinkWrapper ul li a.active:hover {
text-decoration: none
}
.primaryFooter ul li a, .primaryFooter ul li label {
color: #ebc6c5;
float: left;
padding: 4px 0 0;
font-size: 1.4em
}
.primaryFooter ul li div {
float: left;
margin: 0 0 0 7px
}
.primaryFooter ul li.getUpdate {
background: 0 0
}
.primaryFooter ul li.getUpdate .email {
background-color: #EBC6C5;
border: 1px solid #BFBFBF;
height: 19px;
margin: 2px 5px 0 0;
float: left;
padding: 0 0 0 5px;
width: 120px;
line-height: 19px
}
.primaryFooter ul li.getUpdate .submit {
background: url(../../../../../scripts/desktop/images/email-submit-img.png) left top no-repeat;
height: 24px;
width: 59px;
border: none;
float: left;
text-indent: -99999px;
text-transform: capitalize;
cursor: pointer
}
.primaryFooter ul li.copyright {
background: 0 0;
color: #EBC6C5;
float: right;
font-size: 1.1em;
padding: 4px 0 0
}
@media speech {
.copyright {
display: none
}
}
@media aural {
.copyright {
display: none
}
}
.secondFooterWrapper {
background: url(../../../../../scripts/desktop/images/footer-bg.jpg) left top;
bottom: 0;
position: fixed;
width: 100%;
z-index: 10;
left: 0
}
.secondFooter {
width: 1003px;
margin: 0 auto;
padding: 0
}
.secondFooter ul.fLink li a {
padding: 16px 0;
float: left
}
.secondFooter ul li {
float: left;
padding: 0 3px;
position: relative;
cursor: pointer
}
.secondFooter>ul>li.sel {
background-color: #CBCBCB
}
.secondFooter ul li.sel a {
color: #4e4e4e
}
.secondFooter ul li a {
color: #fff;
font-size: 1.3em
}
.socialIcon {
float: right;
padding: 11px 0 0
}
.secondFooter ul li.impNotice {
background: url(../../../../../scripts/desktop/images/wht-up-arrow.png) 19px 20px no-repeat #000;
padding: 0
}
.secondFooter ul li.impNotice a {
padding: 16px 30px 16px 40px
}
.secondFooter ul li.sel.impNotice {
background: url(../../../../../scripts/desktop/images/wht-up-arrow.png) 19px -10px no-repeat #000
}
.secondFooter ul li.sel.impNotice a, .secondFooter ul.fLink .impNotice .exPopup ul li a {
color: #fff
}
.secondFooter ul.fLink .impNotice .exPopup .closeBtn {
background: url(../../../../../scripts/desktop/images/popup-close-btn.jpg) left top no-repeat
}
.overlay {
left: 0;
background-color: #000;
opacity: .8;
filter: alpha(opacity=80);
width: 100%;
height: 100%;
z-index: 11;
display: none;
}
.overlay.homepage{
display: none
}
.perLightbox {
background: url(../../../../../scripts/desktop/images/personalised-bg.jpg) left top;
left: 0;
width: 921px;
z-index: 12;
border-radius: 4px;
display: none
}
.perLightbox .checkbox {
display: none
}
.perLightbox .left {
width: 538px;
float: left;
padding: 16px 0 0 22px
}
.perLightbox .right {
float: left;
padding: 16px 0 0 30px;
width: 331px
}
.perLightbox .bottom {
background-color: #ececec;
padding: 10px 0;
text-align: center;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
float: left;
width: 100%
}
.perLightbox .defaultBtn, .perLightbox .personalizeBtn {
background: url(../../../../../scripts/desktop/images/red-btn-bg.jpg) left top repeat-x;
height: 26px;
width: 122px;
color: #fff;
text-align: center;
padding: 12px 0 0;
cursor: pointer;
border-radius: 5px;
font-size: 1.2em;
float: left
}
.perLightbox .personalizeBtn {
margin: 0 0 0 335px
}
.perLightbox .defaultBtn {
margin: 0 0 0 10px
}
.perLightbox .resetBtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -221px -39px no-repeat;
width: 24px;
height: 24px;
margin: 0 0 10px;
text-align: center;
position: absolute;
bottom: 0;
cursor: pointer
}
.perLightbox .previewBox {
width: 331px
}
.perLightbox .previewBox .previewTop {
background: url(../../../../../scripts/desktop/images/preview-top.png) left top no-repeat;
width: 287px;
height: 127px;
float: left
}
.perLightbox .previewBox .previewMdl {
background: url(../../../../../scripts/desktop/images/preview-mdl.png) left top repeat-y;
width: 275px;
float: left;
padding: 6px
}
.perLightbox .previewBox .previewBtm {
background: url(../../../../../scripts/desktop/images/preview-btm.png) left top no-repeat;
width: 287px;
height: 108px;
float: left
}
.perLightbox .previewBox .previewMdl .box {
background-color: #F8F8F8;
border: 3px solid #CE7675;
color: #CE7675;
float: left;
height: 34px;
margin: 0 3px 3px 0;
padding: 15px 0 0;
text-align: center;
width: 126px;
position: relative;
display: none;
font-size: 1.2em
}
.prevDots {
position: absolute;
right: 0;
top: 0
}
.prevDots span {
width: 16px;
height: 12px;
background-color: #ce7675;
float: left;
margin: 2px 2px 0 0
}
.perLightbox .previewBox .previewMdl .prevWhtNew {
background-color: #F8F8F8;
border: none;
color: #666;
float: left;
height: 40px;
margin: 0 3px 3px 0;
padding: 15px 0 0;
text-align: center;
width: 130px;
position: relative;
display: block
}
.perLightbox .previewBox .previewMdl .prevRateWrapper {
background: 0 0;
border: none;
color: #666;
float: left;
height: 52px;
margin: 0 3px 3px 4px;
padding: 0;
text-align: center;
width: 126px;
position: relative;
display: block
}
.perLightbox .previewBox .previewMdl .prevRateWrapper .prevRate {
height: 22px;
background-color: #F8F8F8;
margin: 0 0 7px;
width: 100%;
float: left;
color: #666;
text-align: center;
padding: 5px 0 0
}
.perLightbox .previewBox .previewMdl .prevRateWrapper .prevSecurity {
height: 18px;
background-color: #F8F8F8;
width: 100%;
float: left;
color: #666;
text-align: center;
padding: 2px 0 0
}
.perLightbox .previewBox .previewMdl .prevRateWrapper.odd {
margin: 3px 0 0 4px;
width: 261px
}
.perLightbox .previewBox .previewMdl .prevRateWrapper.odd .prevRate {
height: 31px;
width: 127px;
padding: 16px 0 0
}
.perLightbox .previewBox .previewMdl .prevRateWrapper.odd .prevSecurity {
height: 31px;
margin: 0 0 0 5px;
width: 128px;
padding: 16px 0 0
}
.persBox {
background-color: #F9F9F9;
border: 1px solid #D9D9D9;
float: left;
margin: 0 10px 10px 0;
min-height: 127px;
padding: 8px;
width: 142px
}
.persBox label {
font-size: 1.2em;
color: #666
}
.perLightbox .title {
background: url(../../../../../scripts/desktop/images/personal-icon.png) left center no-repeat;
padding: 7px 0 7px 43px;
color: #000;
font-size: 1.7em
}
.perLightbox p.pCont {
padding: 12px 0;
font-size: 1.2em;
color: #666766
}
.finance-sec, .news-sec, .sports-sec, .tech-sec, .utility-sec {
background: url(../../../../../scripts/desktop/images/pers-home-icon.png) no-repeat;
padding: 3px 0 8px 21px;
font-size: 1.4em;
color: #666
}
.drpdnVideoBoxWrapper .videoBox h2, .hmpgVideoBoxWrapper .videoBox h2, .videoBoxWrapper .videoBox h2 {
color: #842625;
line-height: 40px;
float: left
}
.news-sec {
background-position: 0 2px
}
.finance-sec {
background-position: 0 -28px
}
.sports-sec {
background-position: 0 -56px
}
.tech-sec {
background-position: 0 -83px
}
.utility-sec {
background-position: 0 -109px
}
.lightboxClose {
background: url(../../../../../scripts/desktop/images/lightbox-close.png) no-repeat;
height: 49px;
position: absolute;
right: -21px;
top: -23px;
width: 49px;
cursor: pointer;
z-index: 100
}
.persBox li {
padding: 4px 0;
border-top: 1px solid #C5C5C5
}
.persBox li:first-child {
border-top: none
}
.persBox label {
width: 15px;
height: 15px;
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
margin: 0 5px 0 0;
padding: 1px 0 0 20px
}
.persBox label.active {
background-position: 0 0
}
.checkbox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer
}
.videoBoxWrapper {
background-color: #262626;
width: 540px;
padding: 10px;
border-radius: 5px;
position: fixed;
left: 0;
top: 0;
z-index: 11;
display: none
}
.videoBoxWrapper .videoBox {
background-color: #fff;
width: 520px;
padding: 10px;
border-radius: 5px
}
.videoClose {
background: url(../../../../../scripts/desktop/images/video-close-btn.png) left top no-repeat;
position: absolute;
right: 20px;
top: 20px;
width: 29px;
height: 28px;
cursor: pointer;
z-index: 12
}
.nextVideo, .prevVideo {
background: url(../../../../../scripts/desktop/images/icon-set.png) no-repeat;
width: 38px;
height: 40px;
position: absolute;
top: 210px;
cursor: pointer
}
.prevVideo {
background-position: -207px -72px;
left: 10px
}
.drpdnVideoBoxWrapper, .hmpgVideoBoxWrapper {
position: absolute;
left: 0;
top: 0;
z-index: 11;
display: none;
padding: 10px;
border-radius: 5px
}
.nextVideo {
background-position: -207px -114px;
right: 10px
}
.drpdnVideoBoxWrapper {
background-color: #262626;
width: 540px
}
.drpdnVideoBoxWrapper .videoBox {
background-color: #fff;
width: 520px;
padding: 10px;
border-radius: 5px
}
.hmpgVideoBoxWrapper {
background-color: #262626;
width: 540px
}
.hmpgVideoBoxWrapper .videoBox {
background-color: #fff;
width: 520px;
padding: 10px;
border-radius: 5px
}
.innerHeaderContainer {
background: url(../../../../../scripts/desktop/images/inner-header-bg.jpg) center top repeat-y;
width: 100%
}
.innerHeaderContainer .innerHeader {
margin: 0 auto;
width: 1003px
}
.innerHeaderContainer .innerPrimNav {
width: 100%;
float: left
}
.innerPrimNav li {
background: url(../../../../../scripts/desktop/images/red-dotted-brd.png) left center repeat-y;
float: left;
padding: 23px 23px 14px;
position: relative;
min-height: 44px;
width: 218px;
cursor: pointer;
z-index: 9
}
.innerPrimNav li a h1 {
font-size: 1em;
font-weight: 400
}
.innerPrimNav li.links.sel, .innerPrimNav li.links:hover, .innerPrimNav li.sel, .innerPrimNav li:hover {
background-color: #000
}
.innerPrimNav li.links.sel, .innerPrimNav li.sel {
background-color: #d7d7d7
}
.innerPrimNav li.current.sel:hover a, .innerPrimNav li.links.sel a, .innerPrimNav li.sel a, .innerPrimNav li.sel span, .innerPrimNav li.sel:hover span {
color: #2C2C2C!important
}
.innerPrimNav li#Iwantto {
width: 187px
}
.innerPrimNav li.current, .innerPrimNav li.current:hover {
background-color: #000
}
.innerPrimNav li.current.sel {
background-color: #d7d7d7
}
.innerPrimNav li.links.current a, .innerPrimNav li.links.current span, .innerPrimNav li.links.current:hover a, .innerPrimNav li.links.current:hover span {
color: #fff
}
.innerPrimNav li.links.current span.arrow, .innerPrimNav li.links.current:hover span.arrow {
display: block
}
.innerPrimNav li.current.sel:hover a, .innerPrimNav li.current.sel:hover span {
color: #2c2c2c
}
.innerPrimNav li span.arrow {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #000 transparent transparent;
display: none;
position: absolute;
left: 50%;
bottom: -16px;
margin: 0 0 0 -4px;
z-index: 10
}
.innerBannerWrapper .innerLandBanner, .innerPrimNavWrap, .primeNavigation {
position: relative
}
.innerPrimNav li.sel span.arrow {
display: none
}
.innerPrimNav li.links:hover a, .innerPrimNav li:hover span {
color: #fff
}
.innerPrimNav li:first-child {
width: 178px;
padding: 23px 32px 14px;
color: #BC3F3D;
font-size: 1.7em;
background-image: none
}
.innerPrimNav li.activeNav:hover {
background: #2c2c2c;
cursor: default
}
.innerPrimNav li:first-child a, .innerPrimNav li:first-child:hover a {
color: #bc3f3d
}
.innerPagelink.innerPrimNav li:first-child {
font-size: 1em
}
.innerPagelink.innerPrimNav li:first-child a, .innerPagelink.innerPrimNav li:first-child:hover a {
color: #fff
}
.innerPrimNav li.links:first-child {
padding: 14px 32px;
background-image: none
}
.innerPrimNav li a, .innerPrimNav li.links a {
color: #fff;
font-size: 1.7em;
float: left;
line-height: normal;
width: 100%
}
.innerPrimNav li.sel a, .innerPrimNav li:hover a {
color: #2c2c2c
}
.innerPrimNav li span {
float: left;
clear: both;
color: #fff;
font-size: 1.2em
}
.innerPrimNav li.premium {
padding-top: 10px;
padding-bottom: 7px;
width: 218px;
cursor: default;
min-height: 55px
}
.innerPrimNav li.premium img {
float: left
}
.innerPrimNav li.premium a, .innerPrimNav li.premium span {
font-size: 1.1em;
color: #dda220;
padding: 0
}
.innerPrimNav li.premium a {
float: none
}
.innerPrimNav li.premium span {
float: left;
margin: -5px 0 0
}
.innerPrimNav li.premium:hover {
background-color: #dda220
}
.innerPrimNav li.premium:hover a, .innerPrimNav li.premium:hover span {
color: #000
}
.innerPrimNavWrap {
width: 100%;
float: left;
background-color: #d7d7d7;
z-index: 10
}
.innerPrimNavCont {
width: 1003px;
margin: 0 auto
}
.innerPrimNavCont ul {
float: left;
width: 198px;
padding: 18px 0 0
}
.innerPrimNavCont ul li {
padding: 4px 0 4px 40px;
float: left;
clear: both;
width: 158px
}
.innerPrimNavCont ul li:first-child {
font-size: 1.8em;
color: #bc3f3d;
line-height: 24px;
padding: 0 0 5px 5px;
float: left;
width: 193px
}
.innerPrimNavCont ul li p.subCatTitle {
font-size: 1.5em;
font-weight: 700;
padding: 0 0 3px;
width: 100%
}
.innerPrimNavCont ul li a {
font-size: 1.2em;
color: #333;
line-height: normal
}
.primeNavigation {
display: none;
padding: 0 0 30px;
float: left;
z-index: 10
}
.primeNavigation li img {
margin: 0;
float: left
}
.primeNavigation li span {
width: 147px;
float: left
}
.primeNavigation li>a>span {
font-size: .9em;
color: #bc3f3d
}
.innerPrimNavCont ul.depMoney li:first-child, .innerPrimNavCont ul.expCards li:first-child, .innerPrimNavCont ul.expForex li:first-child, .innerPrimNavCont ul.fndSup li:first-child, .innerPrimNavCont ul.getLoan li:first-child, .innerPrimNavCont ul.openAcc li:first-child, .innerPrimNavCont ul.planInvst li:first-child {
background: url(../../../../../scripts/desktop/images/nav-icon.png) no-repeat
}
.innerPrimNavCont ul.openAcc li:first-child {
background-position: 0 5px
}
.innerPrimNavCont ul.depMoney li:first-child {
background-position: 0 -57px
}
.innerPrimNavCont ul.planInvst li:first-child {
background-position: 0 -115px
}
.innerPrimNavCont ul.getLoan li:first-child {
background-position: 0 -169px
}
.innerPrimNavCont ul.expCards li:first-child {
background-position: 0 -224px
}
.innerPrimNavCont ul.expForex li:first-child {
background-position: 0 -285px
}
.innerPrimNavCont ul.fndSup li:first-child {
background-position: 0 -356px
}
.innerPrimNavCont img {
float: left;
margin: 53px 0 0 30px
}
.innerBannerWrapper {
background: url(../../../../../scripts/desktop/images/inner-banner-bg.jpg) center top repeat-y;
width: 100%;
float: left
}
.innerBannerWrapper .innerBannerCont {
width: 1003px;
margin: 0 auto
}
.innerBannerWrapper .innerBannerCont .innerBanner {
position: relative;
width: 783px;
float: left
}
.innerBannerWrapper .innerBannerCont .innerBanner h1 {
font-family: source_sans_proregular;
font-size: 3.2em;
font-weight: 400;
left: 50px;
position: absolute;
top: 28px;
line-height: normal;
width: auto
}
.innerBannerWrapper .innerBannerCont .innerBanner h1.whiteColor {
color: #fff
}
.innerBannerWrapper .innerBannerCont .innerBanner h1.blackColor {
color: #3e3e3e
}
.innerBannerWrapper .innerBannerCont .loginWrapper {
top: 32px
}
.innerMdlWrapper {
width: 100%;
float: left
}
.innerMdlWrapper .innerMdlInner {
width: 1003px;
margin: 0 auto;
position: relative
}
.innerMdlWrapper .innerMdlInner .loginregister {
overflow: visible
}
.breadcrumb {
padding: 13px 0 0
}
.innerMdlInner .breadcrum {
padding: 10px 0;
float: left;
width: 100%
}
.innerMdlInner .breadcrum ul li {
background: url(../../../../../scripts/desktop/images/brdcrm-sep.png) 5px center no-repeat;
float: left;
padding: 0 0 0 15px;
font-size: 1.1em;
color: #666
}
.breadcrum div:first-child, .innerMdlInner .breadcrum ul li:first-child {
background: 0 0;
padding: 0
}
.innerMdlInner .breadcrum ul li a {
color: #666
}
.breadcrum div {
float: left;
font-size: 1.1em;
color: #666;
background: url(../../../../../scripts/desktop/images/brdcrm-sep.png) 5px center no-repeat;
padding: 0 0 0 15px
}
.breadcrum div a {
color: #666
}
.innerMdlInner h1 {
float: left;
font-size: 3em;
font-weight: 400;
padding: 10px 0 15px;
width: 100%
}
.headingTitle h1 {
line-height: normal;
padding: 20px 0 0
}
.innerMdlWrapper .impLinks h2 {
margin: 0
}
.rightLinkWrapper {
width: 192px;
padding: 15px;
float: left
}
.rightLinkWrapper .expand {
color: #666;
font-size: 1.4em;
font-weight: 700;
text-transform: uppercase;
margin: 15px 0 0;
float: left;
width: 170px;
padding-right: 22px;
line-height: normal
}
.rightLinkWrapper .expandDiv {
float: left;
width: 100%
}
.rightLinkWrapper ul li {
border-top: 1px dotted #7a7a7a;
padding: 6px;
float: left;
width: 180px
}
.rightLinkWrapper ul li:first-child {
border-top: none
}
.rightLinkWrapper ul li a {
color: #666;
background: url(../../../../../scripts/desktop/images/sml-bullet1.png) left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 1.2em;
float: left
}
.rightLinkWrapper ul li a.active {
background: url(../../../../../scripts/desktop/images/red-sml-bullet.png) left 5px no-repeat;
color: #8B2E2E;
cursor: default;
font-weight: 700
}
.prdWrapper ul li {
float: left;
width: 214px;
padding: 0 0 30px 30px
}
.prdWrapper p.subCatTitle {
background: url(../../../../../scripts/desktop/images/sml-bullet1.png) 19px 18px no-repeat;
clear: both;
font-size: 1.5em;
font-weight: 700;
padding: 13px 0 15px 30px;
color: #474747
}
.prdWrapper .prdNote {
color: #666766;
float: left;
font-size: 1.4em;
padding: 10px 0 20px 30px
}
.prdWrapper .prdNote span {
font-size: 1.4em;
color: #bc3f3d
}
.prdWrapper .prdBox {
border: 1px solid #CECECE;
min-height: 443px;
padding: 10px 15px 24px;
width: 177px;
box-shadow: 0 1px 3px #d4d4d4;
cursor: pointer;
overflow: hidden;
}
.callLightbox input, .reviewForm .left input {
-moz-box-shadow: inset 0 0 5px #d3d3d3;
-webkit-box-shadow: inset 0 0 5px #d3d3d3
}
.prdWrapper .prdBox p {
font-size: 1.3em;
color: #666766;
cursor: default
}
.prdWrapper ul li.selected .prdBox, .prdWrapper ul li:hover .prdBox {
border: 1px solid #bc3f3d
}
.prdWrapper .prdBox .prdTitle {
font-size: 1.7em;
color: #bc3f3d;
line-height: normal;
padding: 0 0 5px;
cursor: pointer
}
.prdWrapper .prdBox img {
margin: 6px 0 9px 13px
}
.prdWrapper .compare {
width: 112px;
float: left
}
.prdWrapper .compare .checkbox {
margin: 5px 5px 0 0
}
.prdWrapper .compare .checkbox.checked {
background-position: 0 -38px
}
.prdWrapper .compare input {
float: left
}
.prdWrapper .compare label {
color: #fff;
font-size: 1.1em;
float: left;
width: 79px;
line-height: 1em;
margin: 8px 0 0
}
.prdWrapper .comparebtn, .prdWrapper .prdComp .applynow {
color: #BC3F3D;
font-size: 1.1em;
float: left;
cursor: pointer
}
.prdWrapper .comparebtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -74px top no-repeat;
height: 19px;
padding: 4px 0 0;
text-align: center;
width: 73px;
display: none
}
.prdWrapper .prdComp {
float: left;
padding: 8px 0 8px 17px;
width: 192px;
background-color: #bc3f3d;
min-height: 24px
}
.tabContWrapper, .termsandcondition {
min-height: 300px
}
.prdWrapper .prdComp .applynow {
background: url(../../../../../scripts/desktop/images/icon-set.png) left top no-repeat;
width: 56px;
border: none;
padding: 3px 8px 6px
}
.innerMdlBtmWrapper {
width: 100%;
display: inline-block;
background-color: #dcdcdc;
padding: 0 0 55px
}
.innerMdlBtmWrapper .innerMdlBtm {
width: 1003px;
margin: 0 auto
}
.innerMdlBtmWrapper .left {
background: url(../../../../../scripts/desktop/images/inner-btm-sep.jpg) right 30px repeat-y;
width: 461px;
float: left;
margin: 32px 0 0 40px
}
.innerMdlBtmWrapper .left ul {
float: left;
width: 189px;
padding: 0 0 0 31px
}
.innerMdlBtmWrapper .left ul:first-child {
padding: 0
}
.innerMdlBtmWrapper .left ul li a {
padding: 0 0 0 3px;
float: left;
color: #8b2e2e
}
.innerMdlBtmWrapper .left ul li {
padding: 0 0 20px 3px;
font-size: 1.8em;
color: #8b2e2e;
float: left;
width: 186px
}
.innerMdlBtmWrapper .left ul li ul li {
background: url(../../../../../scripts/desktop/images/icon-set.png) 9px -234px no-repeat;
font-size: .8em;
padding: 0 0 20px 29px
}
.innerMdlBtmWrapper .left ul li ul li a {
color: #666766
}
.innerMdlBtmWrapper .left ul li.giveCall {
background-position: 0 -35px
}
.innerMdlBtmWrapper .left ul li.letusCall {
background-position: 0 -119px
}
.innerMdlBtmWrapper .left ul li.locateBranch {
background-position: 0 -157px
}
.innerMdlBtmWrapper .left ul li.calculator {
background-position: 0 -202px
}
.innerMdlBtmWrapper .left ul li p {
font-size: .8em;
color: #666766;
padding: 9px 0 0;
float: left
}
.innerMdlBtmWrapper .left ul li .detailsData {
float: left;
padding: 0 0 0 5px;
width: 157px;
line-height: normal
}
.innerMdlBtmWrapper .left ul li h2 {
font-size: 1em;
float: left
}
.innerMdlBtmWrapper .left ul li img {
float: left;
padding: 11px 0 0
}
.innerMdlBtmWrapper .right {
float: left;
padding: 40px 0 0;
width: 501px
}
.innerRatesWrap .ratesBox {
background: 0 0;
padding: 0 0 28px
}
.innerRatesWrap ul {
float: left;
width: 225px;
padding: 0 0 0 25px
}
.innerRatesWrap ul li {
float: left;
margin: 0 0 9px
}
.innerRatesWrap ul li.title {
color: #000;
font-size: 1.5em;
font-weight: 700
}
.innerRatesWrap ul li p {
color: #666766;
padding-bottom: 3px;
font-size: 1.1em
}
.innerRatesWrap ul li span.fig {
background: url(../../../../../scripts/desktop/images/usd-bg.jpg) left top repeat-x;
color: #eaf4f7;
font-size: 1.4em;
padding: 2px 3px
}
.innerRatesWrap ul li span {
color: #666766;
font-size: 1.2em
}
.innerRatesWrap .savingsRate .txt {
width: 120px;
padding: 0 15px 0 0
}
.innerRatesWrap .intRate .txt {
width: 152px;
float: left
}
.innerRatesWrap .ratesBox h2 {
color: #000;
font-size: 1em;
font-weight: 700
}
.innerMdlBtm .left.btmBox {
background: 0 0
}
.innerMdlBtm .left .innerBtmBox {
background: url(../../../../../scripts/desktop/images/v-sep.jpg) right 30px repeat-y;
float: left;
padding: 0 0 0 14px;
width: 447px
}
.innerMdlBtm .right .innerBtmBox {
float: left;
padding: 0 0 0 70px
}
.innerBtmBox h3 {
color: #8b2e2e;
padding: 0 0 15px
}
.innerBtmBox img {
float: left;
margin: 0 23px 0 0
}
.innerBtmBox .boxright {
width: 250px;
float: left
}
.innerBtmBox .boxright a.bTitle {
font-size: 1.8em;
color: #666766;
padding: 0;
float: none;
text-decoration: none
}
.innerBtmBox .boxright p {
font-size: 1.2em;
color: #666766;
float: left;
width: 100%;
padding: 0
}
.boxright p a {
float: none!important;
font-size: 1.2em!important;
color: #bc3f3d!important
}
.innerBoxWrap {
float: left;
padding: 0 0 20px;
width: 404px
}
.innerBoxWrap a {
color: #090909;
text-decoration: underline;
font-size: 1.3em;
float: left;
padding: 5px 0 0
}
.innerBanner img {
float: left
}
.innerBanner .singleBanner {
float: left;
height: 262px;
padding: 32px 30px;
width: 723px
}
.innerBanner .singleBanner img {
height: 262px;
width: 723px
}
.prdDeatilWrapper {
background: url(../../../../../scripts/desktop/images/prd-detail-bg.jpg) center top repeat-y;
width: 100%;
float: left
}
.prdDeatilWrapper .prdDetailLeft {
width: 783px;
float: left
}
.detailApply, .detailContri {
background: url(../../../../../scripts/desktop/images/icon-set.png) -152px 0 no-repeat;
border: none;
color: #FFF;
font-weight: 700;
height: 24px;
padding: 5px 0;
width: 96px;
cursor: pointer;
float: left;
text-align: center;
font-size: 1.3em
}
.detailContri {
background: url(../../../../../../content/dam/indusind/desktop/btn-grad.png) no-repeat;
width: 240px;
margin-right: 10px
}
.detailApply:hover, .detailContri:hover {
color: #fff;
text-decoration: none
}
.closeBtn-n {
float: right;
top:3px;
position: relative;
right: 23px
}
.closeBtn
{
float: right;
top: -10px;
position: relative;
right: -10px
}
.innerMdlBtmWrapper .innerMdlBtm .innerRatesWrap {
background: url(../../../../../scripts/desktop/images/inner-btm-sep.jpg) center 30px no-repeat
}
.prdDeatilWrapper .prdDetailRight {
width: 783px;
width: 220px
}
.prdDeatilWrapper .prdDetailRight .loginWrapper {
background: #CCCECD;
position: relative;
float: left;
top: 0;
margin: -172px 0 0
}
.giveCallWrapper .compare {
float: left;
margin: 5px 0 0 18px
}
.giveCallWrapper .compare label {
color: #666766
}
.giveCallWrapper ul {
background-color: #fff;
border: 1px solid #d7d7d7;
float: right;
margin: 0 23px 0 0
}
.giveCallWrapper ul li {
float: left;
border-left: 1px solid #dcdcdc;
padding: 5px 16px
}
.giveCallWrapper ul li:first-child {
border-left: none
}
.giveCallWrapper ul li img {
float: left
}
.giveCallWrapper ul li a {
padding: 2px 0 0 5px;
font-size: 1.3em;
color: #666;
float: left
}
.giveCallWrapper ul li.giveCall {
background-position: 0 -30px
}
.giveCallWrapper ul li.letusCall {
background-position: 0 -113px
}
.giveCallWrapper ul li.locateBranch {
background-position: 0 -154px
}
.giveCallWrapper .comparebtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -74px top no-repeat;
color: #BC3F3D;
float: left;
font-size: 1.1em;
height: 19px;
padding: 4px 0 0;
text-align: center;
width: 73px;
display: none;
cursor: pointer
}
.callLightbox, .formMessageLightbox, .getNewUpdateLightBox, .ratingLightbox, .reviewLightbox {
width: 350px;
position: fixed;
left: 0;
top: 0;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.callLightbox a.closeBtn, .formMessageLightbox a.closeBtn, .getNewUpdateLightBox a.closeBtn, .ratingLightbox a.closeBtn, .reviewLightbox a.closeBtn {
float: right
}
.callLightbox .formFld {
float: left;
margin: 0 0 12px
}
.callLightbox label {
width: 100px;
float: left;
color: #666;
font-size: 1.8em;
padding: 12px 0 0
}
.callLightbox input {
width: 210px;
background-color: #eaeaea;
float: left;
border: 1px solid #c8c8c8;
border-radius: 5px;
padding: 8px 10px;
box-shadow: inset 0 0 5px #d3d3d3
}
.callLightbox input.submit {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 103px
}
.formMessageLightbox, .getNewUpdateLightBox, .ratingLightbox, .reviewLightbox {
border: 5px solid #bc3f3d
}
.formMessageLightbox p, .getNewUpdateLightBox p, .ratingLightbox p, .reviewLightbox p {
font-size: 1.9em;
padding: 34px 0 18px;
text-align: center;
line-height: normal
}
.tabWrapper {
float: left;
width: 760px;
padding: 10px 0 0
}
.tabWrapper ul {
background-color: #2C2C2C;
float: left;
width: 100%
}
.tabWrapper ul li {
float: left;
position: relative;
cursor: pointer
}
.tabWrapper ul li:first-child a {
padding: 15px 20px 15px 22px
}
.tabWrapper ul li a {
background: url(../../../../../scripts/desktop/images/red-dotted-brd.png) left center no-repeat #2c2c2c;
float: left;
padding: 15px 7px;
text-align: center;
color: #fff;
font-size: 1.5em
}
.tabWrapper ul li.selected a, .tabWrapper ul li:hover a {
background-color: #7c7c7c;
text-decoration: none
}
.tabWrapper ul li span.arrow {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #7c7c7c transparent transparent;
position: absolute;
left: 50%;
top: 42px;
margin: 5px 0 0 -4px;
display: none
}
.tabWrapper ul li.selected span.arrow {
display: block
}
.tabContWrapper {
background-color: #fff;
float: left;
width: 660px;
padding: 27px 50px 30px
}
.tabContWrapper h2 {
font-size: 2.1em;
color: #666;
padding: 0 0 5px;
display: none
}
.tabContWrapper h2.visionTitle {
display: block
}
.tabCont .dash-divider {
float: left;
width: 100%;
height: 5px;
border-bottom: 1px dashed #ccc
}
.tabContWrapper ul {
padding-bottom: 12px
}
.highlightTitle {
color: #bc3f3d!important
}
.outterWrapper a, .tabContWrapper a {
color: #bc3f3d;
cursor: pointer
}
.tabContWrapper ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 10px 5px no-repeat;
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 23px
}
.termCondition ul.bluebullet li li {
background: url(../../../../../../content/dam/indusind/desktop/tableBulletBlue.gif) 10px 5px no-repeat;
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 23px
}
.tabContWrapper ul li ul, .tabContWrapper ul li ul.dash-bull {
margin-bottom: -12px;
padding: 10px 0 0
}
.tabContWrapper ul li ul li {
background: url(../../../../../scripts/desktop/images/tableBullet1.gif) 6px 4px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 20px
}
.tabContWrapper ul li ul.dash-bull li,{
background: url(../../../../../../content/dam/indusind/desktop/tableBullet2.png) 6px 5px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 20px
}
.tabContWrapper ul.dash-bull li{
background: url(../../../../../../content/dam/indusind/desktop/tableBullet2.png) 6px 5px no-repeat!important;
font-size: 1.3em;
color: #666766;
padding: 0 0 10px 20px
}
.tabContWrapper p {
font-size: 1.3em;
color: #666766;
line-height: normal;
padding: 0 10px 10px 0;
clear: both
}
.tabContWrapper p.disclaimer {
font-size: 1.1em
}
.tabContWrapper table tr td, .tabContWrapper table tr th {
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
font-size: 1.2em;
padding: 10px
}
.tabContWrapper table {
border-top: 1px solid #b6b6b6;
width: 100%;
margin: 5px 0 15px
}
.tabContWrapper table tr th {
background-color: #2c2c2c;
color: #fff;
text-align: left
}
.tabContWrapper table tr td:first-child, .tabContWrapper table tr th:first-child {
border-left: 1px solid #b6b6b6
}
.tabContWrapper table tr td {
color: #757575
}
.ratePrd .ratingVal span, .tabContWrapper table tr td table tr td {
font-size: 1em
}
.printShare {
float: right;
height: 20px;
padding: 10px 22px 0 0;
display: none
}
.printShare a {
padding: 0 0 0 10px;
float: left
}
.ratePrdWrapper {
background: url(../../../../../scripts/desktop/images/rate-prd-bg.jpg) center top repeat-y;
width: 100%;
float: left
}
.ratePrdWrapper .ratePrdCont {
width: 1003px;
margin: 0 auto
}
.ratePrd {
float: left
}
.ratePrd .ratingVal {
background-color: #bc3f3d;
padding: 15px 5px;
float: left;
width: 40px;
color: #fff;
text-align: center
}
.ratePrd .ratingVal span.point {
font-size: 2.7em
}
.ratePrd .ratingVal a {
color: #fff;
text-decoration: underline
}
.ratePrd p {
font-size: 1.1em;
color: #666;
padding: 15px 10px 0;
width: 115px;
float: left
}
.ratePrd a.review, .ratingStar p {
color: #333;
font-size: 1.8em;
float: left
}
.ratePrd p.reviewCont {
width: 144px
}
.ratingStar {
background: url(../../../../../scripts/desktop/images/blk-dot-sep.png) left 14px no-repeat;
width: 173px;
float: left;
padding: 15px 0 10px 15px
}
.ratingStar div {
float: left
}
.ratingStar span {
background: url(../../../../../scripts/desktop/images/rating-star.png) -13px 0 no-repeat;
width: 13px;
height: 13px;
float: left;
margin-right: 4px;
cursor: pointer
}
.ratingStar span.blank {
background-position: -13px 0
}
.ratingStar span.noCursor {
cursor: default
}
.ratingStar p {
clear: both;
padding: 5px 0 0;
width: 100%
}
.ratePrd a.review {
background: url(../../../../../scripts/desktop/images/write-review.png) left 9px no-repeat;
padding: 10px 0 10px 40px;
width: 110px;
text-decoration: underline
}
.prodcuctReviewWrapper {
width: 100%;
float: left;
background-color: #fff;
display: none
}
.prodcuctReview {
background-color: #dcdcdc;
width: 953px;
margin: 5px auto 30px;
padding: 25px;
position: relative
}
.prodcuctReview h2 {
color: #bc3f3d;
font-size: 2.1em
}
.prodcuctReview h3 {
color: #666;
font-size: 1.9em;
padding: 5px 0 5px 16px
}
.prodcuctReview .reviewTxt {
color: #919191;
font-size: 1.4em;
padding: 0 0 5px 16px
}
.prodcuctReview p {
font-size: 1.5em;
color: #7c7c7c;
line-height: normal;
padding: 0 0 0 16px
}
.seeMore, .seeMore:hover {
color: #fff
}
.prdRevCont {
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) left top repeat-x;
padding: 0 0 10px 20px
}
.prodcuctReview .prdRevCont:first-child {
background-image: none
}
.prodcuctReview .close {
background: url(../../../../../scripts/desktop/images/close-btn.png) left top no-repeat;
position: absolute;
top: 10px;
right: 10px;
width: 21px;
height: 21px;
cursor: pointer
}
.seeMore {
width: 129px;
height: 20px;
position: absolute;
left: 440px;
bottom: -24px;
background: url(../../../../../scripts/desktop/images/see-more-btn.png) left top no-repeat;
font-size: 1.2em;
text-align: center;
padding-top: 4px
}
.writeReviewWrapper {
width: 100%;
float: left;
background-color: #fff;
display: none
}
.writeReview {
background-color: #dcdcdc;
width: 953px;
margin: 5px auto 30px;
padding: 25px;
position: relative
}
.writeReview h2 {
color: #bc3f3d;
font-size: 2.1em
}
.writeReview .close {
background: url(../../../../../scripts/desktop/images/close-btn.png) left top no-repeat;
position: absolute;
top: 10px;
right: 10px;
width: 21px;
height: 21px;
cursor: pointer
}
.reviewForm {
float: left;
margin: 25px 0 0
}
.reviewForm .left {
width: 415px;
float: left
}
.reviewForm .left .formField {
width: 415px;
float: left;
margin: 0 0 30px
}
.reviewForm .left label {
width: 100px;
float: left;
color: #666;
font-size: 1.8em;
padding: 12px 0 0
}
.reviewForm .left input {
width: 292px;
background-color: #eaeaea;
float: left;
border: 1px solid #c8c8c8;
border-radius: 5px;
padding: 12px 10px;
box-shadow: inset 0 0 5px #d3d3d3
}
.formField textarea {
float: left;
width: 292px!important;
height: 76px;
background-color: #EAEAEA;
border-radius: 5px;
box-shadow: 0 0 5px #D3D3D3 inset;
border: 1px solid #C8C8C8;
padding: 12px 10px;
font-family: Arial, Helvetica, sans-serif;
resize: none;
font-size: 1.3em
}
.reviewForm .right {
width: 465px;
float: left;
margin: 0 0 0 70px
}
.reviewForm .right .recomPrd {
margin: 11px 0 0
}
.reviewForm .right .recomPrd p {
color: #666;
font-size: 1.8em;
float: left;
padding: 0 18px 0 0
}
.reviewForm .right .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 0 11px 0 0;
line-height: 1em
}
.reviewForm .right .radiobox.checked {
background-position: 0 -29px
}
.reviewForm .right .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em;
float: left
}
.reviewForm .right .radiobox label {
width: 85px;
padding: 0 0 0 5px;
line-height: 1.2em;
cursor: pointer;
color: #858585;
font-size: 1.6em;
font-style: italic
}
.captchaWrapper {
float: left;
margin: 50px 0 0
}
.captchaWrapper .captchaTitle {
font-size: 1.8em;
color: #666;
line-height: normal
}
.captchaWrapper p {
font-size: 1.4em;
color: #989898;
line-height: normal;
padding: 5px 0
}
.captchaWrapper input.picTxt {
width: 215px;
background-color: #eaeaea;
float: left;
border: 1px solid #c8c8c8;
border-radius: 5px;
padding: 12px 10px;
-moz-box-shadow: inset 0 0 5px #d3d3d3;
-webkit-box-shadow: inset 0 0 5px #d3d3d3;
box-shadow: inset 0 0 5px #d3d3d3
}
.captchaWrapper input.addComment, .captchaWrapper input.cancel {
color: #fff;
width: auto;
padding: 9px;
font-size: 1.8em;
cursor: pointer
}
.captchaWrapper .btnWrap {
float: left;
margin: 20px 0 0
}
.captchaWrapper input.addComment {
background-color: #bd4341;
border: none;
border-radius: 0;
margin: 0 20px 0 0
}
.captchaWrapper input.cancel {
background-color: #9e9e9e;
border: none;
border-radius: 0
}
.learnMoreWrapper {
padding: 30px 0 0 40px;
float: left
}
.learnMoreWrapper h3 {
color: #8b2e2e;
padding: 0 0 20px
}
.learnMoreWrapper h4 {
color: #666;
padding: 0 0 15px
}
.learnMoreWrapper img {
float: left;
margin: 0 20px 0 0
}
.learnMoreCont {
float: left;
padding: 0 45px 0 0;
width: 425px
}
.learnMoreCont a, .learnMoreCont a:hover {
text-decoration: none
}
.learnMoreWrapper .learnMoreCont p {
font-size: 1.3em;
color: #666766
}
.innerHeaderContainer .innerPrimNavInner {
width: 100%;
float: left
}
.innerPrimNavInner li {
background: url(../../../../../scripts/desktop/images/red-dotted-brd.png) left center repeat-y;
float: left;
padding: 14px 19px 15px;
cursor: pointer;
width: 323px;
font-family: source_sans_proregular;
position: relative
}
.careerBtm p, .careerContainer p {
font-family: Arial, Helvetica, sans-serif
}
.innerPrimNavInner li a {
color: #fff;
font-size: 1.7em;
float: left;
line-height: normal;
font-weight: 700
}
.innerPrimNavInner li a h1 {
font-size: 1em
}
.innerPrimNavInner li span {
float: left;
clear: both;
color: #fff;
font-size: 1.2em
}
.innerPrimNavInner li.sel a, .innerPrimNavInner li.sel span, .innerPrimNavInner li:hover a, .innerPrimNavInner li:hover span {
color: #2c2c2c
}
.innerPrimNavInner li.sel, .innerPrimNavInner li:first-child.sel, .innerPrimNavInner li:first-child:hover, .innerPrimNavInner li:hover {
background-color: #d7d7d7
}
.innerPrimNavInner li.current {
background-color: #000!important
}
.innerPrimNavInner li.sel.current {
background-color: #d7d7d7!important
}
.innerPrimNavInner li.sel.current a, .innerPrimNavInner li.sel.current span, .innerPrimNavInner li.sel.current:hover a, .innerPrimNavInner li.sel.current:hover span {
color: #2C2C2C!important
}
.innerPrimNavInner li:hover span.arrow {
display: none
}
.innerPrimNavInner li.current span.arrow {
display: block
}
.innerPrimNavInner li span.arrow {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #000 transparent transparent;
display: none;
position: absolute;
left: 50%;
bottom: -16px;
margin: 0 0 0 -4px;
z-index: 10
}
.innerPrimNavInner li.current:hover a, .innerPrimNavInner li.current:hover span, .innerPrimNavInner li.sel.current a, .innerPrimNavInner li.sel.current span, .innerPrimNavInner li.sel.current:hover a, .innerPrimNavInner li.sel.current:hover span {
color: #fff
}
.innerPrimNavInner li:first-child {
width: 297px;
background: 0 0
}
.innerPrimNavInner li.lastChild {
width: 268px
}
.innerPrimNavContCareer {
width: 1003px;
margin: 0 auto
}
.innerPrimNavContCareer ul.carrerLtnav {
float: left;
width: 380px;
padding: 29px 0 0 20px
}
.innerPrimNavContCareer ul.carrerLtnav li {
padding: 0 0 9px 19px;
background: url(../../../../../scripts/desktop/images/red-bullet.png) left 6px no-repeat
}
.innerPrimNavContCareer ul.carrerLtnav li a {
font-size: 1.6em;
color: #666766;
line-height: normal
}
.innerPrimNavContCareer img {
float: left;
margin: 29px 0 0 30px
}
ul.carrerBoxes {
padding: 0 0 15px;
clear: left;
float: left
}
ul.carrerBoxes li {
width: 295px;
height: 233px;
padding: 6px;
border: 1px solid #bfbfbf;
margin: 0 8px 19px 9px;
box-shadow: 0 1px 3px #D4D4D4
}
ul.carrerBoxes li.lst {
margin: 0 0 19px 9px
}
ul.carrerBoxes li a span {
color: #666766;
font-size: 1.3em;
line-height: normal;
padding: 8px 0 0 11px;
display: block
}
ul.carrerBoxes li a span.prdTitle {
font-size: 2.1em;
color: #bc3f3d;
padding-top: 5px
}
ul.carrerBoxes li:hover {
background-color: #bc3f3d
}
ul.carrerBoxes li:hover a span {
color: #FFF
}
.careerContainer {
margin: 0 auto;
width: 962px;
padding: 5px 0 0;
clear: left
}
.careerContainer h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2em
}
.careerContainer p {
color: #666766;
font-size: 1.3em;
font-weight: 400;
padding: 15px 0 0;
width: 646px
}
.CareerWrapper h2, .careerContent h3 {
font-size: 2.1em;
line-height: 2em;
font-weight: 400
}
.careerContainer ul.careerTab {
margin: 35px 0 0;
float: left;
height: 257px
}
.careerContainer ul.careerTab li {
padding: 0 0 25px 15px;
width: 208px
}
.careerContainer ul.careerTab li:first-child {
padding-left: 0
}
.careerContainer ul.careerTab li.activetab {
width: 279px
}
.careerContainer ul.careerTab li img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
width: 206px;
height: 167px;
cursor: pointer
}
.careerContainer ul.careerTab li.activetab img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0);
width: 279px;
height: 237px
}
.CareerWrapper {
width: 971px;
margin: 0 auto
}
.CareerWrapper h2 {
color: #666;
padding: 0 0 0 10px
}
.careerContent {
padding: 0;
clear: both;
float: left
}
.careerContent h3 {
color: #8b2e2e;
text-transform: uppercase
}
.careerContent ul.carrerLftNav {
list-style: none;
width: 340px;
float: left
}
.careerContent ul.carrerLftNav li {
float: none;
padding: 0 0 8px 15px;
background: url(../../../../../scripts/desktop/images/red-bullet.png) left 6px no-repeat;
width: 342px
}
.careerContent ul.carrerLftNav li a {
color: #666766;
font-size: 1.5em;
line-height: 1.4em;
font-weight: 700
}
.careerContent ul.carrerLftNav li a:hover, .careerContent ul.carrerLftNav li.actleftTab a {
color: #bc3f3d;
text-decoration: underline
}
.LeftContentWrapper {
width: 596px;
float: left
}
.careerContentTab {
padding: 0 0 0 25px;
display: none
}
.careerContentTab p {
color: #666;
font-size: 1.3em;
font-weight: 400;
padding: 0 0 18px;
width: 100%
}
.careerContentTab p.ParaHeading {
font-size: 2.1em
}
.careerBtm {
text-align: center;
padding: 44px 0 0
}
.careerBtm h3 {
color: #8b2e2e;
padding: 0 0 15px
}
.careerBtm p {
color: #666766;
font-size: 1.3em;
font-style: normal
}
.btnStrct {
color: #fff;
float: left;
margin: 0 auto;
padding-left: 8px
}
.btnStrct input, .frmRhtSec .btnStrct input, .notifyME .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
border: none;
cursor: pointer
}
.notifyME .btnStrct input {
width: 76px;
font-size: 1.3em
}
.frmRhtSec .btnStrct input {
width: auto;
font-size: 1.3em
}
.noborder .btnStrct input {
font-size: .7em
}
.careerContentTab .btnStrct {
float: right
}
.careerBtm .btnStrct {
margin: 15px auto 0;
width: 120px;
display: inline-block;
float: none
}
.jobListing {
width: 968px;
margin: 0 auto
}
.jobListing h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2em;
float: left
}
.jobSelect {
width: 555px;
float: right
}
.jobSelect span {
float: left;
padding: 10px 10px 0 20px;
color: #bc3f3d;
font-family: source_sans_proregular;
font-size: 1.5em
}
.jobSelect .selectbgfunc select {
width: 193px
}
.jobSelect .selectbgPos select {
width: 189px
}
.jobSelect .selectbgPos option, .jobSelect .selectbgfunc option {
padding: 5px 0 5px 5px;
float: left
}
.jobSelect .selectbgPos, .jobSelect .selectbgfunc {
background: url(../../../../../scripts/desktop/images/select-bg2.png) left top no-repeat;
float: left;
height: 35px;
margin-bottom: 10px;
position: relative;
width: 193px
}
.jobSelect .selectedvalue {
color: #666;
font-size: 1.2em;
height: 18px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 149px;
overflow: hidden
}
.jobSelect .selectbgPos .selectedvalue {
width: 143px
}
.jobAccContent {
width: 968px;
margin: 0 auto;
clear: both
}
.jobAccContent .jobAcc .ListExpand {
border: 1px solid #999;
box-shadow: 0 1px 3px #D4D4D4;
-ms-box-shadow: 0 1px 3px #D4D4D4;
-webkit-box-shadow: 0 1px 3px #D4D4D4;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
position: relative
}
.jobAccContent .jobAcc .ListExpand .expandAcc {
width: 925px;
margin: 0 auto;
color: #bc3f3d;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 0;
line-height: 1.2em;
cursor: pointer;
clear: both
}
.jobAccContent .jobAcc .ListExpand .expandAcc p {
display: block;
width: 100%;
float: left;
position: relative;
cursor: pointer
}
.jobAccContent .jobAcc .ListExpand .expandAcc p a {
color: #333;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
cursor: pointer;
display: block;
width: 100%
}
.jobAccContent .jobAcc .ListExpand .expandAcc.collapsAcc p a {
color: #BC3F3D
}
.jobAccContent .jobAcc .ListExpand .expandAcc p span {
float: left;
width: 800px
}
.jobAccContent .jobAcc .ListExpand .expandAcc span.arr {
background: url(../../../../../scripts/desktop/images/expand-icon.png) left top no-repeat;
display: block;
float: right;
width: 21px;
height: 22px
}
.jobAccContent .jobAcc .ListExpand .collapsAcc span.arr {
background: url(../../../../../scripts/desktop/images/collapse-icon.png) no-repeat
}
.AccSlideContent {
width: 925px;
margin: 0 auto;
padding: 26px 0 18px;
clear: both;
border-top: 1px dashed #666;
position: relative;
height: 310px
}
.hrjobupdate .AccSlideContent {
overflow: auto
}
.accSlideLeft {
float: left;
padding: 50px 0 0;
border-right: 1px solid #bc3f3d;
position: relative;
width: 262px;
height: 152px
}
.accSlideLeft img.ltArrow {
width: 17px;
height: 25px;
position: absolute;
top: 76px;
right: -11px
}
.accSlideLeft p {
color: #bc3f3d;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 10px
}
.accSlideLeft p span {
color: #333;
text-transform: uppercase
}
.accSlideRight {
width: 511px;
float: left;
padding-left: 42px
}
.accSlideRight h2 {
color: #666;
font-size: 1.8em;
font-family: source_sans_proregular;
line-height: 1.8em;
padding: 0 0 9px;
float: none
}
.AccsocialIcon p, .accSlideRight p, .cultureBox p, .cultureBox ul li p, .keyNote p, .submitForm p {
font-family: Arial, Helvetica, sans-serif
}
.accSlideRight p {
color: #666766;
font-size: 1.3em;
line-height: 1.2em;
padding: 0 0 9px
}
.AccsocialIcon {
padding-top: 20px;
display: none
}
.AccsocialIcon p {
float: left;
color: #000;
font-size: 1.6em;
line-height: 1.9em;
font-weight: 700
}
.AccsocialIcon ul {
width: 150px;
float: left
}
.AccsocialIcon ul li {
float: left;
margin: 0 0 0 15px;
width: auto;
padding: 0
}
.cultureBox h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2.8em
}
.cultureBox h2.noLtPAd {
padding-left: 0
}
.cultureBox p {
color: #666766;
font-size: 1.3em;
line-height: 1.4em;
padding: 0 0 9px;
width: 703px
}
.cultureBox ul {
list-style: none;
padding: 36px 0 34px;
clear: left;
width: 971px;
float: left
}
.cultureBox ul li {
float: left;
width: 179px;
border: 1px solid #cecece;
box-shadow: 0 1px 3px #cecece;
-moz-box-shadow: 0 1px 3px #cecece;
-webkit-box-shadow: 0 1px 3px #cecece;
-ms-box-shadow: 0 1px 3px #cecece;
margin-right: 39px;
padding: 16px;
min-height: 257px
}
.cultureBox ul li.lastChild {
margin-right: 0
}
.cultureBox ul li h3 {
color: #bc3f3d;
font-size: 2.1em;
padding-bottom: 11px
}
.cultureBox ul li p, .keyNote p {
color: #666766;
font-size: 1.3em
}
.cultureBox ul li p {
width: auto;
line-height: normal
}
.hrContent {
clear: both;
float: left;
width: 100%;
padding: 0 0 48px
}
.hrVedio {
float: left
}
.keyNote {
float: right;
width: 310px
}
.keyNote h2 {
line-height: 1em;
padding: 0 0 16px
}
.keyNote p {
background: url(../../../../../scripts/desktop/images/top_comma.png) left top no-repeat;
padding: 0 0 16px 18px!important;
line-height: 1.2em;
width: auto;
text-align: left
}
.submitForm {
border-top: 1px solid #712727;
margin: 7px auto 0;
width: 968px
}
.submitForm h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2.8em;
float: none
}
.submitForm p {
color: #666766;
font-size: 1.3em;
line-height: 1.4em;
width: 744px
}
.ProductCompareWrap table tr td, .accContent form.accForm .radiobox, .accContent form.accForm input, .accContent form.accForm label, .frmRhtSec input, .frmRhtSec teatarea, .notifyME input {
font-family: source_sans_proregular
}
.submitForm form {
width: 100%;
padding: 21px 0 20px
}
#neatform {
margin: 20px 0 20px 35px;
float: left
}
.termWrap {
clear: both;
float: left;
width: 15px
}
.termWrap input {
clear: both!important;
width: auto!important
}
.termWrap div.error {
height: 20px;
width: 250px!important
}
#neatform #termCondition {
width: auto;
clear: both
}
#neatform .termsLabel label {
padding: 0 15px 0 5px;
line-height: normal;
width: auto;
margin: -3px 0 0
}
.FrmLftSec label, .frmRhtSec label {
line-height: 1.5em;
font-size: 1.5em
}
.FrmLftSec {
width: 458px;
float: left
}
.FrmLftSec label {
width: 93px;
color: #333;
float: left;
padding: 5px 15px 0 0
}
.FrmLftSec input, .FrmLftSec textarea, .frmRhtSec input, .frmRhtSec textarea {
float: left;
border: 1px solid #999;
border-radius: 10px;
width: 217px;
padding: 7px 8px;
background: 0 0;
color: #666766;
font-size: 1.5em;
font-family: source_sans_proregular
}
.FrmLftSec textarea, .frmRhtSec textarea {
resize: none
}
.FrmLftSec input.dob, .frmRhtSec input.dob {
width: 88px
}
.frmRhtSec textarea {
width: 249px;
height: 100px;
resize: none;
margin: 0 0 1px
}
.FrmLftSec .selectgen, .frmRhtSec .selectloc {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
height: 30px;
position: relative
}
.cancelBtn, .submitBtn {
margin-top: 15px
}
.FrmLftSec select {
width: 105px
}
.FrmLftSec .selectgen {
border-radius: 10px;
float: left;
width: 114px;
margin-right: 8px
}
.frmRhtSec {
width: 502px;
float: right
}
.frmRhtSec label {
width: 85px;
color: #333;
float: left;
padding: 5px 15px 0 0
}
.frmRhtSec input, .frmRhtSec teatarea {
float: left;
color: #666766;
font-size: 1.5em
}
.frmRhtSec select {
width: 105px
}
.FrmLftSec select option, .frmRhtSec select option {
padding: 5px 0 5px 5px
}
.frmRhtSec .selectloc {
border-radius: 10px;
float: left;
margin-bottom: 10px;
width: 107px
}
.FrmLftSec .selectedvalue, .frmRhtSec .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 77px;
overflow: hidden
}
.cancelBtn input, .submitBtn input {
padding: 6px 25px 9px 23px
}
.cancelBtn {
margin-left: 15px
}
.notifyME {
width: 383px;
margin: 10px auto
}
.notifyME input {
float: left;
border: 1px solid #999;
border-radius: 10px;
width: 217px;
padding: 7px 8px;
background: 0 0;
color: #666766;
font-size: 1.5em
}
.applyNowSlide, .slideShow {
background: url(../../../../../scripts/desktop/images/applyNowgif.gif) left top no-repeat
}
.notifyME .btnStrct {
margin: 2px 0 0 15px;
float: left
}
.applyContainer {
position: absolute;
right: -991px;
top: -2px
}
.ApplyNowContent, .InLtPopup {
position: relative;
float: left
}
.applyNowSlide {
width: 39px;
height: 187px;
cursor: pointer;
float: left;
margin-top: 78px
}
.ApplyNowContent {
width: 967px;
min-height: 400px;
border: 1px solid #CCC;
background: #fff;
z-index: 3
}
.InLtPopup {
border-top: none;
padding: 5px;
width: 100%
}
.InLtPopup .FrmLftSec {
width: 358px;
padding: 0 0 0 39px
}
.InLtPopup .frmRhtSec {
width: 468px
}
.closeForm {
color: red;
font-size: 2em;
position: absolute;
top: -11px;
left: -4px;
display: none;
cursor: pointer
}
.ovAll, .uploBtn {
font-size: 1.2em;
top: 0
}
.InLtPopup .FrmLftSec label {
padding: 5px 15px 0 0;
width: 87px
}
.InLtPopup .frmRhtSec label {
padding: 5px 15px 0 0;
width: 166px
}
.InLtPopup .FrmLftSec label span, .InLtPopup .frmRhtSec label span {
color: red
}
.InLtPopup .ApplyNowContent {
height: 305px
}
.inputMaster {
height: 28px;
padding: 2px 5px 0 6px;
border: 1px solid #999;
border-radius: 10px;
width: 88px
}
.inputMaster.upload {
width: 176px;
float: left;
position: relative
}
.inputMaster.upload span {
display: block;
font-size: 1.2em;
padding: 2px 0 0;
text-align: center
}
.ovAll {
height: 20px;
left: 0;
overflow: hidden;
padding: 5px 0 0 8px;
position: absolute;
width: 174px;
z-index: 1
}
.inputMaster input.file {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.inputMaster input {
border: none;
border-radius: 0;
height: 25px;
font-size: 1.2em;
padding-top: 0;
position: relative;
z-index: 2
}
.inputMaster.upload input.upl {
border-radius: 3px;
margin-left: 185px;
width: 52px;
cursor: pointer;
margin-top: 3px
}
.uploBtn {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
width: 59px;
text-align: center;
color: #fff;
position: absolute;
right: -69px;
line-height: 2em;
border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
margin-top: 3px
}
.locateusWrapper {
background: url(../../../../../scripts/desktop/images/locateus-top-bg.jpg) left 80px repeat-x;
width: 100%
}
.locateLinks li {
background-color: #DCDCDC;
color: #666;
float: left;
font-size: 2em;
font-weight: 400;
padding: 15px 0;
text-align: center;
width: 180px;
cursor: pointer;
position: relative;
margin-right: 1px
}
.locateLinks li.active, .locateLinks li:hover {
background-color: #7c7c7c;
color: #fff
}
.otherOffice {
margin: 0 0 0 30px;
float: left
}
.otherOffice select {
cursor: pointer;
width: 181px;
height: 44px;
top: -8px
}
.otherOffice select option {
padding: 5px;
height: 10px;
line-height: 9em;
background-color: #dddcdc;
display: block;
position: relative
}
.otherOffice .selectbg {
background: url(../../../../../scripts/desktop/images/selectArrow.gif) 146px 23px no-repeat #dcdcdc;
float: left;
padding: 9px 0;
height: 27px;
position: relative;
width: 180px
}
.otherOffice .selectedvalue {
color: #666;
font-size: 1.9em;
height: 20px;
line-height: 1em;
position: absolute;
text-align: left;
width: 131px;
overflow: hidden
}
.atmSearchContainer, .branchesContainer {
float: left;
padding: 18px 0 0;
height: 49px;
position: relative;
z-index: 1;
width: 100%
}
.branchesContainer {
display: none
}
.atmSearchContainer p, .branchesContainer p {
background: url(../../../../../scripts/desktop/images/wht-arrow.png) 19px 4px no-repeat;
font-size: 1.8em;
color: #fff;
padding: 9px 17px 5px 50px;
float: left
}
.atmSearchContainer input.atmSearch, .branchesContainer input.atmSearch {
width: 264px;
background-color: #e5e5e5;
border: 1px solid #676767;
color: #787878;
padding: 6px;
float: left;
margin: 3px 0 0
}
.atmSearchContainer input.atmSearchBtn, .branchesContainer input.atmSearchBtn {
background: url(../../../../../scripts/desktop/images/red-bg.jpg) left top repeat-x;
color: #fff;
width: 75px;
height: 28px;
text-align: center;
border: none;
margin: 4px 0 0 9px;
float: left;
border-radius: 7px;
font-weight: 700;
font-size: 1.2em;
cursor: pointer
}
.atmSearchContainer ul, .branchesContainer ul {
float: right
}
.atmSearchContainer ul li, .branchesContainer ul li {
float: left;
background-color: #fff;
padding: 9px 15px;
color: #666;
font-size: 1.5em;
cursor: pointer
}
.atmSearchContainer ul li {
margin: 0 0 0 20px
}
.branchesContainer ul li {
margin: 0 0 0 10px
}
.atmSearchContainer ul li.sel, .branchesContainer ul li.sel {
background-color: #dcdcdc
}
.atmSearchContainer .refineSearch, .branchesContainer .refineSearch {
padding: 20px;
left: 0;
position: absolute;
top: 51px;
width: 963px;
background-color: #dcdcdc;
z-index: 1;
display: none
}
.refineSearch p {
background: 0 0;
font-size: 1.7em;
color: #333;
padding: 17px 20px 5px 0
}
.refineSearch .cash {
float: left;
padding: 17px 27px 0 0;
width: 290px
}
.refineSearch .checkbox {
background: url(../../../../../scripts/desktop/images/chkbox.png) left top no-repeat;
width: 18px
}
.refineSearch .checkbox.checked {
background-position: 0 -26px
}
.refineSearch label {
font-size: 1.5em;
color: #333;
float: left
}
.refineSearch div.helpIcon {
background: url(../../../../../scripts/desktop/images/help-icon.png) left top no-repeat;
width: 16px;
height: 16px;
float: left;
margin: 0 0 0 8px;
position: relative
}
.refineSearch .filterBtn {
background: url(../../../../../scripts/desktop/images/red-bg.jpg) left top repeat-x;
padding: 5px 12px;
color: #fff;
font-weight: 700;
border: none;
border-radius: 5px;
float: left;
margin: 10px 0 0 14px;
cursor: pointer
}
.refineSearch .tooltip {
top: -45px;
height: auto;
left: auto;
right: -20px;
font-size: 1.2em
}
.refineSearch.serviceAvail .tooltip {
font-size: .8em
}
.refineSearch .tooltip span {
right: 22px;
bottom: -16px;
top: auto;
border-color: #fff transparent transparent
}
.refineSearch.serviceAvail {
height: 130px
}
.refineSearch.serviceAvail p {
padding: 17px 20px 10px 23px
}
.refineSearch.serviceAvail ul li {
background: url(../../../../../scripts/desktop/images/gry-bullet.png) 0 13px no-repeat;
cursor: default;
width: 200px
}
.dirIcon, .goBtn, .locationbtn, .swap {
cursor: pointer
}
.refineSearch.serviceAvail ul li span {
float: left;
color: #333;
line-height: normal
}
.locateusContainer {
float: left;
padding: 0 0 14px
}
.locateusLeft {
width: 343px;
float: left;
margin: 17px 0 0;
height: 570px
}
.locateusLeft .accord {
background: url(../../../../../scripts/desktop/images/location-icon.png) left 14px no-repeat;
font-size: 1.9em;
color: #666766;
width: 272px;
padding: 14px 23px 14px 25px;
float: left;
position: relative;
cursor: pointer;
border-top: 1px solid #CBCBCB;
line-height: normal
}
.locateusLeft .accord.active {
background-position: 0 -55px
}
.locateusLeft .accord span {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #7c7c7c transparent transparent;
display: block;
position: absolute;
right: 10px;
top: 27px
}
.locateusLeft .accord.active span {
border-color: transparent transparent #7c7c7c;
top: 19px
}
.addressCont {
float: left;
padding: 0 0 10px 25px;
width: 295px;
display: none
}
.addressCont p {
font-size: 1.4em;
color: #666766;
line-height: 1.4em
}
.addressCont p.currLocation {
background: url(../../../../../scripts/desktop/images/location-sml-icon.png) 10px 5px no-repeat #e5e5e5;
padding: 3px 0 3px 25px;
margin: 7px 0
}
.serviceOffer {
float: left;
width: 100%
}
.serviceOffer p {
font-size: 1.4em;
font-weight: 700
}
.serviceOffer ul li {
background: url(../../../../../scripts/desktop/images/sml-bullet.png) 3px 4px no-repeat;
font-size: 1.3em;
color: #666766;
padding: 0 0 0 10px
}
.serviceOffer ul {
float: left;
margin: 7px 0 5px
}
.serviceOffer .ratingStar {
background: 0 0;
padding: 0;
width: 92px;
float: right;
display: none
}
.serviceOffer .ratingStar p {
font-size: 1.3em
}
.serviceOffer p.timings {
font-size: 1.2em;
padding: 2px 0
}
.locateusRight {
width: 650px;
float: left;
margin: 17px 0 0 10px
}
.locationbtn {
float: left;
margin: 15px 10px 0 0
}
.locationbtn .lcLeft {
background: url(../../../../../scripts/desktop/images/direction-btn.jpg) no-repeat;
width: 3px;
height: 26px;
float: left
}
.locationbtn .lcMdl {
background: url(../../../../../scripts/desktop/images/direction-btn.jpg) 0 -26px repeat-x;
float: left;
font-size: 1.2em;
height: 16px;
padding: 5px 2px;
color: #666766
}
.locationbtn .lcRight {
background: url(../../../../../scripts/desktop/images/direction-btn.jpg) 0 -52px no-repeat;
width: 3px;
height: 26px;
float: left
}
.locationbtn.sel .lcLeft, .locationbtn.sel .lcMdl, .locationbtn.sel .lcRight {
background-image: none;
background-color: #dcdcdc
}
.locationbtn.sel .lcLeft, .locationbtn.sel .lcRight {
height: 28px
}
.locationbtn.sel .lcMdl {
height: 18px
}
.lctExpand {
width: 268px;
background-color: #dcdcdc;
padding: 15px 12px;
float: left;
display: none
}
.lctExpand .frmField {
float: left;
width: 100%;
margin: 0 0 8px
}
.lctExpand .frmField .emailId {
background-color: #F8F8F8;
border: 1px solid #B6B6B6;
color: #787878;
font-size: 1.2em;
padding: 6px 5px;
width: 187px
}
.lctExpand label {
width: 50px;
float: left;
font-size: 1.4em;
color: #666766
}
.lctExpand .fieldRight {
float: left;
width: 205px
}
.lctExpand .fieldRight input {
padding: 6px 5px;
width: 205px;
background-color: #f8f8f8;
border: 1px solid #b6b6b6;
color: #787878;
font-size: 1.2em
}
.dirIcon {
background: url(../../../../../scripts/desktop/images/icon-set.png) no-repeat #d4d4d4;
width: 54px;
height: 31px;
border: 1px solid #adadad;
margin-right: 8px;
float: left
}
.dirIcon.carMode {
background-position: -204px -169px
}
.dirIcon.walkMode {
background-position: -203px -209px
}
.dirIcon.sel {
background-color: #fff
}
.swap {
background: url(../../../../../scripts/desktop/images/icon-set.png) -186px -215px no-repeat;
width: 16px;
height: 22px;
float: left;
margin: 0 0 5px 140px
}
.goBtn {
background: url(../../../../../scripts/desktop/images/red-bg.jpg) repeat-x;
float: right;
border: none;
border-radius: 5px;
padding: 5px 9px;
color: #fff;
font-weight: 700
}
.exPopup, .footerLocateus {
bottom: 47px;
cursor: default;
position: absolute;
display: none
}
.exPopup {
width: 190px;
background-color: #CBCBCB;
padding: 20px 30px;
border: 1px solid #B5B5B5;
border-bottom: none;
left: -86px
}
.exPopup h3 {
font-size: 1.8em;
color: #bc3f3d;
padding: 0 0 5px
}
.exPopup ul li {
background: url(../../../../../scripts/desktop/images/red-bullet1.png) 0 8px no-repeat;
width: 100%
}
.secondFooter ul.fLink .exPopup ul li a {
padding: 5px 0 5px 7px;
width: 100%;
color: #4E4E4E;
font-size: 1.2em
}
.exPopup.recentlyview {
left: -14px
}
.exPopup.importantNotice {
left: 0;
background-color: #000;
border: 1px solid #000
}
.footerLocateus {
width: 400px;
background-color: #CBCBCB;
left: -170px;
padding: 20px 30px;
border: 1px solid #B5B5B5;
border-bottom: none
}
.exPopup .closeBtn, .footerLocateus .closeBtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -179px -40px no-repeat;
width: 16px;
height: 16px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer
}
.footerLocateus .iWantLocate h3, .footerLocateus .ipConflict h3, .footerLocateus .ipConflictBranch h3, .footerLocateus .locateAtm h3, .footerLocateus .locateBranch h3 {
font-size: 2em;
color: #bc3f3d;
width: 100%;
float: left
}
.footerLocateus .iWantLocate .left {
float: left;
border-right: 1px dashed #2c2c2c;
padding: 0 19px 0 0
}
.footerLocateus .iWantLocate .left ul li {
float: left;
width: 79px;
font-size: 1.6em;
color: #333;
text-align: center;
padding: 17px 0 0 38px
}
.footerLocateus .iWantLocate .left ul li:first-child {
padding-left: 0
}
.footerLocateus .iWantLocate .left ul li img {
float: left;
margin: 0 0 5px
}
.footerLocateus .iWantLocate .right {
float: left;
padding: 0 0 0 19px
}
.footerLocateus .iWantLocate .right h3 {
font-size: 1.8em;
color: #333;
float: none
}
.footerLocateus .iWantLocate .right ul li {
background: url(../../../../../scripts/desktop/images/red-bullet1.png) 0 12px no-repeat;
padding: 10px 0 10px 13px;
float: none
}
.footerLocateus .iWantLocate .right ul li a {
color: #666766;
font-size: 1.5em;
float: none
}
.footerLocateus .ipConflict, .footerLocateus .ipConflictBranch, .footerLocateus .locateAtm {
display: none
}
.footerLocateus .locateAtm h2, .footerLocateus .locateBranch h2 {
padding: 0 0 10px
}
.footerLocateus .locateAtm p, .footerLocateus .locateBranch p {
background: url(../../../../../scripts/desktop/images/blk-arrow.png) 0 4px no-repeat;
font-size: 1.5em;
color: #333;
padding: 10px 0 10px 28px;
float: left
}
.footerLocateus .locateAtm p.locateusNote, .footerLocateus .locateBranch p.locateusNote {
background: 0 0;
font-size: 1em
}
.footerLocateus .locateAtm .locNo, .footerLocateus .locateAtm .locYes, .footerLocateus .locateBranch .locNoBranch, .footerLocateus .locateBranch .locYes {
background-color: #2c2c2c;
color: #fff;
border-radius: 5px;
border: none;
padding: 5px 0;
width: 54px;
margin: 4px 4px 0;
cursor: pointer;
font-weight: 700
}
.footerLocateus .ipConflict, .footerLocateus .ipConflictBranch {
padding: 0 0 15px
}
.footerLocateus .ipConflict h2, .footerLocateus .ipConflictBranch h2 {
padding: 0 0 20px
}
.footerLocateus .ipConflict p, .footerLocateus .ipConflictBranch p {
font-size: 1.5em;
color: #333;
width: 100%;
float: left;
border-bottom: 1px dashed #2c2c2c;
padding: 20px 0 5px;
margin: 0 0 10px;
line-height: normal
}
.footerLocateus .ipConflict .enterLoc, .footerLocateus .ipConflictBranch .enterLoc {
width: 290px;
background-color: #f8f8f8;
border: 1px solid #b6b6b6;
color: #787878;
padding: 4px 15px;
float: left;
margin: 0 15px 0 0
}
.footerLocateus .ipConflict .searchBtn, .footerLocateus .ipConflictBranch .searchBtn {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
color: #fff;
width: 62px;
border: none;
cursor: pointer;
border-radius: 5px;
padding: 4px 0;
font-weight: 700;
font-size: 1.2em
}
.ProductCompareWrap {
float: left;
margin-top: 18px;
margin-bottom: 18px
}
.ProductCompareWrap table {
border-top: 1px dashed #afafaf;
float: left
}
.ProductCompareWrap table tr td {
width: 251px;
padding: 12px 5px;
border-left: 1px dashed #afafaf;
font-size: 1.4em;
font-style: normal;
font-weight: 400;
line-height: 1.3em;
color: #666766;
border-bottom: 1px dashed #afafaf
}
.ProductCompareWrap table tr.noborder {
border: none
}
.ProductCompareWrap table tr td.noborder {
border: none;
font-weight: 700;
color: #202020;
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px dashed #afafaf
}
.ProductCompareWrap table tr.noborder td.noborder {
border: none
}
.ProductCompareWrap table tr td ul {
list-style: none;
width: 225px;
margin: 0 auto
}
.ProductCompareWrap table tr td ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 10px no-repeat;
padding-left: 10px;
padding-top: 4px
}
.ProductCompareWrap table tr td ul li ul li {
background: url(../../../../../scripts/desktop/images/tableBullet1.gif) 5px 10px no-repeat;
padding-left: 16px
}
.ProductCompareWrap table tr td p {
width: 225px;
margin: 0 auto;
padding: 0 0 5px
}
.ProductCompareWrap table tr td p span {
color: #000
}
.ProductCompareWrap table tr td input.whiteBtn {
background: url(../../../../../scripts/desktop/images/grayBtn.png) right top no-repeat;
width: 92px;
height: 23px;
text-align: center;
display: block;
padding: 4px 10px 3px;
text-decoration: none;
color: #bc3f3d;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
border: none;
cursor: pointer;
margin-top: 5px
}
.ProductCompareWrap table tr td input.whiteBtn.fltStyle {
float: left
}
.ProductCompareWrap table tr td .ratingStar {
background: 0 0;
width: 97px;
float: left;
padding: 10px 0 10px 15px
}
.ProductCompareWrap table tr td .ratingStar span {
background: url(../../../../../scripts/desktop/images/rating-star.png) -13px top no-repeat;
width: 13px;
height: 13px;
float: left;
margin-right: 4px;
cursor: default
}
.ProductCompareWrap table tr td .ratingStar span.blank {
background-position: -13px 0
}
.ProductCompareWrap table tr td .ratingStar span.actrating, .ProductCompareWrap table tr td .ratingStar span.currrating {
background-position: 0 0
}
.ProductCompareWrap table tr td ul.cards {
list-style: none;
width: 231px;
margin: 0 auto
}
.ProductCompareWrap table tr td ul.cards li {
padding: 5px 0 8px;
background: 0 0;
clear: both;
float: left;
width: 100%
}
.ProductCompareWrap table tr td ul.cards li img {
float: left
}
.ProductCompareWrap table tr td ul.cards li p {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 10px no-repeat;
margin-left: 10px;
padding: 6px 0 0 10px;
float: left;
width: 148px
}
.ProductCompareWrap .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
margin-bottom: 10px;
position: relative;
width: 237px
}
.ProductCompareWrap select {
width: 240px
}
.ProductCompareWrap select option {
padding: 5px 0 5px 5px
}
.ProductCompareWrap .selectedvalue {
color: #666;
font-size: 1em;
height: 20px;
padding: 6px 5px 0 16px;
position: absolute;
text-align: left;
width: 199px;
overflow: hidden
}
.ProductCompareWrap .checkbox {
width: 15px;
height: 15px;
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
margin: 2px 5px 0 0
}
.ProductCompareWrap .checkbox.checked {
background-position: 0 0
}
.ProductCompareWrap .checkbox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer
}
.ProductCompareWrap label {
float: left;
padding-right: 5px
}
.ProductCompareWrap .btnStrct {
color: #FFF;
float: left;
margin-left: 14px
}
.ProductCompareWrap .btnStrct a {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
text-decoration: none;
color: #FFF;
float: left;
font-size: .9em;
font-weight: 700;
padding: 4px 10px 5px
}
.ProductCompareWrap .btnStrct a :hover {
text-decoration: none
}
.ProductCompareWrap .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
line-height: 1em
}
.ProductCompareWrap .radiobox.checked {
background-position: 0 -29px
}
.ProductCompareWrap .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em;
float: left
}
.ProductCompareWrap .radiobox label {
width: 85px;
padding: 0 0 0 3px;
line-height: 1.2em;
cursor: pointer
}
.ProductCompareWrap table tr td p.tncText {
font-size: .8em;
padding: 10px 0 0
}
.milestone li.last {
width: 187px
}
.timelineWrapper {
background: url(../../../../../scripts/desktop/images/timeline-bg.jpg) left 8px repeat-x;
width: 960px;
position: relative;
float: left;
margin: 30px 0 0 21px;
padding-bottom: 27px;
border-bottom: 1px dotted #7a7a7a
}
.timelineWrapper .next, .timelineWrapper .prev {
background: url(../../../../../scripts/desktop/images/next-prev-icon.png) no-repeat;
position: absolute;
top: -6px;
width: 33px;
height: 33px;
cursor: default
}
.timelineContainer, .timelineWrapper ul {
width: 816px;
float: left
}
.timelineWrapper .prev {
background-position: 0 0;
left: -1px
}
.timelineWrapper .next {
background-position: 0 -66px;
right: -1px
}
.timelineWrapper .prev.active {
background-position: 0 -33px;
left: -1px;
cursor: pointer
}
.timelineWrapper .next.active {
background-position: 0 -99px;
right: -1px;
cursor: pointer
}
.timelineContainer {
margin-left: 72px;
overflow: hidden
}
.timelineWrapper ul li {
float: left;
width: 50px;
margin: 0 43px;
font-size: 1.3em;
color: #2c2c2c;
cursor: pointer
}
.timelineWrapper ul li span {
background: url(../../../../../scripts/desktop/images/timeline-img.jpg) left top no-repeat;
width: 21px;
height: 21px;
margin: 0 0 10px 12px;
float: left
}
.timelineWrapper ul li.sel {
color: #bc3f3d
}
.timelineWrapper ul li.sel span {
background-position: 0 -21px
}
.timelineData {
width: 960px;
padding: 20px 0 30px 21px
}
.timelineData h2 {
color: #bc3f3d;
font-size: 2.1em
}
.timelineData tr td {
padding: 10px
}
.timelineData p {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 5px no-repeat;
font-size: 1.2em;
color: #666766;
padding-left: 14px
}
.pdfData p, .timelineData p span {
color: #bc3f3d
}
.timelineData a, .timelineData a:hover {
text-decoration: none
}
.timelineData a p {
background: 0 0
}
.yearData {
display: none
}
.yearData table {
width: 100%
}
.pdfData h2 {
padding-bottom: 10px
}
.pdfData a {
text-decoration: none;
float: left
}
.pdfData td {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) left 13px no-repeat
}
.pdfData p {
font-size: 1.2em;
padding-left: 16px
}
.pdfData span {
color: #666766;
font-style: italic;
padding-left: 16px;
font-size: 1.3em
}
.milestoneBtmCont {
width: 970px;
margin: 0 auto;
border-top: 1px dotted #7a7a7a;
padding: 20px 0 25px
}
.milestoneVideo {
width: 324px;
float: left;
position: relative
}
.milestoneVideo img {
width: 324px;
height: 249px
}
.videoInfo {
background: url(../../../../../scripts/desktop/images/video-info-bg.png) left top repeat-x;
width: 284px;
position: absolute;
bottom: 4px;
left: 0;
padding: 14px 20px 10px
}
.videoInfo p {
font-size: 1.8em;
color: #fff;
float: left;
padding: 10px 0 0;
width: 235px
}
.videoInfo .playVideo, .videoInfo .shareVideo {
background: url(../../../../../scripts/desktop/images/play-share-icon.png) no-repeat;
width: 37px;
height: 36px;
float: right;
cursor: pointer
}
.videoInfo .playVideo {
background-position: 0 0;
margin: 0 7px 0 0
}
.videoInfo .shareVideo {
background-position: 0 -37px
}
.noBrd {
border: none
}
.milestoneBox {
width: 298px;
float: left;
border: 1px solid #bfbfbf;
padding: 5px;
min-height: 237px;
margin: 0 0 0 10px;
box-shadow: 0 1px 3px #D4D4D4
}
.milestoneBox:hover {
background-color: #BC3F3D
}
.milestoneBox span {
color: #666766;
font-size: 1.2em;
padding: 8px 0 0 11px;
float: left;
clear: both
}
.milestoneBox a {
float: left;
clear: both
}
.milestoneBox a:hover {
text-decoration: none
}
.milestoneBox span.title {
font-size: 2.1em;
color: #bc3f3d;
padding-top: 5px;
line-height: normal
}
.milestoneBox:hover a, .milestoneBox:hover span {
color: #fff
}
.ratingsCont {
width: 180px;
float: left;
padding: 0 20px 20px
}
.ratingsCont h2 {
background: url(../../../../../scripts/desktop/images/rating-img.png) left top no-repeat;
color: #666;
font-size: 1.8em;
padding: 4px 0 11px 42px
}
.ratingsCont p {
color: #666;
line-height: normal;
padding: 10px 0 0;
font-size: 1.3em
}
.visionContainer {
margin: 0 0 20px;
min-height: 0
}
.tabCont .tabInnerCont {
width: 309px;
float: left;
padding: 0 0 0 20px
}
.tabCont .tabInnerCont p {
padding: 0 10px 10px 0
}
.tabCont .tabInnerCont:first-child {
padding-left: 0;
padding-right: 20px;
border-right: 1px dotted #7a7a7a
}
.tabCont div {
float: left
}
.abtPeopleWrapper {
float: left;
padding: 0 0 35px
}
.abtPeopleWrapper .abtPeopleCont {
width: 473px;
float: left;
padding: 0 0 0 28px
}
.abtPeopleWrapper .abtPeopleCont:first-child {
padding: 0;
width: 501px
}
.abtPeopleCont h2 {
font-size: 1.6em;
color: #000
}
.abtPeopleCont p {
color: #2c2c2c;
line-height: normal;
padding: 18px 0 0;
font-size: 1.3em
}
p.msgTxt {
color: #bc3f3d;
font-style: italic;
font-size: 1.4em
}
.boardDirectorWrapper h2 {
color: #666766;
font-size: 1.6em;
padding: 20px 0 0
}
.boardofDirectCont {
width: 855px;
margin: -26px auto 0;
position: relative
}
.boardofDirectCont .profNext, .boardofDirectCont .profPrev {
background: url(../../../../../scripts/desktop/images/next-prev-icon.png) no-repeat;
width: 33px;
height: 33px;
position: absolute;
top: 140px;
cursor: pointer
}
.boardofDirectCont .profPrev {
background-position: 0 -33px;
left: 0
}
.boardofDirectCont .profNext {
background-position: 0 -99px;
right: 0
}
.boardofDirectCont .roundabout-holder {
margin: 0 0 0 125px
}
.profileWrapper {
background-color: #fff;
width: 671px;
height: auto;
position: relative;
margin: -36px 0 0 59px;
padding: 10px 30px;
min-height: 270px
}
.profileWrapper .topArrow {
width: 0;
height: 0;
border: 12px solid;
background-image: none;
border-color: transparent transparent #fff;
display: block;
position: absolute;
left: 50%;
top: -24px;
margin: 0 0 0 -6px
}
.profile {
width: 671px;
display: none
}
.profile p {
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding-bottom:6px;
}
.profile ul{ padding:10px 0 0 0;}
.profile ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 10px 5px no-repeat;
color: #666766;
font-size: 1.3em;
padding: 0 10px 6px 23px;
}
.profile p.msgTxt {
color: #bc3f3d;
font-style: italic;
font-size: 1.4em
}
.profile h3 {
font-size: 1.6em;
color: #666766;
padding: 20px 0 10px
}
.profile h3:first-child {
padding-top: 0
}
.topmostBanner {
height: 137px;
float: left
}
.abtCommercial {
float: left;
padding: 15px 0
}
.abtCommercial ul {
list-style: none
}
.abtCommercial ul li {
list-style: none;
padding-right: 15px;
float: left;
padding-bottom: 12px;
cursor: pointer
}
.abtCommercial ul li.nopadding {
padding-right: 0
}
.investorIntro {
font-size: 1.3em;
color: #666;
padding: 10px 0 0 11px;
float: left
}
.financialData h2 {
color: #666
}
.financialData a {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) left top no-repeat;
font-size: 1.4em;
color: #666766;
padding: 0 0 0 21px;display:block; line-height:1.3em;
}
.financialData table tr td {
padding: 7px
}
.financialData table tr td table {
margin: 0 0 20px
}
.hrVedio iframe {
position: relative;
z-index: 3
}
.AccountLightBox, .overlayAcc {
left: 0;
z-index: 11;
display: none;
top: 0
}
.overlayAcc {
position: fixed;
background-color: #000;
opacity: .8;
filter: alpha(opacity=80);
width: 100%;
height: 100%
}
.AccountLightBox {
width: 800px;
position: absolute;
border-radius: 4px;
background-color: #fff;
padding: 13px 0
}
.AccountLightBox a.closeBtn {
float: right;
padding: 0 28px 0 0
}
.accContent {
width: 726px;
margin: 0 auto;
padding: 0
}
.accContent form.accForm .selectgen, .accContent form.accForm .selectloc {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
height: 30px;
margin-bottom: 10px;
position: relative;
float: left
}
.accContent h2 {
color: #151515;
font-size: 2.8em;
padding-bottom: 18px;
padding-top: 8px
}
.accContent p {
color: #666766;
font-size: 1.3em;
line-height: 1.8em
}
.accContent form.accForm {
padding: 19px 0 40px
}
.accContent form.accForm label {
width: 182px;
color: #333;
font-size: 1.4em;
line-height: 1.5em;
float: left;
padding: 5px 19px 19px 0;
text-align: right
}
.accContent form.accForm .selectgen {
border-radius: 10px;
width: 107px
}
.accContent form.accForm select {
width: 105px
}
.FrmLftSec select option, .accContent form.accForm select option {
padding: 5px 0 5px 5px
}
.accContent form.accForm .selectloc {
border-radius: 10px;
width: 107px
}
.accContent form.accForm .selectedvalue {
color: #666;
font-size: 1.2em;
height: 20px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 127px;
overflow: hidden
}
.accContent form.accForm input {
float: left;
color: #666766;
font-size: 1.5em;
background: rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
padding: 7px 8px;
width: 170px;
margin-left: 20px
}
.accContent form.accForm input.noltmargin {
margin-left: 0;
width: 200px
}
.accContent form.accForm .selectgen.bigWidth {
width: 215px
}
.accContent form.accForm .selectgen.bigWidth select {
width: 214px
}
.accContent form.accForm .btnStrct {
color: #FFF;
float: left;
margin-top: 15px;
padding-left: 8px
}
.accContent form.accForm .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px
}
.accContent form.accForm .btnStrct.applybtn {
margin-left: 181px
}
.accContent form.accForm .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-size: 1.4em;
line-height: 1em
}
.calcSection .maxVal, .calcSection .titleField {
font-family: Arial, Helvetica, sans-serif;
position: relative
}
.accContent form.accForm .radiobox.checked {
background-position: 0 -29px
}
.accContent form.accForm .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.accContent form.accForm .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.abtCommercial {
width: 100%
}
.PremimCusBox, .contactUs {
width: 440px;
border: 1px solid #ccc
}
.contactUs {
float: left;
padding: 10px 20px
}
.contactUs h2 {
color: #bc3f3d;
font-size: 2em;
padding-bottom: 15px
}
.contactUs p span {
color: #2c2c2c;
font-weight: 700
}
.contactUs .contactLabel {
color: #2C2C2C;
font-weight: 700;
float: left
}
.contactUs a, .contactUs p, .contactUs p a {
color: #666766
}
.PremimCusBox p a, .PremimCusBox p span {
color: #dda220
}
.contactUs p {
font-size: 1.4em;
padding: 0 0 12px 41px;
line-height: 1.4em
}
.contactUs p.Tele {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/teleIco.png) left 5px no-repeat
}
.contactUs p.whatsappicon {
font-size: 1.6em;
background: url(../../../../../../content/dam/indusind/desktop/whatsapp-icon.jpg) -2px 0 no-repeat
}
.contactUs p.mail {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/mailIco.png) left 5px no-repeat
}
.PremimCusBox {
float: right;
background: url(../../../../../scripts/desktop/images/boxReptBg.gif) left top;
padding: 12px 20px
}
.PremimCusBox h2 {
padding-bottom: 8px
}
.PremimCusBox p {
color: #dda220;
font-size: 1.4em;
padding: 0 0 12px;
line-height: 1.4em
}
.PremimCusBox p.Tele {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/grayTeleIco.png) left 3px no-repeat;
padding: 0 0 15px 41px
}
.PremimCusBox p.mail {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/grayMsgIco.png) left 3px no-repeat;
padding: 0 0 10px 41px
}
.AbtBand {
background: url(../../../../../scripts/desktop/images/bandRept.png) left top repeat-x;
width: 100%;
margin: 19px 0;
border: 1px solid #999;
border-bottom: 2px solid #999;
border-radius: 5px;
color: #bc3f3d;
font-size: 1.6em;
float: left
}
.AbtBand ul li {
float: left;
width: 250px;
padding: 0;
background: url(../../../../../scripts/desktop/images/seprator.gif) left 7px no-repeat
}
.AbtBand ul li.nobg {
background: 0 0
}
.AbtBand ul li a {
background: url(../../../../../scripts/desktop/images/bandIcon.png) left top no-repeat;
color: #bc3f3d;
display: block;
padding: 10px 0;
text-align: center
}
.AbtBand ul li a.locate {
background-position: 62px 6px
}
.AbtBand ul li a.feed {
background-position: 39px -58px
}
.AbtBand ul li a.griev {
background-position: 27px -123px
}
.AbtBand ul li a.faq {
background-position: 76px -207px
}
.frmRhtSec .termCondition {
float: left;
border: none!important
}
.accContent form.accForm .termCondition .checkbox, .frmRhtSec .termCondition .checkbox {
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
height: 15px;
margin: 9px 5px 0 0;
width: 15px
}
.frmRhtSec .termCondition .checkbox input {
border: none;
cursor: pointer;
height: 14px;
opacity: 0;
width: 14px
}
.accContent form.accForm .termCondition label, .frmRhtSec .termCondition label {
float: left;
padding-right: 5px;
width: 423px;
font-size: 1.4em;
padding-bottom: 0;
text-align: left
}
.savingTab ul li, .savingTabContent table tr td.saveRtHead {
text-align: center
}
.frmRhtSec .termCondition .checkbox.checked {
background-position: 0 0
}
.btnContainer {
display: block;
float: left;
padding-left: 155px
}
.monthWrapper, .savingTabContent, .siteMenu ul li ul.subSitemap, .siteMenu ul li ul.subSitemap li ul.subSubSitemap, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li ul {
display: none
}
.accContent form.accForm .termCondition label {
width: 423px
}
.savingLt {
width: 1003px;
float: left;
margin-bottom: 35px
}
.savingTab {
width: 100%
}
.savingTab ul {
float: left
}
.savingTab ul li {
float: left;
cursor: pointer;
margin-right: 1px;
padding: 16px 0;
color: #666;
background: #dcdcdc;
width: 253px;
font-size: 1.9em
}
.otherRate .tabActive, .savingTab ul li.activetab {
color: #fff;
background: #7c7c7c
}
.savingLt .faqsQuest {
width: 952px
}
.savingLt .faqAns p {
font-size: 1.3em;
padding: 5px 0;
line-height: 1.4em
}
.savingrateContent {
width: 100%;
float: left;
padding: 27px 0 40px
}
.savingTabContent h4 {
padding: 10px 0;
float: left
}
.savingTabContent table {
width: 100%;
float: left;
border: 1px solid #c5c5c5
}
.savingTabContent table tr.Head {
background: #000
}
.savingTabContent table tr.Head td {
color: #FFF
}
.savingTabContent table tr td {
font-size: 1.4em;
line-height: 1.2em;
padding: 14px 20px;
border-bottom: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5
}
.savingTabContent table tr td.saveLtHead {
color: #FFF;
border-right: 1px solid #c5c5c5;
padding-left: 19px
}
.savingTabContent table tr td.savefullwidth {
width: auto;
color: #666766;
border-bottom: 1px solid #c5c5c5;
padding-left: 19px
}
.savingTabContent table tr td.saveLt {
color: #666766;
border-bottom: 1px solid #c5c5c5;
width: 599px;
border-right: 1px solid #c5c5c5;
padding-left: 19px
}
.savingTabContent table tr td.saveRt {
color: #666766;
border-bottom: 1px solid #c5c5c5;
width: 119px;
text-align: center
}
.savingTabContent table tr td.savefullwidth ul li {
padding: 0 10px 10px 15px;
line-height: 1.2em;
margin: 0;
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 5px no-repeat;
width: auto
}
.savingTabContent p {
font-size: 1.3em;
padding: 5px 0;
float: left;
width: 100%;
color: #666766
}
.savingTabContent ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 11px 6px no-repeat;
padding: 0 0 5px 23px;
width: auto;
clear: both;
color: #666766;
float: none
}
.SavingWrapper {
width: 1003px;
padding: 5px 0 0;
clear: left
}
.savingRt {
width: 220px;
float: right;
position: relative
}
.savingRt .loginWrapper {
top: 0
}
.savingRt .loginWrapper .login p {
color: #fff;
font-size: 1.2em
}
.savingRt .loginWrapper .login ul {
float: left;
margin: 10px 0;
width: 100%
}
.termCondition table, .termCondition table.inn-table {
margin: 5px 0 15px;
border-top: 1px solid #b6b6b6;
width: 100%
}
.savingRt .loginWrapper .login ul li {
padding: 0 0 5px 5px;
float: left;
width: auto
}
.savingRt .loginWrapper .login ul li.sel, .savingRt .loginWrapper .login ul li:hover {
background: url(../../../../../scripts/desktop/images/login-left.jpg) left top no-repeat;
font-weight: 700
}
.savingRt .loginWrapper .login ul li input {
color: #bc3f3d;
font-size: 1.2em;
padding: 4px 5px 8px 0;
float: left;
background: 0 0;
border: none;
cursor: pointer
}
.savingRt .loginWrapper .login ul li.sel input, .savingRt .loginWrapper .login ul li:hover input {
background: url(../../../../../scripts/desktop/images/login-right.jpg) right top no-repeat;
color: #fff;
text-decoration: none
}
.termCondition .faqsQuest, .termCondition .faqsQuest.active {
background-position: 99% 7px
}
.savingRt .loginWrapper .login ul li.loginBtn input {
width: 50px
}
.savingRt .loginWrapper .login ul li.regBtn input {
width: 70px
}
.savingRt .loginWrapper .login ul li.demoBtn input {
width: 50px
}
.savingRt .loginWrapper .quikService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.savingRt .loginWrapper .login p.indusNet {
font-size: 1.8em;
color: #686868
}
.savingRt .loginWrapper .quikService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
.termCondition {
padding: 20px 0;
text-align: justify;
float: left;
width: 100%
}
.termCondition ol, .termCondition ul {
float: left;
clear: both;
width: 100%
}
.termCondition h1 {
padding-bottom: 20px
}
.termCondition h2 {
color: #666;
font-size: 2.1em;
padding-bottom: 10px
}
.termCondition h5 {
color: #bc3f3d;
font-size: 1.8em;
padding-bottom: 15px;
font-weight:normal;
}
.termCondition ul li a {
color: #bc3f3d
}
.termCondition ul li p {
font-size: 1em;
color: #666766;
line-height: 1em;
}
.termCondition ol li, .termCondition p {
font-size: 1.3em;
color: #666766;
line-height: 1.3em
}
.termCondition ul li ul li {
padding-top: 10px;
line-height: 1.3em
}
.termCondition ol li {
padding-top: 10px
}
.termCondition .faqsQuest {
width: 913px
}
.termCondition p {
padding: 0 0 10px;
clear: both
}
.termCondition .paddBt {
width: 100%;
float: left;
height: 5px;
clear: both
}
.termCondition table tr td, .termCondition table tr th {
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
padding: 10px;
text-align: left
}
.termCondition table tr th {
background-color: #2c2c2c;
color: #fff;
font-size: 1.5em
}
.termCondition table tr td:first-child, .termCondition table tr th:first-child {
border-left: 1px solid #b6b6b6
}
.termCondition table tr td {
font-size: 1.2em;
color: #757575
}
.termCondition table.inn-table tr th {
background-color: #2c2c2c;
color: #fff;
font-size: inherit
}
.termCondition table.inn-table tr td {
font-size: inherit;
color: #757575
}
.termCondition a {
color: #bc3f3d
}
.termCondition a.continueBtn {
color: #fff;
font-size: 1em;
width: 100%
}
.termCondition ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 11px 6px no-repeat;
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 23px;
clear: both
}
.termCondition ul li table tr td, .termCondition ul li ul li table tr td {
color: #666766;
font-size: inherit;
line-height: 1.3em
}
.termCondition ul li table tr th,.termCondition ul li ul li table tr th {
background-color: #2c2c2c;
color: #fff;
font-size: inherit;
}
.termCondition ul li.cmyk {
color: #bc3f3d
}
.termCondition ul.pdfLinks li {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) 12px 5px no-repeat;
padding: 5px 10px 10px 37px
}
.termCondition ul li ul {
padding: 10px 0
}
.termCondition ul li ul li {
background: url(../../../../../scripts/desktop/images/tableBullet1.gif) left 5px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 13px
}
.termCondition ul li ul.tick li {
background: url(../../../../../../content/dam/indusind/desktop/red-tick.png) left 2px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 16px
}
.termCondition table ul li {
font-size: 1.2em
}
.termCondition table.otherInfo, .termCondition table.otherInfo td {
border: none!important
}
.innovationsTitle {
font-weight: 700;
color: #bc3f3d!important;
font-size: 1.4em!important
}
table .innovationsTitle {
font-size: 1.2em!important
}
.termCondition table.innovationsTable tr td:first-child, .termCondition table.innovationsTable tr th:first-child {
border-left: none
}
.termCondition table.innovationsTable tr td:first-child{ text-align:center!important}
.termCondition table.innovationsTable tr td {
border-top: 1px solid #B6B6B6;
border-bottom: none;
border-right: none
}
.shoppingTable, .shoppingTable tr td {
border: none!important
}
.shoppingTable {
width: auto!important
}
.SiteMap {
padding-bottom: 60px;
padding-left: 30px
}
.siteMenuLt {
float: left;
width: 324px
}
.siteMenu {
padding: 26px 0 0;
float: left;
clear: both
}
.siteMenu>ul {
width: 300px
}
.siteMenu>ul>li, .siteMenu>ul>li>ul>li {
width: 200px
}
.subSubSitemap li ul li {
width: 150px
}
.siteMenu>a, .siteMenu>h3 {
float: left;
width: 200px
}
.siteMenu a:hover {
text-decoration: none
}
.siteMenu a:hover h3, .siteMenu ul li a:hover {
text-decoration: underline
}
.siteMenu h2 {
color: #bc3f3d;
font-size: 1.8em;
line-height: 1.5em
}
.siteMenu ul li {
background: url(../../../../../scripts/desktop/images/siteMenuLiBg.gif) left top no-repeat;
padding: 10px 0 7px 30px;
float: left;
clear: both
}
.siteMenu ul li a {
color: #383535;
font-size: 1.4em;
line-height: 1.3em
}
.siteMenu ul li a:hover {
color: #bc3f3d
}
.siteMenu ul li ul.subSitemap li a, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a {
color: #383535;
font-size: 1.2em;
line-height: 1.3em
}
.siteMenu ul li a.noLink, .siteMenu ul li a.noLink:hover, .siteMenu ul li ul.subSitemap li a.noLink, .siteMenu ul li ul.subSitemap li a.noLink:hover, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a.noLink, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a.noLink:hover {
cursor: default;
text-decoration: none
}
.siteMenu ul li.Lastmap {
background: url(../../../../../scripts/desktop/images/sitemapNavLt.gif) left top no-repeat
}
.siteMenu ul li.colpsLastmap {
background: url(../../../../../scripts/desktop/images/collapsLast.gif) left -6px no-repeat;
cursor: pointer
}
.siteMenu ul li.colps {
background: url(../../../../../scripts/desktop/images/expandCollaps.gif) left top no-repeat;
cursor: pointer
}
.siteMenu ul li.colps.Expandmenu {
background-position: 0 -514px
}
.siteMenu ul li.colpsLastmap.Expandmenu {
background: url(../../../../../scripts/desktop/images/expandLast.gif) left -6px no-repeat
}
.siteMenu ul li ul.subSitemap li a:hover, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a:hover {
color: #bc3f3d;
text-decoration: underline
}
.calcLink {
padding: 30px 0 0
}
.calcLink ul li {
background-color: #dcdcdc;
border-right: 1px solid #fff;
float: left;
text-align: center
}
.calcLink ul li.active {
background-color: #7C7C7C;
color: #FFF
}
.calcLink ul li.active a {
color: #fff
}
.calcLink ul li.invstCalc {
width: 248px
}
.calcLink ul li.emiCalc {
width: 250px
}
.calcLink ul li.findAcc {
width: 270px
}
.calcLink ul li.indusMoney {
width: 231px
}
.calcLink ul li a {
color: #666;
font-size: 1.6em;
padding: 15px 0;
float: left;
width: 100%
}
.clacBanner {
width: 100%;
float: left;
position: relative
}
.clacBanner .loginWrapper {
top: 0
}
.savingsContainer {
width: 100%;
float: left;
padding: 0 0 60px
}
.savingsContainer .leftCont {
background-color: #eaeaea;
width: 634px;
float: left;
border-right: 1px solid #C6C6C6;
min-height: 593px
}
.savingsContainer .leftCont p a {
color: #676766;
float: right;
font-size: 1.4em;
padding: 11px
}
.savingsContainer .rightCont {
width: 368px;
float: left
}
.slideWrapper {
padding: 28px 20px 0;
border-top: 1px solid #c6c6c6;
width: 595px;
float: left
}
.slideWrapper:first-child {
border-top: none
}
.quest {
background: url(../../../../../scripts/desktop/images/calculator-icon.png) no-repeat;
color: #666766;
font-size: 1.6em;
float: left;
padding: 11px 14px 11px 46px
}
.inputField .inpLft, .inputField .inpRt {
width: 6px;
height: 29px;
float: left
}
.inputField .inpLft {
background: url(../../../../../scripts/desktop/images/input-left.png) left top no-repeat
}
.inputField .inpRt {
background: url(../../../../../scripts/desktop/images/input-right.png) left top no-repeat
}
.inputField .inpMdl {
background: url(../../../../../scripts/desktop/images/input-mdl.png) left top repeat-x;
height: 29px;
float: left
}
.inputField .inpMdl input {
width: 100%;
float: left;
height: 29px;
background: 0 0;
border: none;
text-align: center;
line-height: 29px
}
.inputWrapper {
float: left
}
.inputWrapper .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img.png) left top no-repeat;
width: 10px;
height: 16px;
float: left;
margin: 7px 5px 0 0
}
.inputWrapper .perc {
font-size: 1.6em;
padding: 7px 0 0 5px;
float: left
}
#amtSave .inputWrapper {
width: 120px;
margin: 12px 0 0
}
#amtSave .inputWrapper .inputField .inpMdl {
width: 79px
}
#amtSave .quest {
background-position: 0 0
}
#avgSave .inputWrapper {
width: 270px;
margin: 4px 0 0
}
#avgSave .inputWrapper .inputField .inpMdl {
width: 47px
}
#avgSave .quest {
background-position: 0 -79px
}
#interest .inputWrapper {
width: 171px;
margin: 4px 0 0
}
#interest .inputWrapper .inputField .inpMdl {
width: 40px
}
#interest .quest {
background-position: 0 -158px
}
#alreadySaved .inputWrapper {
margin: 12px 0 0;
width: 171px
}
#alreadySaved .inputWrapper .inputField .inpMdl {
width: 79px
}
#alreadySaved .quest {
background-position: 0 -238px
}
#interestPayment .inputWrapper {
width: 269px;
margin: 4px 0 0
}
#interestPayment .inputWrapper .inputField .inpMdl {
width: 40px
}
#interestPayment .quest {
background-position: 0 -318px;
padding: 0 14px 21px 46px
}
.paymentTime {
float: left;
margin: -12px 0 40px 41px
}
.slideWrapper .paymentTime .radiobox {
margin: 6px 41px 0 0
}
.slideWrapper .paymentTime label {
color: #363636;
font-size: 1.6em
}
#amtSave .questWrap {
float: left;
width: 421px
}
#alreadySaved .questWrap {
float: left;
width: 340px
}
.questWrap .note {
color: #4E4E4E;
float: left;
font-size: 1em;
margin: -6px 0 0;
padding: 0 0 0 47px
}
.slider span {
background: url(../../../../../scripts/desktop/images/slider-rt-bg.png) left top no-repeat;
width: 11px;
height: 10px;
position: absolute;
right: -3px;
top: 0
}
#savedAmtMaster {
width: 490px
}
#monthMaster, #yearMaster {
width: 340px
}
#interestMaster {
width: 404px
}
#savedMaster {
width: 382px
}
.selectCalcWrapper {
float: left;
padding: 15px 0
}
.selectCalcWrapper .radiobox {
height: 17px;
background: url(../../../../../scripts/desktop/images/radio-btn-img2.png) 0 -24px no-repeat;
cursor: pointer;
float: left;
margin: 0 5px 0 0;
font-size: 1.4em;
line-height: 1em
}
.selectCalcWrapper .radiobox.checked, .slideWrapper .radiobox.checked {
background-position: 0 0
}
.selectCalcWrapper .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.selectCalcWrapper .radiobox label {
width: 29px;
padding: 0 12px 0 8px;
line-height: 1.2em;
font-size: 1.1em;
cursor: pointer;
color: #666766
}
.inpRadio {
margin: 0 0 0 10px;
float: left
}
.slideWrapper .radiobox {
height: 17px;
cursor: pointer;
float: left;
margin: 6px 5px 0 0;
font-size: 1.4em;
line-height: 1em
}
.slideWrapper .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.slideWrapper .radiobox label {
width: 29px;
padding: 0 8px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
#tenureType label {
font-size: 1.5em;
padding: 7px 0 0;
float: left
}
.indusRate {
float: left;
padding: 6px 0 0 13px
}
.indusRate .intRateHelp {
background: url(../../../../../scripts/desktop/images/int-rate-help.png) no-repeat;
width: 17px;
height: 17px;
float: left
}
.indusRate p {
float: left;
font-size: 1.4em;
padding: 0 0 0 7px
}
.limits {
float: left;
margin: -35px 0 0 14px;
width: 539px
}
.limits li {
float: left;
font-size: .9em;
padding: 14px 0 10px;
width: 47px
}
.resultWrapper {
background-color: #bc3f3d;
width: 328px;
padding: 20px;
float: left
}
.resultWrapper h2 {
background: url(../../../../../scripts/desktop/images/result-icon.png) no-repeat;
color: #fff;
font-size: 1.8em;
margin: 0 0 33px 52px;
padding: 6px 0 6px 38px
}
.rsltField .result, .rsltField p {
font-size: 1.6em;
color: #fff;
float: left
}
.rsltField {
float: left;
margin: 0 0 18px
}
.rsltField p {
width: 186px
}
.rsltField .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
width: 10px;
height: 16px;
float: left;
margin: 7px 5px 0 0
}
.rsltField .result {
background-color: #3a3a3a;
border-radius: 3px;
width: 100px;
text-align: center;
padding: 7px 0;
box-shadow: 0 1px 3px #fff
}
.rsltField .result.lMarg {
margin-left: 15px
}
.rsltField .result.percDiv {
width: 59px
}
.rsltField .perMonth {
font-size: 1.2em;
color: #fff;
padding: 7px 0 0 5px;
float: left
}
.myAccNumberWrapper {
background-color: #dfdfdf;
width: 328px;
padding: 20px;
float: left;
min-height: 365px
}
.myAccContainer {
background-color: #222;
width: 328px;
padding: 0 0 10px;
float: left
}
.myAccContainer img {
padding: 0 0 0 58px
}
.myAccContainer p {
color: #8C8C8C;
font-size: 1.3em;
line-height: normal;
text-align: center;
width: 100%
}
.myAccContainer p span {
font-weight: 700
}
.myAccContainer a {
color: #fff;
font-size: 1.1em;
float: right;
padding: 0 10px 0 0
}
.calcSection .maxVal {
float: right;
top: -22px;
color: #999;
font-size: 12px
}
.calcContainer {
width: 522px;
float: left;
display: table;
position: relative
}
.calcContainer h1 {
float: left;
margin-bottom: 50px
}
.calcSection {
width: 522px;
float: left;
padding: 18px 0 25px 20px
}
.calcSection .titleField {
width: 110px;
float: left;
font-size: 13px;
margin-right: 15px;
font-weight: 700;
color: #333;
z-index: 99
}
.calcSection .titleField span {
bottom: 2px;
cursor: pointer;
height: 10px;
width: 10px
}
.calcSection .titleField span img {
opacity: .6
}
.calcSection .titleField .tolTipDetail {
float: left;
position: absolute;
left: 86px;
bottom: 10px;
z-index: 9999;
display: none
}
.calcSection .titleField .pos2 {
left: 52px
}
.calcSection .titleField .pos3 {
left: 36px;
top: -90px
}
.calcSection .titleField .pos4 {
left: 60px
}
.calcSection .titleField .pos5 {
left: 73px;
top: -57px
}
.calcSection .titleField .pos6 {
left: 35px;
top: -43px
}
.calcSection .titleField .tolTipDetail p.text {
float: left;
line-height: 1.5em;
padding: 10px 5px 5px;
width: 134px;
margin: 0;
font-size: 11px
}
.calcSection .titleField .tolTipDetail p.btm {
background: url(../../../../../scripts/desktop/images/toltipDetail-btm.png) no-repeat;
display: block;
float: left;
height: 20px;
width: 144px;
margin: 0
}
.highcharts-button, .monthWrap {
display: none
}
.calcSection .dragBox {
width: 418px;
float: left;
position: relative;
z-index: 0
}
.calcSection .dragBox .drag {
width: 404px;
background: url(../../../../../scripts/desktop/images/slider-lft-bg.png) 6px 0 no-repeat;
height: 15px;
float: left;
padding: 0 0 0 5px
}
.calcSection .dragBox .drag span {
background: url(../../../../../scripts/desktop/images/slider-rt-bg.png) left top no-repeat;
width: 11px;
height: 10px;
position: absolute;
right: 4px;
top: 0
}
.calcSection .dragBox .drag2 {
width: 301px;
background: url(../../../../../scripts/desktop/images/slider-lft-bg.png) 6px 0 no-repeat;
height: 15px;
float: left;
padding: 0 0 0 5px
}
.calcSection .dragBox .drag2 span {
background: url(../../../../../scripts/desktop/images/slider-rt-bg.png) left top no-repeat;
width: 11px;
height: 10px;
position: absolute;
right: 4px;
top: 0
}
.calcSection .dragBox .next, .calcSection .dragBox .prev {
top: -5px;
width: 20px;
height: 20px;
position: absolute;
float: left;
cursor: pointer
}
.calcSection .dragBox .next {
background: url(../../../../../scripts/desktop/images/slider-arrow.png) 0 -40px no-repeat;
right: -19px
}
.calcSection .dragBox .prev {
background: url(../../../../../scripts/desktop/images/slider-arrow.png) no-repeat;
left: -18px
}
.calcSection .dragBox .prev.active {
background-position: 0 -21px
}
.calcSection .dragBox .next.active {
background-position: 0 -60px
}
.sliderHover {
background: url(../../../../../scripts/desktop/images/slider-hover-bg.png) left top no-repeat;
width: 0;
height: 8px;
position: absolute;
left: 6px;
top: 0
}
.calcSection .dragBox .slideImg {
width: 414px;
float: left;
min-height: 40px;
margin: -5px 0 0
}
.calcSection .valueBox {
width: 85px;
float: left;
padding: 5px 10px;
min-height: 20px;
color: #7e7c7c;
font-size: 14px;
margin-top: -25px
}
.calcSection .dragValue input, .calcSection .highLight {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif
}
.calcSection .highLight {
position: absolute;
left: 0;
top: -40px;
width: 85px;
height: 28px;
float: left;
padding: 3px 0 3px 3px;
color: #fff;
visibility: hidden
}
.calcSection .highLight input {
border: none;
color: #fff;
width: 65px;
background: url(../../../../../scripts/desktop/images/hltRup.png) 0 4px no-repeat;
padding-left: 8px;
margin-left: 3px
}
.calcSection .dragValue, .calcSection .dragValueAge {
background: url(../../../../../scripts/desktop/images/rsSymbol_.jpg) 0 3px no-repeat;
padding-left: 10px;
position: absolute
}
.calcSection .dragValue input {
background: 0 0;
border: none;
width: 75px;
color: #7e7c7c
}
.calcSection .dragValueAge input, .calcSection .highLightAge input {
background: 0 0;
border: none;
width: 20px;
font-size: 14px;
color: #666
}
.calcSection .dragValueAge input {
font-size: 13px
}
.calcSection .highLightAge input {
color: #fff
}
.calcSection .dragValueAge {
background: 0 0
}
.calcContainer .resultBox .box .finalResult span {
background: url(../../../../../scripts/desktop/images/rsSymb.png) 0 1px no-repeat;
padding-left: 20px;
font-family: FuturaMdBTBold
}
.calcContainer .resultBox .box .finalResult span.adeqIns {
background: 0 0
}
.calcContainer .draggable {
top: -7px;
float: left;
background: url(../../../../../scripts/desktop/images/slider-handle.png) 2px 0 no-repeat;
cursor: pointer;
width: 20px;
height: 21px;
z-index: 1;
left: 0;
border: none
}
.calcContainer .slideImg {
float: left;
overflow: hidden
}
.calcContainer .slideImg ul {
width: 800px;
float: left;
overflow: hidden;
margin: -7px 0 0;
min-height: 35px;
padding: 0
}
.calcContainer .slideImg ul li {
background: url(../../../../../scripts/desktop/images/liSlider.jpg) center 0 no-repeat;
color: #666;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
list-style: none;
min-height: 15px;
padding-top: 17px;
width: 35px;
text-align: center;
word-wrap: break-word
}
.calcContainer .resultBox {
width: 100%;
float: left;
text-align: center
}
.calcContainer .resultBox .box {
background: url(../../../../../scripts/desktop/images/resultBox.png) no-repeat;
width: 605px;
height: 50px;
text-align: center;
padding-top: 20px;
margin-left: 40px
}
.calcContainer .resultBox .box label {
width: 315px;
float: left;
text-align: center;
font-size: 18px;
color: #fff;
font-family: FuturaMdBTBold;
font-weight: 400;
padding-top: 4px
}
.calcContainer .resultBox .box .finalResult {
width: 285px;
float: left;
text-align: center;
font-size: 24px;
color: #fff
}
.lastDesc {
width: 100%;
float: left;
color: #333;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
font-size: .95em;
text-align: center;
margin-bottom: 0
}
.lastDesc a {
color: #903
}
.monthWrap .calcSection .dragBox {
width: 315px
}
.monthWrap .calcSection {
width: 321px
}
.monthWrap .calcSection .dragBox .drag {
width: 301px
}
.monthWrap .calcSection .dragBox .slideImg {
width: 307px
}
.emiContainer .emiIntro {
color: #525252;
font-size: 1.5em;
line-height: normal;
padding: 25px 30px
}
.emiContainer .rightCont {
background-color: #eaeaea
}
.emiContainer .slideWrapper {
width: 513px
}
.emiContainer #avgSave .inputWrapper {
width: 207px
}
.chartContainer p {
color: #767676;
font-size: 1.5em;
float: left;
line-height: 20px;
padding: 0 0 0 46px;
font-weight: 700
}
.resultDisp p, .resultDisp span {
font-size: 1.6em;
color: #767676;
float: left
}
.chartContainer p span {
border-radius: 4px;
width: 20px;
height: 20px;
float: left;
margin: 0 5px 0 0
}
.chartContainer p.princAmt span {
background-color: #bc3f3d
}
.chartContainer p.intPay span {
background-color: #222
}
.chartContainer {
float: left;
padding: 20px 0 0;
position: relative;
display: none
}
.chart {
float: left;
padding: 0 0 0 60px;
width: 390px;
border-bottom: 1px solid #c6c6c6
}
.chartBorder {
background: url(../../../../../scripts/desktop/images/chart-border.png) no-repeat;
width: 323px;
height: 322px;
position: absolute;
left: 73px;
top: 76px
}
.yourResultImg {
background: url(../../../../../scripts/desktop/images/your-result-img.png) no-repeat;
width: 124px;
height: 124px;
position: absolute;
left: 176px;
top: 170px;
z-index: 1
}
.emiContainer .myAccNumberWrapper {
min-height: 258px
}
.resultDisp {
float: left;
padding: 25px 0 0 35px
}
.resultDisp p {
width: 280px;
padding: 0 0 17px;
font-weight: 400
}
.resultDisp span {
width: 95px;
padding: 0 0 20px
}
.resultDisp p.highlight, .resultDisp span.highlight {
color: #222
}
.indusMoneyWrapper {
width: 1003px;
float: left;
background-color: #eaeaea;
margin: 0 0 30px
}
.indusMoneyWrapper h1 {
color: #666766;
line-height: normal;
padding: 15px 0 20px 28px
}
.indusMoneyWrapper .intro {
width: 686px;
color: #666766;
font-size: 1.4em;
line-height: normal;
padding: 0 0 0 28px
}
.indusMoneyInner {
float: left
}
.indusMoneyInner .indusMoneyCont {
float: left;
width: 715px;
border-bottom: 1px solid #d2d1d2;
border-left: 1px solid #d2d1d2;
border-right: 1px solid #d2d1d2;
padding: 30px
}
.indusMoneyInner .questCont {
background: url(../../../../../scripts/desktop/images/gry-bg.jpg) left bottom repeat-x;
position: relative;
width: 390px;
height: 125px;
border: 1px solid #d2d1d2;
float: left
}
.indusMoneyInner .questCont h2 {
font-size: 1.8em;
color: #666766
}
.indusMoneyInner .questCont h2.debitcard {
padding: 21px 0 9px 109px;
margin-bottom: 10px;
background-position: 56px 24px
}
#otherServicesMaster {
background-color: #dfdfdf
}
.indusMoneyInner .selectgen {
background: url(../../../../../scripts/desktop/images/select-arrow.png) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
margin-bottom: 10px;
position: relative
}
.indusMoneyInner select option {
padding: 5px 0 5px 5px
}
.indusMoneyInner .selectedvalue {
color: #666;
font-size: 1.3em;
height: 20px;
padding: 6px 5px 0 16px;
position: absolute;
text-align: left;
overflow: hidden
}
.indusMoneyInner .cardType {
width: 217px;
float: none;
margin: 0 auto
}
.indusMoneyInner .cardType select {
width: 240px
}
.indusMoneyInner .cardType .selectedvalue {
width: 199px;
overflow: hidden
}
.cardDetailWrap {
background: url(../../../../../scripts/desktop/images/gry-bg.jpg) left bottom repeat-x;
width: 305px;
height: 125px;
border: 1px solid #d2d1d2;
float: left;
margin: 0 0 0 5px
}
.cardDetailWrap h2 {
font-size: 1.8em;
color: #bc3f3d;
text-align: center;
padding: 14px 0 10px
}
.cardDetailWrap p {
text-align: center;
font-size: 1.4em;
color: #6f6f6f
}
.cardDetailWrap .inputField {
width: 110px
}
.cardDetailWrap .inputWrapper .inputField .inpMdl {
width: 80px
}
.cardDetailWrap .inputWrapper {
margin: 0 auto;
width: 110px;
float: none
}
.pointsCont {
display: block;
background-color: #BC3F3D;
color: #FFF;
float: left;
font-weight: 700;
font-size: 1.5em;
text-align: center;
height: 26px;
margin: 0 0 0 432px;
padding: 7px 0 0 8px;
width: 237px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px
}
.pointsCont p, .pointsCont span {
float: left
}
.pointsCont p {
width: auto
}
.pointsCont span {
margin-left: 3px
}
.pointsCont img {
float: right;
padding: 0 7px 0 5px;
cursor: pointer;
position: relative;
z-index: 1
}
.formcenterLt {
width: 1003px;
float: left
}
.formcenterTab {
width: 100%
}
.formcenterTab ul {
float: left
}
.formcenterTab ul li {
float: left;
cursor: pointer;
margin-right: 1px;
padding: 16px 0;
color: #666;
background: #dcdcdc;
width: 253px;
font-size: 1.9em;
text-align: center
}
.formcenterTab ul li.activetab {
color: #fff;
background: #7c7c7c
}
.otherRate {
width: 241px;
float: right;
cursor: pointer;
height: 48px
}
.otherRate select {
cursor: pointer;
height: 44px;
top: -8px;
width: 236px;
line-height: 3.2em;
-webkit-appearance: menulist-button
}
.otherRate select option {
padding: 5px;
height: 10px;
line-height: 9em;
background-color: #dddcdc;
display: block;
position: relative
}
.otherRate .selectbg {
background: url(../../../../../scripts/desktop/images/selectArrow.gif) 209px 23px no-repeat #dcdcdc;
float: right;
padding: 9px 0;
height: 29px;
position: relative;
width: 241px
}
.otherRate .selectedvalue {
color: #666;
font-size: 1.9em;
height: 20px;
line-height: 1em;
overflow: hidden;
position: absolute;
text-align: left;
width: 189px
}
.otherRate .selectbg.activetab {
background: url(../../../../../scripts/desktop/images/selectActiveArrow.png) 209px 23px no-repeat #7c7c7c
}
.activetab .selectedvalue {
color: #fff
}
.formcenterContent {
width: 100%;
float: left;
padding: 27px 0 40px
}
.formcenterWrapper {
width: 1003px;
padding: 5px 0 0;
clear: left
}
.formcenterRt {
width: 220px;
float: right;
position: relative
}
.formcenterRt .loginWrapper {
top: 0
}
.formcenterRt .loginWrapper .login p {
color: #717171;
font-size: 1.2em
}
.formcenterRt .loginWrapper .login ul {
float: left;
margin: 10px 0;
width: 100%
}
.formcenterRt .loginWrapper .login ul li {
padding: 0 0 5px 5px;
float: left;
width: auto
}
.formcenterRt .loginWrapper .login ul li.sel, .formcenterRt .loginWrapper .login ul li:hover {
background: url(../../../../../scripts/desktop/images/login-left.jpg) left top no-repeat;
font-weight: 700
}
.formcenterRt .loginWrapper .login ul li input {
color: #bc3f3d;
font-size: 1.2em;
padding: 4px 5px 8px 0;
float: left;
background: 0 0;
border: none;
cursor: pointer
}
.formcenterRt .loginWrapper .login ul li.sel input, .formcenterRt .loginWrapper .login ul li:hover input {
background: url(../../../../../scripts/desktop/images/login-right.jpg) right top no-repeat;
color: #fff;
text-decoration: none
}
.formcenterRt .loginWrapper .login ul li.loginBtn input {
width: 50px
}
.formcenterRt .loginWrapper .login ul li.regBtn input {
width: 70px
}
.formcenterRt .loginWrapper .login ul li.demoBtn input {
width: 50px
}
.formcenterRt .loginWrapper .quikService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.formcenterRt .loginWrapper .login p.indusNet {
font-size: 1.8em;
color: #686868
}
.formcenterRt .loginWrapper .quikService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
.formcenterContent h2 {
color: #bc3f3d;
font-size: 2.1em
}
.formcenterContent tr td {
padding: 10px
}
.formcenterContent p {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) left top no-repeat;
font-size: 1.2em;
color: #666766;
padding: 0 0 1px 18px
}
.formcenterContent a p {
background: 0 0
}
.formcenterContent p a, .formcenterContent p span {
color: #bc3f3d
}
.formcenterContent table {
width: 100%
}
.faqsQuest {
background: url(../../../../../scripts/desktop/images/expand-icon.png) 98% 7px no-repeat #EDEDED;
float: left;
font-size: 1.5em;
color: #666;
line-height: 1.1em;
margin: 0 0 8px;
padding: 10px 40px 10px 10px;
cursor: pointer;
width: 612px;
clear: both;
font-weight: 700
}
.faqsQuest.active {
background: url(../../../../../scripts/desktop/images/collapse-icon.png) 98% 7px no-repeat #EDEDED;
border-bottom: none
}
.faqAns {
display: none;
float: left;
margin-bottom: 2px;
width: 100%;
clear: both
}
.tabContWrapper table tr td li {
font-size: 1em
}
.tabContWrapper table.int-table tr td li {
font-size: .8em
}
.faqouter {
float: left;
padding-bottom: 7px;
width: 672px
}
.subinhed {
font-size: 1.4em;
float: left;
font-weight: 700;
padding: 7px 0;
width: 100%
}
.searchWrapper {
width: 1003px;
margin: 0 auto;
font-size: 1.4em;
padding: 20px 0;
overflow: hidden
}
.searchWrapper p {
float: left;
padding: 5px 0;
width: 100%
}
.searchWrapper .searchRight {
float: left;
width: 100%;
padding: 0 0 10px;
display: none
}
.searchWrapper .searchRight br {
float: left
}
.searchWrapper .searchRight a {
float: left;
font-size: 1.1em;
line-height: normal;
padding: 7px 17px 7px 0
}
.searchWrapper a {
color: #BC3F3D;
font-size: 1.2em;
line-height: normal
}
.searchWrapper .search {
border: none
}
.searchWrapper form {
display: none
}
.genericLightBox {
width: 800px;
position: fixed;
left: 0;
top: 50px!important;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.genericLightBox a.closeBtn {
float: right;
cursor: pointer
}
.lightboxCont {
width: 800px;
float: left;
margin: 17px 0 0;
height: 400px
}
.lightboxCont p {
font-size: 1.3em;
color: #666766;
line-height: 1.3em;
padding: 0 10px 10px 0
}
.lightboxCont h2 {
padding: 0 0 10px
}
.lightboxCont a {
color: #bc3f3d
}
.lightboxCont ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 10px 5px no-repeat;
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 23px
}
.lightboxCont ul li ul {
margin-bottom: -12px;
padding: 10px 0 0
}
.lightboxCont ul li ul li {
background: url(../../../../../scripts/desktop/images/red-bullet1.png) left 5px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 13px
}
.lightboxCont table tr td, .lightboxCont table tr th {
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
font-size: 1.2em;
padding: 10px
}
.lightboxCont table {
border-top: 1px solid #b6b6b6;
width: 99%;
margin: 5px 0 15px
}
.lightboxCont table tr th {
background-color: #2c2c2c;
color: #fff;
text-align: left
}
.lightboxCont table tr td:first-child, .lightboxCont table tr th:first-child {
border-left: 1px solid #b6b6b6
}
.lightboxCont table tr td {
color: #757575
}
.lightboxCont .faqsQuest {
width: 94%
}
.continueBtn, .iAgree, .submit {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px;
text-align: center
}
.innerMdlWrapper .termCondition a.continueBtn {
margin-bottom: 10px
}
.submit {
font-size: 1.4em
}
.continueBtn {
font-size: 1.2em;
width: auto;
font-weight: 400;
color: #fff
}
.iAgree {
margin-left: 0
}
.formWrapper {
margin: 0 auto;
padding: 20px 0
}
.reveal-modal {
width: 400px!important;
background-color: #fff;
padding: 20px;
position: absolute;
visibility: visible
}
.srLightbox {
width: 540px;
height: 580px;
position: fixed;
left: 0;
top: 50px;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.srLightbox iframe {
width: 100%;
height: 553px
}
.srLightbox h2 {
color: #8B2E2E
}
.srLightbox a.closeBtn {
float: right
}
.srLightbox .srHelp {
font-size: 1.3em;
padding: 6px 0 10px;
color: #7C7C7C;
border-bottom: 2px solid #E3E3E3
}
.formWrapper {
float: left;
width: 100%
}
.formWrapper h2 {
color: #151515;
font-size: 2.8em;
padding-bottom: 18px;
padding-top: 8px
}
.formWrapper p {
color: #666766;
font-size: 1.3em;
line-height: 1.8em
}
.formWrapper form.accForm {
margin: 0 auto;
padding: 19px 0 40px;
width: 740px
}
.formWrapper form.accForm label {
width: 147px;
color: #333;
font-size: 1.4em;
line-height: 1.5em;
float: left;
padding: 5px 19px 15px 0;
font-family: source_sans_proregular;
text-align: right
}
.srFormWrapper.formWrapper form.accForm label {
padding: 5px 33px 19px 0!important;
width: 170px!important
}
.srFormWrapper.formWrapper .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 205px!important
}
.formWrapper form.accForm .selectgen, .formWrapper form.accForm .selectloc {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
height: 30px;
margin-bottom: 10px;
position: relative;
float: left
}
.formWrapper form.accForm label span {
color: red
}
.formWrapper form.accForm .selectgen {
border: 1px solid #999;
border-radius: 10px;
width: 107px
}
.formWrapper form.accForm select {
width: 105px
}
.FrmLftSec select option, .formWrapper form.accForm select option {
padding: 5px 0 5px 5px
}
.formWrapper form.accForm .selectloc {
border: 1px solid #999;
border-radius: 10px;
width: 107px
}
.formWrapper form.accForm .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 127px
}
.formWrapper form.accForm input, .formWrapper form.accForm textarea {
color: #666766;
font-size: 1.5em;
padding: 7px 8px;
font-family: source_sans_proregular
}
.formWrapper form.accForm input {
float: left;
background: rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
width: 170px;
margin-left: 20px
}
.formWrapper form.accForm .fldSet:nth-child(2) input#firstname, .formWrapper form.accForm .fldSet:nth-child(3) input#lastname {
margin-left: 166px;
width: 200px
}
.formWrapper form.accForm .fldSet:nth-child(2) input.lft-Mrg, .formWrapper form.accForm .fldSet:nth-child(3) input.lft-Mrg {
margin-left: 0!important
}
.formWrapper form.accForm input.noltmargin {
margin-left: 0;
width: 200px
}
.formWrapper form.accForm textarea {
background: 0 0;
border: 1px solid #999;
border-radius: 10px;
height: 60px;
margin-bottom: 23px;
resize: none;
width: 300px
}
.formWrapper form.accForm .selectgen.bigWidth {
width: 215px
}
.formWrapper form.accForm .selectgen.bigWidth select {
width: 214px
}
.formWrapper form.accForm .btnStrct {
color: #FFF;
float: left;
margin-top: 15px;
padding-left: 8px
}
.formWrapper form.accForm .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px
}
.formWrapper form.accForm .btnStrct.applybtn {
padding-left: 152px
}
.formWrapper form.accForm .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-family: source_sans_proregular;
font-size: 1.4em;
line-height: 1em
}
.formWrapper form.accForm .radiobox.checked {
background-position: 0 -29px
}
.formWrapper form.accForm .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.formWrapper form.accForm .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.formWrapper form.accForm .termConditionForm {
text-align: center
}
.formWrapper form.accForm .termConditionForm label {
cursor: pointer;
padding: 0;
text-align: left;
width: auto
}
.formWrapper form.accForm .termConditionForm .checkbox {
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
height: 15px;
margin: 2px 5px 0 0;
width: 15px
}
.formWrapper form.accForm .termConditionForm .checkbox input {
width: auto;
margin-left: 0
}
.formWrapper form.accForm .termConditionForm .checkbox.checked {
background-position: 0 0
}
.form_captcha_image {
width: 141px;
float: left;
margin: 0 0 13px 180px
}
.Comment-image-slt .form_captcha_image {
margin: 0 0 13px 101px
}
#myform .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 171px
}
.formWrapper form.accForm .Refresh-btn-Cmt-wrap {
margin: 0
}
.accountCaptcha {
margin: 0 0 13px 164px!important
}
.formWrapper form .fldSet label.error {
clear: both;
color: red;
padding: 5px 0;
text-align: left;
width: auto;
float: left
}
.FrmLftSec .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-family: source_sans_proregular;
font-size: 1.4em;
line-height: 1em
}
.FrmLftSec .radiobox.checked {
background-position: 0 -29px
}
.FrmLftSec .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.FrmLftSec .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.formWrapper form .fldSet.dncFld div.error {
margin: -2px 0 6px 110px
}
.dncBtnWrap {
margin: 0 0 0 150px;
float: left
}
#btnCaptchaRefresh {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px
}
.srMessage, div.error {
color: red;
clear: both
}
.reviewForm .form_captcha_image {
margin: 0 10px 13px 0
}
.reviewForm .lftMrg div.error {
margin: 6px 0 6px 101px
}
.formWrapper form .fldSet {
float: left;
width: 100%
}
.label-box .fldSet:nth-child(2) {
float: none
}
div.error {
float: left;
font-size: 1.2em;
margin: 6px 0
}
.formWrapper form .fldSet.lftMrg div.error {
margin: -2px 0 6px 164px
}
.formWrapper form .fldSet.nameFld div.error {
margin: 1px 0 6px 168px
}
.titleFld .selectgen {
width: 130px
}
.termsFld {
padding: 0 0 10px;
float: left
}
.termsFld div.error {
width: 500px;
font-size: 1em
}
.txtArea div.error {
margin-top: -16px!important
}
.ui-datepicker {
width: 18em!important
}
.ui-datepicker select {
opacity: 1!important;
filter: alpha(opacity=100)
}
.dontCallForm .FrmLftSec label, .dontCallForm .frmRhtSec label {
width: 143px
}
.formWrapper.dontCallForm form .fldSet.dncFld div.error {
margin: 6px 0 6px 160px
}
.formWrapper.dontCallForm .FrmLftSec .radiobox label {
width: 29px
}
.dontCallArea div.error {
margin: 0 0 0 161px
}
.dontCallForm .form_captcha_image {
margin: 0 0 13px 160px
}
.feedbackForm.formWrapper form.accForm label {
width: 156px
}
.feedbackForm.formWrapper form.accForm .radiobox label {
width: 29px
}
.feedbackForm.formWrapper form .fldSet.lftMrg div.error {
margin: -2px 0 6px 175px;
float: none
}
.feedbackArea div.error {
margin: -16px 0 6px 175px!important
}
.feedbackForm.formWrapper form.accForm .btnStrct.applybtn {
padding-left: 165px
}
.hrForm {
padding: 30px 0 0;
float: left;
width: 100%
}
.hrForm h2 {
padding: 10px 0 23px
}
.hrForm .fldSet {
margin: 0 0 15px
}
.hrForm .lftMrg div.error {
margin: 8px 0 0 101px
}
.hrForm .FrmLftSec label {
width: 105px
}
.hrForm .FrmLftSec .selFld {
width: 435px;
height: 43px
}
.hrForm .FrmLftSec .selFld div.error {
width: 200px
}
.reportEmail {
float: left
}
.hrForm .reportEmail div.error {
margin-left: 0
}
.hrForm .frmRhtSec .inputFld div.error, .hrForm .frmRhtSec .textareaFld div.error {
margin: 6px 0 0
}
.inputFld, .selectFld, .textareaFld {
float: left
}
.hrForm .selectgen {
width: 145px
}
.hrForm .FrmLftSec .selectedvalue {
width: 100px
}
.hrForm .FrmLftSec select {
width: 146px
}
.inputFld .ui-datepicker-trigger {
margin: 9px 0 0 5px;
cursor: pointer
}
.genForm .btnWrap, .hrBtnWrapper {
margin: 5px 0 0 94px;
float: left
}
.genForm .fldSet {
margin: 0 0 15px
}
.genForm .fldSet.selFld div.error {
margin: 10px 0 0!important
}
.mobilenumber.contactNo, .mobilenumber.contactNo input {
margin: 0!important
}
.genForm .contactNo, .genForm .ext {
float: left
}
.genForm .ext, .genForm .ext input {
width: 46px!important
}
.genForm .contactNo, .genForm .contactNo input {
width: 141px!important;
margin: 0 0 0 11px!important
}
.genForm .contactNo.mobileNo, .genForm .contactNo.mobileNo input {
margin: 0!important
}
.genForm .inputFld div.error, .genForm .textareaFld div.error {
margin: 6px 0 0
}
.genForm .selectloc {
margin-right: 10px
}
.genForm .checkbox input {
width: 15px
}
.genForm .chkboxLabel label {
width: 310px;
padding: 0;
line-height: normal
}
.genForm .checkbox div.error {
width: 340px;
padding: 0 0 0 20px
}
.InLtPopup .frmRhtSec .agreement {
float: left;
width: 100%;
margin: 20px 0 0
}
.InLtPopup .frmRhtSec .agreement label {
float: left;
line-height: normal;
margin: -2px 0 0;
padding: 0;
width: 400px
}
.InLtPopup .frmRhtSec .agreement div.error {
margin: 15px 0 0
}
.jobBtnWrap {
margin: 4px 0 0 180px;
float: left
}
.talismaBtnWrap {
margin: 0 0 0 140px
}
.srFormWrapper {
padding: 0
}
.srFormWrapper form.accForm label {
padding: 5px 19px 0 0
}
.srFormWrapper form.accForm .btnStrct, .srFormWrapper form.accForm .btnStrct.applybtn {
margin-top: 0
}
.srFormWrapper form.accForm .btnStrct.applybtn {
padding-left: 192px
}
.srMessage {
font-size: 1.2em;
text-align: left;
float: left
}
.srFormWrapper form.accForm {
width: 500px!important
}
.applicantSearchWrapper label {
padding: 8px 0 5px;
width: 135px;
color: #333;
float: left;
font-size: 1.3em
}
.applicantSearchWrapper select {
width: 105px
}
.applicantSearchWrapper .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
position: relative;
width: 130px;
margin-right: 8px
}
.applicantSearchWrapper .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 77px;
overflow: hidden
}
.applicantName label {
width: 177px
}
.applicantSearchWrapper input {
float: left;
border: 1px solid #999;
border-radius: 10px;
width: 217px;
padding: 7px 8px;
background: 0 0;
color: #666766;
font-size: 1.5em;
font-family: source_sans_proregular
}
.applicantName {
margin: 0 0 0 50px
}
.applicantSearchWrapper {
border: 1px solid #C4C4C4;
float: left;
margin: 12px 0 35px;
padding: 20px 10px;
width: 983px
}
.applicantSearchWrapper .btnStrct {
margin-top: 3px
}
.applicantSearchWrapper .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
border: none;
cursor: pointer;
width: auto
}
.applicantSearch {
border-right: 1px solid #999;
float: left;
margin: 0 5px 35px;
width: 323px
}
.applicantSearch label {
padding: 0 0 5px;
width: 135px;
color: #333;
float: left;
font-size: 1.3em;
font-weight: 700
}
.applicantSearch span {
font-size: 1.2em;
float: left
}
.applicantSearch a {
color: #bc3f3d
}
.applicantSearch select {
width: 105px
}
.applicantSearch .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
position: relative;
width: 120px;
margin-right: 8px
}
.applicantSearch .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 77px;
overflow: hidden
}
.indusMcalcyWrap, .pointsCont {
position: relative
}
.notifyError {
font-size: 1.2em;
padding: 7px 0;
text-align: left;
color: red
}
.indusMoneyInner .cardType.numSelect, .indusMoneyInner .cardType.numSelect select {
width: 109px
}
.indusMoneyInner .cardType.numSelect .selectedvalue {
width: 65px
}
.indusMcalcyWrap {
width: 100%;
float: left
}
.indusMoneyInner .questCont p {
float: left;
font-size: 1.2em;
padding: 7px;
color: #666766
}
.checkMaster {
float: left;
padding: 10px 10px 0 0;
width: 225px
}
.checkMaster label {
font-size: 1.4em;
color: #666766
}
.otherServices {
font-size: 1.8em;
color: #666766
}
.pointsCont .info {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-align: left;
font-weight: 400;
font-size: .7em;
background: #666;
position: absolute;
right: 0;
bottom: 35px;
padding: 10px 20px 10px 10px;
display: none
}
#resultCalc h2, #resultCalc p, #userCard, .likeCheckBox, .oldBrowserMsg {
text-align: center
}
.iRegular {
display: block
}
ul li.iRegular {
display: list-item
}
.iGold, .iPlatinum {
display: none
}
.pointsCont .info ul li {
list-style: disc;
margin-left: 20px;
clear: both
}
.pointsCont .info .arrow {
border: 10px solid;
border-color: #666 transparent transparent;
display: block;
position: absolute;
right: 8px;
bottom: -20px
}
.pointsCont .info .close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer
}
.indusMoneyInner .questCont h2.debitcard span {
width: 40px;
height: 40px;
display: block;
background: url(../../../../../scripts/desktop/images/indus-money-icons.png) no-repeat;
position: absolute;
left: 56px;
top: 23px
}
.indusMoneyInner .questCont h2.debitcard span.debitIcon {
background-position: 0 0
}
.indusMoneyInner .questCont h2.debitcard span.si-ecsIcon {
background-position: 0 -40px
}
.indusMoneyInner .questCont h2.debitcard span.mobileIcon {
background-position: 0 -80px
}
.indusMoneyInner .questCont h2.debitcard span.laptopIcon {
background-position: 0 -120px
}
#userCard {
background: 0 0;
border: none
}
#userCard img {
display: none
}
#userCard img:first-child {
display: inline
}
#resultCalc {
width: 200px;
height: 285px;
margin-top: -60px;
background: #BC3F3D;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: absolute;
left: 790px;
top: 0
}
#resultCalc h2 {
color: #fff;
font-size: 1.6em;
width: 100%;
padding-bottom: 10px
}
#resultCalc p {
text-transform: uppercase;
color: #fff;
font-size: 1.8em
}
#resultCalc .resultBox {
width: 100%;
padding: 24px 0 0
}
.likeCheckBox {
background: #EAEAEA;
position: relative;
font-size: 1.4em;
height: 40px;
line-height: 40px;
width: 90px;
margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.likeCheckBox span.rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
width: 10px;
height: 16px;
position: absolute;
left: -17px;
top: 12px
}
.ui-widget-header {
background: #bc3f3d!important
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
color: #bc3f3d!important
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
height: 19px!important;
width: 45%!important;
margin: 0 5px 0 0
}
.termCondition table.mmt {
border-top: 1px solid #B6B6B6;
border-bottom: 1px solid #B6B6B6;
width: auto;
margin: 5px 0 15px
}
.termCondition table.mmt tr td:first-child, .termCondition table.mmt tr th:first-child {
border-left: 1px solid #B6B6B6
}
.termCondition table.mmt tr td {
border-top: 1px solid #B6B6B6;
border-right: 1px solid #B6B6B6;
padding: 5px
}
.termCondition table.mmt p {
font-size: 1.1em
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
.bannerBgContainer, .innerBannerWrapper, .innerHeaderContainer, .innerMdlBtmWrapper, .mdlBtmWrapper, .overlay, .prdDeatilWrapper, .topInner {
width: 1003px
}
}
.div.parsys_column .section {
display: block!important
}
.termCondition .errorWrapper {
padding: 10px 0 40px 270px;
float: left
}
.termCondition .errorTitle {
color: #bc3f3d;
font-size: 2.4em;
line-height: normal;
padding: 16px 0 0
}
.termCondition .errorWrapper ul li {
background: url(../../../../../scripts/desktop/images/gry-bullet1.png) 5px 9px no-repeat;
color: #b1b1b1;
font-size: 1.8em;
line-height: normal;
padding: 3px 0 3px 24px
}
.termCondition .errorWrapper img {
margin: 0 0 10px 86px;
width: 280px
}
.maintenanceWrapper {
margin: -20px auto;
width: 700px;
position: relative
}
.maintenanceWrapper .maintenanceCont {
position: absolute;
left: 46px;
top: 470px
}
.maintenanceWrapper .maintenanceCont p {
color: #B1B1B1;
font-size: 1.8em
}
.maintenanceWrapper .maintenanceCont p a {
color: #BC3F3D
}
.relatatedQueries {
width: 100%;
border: 1px solid #999;
float: left
}
.relatatedQueries h2 {
color: #bc3f3d;
font-size: 2em;
padding: 15px 0 12px 23px
}
.relatatedQueries .contactInfo {
color: #2c2c2c;
background: url(../../../../../scripts/desktop/images/relaatedQueries.gif) left top repeat-y;
padding-bottom: 15px
}
.relatatedQueries .contactInfo .LtInfo, .relatatedQueries .contactInfo .RtInfo {
width: 475px;
float: left;
padding: 11px 0 0 23px
}
.relatatedQueries .contactInfo p {
padding: 0 0 9px;
font-weight: 700;
float: left;
font-size: 1.6em;
line-height: 1.3em
}
.relatatedQueries .contactInfo span {
color: #666766;
font-weight: 400;
width: 324px;
float: left;
font-size: 1.6em;
line-height: 1.3em
}
.locateusBtn .lctMdl a, .oldBrowserMsg p, .relatatedQueries .addDetail .contactInfoLt p span, .relatatedQueries .addDetail .contactInfoLt p.address span, .relatatedQueries .addDetail .contactInfoRt p span, span.promohigh {
font-weight: 700
}
.relatatedQueries .addDetail {
background: url(../../../../../scripts/desktop/images/whiteBgRept.gif) left top repeat-y
}
.relatatedQueries .addDetail .contactInfoLt {
float: left;
width: 478px;
padding: 11px 0 0 23px;
height: 50px
}
.relatatedQueries .addDetail .contactInfoRt {
width: 475px;
float: right;
padding: 11px 0 0 23px
}
.relatatedQueries .addDetail .contactInfoLt p.Tele, .relatatedQueries .addDetail .contactInfoRt p.Tele {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/teleIco.png) left 5px no-repeat
}
.relatatedQueries .addDetail .contactInfoLt p.mail, .relatatedQueries .addDetail .contactInfoRt p.mail {
font-size: 1.4em;
background: url(../../../../../scripts/desktop/images/mailIco.png) left 5px no-repeat
}
.relatatedQueries .addDetail .contactInfoLt p.address, .relatatedQueries .addDetail .contactInfoRt p.address {
background: url(../../../../../scripts/desktop/images/address.gif) left 5px no-repeat;
font-size: 1.5em;
width: 235px
}
.relatatedQueries .addDetail .contactInfoLt p, .relatatedQueries .addDetail .contactInfoRt p {
color: #666766;
font-size: 1.5em;
padding: 0 0 25px 42px;
line-height: 1.4em
}
.relatatedQueries .addDetail .contactInfoLt p a, .relatatedQueries .addDetail .contactInfoRt p a {
color: #666766
}
.oldBrowserMsgOverlay {
position: absolute;
left: 0;
top: 0;
background-color: #000;
opacity: 1;
filter: alpha(opacity=100);
width: 100%;
height: 100%;
z-index: 15;
display: none
}
.oldBrowserMsg {
padding: 25px;
width: 500px;
position: fixed;
left: 0;
top: 0;
z-index: 16;
border-radius: 4px;
display: none;
background-color: #fff
}
.oldBrowserMsg p {
font-size: 1.3em;
color: #666;
line-height: 1.4em
}
.branchContWrapper, .locateBranch {
display: none
}
.locateLabel {
float: left;
font-size: 1.3em;
padding: 5px 0;
display: none
}
#estatmentform .chkboxLabel input {
margin-left: 0;
width: auto
}
#estatmentform .chkboxLabel label {
padding: 0;
width: auto
}
#estatmentform .chkboxLabel label p {
color: #333;
font-size: 1em;
line-height: normal
}
#estatmentform .form_captcha_image {
margin: 0 0 13px 178px
}
#form .Comment-image-slt .form_captcha_image, .transEmi .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 171px
}
#estatmentform .checkbox div.error {
width: 600px
}
.transEmi p {
line-height: normal;
padding: 0 0 10px
}
.transEmi.accForm .checkbox input {
width: auto;
margin: 0
}
.transEmi.accForm .chkboxLabel {
min-height: 42px
}
.transEmi.accForm .chkboxLabel label {
width: 600px;
text-align: left;
padding: 0 0 13px;
line-height: normal
}
.transEmi.accForm .chkboxLabel p {
font-size: 1.1em;
line-height: normal
}
.transEmi.accForm .submitBtn {
margin-left: 154px
}
.transEmi.accForm .chkboxLabel div.error {
width: 600px
}
.transEmi.accForm textarea {
float: left
}
.transEmi.accForm .Comment-slot-40 div.error {
margin: -19px 0 0 170px
}
.transEmi.accForm .textareaFld div.error {
margin: -15px 0 11px
}
.reqChkbox div.error {
margin: 44px 0 0!important
}
.transEmi.accForm .reqChkbox label {
padding: 0 0 27px!important
}
.videoBranchContainer {
margin: 0 auto;
width: 1002px;
position: relative
}
.videoBranchWrapper {
background-color: #e6e6e6;
float: left;
margin: 25px 0
}
.videoBranchWrapper .videoBranchBox {
width: 421px;
float: left;
padding: 0 40px 40px
}
.videoBranchWrapper .videoBranchBox .headingWrap {
width: 410px;
float: left;
padding: 25px 0 0
}
.videoBranchWrapper .videoBranchBox .headingWrap .lineBg {
background: url(../../../../../scripts/desktop/images/line-bg.gif) left 21px repeat-x;
float: left;
width: 100%
}
.videoBranchWrapper .videoBranchBox .headingWrap h2 {
color: #2C2C2C;
font-size: 2.2em;
float: left
}
.videoBranchWrapper .videoBranchBox .headingWrap h2.overview {
background: url(../../../../../scripts/desktop/images/overview-icon.png) left 5px no-repeat #E6E6E6;
padding: 5px 8px 0 45px
}
.videoBranchWrapper .videoBranchBox .headingWrap h2.howtouse {
background: url(../../../../../scripts/desktop/images/how-to-use-icon.png) left top no-repeat #E6E6E6;
padding: 5px 8px 0 45px
}
.videoBranchCont {
float: left;
padding: 20px 0 0
}
.videoBranchCont p {
font-size: 1.3em;
float: left;
color: #666766
}
.videoBranchCont p a, .videoBranchCont p span {
color: #bb3f3d
}
.videoBranchCont .btnWrap {
float: left;
margin: 20px 0 0
}
.videoBranchCont .btnWrap img {
margin-right: 10px
}
.videoBranchCont .btnWrap .btnLft {
background: url(../../../../../scripts/desktop/images/btn-lft.png) left top no-repeat;
width: 6px;
height: 33px;
float: left
}
.videoBranchCont .btnWrap .btnRight {
background: url(../../../../../scripts/desktop/images/btn-right.png) left top no-repeat;
width: 6px;
height: 33px;
float: left
}
.videoBranchCont .btnWrap .btnMdl {
background: url(../../../../../scripts/desktop/images/btn-mdl.png) left top repeat-x;
height: 33px;
float: left
}
.videoBranchCont .btnWrap .btnMdl a {
font-size: 1.4em;
color: #fff;
font-weight: 700;
padding: 8px 5px;
float: left;
text-decoration: none
}
.videoBranchBox:first-child {
background: url(../../../../../scripts/desktop/images/vertical-line.gif) right 87px no-repeat
}
.videoBranchCont ul {
float: left;
padding: 10px 0
}
.videoBranchCont ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 4px no-repeat;
font-size: 1.3em;
color: #666766;
padding: 0 0 0 11px
}
.videoBranchCont ul li a {
color: #bb3f3d
}
.faqMainWrapper {
float: left;
padding-bottom: 10px
}
.faqMainWrapper .faqHeading {
width: 1002px;
float: left;
background-color: #2c2c2c;
margin-bottom: 5px
}
.faqMainWrapper .faqHeading h2 {
background: url(../../../../../scripts/desktop/images/faq-icon.png) 14px center no-repeat;
color: #dedede;
padding: 5px 0 5px 70px;
float: left;
font-size: 2.5em
}
.faqMainWrapper .faqHeading span.exp {
color: #dedede;
background: url(../../../../../scripts/desktop/images/faq-icon1.png) center 8px no-repeat #bb3f3d;
padding: 10px 0 0;
float: right;
height: 30px;
width: 45px;
text-align: center;
cursor: pointer
}
.referralrewardsform .h1, .referralrewardsform .inputfiled {
font-family: Arial, Helvetica, sans-serif;
text-align: justify
}
.faqMainWrapper .faqHeading span.exp.active {
background-position: center -29px
}
.faqMainWrapper .faqsQuest, .faqMainWrapper .faqsQuest.active {
background-position: 99% 7px
}
.faqMainWrapper .faqsQuest {
width: 953px
}
.faqMainWrapper .faqAns p {
font-size: 1.3em;
line-height: normal;
padding: 5px 0;
color: #666766
}
.faqInnerWrapper {
float: left;
display: none
}
.locateusBtn {
position: absolute;
right: 0;
top: 0
}
.ie7 .locateusBtn {
top: -35px
}
.locateusBtn .lctLeft {
background: url(../../../../../scripts/desktop/images/locate-btn-left.png) left top no-repeat;
width: 7px;
height: 37px;
float: left
}
.locateusBtn .lctMdl {
background: url(../../../../../scripts/desktop/images/locate-btn-mdl.png) left top repeat-x;
height: 37px;
float: left
}
.locateusBtn .lctMdl a {
background: url(../../../../../scripts/desktop/images/locate-icon.png) 3px 5px no-repeat;
font-size: 1.4em;
color: #fff;
padding: 10px 5px 10px 30px;
float: left
}
.locateusBtn .lctRt {
background: url(../../../../../scripts/desktop/images/locate-btn-right.png) left top no-repeat;
width: 7px;
height: 37px;
float: left
}
.promotions {
padding: 20px 0 0;
width: 626px;
float: left
}
.promotions h2 {
display: block;
color: #8b2e2e;
padding: 10px 0 0;
font-size: 1.8em
}
.promotions .promoimg {
float: left;
width: 314px
}
.promotions .promotxt {
float: left
}
.promotxt p {
padding: 0 60px 10px 0;
border-bottom: #b2b2b2 solid 1px;
font-size: 1.5em;
color: #231f20
}
.promotions .promogifts {
padding: 50px 0 0 35px
}
.promogifts h2 {
padding: 0 0 10px;
font-size: 1.8em
}
.promogifts img {
padding: 15px 0 0 20px
}
p.promo {
padding: 10px 0 0
}
span.promohigh {
color: #8b2e2e
}
.promotions ul {
padding: 0 0 0 27px
}
.promotions ul li {
float: left;
padding: 0 0 0 55px;
background: 0 0
}
.promotions ul li:first-child {
padding: 0
}
.referralrewardsform {
background: #f7f6f6
}
.referralrewardsform #body {
width: 1024px;
margin: 0 auto;
padding: 0;
background: #f7f6f6
}
.referralrewardsform #top {
width: 1024px;
height: 92px;
margin: auto
}
.referralrewardsform .indusind {
width: 260px;
height: 57px;
float: right;
margin: 20px
}
.referralrewardsform #banner {
width: 1024px;
height: 100%
}
.referralrewardsform #maincontainer {
width: 1024px;
margin: auto
}
.referralrewardsform .p {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #a63a39;
padding-top: 30px;
padding-left: 50px
}
.referralrewardsform .h1 {
width: 920px;
font-size: 12px;
font-weight: 400;
color: #837f7f;
line-height: 20px;
padding-top: 15px;
margin: auto
}
.referralrewardsform .formtable {
width: 928px;
margin: auto
}
.referralrewardsform .mandatory {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #bc3f3d;
margin: auto;
font-weight: 700;
padding-top: 40px
}
.referralrewardsform .tabs {
width: 926px;
height: 55px;
margin-top: 20px;
background: #e9e8e8
}
.referralrewardsform .tabs1, .referralrewardsform .tabs3 {
width: 926px;
height: 55px;
background: #e9e8e8;
margin-top: 40px
}
.referralrewardsform .referredname {
width: 206px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
padding: 10px;
float: left;
margin-left: 10px;
margin-top: 10px;
color: #504c4c
}
.referralrewardsform .lables {
width: 206px;
height: 34px;
float: right;
margin-top: 18px;
margin-right: 150px
}
.referralrewardsform .lables1 {
width: 180px;
height: 34px;
float: left;
margin-top: 25px;
margin-left: 40px
}
.referralrewardsform .inputfiled {
font-size: 12px;
font-weight: 400;
color: #645f5f;
padding-left: 8px;
border-bottom: #CCC solid 1px;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
border-top: #CCC solid 1px;
height: 18px;
opacity: 1
}
.referralrewardsform .titles, .referralrewardsform .titles1 {
width: 170px;
padding: 10px;
float: left;
margin-top: 10px;
color: #504c4c;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px
}
.referralrewardsform .titles {
margin-left: 40px
}
.referralrewardsform .titles1 {
text-align: left;
margin-left: 30px
}
.referralrewardsform .bottomcontent {
width: 894px;
height: 130px;
margin: auto
}
.referralrewardsform .submitbutton {
width: 111px;
height: 40px;
float: right;
margin-top: 40px;
margin-right: 100px;
cursor: pointer
}
.referralrewardsform .clickhere {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #4f4b4b;
float: left;
margin: 13px 0 0 22px!important
}
.referralrewardsform div.error {
margin: 0!important;
width: 250px
}
.referralrewardsform .clickhere p {
float: left
}
.referralrewardsform .accountCaptcha {
margin: 20px 0 0 90px!important
}
.referralrewardsform .btnStrct {
margin: 23px 0 0!important
}
.referralrewardsform .Comment-slot-40 {
margin: 10px 0 0 88px;
float: left
}
.referralrewardsform .Comment-slot-40 .label-box .fldSet label {
margin: 0 0 0 11px!important;
font-size: 1.2em;
float: right
}
.referralrewardsform .Comment-slot-40 .label-box .fldSet input {
border-color: #ccc;
border-style: solid;
border-width: 1px;
color: #645f5f;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
height: 18px;
opacity: 1;
padding-left: 8px;
text-align: justify
}
.referralrewardsform .bottomcontent #radiobutton div.error {
cursor: auto;
float: left;
font-size: 1em;
font-weight: 400;
width: 650px
}
.referralrewardsform .Comment-slot-40 .label-box .inputFld {
width: 140px
}
.accfeatures {
float: left;
background-color: #000;
text-decoration: none;
color: #fff;
font-size: 1.8em;
padding: 15px 20px 15px 22px;
width: 686px
}
.accgreybox {
background-color: #ededed;
width: 100%;
margin: 0 0 10px;
padding: 10px 15px
}
.accgreybox .lefttxt {
width: 576px;
float: left
}
.accgreybox .lefttxt p {
color: #666766
}
.accgreybox .accenlogo {
float: right
}
.tabaccenture {
padding-left: 19px
}
.tabaccenture>.tabCont>ul>li {
float: left;
text-align: justify
}
.giveCallWrapper a {
color: #FFF;
margin-right: 9px
}
.loyaltypgm {
float: left;
width: 1003px;
margin: 20px 0 0
}
.loyaltypgm h2 {
color: #8b2e2e
}
.loyaltypgm ul {
float: left
}
.loyaltypgm ul li {
background: url(../../../../../scripts/desktop/images/inner-btm-sep.jpg) right 30px repeat-y;
float: left;
margin: 32px 21px 0 0;
width: 240px
}
.loyaltypgm ul li p {
font-size: 1.3em;
color: #666766;
padding: 20px 10px 0 0;
clear: both;
min-height: 87px
}
.loyaltypgm>ul>li>a {
font-size: 1.3em
}
ul.tools_calc {
float: left;
margin: 35px 0 0;
width: 189px
}
ul.tools_calc li {
background: 0 0;
color: #8b2e2e;
float: left;
font-size: 1.8em;
padding: 0 0 20px 3px;
width: 186px;
margin: 0
}
ul.tools_calc li img {
float: left
}
ul.tools_calc li a {
color: #666766
}
ul.tools_calc li .detailsData {
float: left;
line-height: normal;
padding: 0 0 0 5px
}
ul.tools_calc ul:first-child {
padding: 0
}
ul.tools_calc li ul li {
background: url(../../../../../scripts/desktop/images/icon-set.png) 9px -234px no-repeat rgba(0,0,0,0);
font-size: .8em;
padding: 0 0 20px 29px;
color: #666766
}
ul.tools_calc h2 {
font-size: 1em
}
.wrp_indsSlider {
height: 183px
}
.wrp_indsSlider a {
position: absolute;
left: 0;
top: 0
}
.indsSlider {
position: relative;
width: 803px;
margin-bottom: 20px
}
.inds_pagination {
position: absolute;
right: 40px;
bottom: 14px
}
.inds_pagination ul li {
width: 15px;
height: 15px;
background: #8f8f8f;
margin-right: 10px;
float: left;
cursor: pointer
}
.inds_pagination ul li.active {
background: #ab2f2d
}
.opnLightbox span {
background: 0 0!important;
color: #fff;
display: block;
padding: 0;
position: static;
width: auto
}
#form-content, .jet-card, .jet-cardcopy, .jet-content1, .jet-header, .jetTerms, .label-dropdown {
position: relative
}
.productDetail p, .richtextEditor p {
color: #666766;
font-size: 1.2em
}
.productDetail {
float: left;
width: 100%;
margin: -15px 0 0;
text-align: justify
}
.productDetail p {
padding-bottom: 5px
}
.richtextEditor {
width: 1002px;
margin: 0 auto;
padding: 10px 0
}
.richtextEditor a {
font-size: 1.2em
}
.richtextEditor a.ca_terms {
margin: 0 0 0 10px
}
.jet-wrapper .Comment-image-slt {
margin: 20px 0 0;
width: 240px;
color: #fff
}
.jet-wrapper .Comment-image-slt .form_captcha_image {
margin: 0!important
}
.jet-wrapper .jet-refresh {
background: url(../../../../../scripts/desktop/images/jet-refresh.jpg) top no-repeat;
width: 70px;
height: 34px;
font-weight: 400
}
.jet-wrapper .Comment-slot-40 .fldSet label {
float: left;
margin: 5px 0
}
.jet-content1, .jet-header {
margin: auto
}
.jet-wrapper div.error {
width: 150px
}
.jet-wrapper {
width: 100%;
float: left;
background: url(../../../../../scripts/desktop/images/bg.jpg) top
}
.jet-header {
width: 740px
}
.jet-content1 {
width: 550px;
height: 50px
}
.jet-cardcopy {
width: 55%;
float: left;
text-align: left;
font-size: 12px;
color: #999;
font-family: sans-serif
}
#label, .jet-submit, .label-dropdown, .label-name, .lasreferralform .clickhere, .lasreferralform .clickheretxt, .lasreferralform .h1, .lasreferralform .inputfiled, .lasreferralform .mandatory, .lasreferralform .p, .lasreferralform .referredname, .lasreferralform .titles, .lasreferralform .titles1, .list, .radiobuttontext, .ratdiobutton, .ratdiobutton1 {
font-family: Arial, Helvetica, sans-serif
}
.jet-card {
width: 40%;
float: right;
text-align: right;
margin-top: -40px
}
#label, .label-dropdown, .label-name {
float: left;
font-weight: 400;
border: none
}
#label, .subcopy {
text-align: left;
color: #FFF
}
.subcopy {
font-size: 6px
}
#form-content {
width: 530px;
padding-top: 38px;
min-height: 230px;
margin: auto
}
#label {
margin-top: 15px;
font-size: 10px
}
.jet-submit, .label-dropdown, .label-name, .list {
font-size: 12px
}
.label-dropdown, .label-name, .list {
text-align: left;
color: #777676
}
.lasreferralform .h1, .lasreferralform .inputfiled {
text-align: justify
}
.label-name {
width: 148px;
height: 35px;
background: url(../../../../../scripts/desktop/images/lable-bg.jpg) left no-repeat;
padding-left: 5px
}
.jet-submit, .label-dropdown {
width: 152px;
cursor: pointer
}
.label-dropdown {
height: 25px;
background: url(../../../../../scripts/desktop/images/dropdown.jpg) left no-repeat #F9F9F9;
border-radius: 1px;
display: block;
margin: 4px 0 0;
overflow: hidden;
padding: 5px;
text-overflow: clip;
z-index: 0;
opacity: 1!important
}
.list {
margin-top: 12px;
border: none;
font-weight: 700;
padding-left: 10px
}
.jet-submit {
margin-left: 352px;
margin-top: 20px;
background: url(../../../../../scripts/desktop/images/submilbutton.jpg) center no-repeat;
height: 42px;
border: none;
color: #FFF;
font-weight: 400;
margin-bottom: 20px
}
placeholder {
background-color: red
}
.selecter .selecter-selected {
background: url(personalLoanFormLogin/css/jquery.fs.selecter-arrow.png) right center no-repeat #F9F9F9;
border: 1px solid #ccc;
border-radius: 3px;
color: #333;
cursor: pointer;
display: block;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 8px 10px;
position: relative;
text-overflow: clip;
z-index: 2
}
.ratdiobutton, .ratdiobutton1 {
margin-top: 18px;
font-size: 13px;
float: left;
color: #fff;
font-weight: 400
}
.radiobuttontext {
float: left;
padding-left: 5px;
line-height: 18px;
padding-top: 18px;
font-size: 13px;
color: #fff;
font-weight: 400
}
.ratdiobutton {
width: 80px;
margin-left: 42px
}
.ratdiobutton1 {
margin-left: -20px
}
.jetTerms {
color: #fff;
float: left;
font-size: 1.2em;
padding: 10px 0
}
.jetTerms input {
float: left
}
.jetTerms label {
float: left;
padding: 0 0 0 10px;
width: 500px
}
.jetTerms div.error {
left: 22px;
position: absolute;
top: 70px;
width: 480px;
font-size: 1.1em
}
.homepageTicker {
padding: 10px;
background-color: #bc3f3d;
color: #fff;
font-size: 1.2em;
margin: -10px 0 20px
}
#otpValidate {
padding: 5px 0 0!important
}
.lasreferralform {
background-color: #f7f6f6
}
.lasreferralform #body {
width: 1024px;
margin: 0 auto;
padding: 0;
background: #f7f6f6
}
.lasreferralform .top {
width: 1024px;
height: 92px;
margin: auto
}
.lasreferralform .indusind {
width: 260px;
height: 57px;
float: right;
margin: 20px
}
.lasreferralform .loan {
width: 260px;
height: 57px;
float: left;
margin: 20px
}
.lasreferralform .banner {
width: 1024px;
height: 100%
}
.lasreferralform #maincontainer {
width: 1024px;
margin: auto
}
.lasreferralform .p {
font-size: 18px;
color: #a63a39;
padding-top: 30px;
padding-left: 50px
}
.lasreferralform .h1 {
width: 920px;
font-size: 12px;
font-weight: 400;
color: #837f7f;
line-height: 20px;
padding-top: 15px;
margin: auto
}
.lasreferralform .formtable {
width: 928px;
margin: auto
}
.lasreferralform .mandatory {
font-size: 13px;
color: #bc3f3d;
margin: auto;
font-weight: 700;
padding-top: 40px
}
.lasreferralform .tabs {
width: 926px;
height: 55px;
margin-top: 20px;
background: #e9e8e8
}
.lasreferralform .tabs1, .lasreferralform .tabs3 {
width: 926px;
height: 55px;
background: #e9e8e8;
margin-top: 40px
}
.lasreferralform .referredname {
width: 206px;
font-size: 12px;
font-weight: 700;
padding: 10px;
float: left;
margin-left: 10px;
margin-top: 10px;
color: #504c4c
}
.lasreferralform .lables {
width: 206px;
height: 34px;
float: right;
margin-top: 18px;
margin-right: 150px
}
.lasreferralform .lables1 {
width: 180px;
height: 34px;
float: left;
margin-top: 25px;
margin-left: 40px
}
.lasreferralform .inputfiled {
font-size: 12px;
font-weight: 400;
color: #645f5f;
padding-left: 8px;
border-bottom: #CCC solid 1px;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
border-top: #CCC solid 1px;
height: 18px;
opacity: 1
}
.lasreferralform .titles, .lasreferralform .titles1 {
width: 170px;
font-size: 13px;
padding: 10px;
margin-top: 10px;
color: #504c4c;
float: left;
font-weight: 700
}
.lasreferralform .titles {
margin-left: 40px
}
.lasreferralform .titles1 {
text-align: left;
margin-left: 30px
}
.lasreferralform .bottomcontent {
width: 894px;
height: 130px;
margin: auto
}
.lasreferralform .clickhere {
margin-top: 45px
}
.lasreferralform .accountCaptcha {
margin: 20px 0 0 90px!important
}
.lasreferralform .btnStrct {
margin: 23px 0 0!important
}
.lasreferralform .Comment-slot-40 {
margin: 10px 0 0 88px;
float: left
}
.lasreferralform .Comment-slot-40 .label-box .fldSet label {
margin: 0 0 0 50px!important;
font-size: 1.2em;
float: right
}
.lasreferralform .Comment-slot-40 .label-box .inputFld {
width: 140px
}
.lasreferralform .clickhere {
font-size: 12px;
font-weight: 700;
color: #4f4b4b;
float: left;
margin: 13px 0 0 22px!important
}
.lasreferralform .submitbutton {
width: 111px;
height: 40px;
float: right;
margin-top: 40px;
margin-right: 100px;
cursor: pointer
}
.lasreferralform .bottomcontent #radiobutton div.error {
cursor: auto;
float: left;
font-size: 1em;
font-weight: 400;
width: 650px
}
.lasreferralform div.error {
margin: 0!important;
width: 250px
}
.lasreferralform .clickheretxt {
font-size: 12px;
font-weight: 700;
color: #4f4b4b;
float: left;
margin: 0 0 0 5px!important
}
.viewReview {
text-decoration: none!important;
cursor: hand
}
.laplandingrefform .btnStrct input, .logoTabs ul li a:hover, .taxCalcWrap .calculator .slideWrapper .buyOnlineWrap a:hover {
text-decoration: none
}
.laplandingrefform body {
margin: auto;
padding: 0;
background-color: #08739d
}
.laplandingrefform {
width: 100%;
min-height: 778px;
background: url(../../../../../scripts/desktop/images/bg_lap.jpg) top
}
.laplandingrefform #header {
width: 740px;
margin: auto;
position: relative
}
.laplandingrefform #content1 {
width: 680px;
height: 50px;
margin: auto;
position: relative
}
.laplandingrefform #cardcopy {
width: 55%;
float: left;
text-align: left;
position: relative;
font-size: 12px;
color: #999;
font-family: sans-serif
}
.laplandingrefform #card {
float: right;
position: relative;
text-align: right;
margin-top: -80px
}
.laplandingrefform .subcopy {
text-align: left;
font-size: 6px;
color: #FFF
}
.laplandingrefform #form-content {
width: 530px;
padding-top: 0;
min-height: 230px;
position: relative;
margin: auto
}
.laplandingrefform #label {
float: left;
margin-top: 15px;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 400;
text-align: left;
color: #FFF
}
.laplandingrefform .label-dropdown, .laplandingrefform .label-name {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
border: none;
text-align: left
}
.laplandingrefform .label-name {
width: 148px;
height: 35px;
background: url(../../../../../scripts/desktop/images/lable-bg_lap.jpg) left no-repeat;
padding-left: 5px;
color: #777676
}
.laplandingrefform .label-dropdown {
height: 25px;
width: 152px;
color: #777676;
background: url(../../../../../scripts/desktop/images/dropdown_lap.jpg) left no-repeat #F9F9F9;
border-radius: 1px;
cursor: pointer;
display: block;
overflow: hidden;
padding: 5px;
position: relative;
text-overflow: clip;
z-index: 0;
margin: 5px 0 0
}
.laplandingrefform .list, .laplandingrefform .submit {
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px
}
.laplandingrefform .list {
margin-top: 12px;
font-weight: 700;
padding-left: 10px;
text-align: left;
color: #777676
}
.laplandingrefform .submit {
margin-left: 352px;
margin-top: -40px;
background: url(../../../../../scripts/desktop/images/submilbutton_lap.jpg) center no-repeat;
width: 152px;
height: 42px;
color: #FFF;
font-weight: 400;
margin-bottom: 20px
}
.laplandingrefform placeholder {
background-color: red
}
.laplandingrefform .selecter .selecter-selected {
background: url(personalLoanFormLogin/css/jquery.fs.selecter-arrow.png) right center no-repeat #F9F9F9;
border: 1px solid #5f0200;
border-radius: 3px;
color: #333;
cursor: pointer;
display: block;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 8px 10px;
position: relative;
text-overflow: clip;
z-index: 2
}
.laplandingrefform .ratdiobutton, .laplandingrefform .ratdiobutton1, .laplandingrefform .ratdiobutton10 {
margin-top: 18px;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-weight: 400;
float: left
}
.hmvideocall, .productsDetails .wrp_indsSlider a img {
display: none
}
.laplandingrefform .radiobuttontext, .laplandingrefform .radiobuttontext2 {
color: #fff;
float: left;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
padding-left: 5px
}
.laplandingrefform .radiobuttontext {
padding-top: 18px;
padding-bottom: 10px;
font-size: 12px;
font-weight: 400
}
.laplandingrefform .radiobuttontext2 {
font-size: 1.2em;
font-weight: 400;
padding-top: 16px;
width: 317px
}
.laplandingrefform .ratdiobutton, .laplandingrefform .ratdiobutton1 {
font-size: 13px
}
.laplandingrefform .ratdiobutton {
width: 80px;
margin-left: 42px
}
.laplandingrefform .ratdiobutton1 {
margin-left: -20px
}
.laplandingrefform .ratdiobutton10 {
margin-left: 0;
font-size: 10px
}
.laplandingrefform div.error {
color: red;
float: left;
font-size: 1.2em;
margin: 21px 0 0;
clear: both
}
.laplandingrefform .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 101px
}
.laplandingrefform .accountCaptcha {
margin: 0 0 13px 4px!important
}
.laplandingrefform .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
color: #FFF;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
border: none
}
.laplandingrefform .Comment-slot-40 .fldSet label {
float: left;
color: #fff
}
.laplandingrefform .Comment-slot-40 .inputFld {
float: none
}
.laplandingrefform #form-content label span {
position: relative!important
}
.hmvideocall, .laplandingrefform .ratdiobutton10 div.error {
position: absolute
}
.videoBranchCont p.txt {
padding: 0;
font-size: 1.5em;
color: #bb3f3d
}
.videoBranchCont .btnWrap.btnWrap1 {
margin: -6px 0 0 20px
}
.videoBranchCont .video_demo {
float: left;
margin: 20px 0 0 22px;
cursor: pointer
}
.hmvideocall {
width: 615px;
z-index: 12
}
.homepagenewsTickerWrapper {
position: relative;
background: #bc3f3d;
font-size: 1.2em;
color: #fff;
width: 983px;
margin: 0 auto;
padding: 10px
}
.homepagenewsTicker {
overflow: hidden;
width: 940px;
margin: 0 auto
}
.homepagenewsTicker ul {
overflow: hidden;
width: 940px;
height: 72px
}
.homepagenewsTicker ul li {
width: 953px;
height: 72px;
float: left
}
.homepagenewsTickerWrapper .next, .homepagenewsTickerWrapper .prev {
background: url(../../../../../scripts/desktop/images/security-arrow-white.png) no-repeat;
width: 8px;
height: 14px;
position: absolute;
cursor: pointer
}
.homepagenewsTickerWrapper .prev {
left: 10px;
top: 25px;
background-position: 0 0
}
.homepagenewsTickerWrapper .next {
background-position: left -21px;
right: 10px;
top: 25px
}
.homepagenewsTicker a {
color: #FFF
}
.viewAppstatus {
background: url(../../../../../scripts/desktop/images/view-application-btn.png) no-repeat;
border: none;
color: #FFF;
font-weight: 700;
height: 24px;
padding: 5px 0;
width: 213px;
cursor: pointer;
float: left;
text-align: center;
font-size: 1.3em
}
.innerHeader .innerHeaderleft {
width: 779px;
float: left
}
.innerHeaderleft .topNav {
width: 537px
}
.innerHeader .innerHeaderright {
width: 224px;
float: right
}
.innerHeaderright .rightLogoBox {
background-color: #FFF;
float: right;
padding: 7px 19px 7px 20px;
width: 185px
}
.innerHeaderright .rightLogoBox img, .productsDetails .innerHeaderContainer {
float: left
}
.productsDetails .prdDeatilWrapper .prdDetailRight {
margin-top: 0;
position: absolute;
right: 0;
top: -101px
}
.productsDetails .indsSlider {
position: relative;
width: 802px;
margin-bottom: 0
}
.productsDetails .wrp_indsSlider {
height: 273px
}
.productsDetails .wrp_indsSlider a {
left: 0;
position: absolute;
top: 0
}
.productsDetails .inds_pagination {
bottom: 14px;
position: absolute;
right: 40px
}
.logoTabs ul li, .logoWrap .logosInfo, .productsDetails .innerMdlWrapper .innerMdlInner {
position: relative
}
.productsDetails .inds_pagination ul li {
background: #8f8f8f;
cursor: pointer;
float: left;
height: 15px;
margin-right: 10px;
width: 15px
}
.productsDetails .inds_pagination ul li.active {
background: #ab2f2d
}
.productsDetails .prdDeatilWrapper {
background: url(../../../../../scripts/desktop/images/prd-details-bg.gif) center top repeat-y;
width: 100%;
float: left
}
.productsDetails .innerMdlWrapper .innerMdlInner .productDetailsFull {
float: left;
overflow: hidden;
padding: 20px 35px;
width: 935px
}
.productsDetails .productDetailsFull .clm3 {
float: left;
padding: 0 0 25px;
width: 100%
}
.productsDetails .productDetailsFull .clm3 .clmBox {
border: 1px solid #dfdfdf;
float: left;
margin-left: 42px;
width: 280px
}
.productsDetails .productDetailsFull .clm3 .clmBox.owl-vfapp {
margin-left: 0
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox {
background-color: #f3f3f3;
float: left;
min-height: 230px;
padding: 9px;
width: 262px
}
.productsDetails .productDetailsFull .clm3 .clmBox .btmStrip {
background-color: #cb413e;
float: left;
padding: 10px 15px;
width: 250px
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox p {
color: #1f1f1f;
font-family: source_sans_proregular;
font-size: 1.3em
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox a {
color: #8b2e2e
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox p.title {
color: #bc3f3d;
font-size: 1.6em;
padding: 10px 0;
text-align: center
}
.productsDetails .productDetailsFull .clm3 .clmBox .btmStrip ul {
float: right;
width: auto
}
.productsDetails .productDetailsFull .clm3 .clmBox .btmStrip ul li {
float: left;
padding-left: 7px;
width: 68px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap {
background-color: #f3f3f3;
border: 1px solid #d0d0d0;
float: left;
padding: 15px;
width: 492px
}
.scroller {
height: 252px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap p.title {
color: #090909;
font-size: 1.7em;
line-height: 1.2em;
padding-bottom: 7px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap p {
color: #333;
font-size: 1.3em;
line-height: 1.2em
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li {
background: url(../../../../../scripts/desktop/images/dotted-line.png) repeat-x;
float: left;
padding: 12px 0;
width: 100%
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li:first-child {
background: 0 0
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li p {
background: url(../../../../../scripts/desktop/images/arrow.png) 0 4px no-repeat;
float: left;
padding: 0 0 0 12px;
width: 464px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li ul {
float: left;
padding: 7px 0 0;
width: 100%
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li ul li {
background: 0 0;
float: left;
padding: 0 0 0 12px;
width: 66px
}
.productsDetails .productDetailsFull .videoCall {
background-color: #f3f3f3;
border: 1px solid #d0d0d0;
float: right;
min-height: 255px;
padding: 15px 12px 12px;
width: 360px
}
.productsDetails .productDetailsFull .videoCall p.title {
color: #090909;
font-size: 1.7em;
line-height: 1.2em;
padding-bottom: 7px
}
.footerWrap {
background: url(../../../../../scripts/desktop/images/bg-footer.gif) 0 bottom repeat-x #ededed;
float: left;
width: 100%;
margin: 0 0 28px
}
.footerWrap .footer {
margin: 0 auto;
width: 1003px
}
.footerWrap .footer .footerTop {
float: left;
padding: 20px 0 0;
width: 100%
}
.footerWrap .footer .footerTop span.img {
background: url(../../../../../scripts/desktop/images/bull-img.png) no-repeat;
float: left;
height: 59px;
width: 72px
}
.footerWrap .footer .footerTop p {
color: #848484;
float: right;
font-size: 1.1em;
padding: 28px 0 0;
width: auto
}
.footerWrap .footer .footerBtm {
float: left;
height: 28px;
padding: 0 0 12px;
width: 100%
}
.footerWrap .footer .footerBtm ul {
float: left;
padding: 12px 0 0;
width: auto
}
.footerWrap .footer .footerBtm ul li {
border-left: 1px solid #fff;
float: left;
line-height: 1.2em;
padding: 0 8px;
width: auto
}
.footerWrap .footer .footerBtm ul li:first-child {
border-left: 0;
padding-left: 0
}
.footerWrap .footer .footerBtm ul li a {
color: #fff;
float: left;
font-size: 1.2em;
width: auto
}
.footerWrap .footer .footerBtm p {
color: #fff;
float: right;
font-size: 1.3em;
padding: 12px 0 0;
width: auto
}
a.videoCallBranch {
cursor: pointer
}
.logoTabs {
float: left;
padding: 10px 0 0;
width: 664px
}
.logoTabs ul {
float: left;
width: 100%;
padding-bottom: 0
}
.logoTabs ul li {
float: left;
font-size: 1em;
padding: 0
}
.logoTabs ul li a {
background: #878787;
color: #fff;
float: left;
font-weight: 700;
font-size: 1.5em;
padding: 8px 14px;
margin: 0 3px 0 0;
text-align: center
}
.logoTabs ul li.active a {
background: #bc3f3d;
padding: 8px 14px 12px
}
.logoWrap {
float: left;
padding: 15px 0;
width: 652px;
border-top: 3px solid #bc3f3d
}
.logoWrap .logosInfo li {
background: #e8e8e8;
float: left;
margin: 0 8px 16px;
font-size: 1em;
padding: 0
}
.logoWrap .logosInfo li .logoThum {
position: relative;
width: 114px;
height: 96px;
float: none;
cursor: pointer
}
.logoWrap .logosInfo li.sel .logoThum span.arrow {
width: 0;
height: 0;
border: 20px solid;
background-image: none;
border-color: transparent transparent #dedede;
display: block;
position: absolute;
left: 50%;
bottom: -15px;
margin: 0 0 0 -20px
}
.logoWrap .logoData {
background: #dedede;
display: none;
width: 600px;
position: relative;
margin: -1px 0 15px 8px;
padding: 23px 20px 10px 14px;
float: left
}
.logoWrap .logoData .clsBtn {
background: url(../../../../../../content/dam/indusind/desktop/logoclsBtn.png) no-repeat;
position: absolute;
top: 8px;
right: 8px;
width: 17px;
height: 17px
}
.logoWrap .logoData h3 {
color: #bc3f3d;
font-size: 1.6em;
font-weight: 700
}
.logoWrap .logoData p {
background: 0 0;
padding: 5px 0 15px;
font-size: 1.2em
}
.logoWrap .logoData p.semihead {
font-weight: 700;
font-size: 1.3em
}
.logoWrap .logoData ul.bullList {
margin: 0;
padding: 0
}
.logoWrap .logoData ul.bullList li {
background: url(../../../../../../content/dam/indusind/desktop/bullList.png) 0 6px no-repeat;
color: #514f4f;
float: none;
font-size: 1.2em;
margin: 0 0 8px;
padding-left: 12px
}
.logoWrap .logoData ul.bullList ul {
margin: 0;
padding: 0
}
.logoWrap .logoData ul.bullList ul li {
font-size: 1em;
margin: 5px 0 0 12px
}
.callback {
position: fixed;
right: -320px;
top: 155px;
width: 349px;
z-index: 999
}
.callback .callbkBtn {
background: url(../../../../../../content/dam/indusind/desktop/callbkBtn.png) -39px 0 no-repeat;
float: left;
height: 241px;
position: relative;
top: 114px;
width: 29px;
z-index: 4
}
.callback .callbkBtn.sel {
background-position: 0 0
}
.callback .callbackBox {
background-color: #fff;
float: left;
height: 470px;
width: 320px
}
.callback .callbackBox iframe {
border: 1px solid #9b9b9b
}
.locateusContainer h1 {
float: left;
font-size: 1.2em;
padding: 10px 0 0;
width: 100%
}
.locateusContainer p.disclaimer {
float: left;
font-size: 1.1em;
padding: 15px 0 0;
width: 100%
}
.searchtemplate h1 {
font-size: 1em;
font-weight: 400
}
.formWrapper h1 {
color: #151515;
font-size: 1.6em;
padding-top: 8px
}
.srLightbox p.headLine {
color: #333;
float: left;
font-size: 1.4em;
line-height: 1.5em;
padding: 5px 19px 19px 0;
width: 100%
}
.visibilityTable {
display: block
}
.heightTable {
height: 300px
}
.creditService {
border: 1px solid #4D2524;
background-color: #090909;
padding: 4px 10px;
float: left;
width: 200px;
margin: 3px 0 0;
position: relative
}
.creditService ul li {
border-top: 1px dotted #7a7a7a;
padding: 7px 6px;
position: relative;
float: left;
width: 187px
}
.aadhaarBox ul li:first-child, .creditService ul li:first-child, .quikService ul li:first-child {
border-top: none;
padding: 5px 6px 4px
}
.creditService ul li a {
color: #a6a6a6;
background: url(../../../../../scripts/desktop/images/wht-sml-bullet.png) left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 1.2em;
float: left
}
.creditService ul li .help {
float: right;
font-size: 1.2em;
color: #bc3f3d;
cursor: pointer;
background: url(../../../../../scripts/desktop/images/help-icon1.png) right 1px no-repeat;
width: 14px;
height: 16px
}
.savingRt .loginWrapper .creditService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.savingRt .loginWrapper .creditService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
.formcenterRt .loginWrapper .creditService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.formcenterRt .loginWrapper .creditService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
p.complimentsKnowMore {
font-size: 1.3em;
float: right;
color: #bc3f3d;
cursor: pointer
}
.secondFooter ul li.customerCare {
background: #000;
height: 46px;
width: 113px;
float: left;
color: #fff;
font-size: 1.5em;
line-height: 43px;
text-align: center;
margin: 0 10px 0 0
}
ul.customerCareband li span {
margin: 15px 5px 0 10px;
float: left;
color: #fff
}
#placmentDocument {
margin: 0
}
#placmentDocument .locCheckbox input, #placmentDocument .resCheckbox input {
width: auto;
margin: 0
}
#placmentDocument #postcode {
font-size: 1.3em;
margin-left: 0
}
#placmentDocument .radiobox {
font-size: 1.1em;
margin: 0
}
#placmentDocument .locCheckbox input[type=checkbox], #placmentDocument .resCheckbox input#resCheck {
border: none
}
#placmentDocument .postcodeSubmitButton input[type=radio] {
border: none;
width: auto
}
#placmentDocument .postcodeSubmitButton label {
width: auto
}
.aadhaarSection .tipsContentWrapAadhar, .securityTip .tipsContentWrapAadhar {
height: 110px;
margin: 10px 0 0 20px;
width: 430px
}
.aadhaarSection .tipsContentWrapAadhar input, .securityTip .tipsContentWrapAadhar input {
background: #fff;
border: 1px solid #999;
color: #000;
float: left;
font-size: 1.5em;
padding: 5px;
text-align: center;
width: 394px
}
.aadhaarSection .tipsContentWrapAadhar input.mobilenoAadhaar, .securityTip .tipsContentWrapAadhar input.mobilenoAadhaar {
margin: 5px 0 0
}
p.aadhaarMandatory {
color: #000;
float: left;
font-size: 1.2em;
padding: 17px 0 0 10px
}
.aadhaarSection .tipsContentWrapAadhar .btnStrctAadhar input, .securityTip .tipsContentWrapAadhar .btnStrctAadhar input {
background: url(../../../../../../content/dam/indusind/desktop/aadhaarSubmit.png) no-repeat rgba(0,0,0,0);
cursor: pointer;
float: left;
height: 27px;
margin: 10px 0 0 42px;
width: 74px
}
.singleColumn .securityTip {
border: 1px solid #bc3f3d;
float: left;
margin: 3% 0 2% 33%;
position: relative;
width: 445px;
padding: 0
}
.singleColumn .securityTip .secTitle {
background-color: #bc3f3d;
color: #fff;
font-size: 1.2em;
font-weight: 700;
padding: 5px;
text-align: center
}
.singleColumn .tipsWrapper {
overflow: hidden;
width: 100%;
margin: 0
}
.mobilenoAadhaar {
display: none!important
}
.customerSpeaks table.offersCC tr, .lightboxConTC, .overlayQuickpay, .srLightboxAadhar, .srLightboxTC, .tataBannerLigtbox {
display: none
}
.srLightboxAadhar {
position: fixed;
left: 0;
top: 50px;
z-index: 12;
border-radius: 4px;
background-color: #fff;
padding: 15px
}
.srLightboxAadhar h2 {
color: #8B2E2E;
border-bottom: 2px solid #ccc;
padding-bottom: 15px
}
.srLightboxAadhar a.closeBtn {
float: right
}
.srLightboxAadhar ul {
margin-top: 10px;
width: 100%
}
.srLightboxAadhar ul li {
float: left;
width: 100%;
padding: 5px 0;
margin-left: 15px;
margin-bottom: 5px
}
.srLightboxAadhar ul li strong {
float: left
}
.overlayQuickpay {
background-color: #000;
left: 0;
opacity: .8;
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 14
}
.srLightboxQuickpay {
height: 500px;
left: 22%;
position: fixed;
top: 4%;
width: 500px;
z-index: 15;
display: none
}
.srLightboxQuickpay img.closeQuickpay {
background: #fff;
position: relative;
left: 781px;
top: 23px;
cursor: pointer
}
.customerSpeaks table {
border-top: 1px solid #b6b6b6;
margin: 5px 0 15px;
width: 100%
}
.customerSpeaks table tr td {
border-bottom: 1px solid #b6b6b6;
border-right: 1px solid #b6b6b6;
color: #757575;
font-size: 1.2em;
padding: 10px
}
.customerSpeaks a.loadMore {
float: right;
color: #bc3f3d;
cursor: pointer
}
.calcLink ul li.sel {
background-color: #7c7c7c
}
.calcLink ul li.sel a {
color: #fff;
cursor: default
}
.tableCalc {
float: left
}
.selectContainer {
float: left;
padding: 10px 0;
position: relative;
width: 100%
}
.selectContainer .selectleftContent {
float: left;
margin: 0 85px 0 70px;
position: relative;
width: 430px
}
.selectContainer .selectleftContent p {
color: #666766;
float: left;
font-size: 1.6em;
line-height: 1.2em;
padding: 0;
width: 335px
}
.selectContainer .selectbg {
background: #fff;
cursor: pointer;
float: left;
height: 31px;
position: relative;
width: auto
}
.selectContainer .selectedvalue {
background: url(../../../../../scripts/desktop/images/select.png) right top no-repeat;
color: #666;
cursor: pointer;
font-size: 1.3em;
height: 24px;
left: 0;
padding: 7px 0 0 5px;
position: absolute;
text-align: left;
width: 98%
}
.selectContainer select {
cursor: pointer;
float: left;
height: 31px;
line-height: 44px;
opacity: 0;
width: 90px
}
.selectContainer .selectrightContent {
float: left;
position: relative;
width: 365px
}
.selectContainer .selectrightContent p {
color: #666766;
float: left;
font-size: 1.6em;
line-height: 1.8em;
padding: 0;
width: 275px
}
.taxCalcWrap .resultWrapper {
padding: 20px 0;
width: 368px
}
.taxCalcWrap .resultWrapper .resultContainer {
padding: 0 20px
}
.taxCalcWrap .rsltField p {
line-height: 1.5em
}
.resultWrapper .grandTotalWrap {
background-color: #3a3a3a;
color: #fff;
float: left;
padding: 15px 20px;
width: 328px
}
.resultWrapper .grandTotalWrap p {
float: left;
font-size: 2.2em;
font-weight: 700;
line-height: 1.2em;
width: 186px
}
.resultWrapper .grandTotalWrap .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
background-size: 10px;
float: left;
height: 16px;
margin: 7px 5px 0 0;
width: 10px
}
.resultWrapper .totalgrandAmount .grand_Total_tax {
color: #fff;
float: left;
font-size: 2.2em;
padding: 7px 0;
width: 120px
}
.taxCalcWrap .sectionWrap {
border-top: 1px solid #c6c6c6;
float: left;
padding: 35px 20px 10px 70px;
width: 545px
}
.taxCalcWrap .sectionWrap:first-child {
border-top: none
}
.taxCalcWrap .sectionWrap.section80c {
background: url(../../../../../scripts/desktop/images/section80c.png) 25px center no-repeat
}
.taxCalcWrap .sectionWrap.section80d {
background: url(../../../../../scripts/desktop/images/section80d.png) 25px center no-repeat
}
.taxCalcWrap .sectionWrap.section80ccg {
background: url(../../../../../scripts/desktop/images/section80ccg.png) 25px center no-repeat
}
.taxCalcWrap .calculator .slideWrapper {
border: none;
padding: 15px 0;
width: 100%
}
.taxCalcWrap .calculator .slideWrapper.first {
padding-top: 0
}
.taxCalcWrap .calculator .slideWrapper .questWrap {
float: left;
padding: 0 15px 0 0;
width: 265px
}
.taxCalcWrap .calculator .slideWrapper .questWrap.total {
font-weight: 700;
padding: 15px 0 0;
text-transform: uppercase
}
.taxCalcWrap .calculator .slideWrapper .questWrap .quest {
background: 0 0;
font-size: 1.5em;
line-height: 1.8em;
padding: 0
}
.taxCalcWrap .calculator .slideWrapper .inputWrapper {
width: 120px
}
.taxCalcWrap .calculator .slideWrapper .inputWrapper .inputField .inpMdl {
width: 79px
}
.taxCalcWrap .calculator .slideWrapper label {
color: #666766;
float: left;
font-size: 1.6em;
padding: 0 0 25px;
width: 100%
}
.taxCalcWrap .calculator .slideWrapper label .rupee {
margin: 0 0 0 5px
}
.taxCalcWrap .calculator .slideWrapper .calcContainer {
width: 100%
}
.taxCalcWrap .calculator .slideWrapper .calcContainer .calcSection {
padding: 18px 0 0 20px;
width: 460px
}
.taxCalcWrap .calculator .slideWrapper .buyOnlineWrap {
float: left;
width: auto
}
.taxCalcWrap .calculator .slideWrapper .buyOnlineWrap a {
background: #bc3f3d;
border-radius: 5px;
color: #fff;
float: right;
font-size: 1.5em;
padding: 7px 15px;
width: auto
}
.taxCalcWrap .leftCont .grandTotalWrap {
background-color: #3a3a3a;
color: #fff;
float: left;
padding: 15px 67px;
width: 500px
}
.taxCalcWrap .leftCont .grandTotalWrap p {
float: left;
font-size: 2.2em;
font-weight: 700;
line-height: 1.2em;
width: 282px
}
.taxCalcWrap .leftCont .grandTotalWrap .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
background-size: 10px;
float: left;
height: 16px;
margin: 7px 5px 0 0;
width: 10px
}
.taxCalcWrap .leftCont .grandTotalWrap .grand_Total {
color: #fff;
float: left;
font-size: 2.2em;
padding: 7px 0;
width: 120px
}
.savingsContainer.taxCalcWrap .myAccNumberWrapper {
min-height: 490px
}
.taxCalcWrapper {
width: 1003px;
margin: 0 auto
}
.taxCalcWrapper .taxBanner {
width: 100%;
float: left;
background-color: #dcdcdc
}
.taxCalcWrapper .taxBanner .left {
width: 422px;
float: left
}
.taxCalcWrapper .taxBanner .left img {
float: left
}
.taxCalcWrapper .taxBanner .right {
width: 481px;
float: left;
padding: 35px 50px 20px
}
.taxCalcMdl, .taxCalcWrapper p.ans {
width: 100%;
float: left
}
.taxCalcWrapper .taxBanner .right p {
font-size: 1.3em;
color: #2c2c2c
}
.taxCalcWrapper .taxBanner .right p span.welcome {
font-size: 1.6em
}
.taxCalcWrapper .taxBanner a.calcTax {
padding: 10px 15px;
float: left;
background-color: #bc3f3d;
border-radius: 5px;
color: #fff;
font-size: 1.8em;
margin: 25px 0 0;
text-decoration: none
}
.taxCalcWrapper p.question {
font-size: 2.4em;
color: #bc3f3d;
width: 100%;
float: left;
margin: 40px 0 10px
}
.taxCalcWrapper p.ans {
font-size: 1.7em;
color: #666766
}
.taxCalcMdl .leftSec {
width: 572px;
float: left;
margin: 43px 0 0
}
.taxCalcMdl .rightSec {
width: 431px;
float: left;
margin: 43px 0 0;
background-color: #eaeaea
}
.taxCalcMdl .leftSec .boxCont {
background-color: #bc3f3d;
width: 276px;
height: 265px;
float: left;
margin: 0 10px 10px 0;
text-align: center;
position: relative;
overflow: hidden
}
.taxCalcMdl .leftSec p.boxTitle {
font-size: 1.8em;
color: #fff;
text-align: center;
padding: 50px 0 0;
line-height: normal;
min-height: 75px
}
.taxCalcMdl .leftSec p.boxTitle span {
font-size: .8em;
color: #fff;
line-height: normal
}
.formNote {
background-color: #3a3a3a;
padding: 10px 20px;
float: left;
margin-top: 37px
}
.formNote p {
font-size: 1.3em;
color: #fff;
text-align: center
}
.formContainer {
float: left;
padding: 52px 20px 0;
min-height: 661px
}
.formContainer label {
width: 175px;
float: left;
font-size: 1.3em
}
.formContainer .fieldWrap {
width: 100%;
float: left;
margin-bottom: 15px
}
.formContainer .inpField {
width: 216px;
float: left
}
.formContainer .inpField.titleWrap {
width: 80px
}
.formContainer .inpField input, .nameWrap input {
background: 0 0;
border: 1px solid #999;
border-radius: 10px;
color: #666766;
float: left;
font-family: source_sans_proregular;
font-size: 1.5em;
padding: 5px 8px;
width: 24px
}
.formContainer .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow1.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
position: relative;
width: 100%
}
.formContainer .selectgen select {
width: 100%
}
.formContainer .selectgen.title, .formContainer .selectgen.title select {
width: 80px
}
.formContainer .selectgen.title .selectedvalue {
width: 36px
}
.formContainer .inpField .nameField, .nameWrap {
width: 107px;
margin-left: 15px
}
.nameWrap {
float: left
}
.nameWrap input {
width: 91px
}
.formContainer .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-family: source_sans_proregular;
font-size: 1.4em;
line-height: 1em
}
.formContainer .radiobox.checked {
background-position: 0 -29px
}
.formContainer .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.formContainer .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.taxBtnWrap {
margin: 0 0 0 175px
}
.taxBtnWrap input {
background-color: #bc3f3d;
padding: 3px 0;
color: #fff;
border: none;
border-radius: 5px;
width: 95px;
margin: 0 10px 0 0;
cursor: pointer
}
.boxData {
background-color: #e7e7e7;
border: 1px solid #bebebe;
height: 263px;
left: 0;
position: absolute;
bottom: -100%;
width: 274px
}
.boxDetail {
font-size: 1.3em;
min-height: 88px;
padding: 0 5px
}
.bxReadmore {
font-size: 1.3em;
text-decoration: underline
}
.taxCalcMdl .leftSec .boxData p.boxTitle, .taxCalcMdl .leftSec .boxData p.boxTitle span {
color: #b34141
}
.formContainer .error {
clear: both;
color: red;
float: left;
font-size: 1.1em;
margin: 2px 0 0;
width: 100%
}
.fieldWrap.taxstatecity .inpField {
width: 100%
}
.fieldWrap.taxstatecity .selectgen {
width: 214px
}
.fieldWrap.taxstatecity .fldSet {
margin-bottom: 15px
}
.inpField input#customerid, .inpField input#email, .inpField input#mobileNumber {
width: 200px
}
.srLightboxTC {
width: 540px;
height: 500px;
position: fixed;
left: 0;
top: 50px;
z-index: 12;
border-radius: 4px;
background-color: #fff;
padding: 15px
}
.srLightboxTC h2 {
color: #8B2E2E
}
.srLightboxTC p {
color: #333;
padding: 6px 0 10px;
float: left;
font-size: 1.4em;
line-height: 1.5em
}
.srLightboxTC a.closeBtn {
float: right
}
.srLightboxTC ul li {
list-style-type: disc;
float: left;
font-size: 1.4em;
color: #333;
padding: 3px 0 0 5px;
margin: 5px 0 0 20px;
width: 100%
}
.srLightboxTC ul li ul li {
font-size: 1em
}
.innerContsrLightboxTC {
height: 470px;
margin: 30px 0 0;
overflow: scroll
}
.scrollElem {
width: 90%
}
#nriaccounttype .selectgen {
width: 180px;
margin: 15px 0 0
}
.selectloc, .selectloc select {
width: 180px!important
}
.selectloc div.error {
margin: 0
}
.bewareNotice {
border: 1px solid #ccc;
padding: 10px
}
#ui-datepicker-div a.ui-datepicker-next span {
background: url(../../../../../scripts/desktop/images/ui-icons_222222_256x240.png) 209px 288px;
cursor: pointer
}
#ui-datepicker-div a.ui-datepicker-prev span {
background: url(../../../../../scripts/desktop/images/ui-icons_222222_256x240.png) 176px 288px;
cursor: pointer
}
.skype_c2c_free_text_span, .skype_c2c_logo_img {
display: none!important;
visibility: hidden!important;
opacity: 0!important
}
.skype_c2c_text_span {
color: #fff!important
}
.innerMdlBtmWrapper .left ul li .detailsData p.footerTitle {
float: left;
font-size: 1em;
color: #8b2e2e
}
.impLinks p.implink {
background-color: #fff;
color: #000;
float: left;
margin: -17px 0 0;
padding: 15px
}
.intRate li.title p, .savingsRate li.title p {
color: #000;
font-size: 1em;
font-weight: 700
}
.innerMdlBtmWrapper .left ul li p.footerTitle {
float: left;
font-size: 1em;
color: #8b2e2e
}
.impLinks p {
background-color: #FFF;
float: left;
margin: -17px 0 0;
padding: 10px;
color: #000;
font-size: 2.8em;
font-weight: 400;
line-height: normal
}
.tabWrapper ul li a h2 {
font-size: inherit
}
.outterWrapper p {
font-size: 1.2em;
color: #656565;
padding: 10px 0 0;
line-height: 1.5em
}
.CCpara-two {
display: none
}
.expandParaTwo {
float: right;
color: red;
font-size: 1.2em
}
.tabContWrapper .tabCont h3 {
color: #666;
font-size: 1.3em;
font-weight: 700;
padding: 0 0 15px
}
.prdWrapper .prdBox ul {
clear: both;
float: left
}
.prdWrapper .prdBox ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 0 6px no-repeat rgba(0,0,0,0);
clear: both;
color: #666766;
cursor: default;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 0 6px 8px;
width: 175px
}
a.bannerimglink {
height: 100%;
position: absolute;
text-indent: -9999px;
width: 1002px
}
.address-section {
height: auto;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #ccc
}
.office-boxes-3 {
margin: 0 auto;
width: 984px
}
.office-box {
float: left;
margin-top: 17px;
width: 33%
}
.office-box h2 {
color: #787878;
font-size: 1.8em;
font-weight: 700
}
.address, .office-box p a {
color: #818181;
font-weight: 400;
text-decoration: none
}
.calcWrapper .calcIntroPara {
color: #666766;
float: left;
font-size: 1.2em;
line-height: 1.5em;
padding: 5px 0;
width: 100%
}
.welcomkitContainer {
margin: 0 auto;
width: 761px;
float: left;
padding: 32px;
box-sizing: border-box;
background: #fff
}
.welcomkitContainer p {
clear: both;
color: #666766;
line-height: normal;
padding: 0 0 10px
}
.wktitle {
width: 100%;
float: left;
margin-bottom: 40px;
position: relative
}
.welcomkitContainer .wktitle #linel {
background-color: #b92626;
height: 2px;
margin-left: 0;
text-align: center;
width: 100%
}
.welcomkitContainer .wktitle #linel_1 {
background-color: #b92626;
left: 25%;
position: absolute;
top: -21px;
width: 47%
}
.welcomkitContainer .wktitle #linel_1 #innercontent {
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 11px 0 0;
text-align: center
}
.welcomkitContainer .wkcontent {
float: left;
margin-top: 3%;
width: 100%
}
.welcomkitContainer .wkcontent .left {
box-sizing: border-box;
float: left;
padding: 0 37px;
width: 33%;
text-align: center
}
.welcomkitContainer .wkcontent .left p {
font-size: 14px;
font-weight: 700;
height: 35px;
margin: 10px 0
}
.welcomkitContainer .wkcontent .dwnbtn {
width: 150px;
background: url(../../../../../../content/dam/indusind/desktop/dwnbtn.png) repeat-x;
padding: 10px
}
.welcomkitContainer .wkcontent .dwnbtn a {
text-decoration: none;
color: #fff;
font-weight: 700;
font-size: 1.3em
}
.welcomkitContainer .seperator {
background: #ad565b;
float: left;
height: 180px;
margin-top: 20px;
width: 2px
}
#divwidget {
display: block!important
}
.aadharForm {
margin: 0 auto;
width: 1002px
}
.aadharForm .secTitle {
float: left;
font-size: 1.6em;
padding: 15px 0 10px;
width: 100%;
line-height: 1.2em
}
.aadharForm .box {
display: inline-block;
float: left;
margin: 10px 0;
width: 100%
}
.aadharForm .box>span {
float: left;
font-size: 1.3em;
font-weight: 700;
margin-bottom: 10px;
width: 100%
}
.aadharForm .ChekNew, .aadharForm .ChekSub, .aadharForm .label-box.dontCallArea>label {
font-size: 1.2em;
float: left;
font-weight: 700
}
.aadharForm .box>input {
float: left;
width: 370px;
height: 16px;
padding: 9px 5px
}
.aadharForm .ChekSub {
color: #6a6a6a;
line-height: 1.6em;
margin: 10px 0;
width: 100%
}
.aadharForm .ChekNew>input {
float: left;
margin-right: 5px;
width: 14px;
height: 18px
}
.aadharForm .ChekNew {
color: #6a6a6a;
margin: 10px 0;
width: 100%
}
.aadharForm .form_captcha_image {
float: left;
margin: 0;
width: 141px
}
.aadharForm .Comment-slot-40 {
float: left;
margin: 10px 0;
width: 100%
}
.aadharForm .label-box.dontCallArea>label {
color: #555;
width: 100%
}
.aadharForm .label-box.dontCallArea .shadow-inbox-100 {
float: left;
margin: 5px 0;
width: 218px;
height: 16px;
padding: 9px 5px
}
.aadharForm p.aadhaarMandatory {
padding: 17px 0 0;
font-size: 1.1em;
font-weight: 700
}
.aadharForm .btnStrctAadhar {
color: #fff;
float: left;
margin: 10px 0;
width: 100%;
padding-left: 0;
display: block
}
.richtexteditor.section {
margin: 0 auto;
width: 1002px
}
.aadharForm div.error {
margin: 0;
font-size: 1em
}
.litblfont {
font-size: 12px
}
.aadharseedinfTnc {
background: #fff;
border: 2px solid #bc3f3d;
font-size: 1.2em;
max-width: 750px;
padding: 10px 15px;
position: fixed;
width: 100%;
z-index: 13
}
.aadharseedinfTnc p {
padding-bottom: 8px;
line-height: 1.4em
}
.aadharseedinfTnc>ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 11px 6px no-repeat;
padding: 0 0 4px 22px
}
.aadharseedinfTnc .closeBtn {
position: absolute;
right: 17px;
top: 12px
}
.boxouter {
float: left;
width: 761px
}
.boxouter .box {
width: 224px;
float: left;
border: 1px solid #bcbec0;
padding: 20px;
box-sizing: border-box;
margin-right: 13px;
margin-bottom: 13px;
min-height: 287px;
}
.card {
width: 100%;
float: left
}
.card img, .downbut img, .icon img {
width: 100%;
height: auto
}
.welcomkitContainer .box p, .welcomkitContainer p {
margin-bottom: 0;
font-size: 13px
}
.box p.tital {
color: #96282e;
font-size: 12px;
text-align: center;
font-weight: 700
}
.line {
width: 100%;
float: left;
border-bottom: 2px solid #bcbec0;
height: 2px;
margin: 15px 0
}
.box2 .icon {
float: left;
margin-right: 14px;
width: 55px
}
.iconinfo {
float: left;
width: 112px
}
.box.last {
margin-right: 0
}
.iconinfo p {
font-size: 15px;
padding: 0;
margin: 4px 0 8px;
color: #000
}
.bottext, .welcomkitContainer .wktitle #linel_1 p {
font-size: 13px
}
.downbut {
margin: 5px 0 0;
float: left
}
.bottext {
float: left;
width: 100%;
line-height: 20px;
margin-top: 15px
}
.bottext a {
color: #96282e
}
.welcomkitContainer .wktitle #linel_1 {
height: 37px;
background: #96282e
}
.impLinks ul {
padding: 0 0 78px
}
.impLinks p.regoffice {
position: absolute;
right: 0;
font-size: 1.1em;
color: #848484;
width: 652px;
top: 188px
}
#notify-visitors-floating-html-notification_6883 {
display: none
}
.rateText {
float: left;
margin: -19px 0 0 10px;
font-size: 11px;
color: #666
}
.se-pre-con {
background-color: #fff
}
.se-pre-con img {
left: 50%;
margin-top: -71px;
position: absolute;
top: 50%
}
#avgSave .monthWrap .calcSection {
width: 172px
}
#avgSave .calcSection .dragBox .drag2 {
width: 160px
}
#avgSave .monthWrap .calcSection .dragBox {
width: 172px
}
.tabContWrapper ol li, ol.olstyle li {
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 0
}
.tabContWrapper ol li ul.loweralpha, ol.olstyle {
padding: 0 0 0 23px
}
.tabContWrapper ol li ul.loweralpha li {
font-size: 13px;
background: 0 0;
list-style-type: lower-alpha;
padding: 0 10px 10px 0
}
.innerTopNav ul.navLink li {
padding: 22px 3px 21px
}
.innerTopNav ul.navLink li.sel {
padding: 22px 11px 21px 4px;
margin-right: 0;
background: url(../../../../../scripts/desktop/images/nav-icon.png) 26px -390px no-repeat
}
.innerTopNav ul.navLink li.complimentNav.sel {
background-position: 46px -390px;
background-position: 44px -390px\9
}
@media screen and (min-width:0\0) {
.innerTopNav ul.navLink li.complimentNav.sel {
background-position:44px -390px
}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.innerTopNav .homeDropdown {
top: 58px
}
}
.wrapperCustApp {
width: 1004px;
backgroung: red;
margin: 0 auto
}
.wrapperCustApp .customecategory {
width: 74%;
float: left;
margin: 35px 13% 0
}
.wrapperCustApp .customecategory .category {
width: 49%;
float: left;
border-left: 1px dotted #b0b0b0;
box-sizing: border-box;
padding: 0 54px
}
.wrapperCustApp .customecategory .category .rad-label {
float: left;
margin-bottom: 20px
}
.wrapperCustApp .customecategory .category .rad-label span.nonCust {
background: url(../../../../../../content/dam/indusind/desktop/non-customer.png) no-repeat;
padding-left: 33px;
margin-right: 5px;
color: #8b2e2e;
font-size: 1.6em;
font-weight: 700
}
.wrapperCustApp .customecategory .category .rad-label span.exitingCust {
background: url(../../../../../../content/dam/indusind/desktop/existingCust.png) no-repeat;
padding-left: 33px;
margin-right: 5px;
color: #8b2e2e;
font-size: 1.6em;
font-weight: 700
}
.wrapperCustApp .customecategory .category .box span {
float: left;
font-size: 1.5em;
margin-top: 15px;
width: 100%;
color: #333
}
.wrapperCustApp .customecategory .category .box input {
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 25px;
padding: 5px;
width: 242px;
margin-top: 10px
}
.categoryDetails, .wrapperCustApp .hr, .wrapperCustApp .or {
width: 100%;
float: left
}
.wrapperCustApp .customecategory .category.noborder {
border: none
}
.wrapperCustApp .or {
text-align: center;
font-weight: 700;
font-size: 1.3em;
margin-top: 10px
}
.wrapperCustApp .customecategory .category .btnStrct {
border: none;
border-radius: 3px;
color: #fff;
cursor: pointer;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
text-decoration: none
}
.wrapperCustApp .customecategory .category .btnStrct input {
font-size: 1.2em
}
.wrapperCustApp .hr {
height: 2px;
border-bottom: 1px dotted #b0b0b0;
margin: 20px 0
}
.categoryDetails .clmsWrap {
margin: 0 auto
}
.categoryDetails .clmsWrap .subTitle {
width: 100%;
float: left;
margin-bottom: 19px
}
.categoryDetails .clmsWrap .subTitle p {
text-align: center;
color: #8b2e2e;
padding-bottom: 6px;
font-size: 2em
}
.categoryDetails .clmsWrap .clm {
width: 50%;
float: left;
margin-bottom: 15px
}
.categoryDetails .clmsWrap .appriMsg label, .categoryDetails .clmsWrap .clm label, .categoryDetails .clmsWrap .fldSet label {
float: left;
font-size: 1.3em;
margin-bottom: 8px;
width: 100%
}
.categoryDetails .clmsWrap .clm select {
height: 35px
}
.categoryDetails .clmsWrap .clm .selectbg {
background: url(../../../../../scripts/desktop/images/selectBgArrow.png) 97% 15px no-repeat rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 35px;
margin: 0 10px 15px 0;
position: relative;
width: 186px
}
.categoryDetails .clmsWrap .clm .selectbg .selectedvalue {
padding-top: 10px;
width: 229px
}
.categoryDetails .clmsWrap .appriMsg {
width: 63%;
float: left;
margin-bottom: 10px
}
.categoryDetails .clmsWrap .appriMsg textarea {
border-radius: 10px;
float: left;
padding: 5px;
border: 1px solid #999;
box-sizing: border-box
}
.categoryDetails .clmsWrap .fldSet {
width: 100%;
float: left;
margin: 10px 0 30px
}
.categoryDetails .clmsWrap .fldSet .inputMaster.upload {
width: 77%
}
.categoryDetails .clmsWrap .fldSet .inputMaster.upload input.upl {
margin-left: 516px
}
.categoryDetails .clmsWrap .fldSet .Comment-image-slt {
float: left;
width: 100%
}
.categoryDetails .clmsWrap .Comment-image-slt .form_captcha_image.accountCaptcha {
margin-left: 0!important
}
.categoryDetails .clmsWrap .Comment-slot-40 .label-box.dontCallArea label {
width: 100%;
float: left;
font-size: 1.3em;
padding-bottom: 5px
}
.categoryDetails .clmsWrap .Comment-slot-40 .label-box.dontCallArea .shadow-inbox-100 {
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 25px;
margin-bottom: 10px;
padding: 5px;
width: 237px
}
.categoryDetails .clmsWrap .Comment-image-slt .form_captcha_image {
margin-left: 0
}
.wrapperCustApp .inputMaster.upload span {
text-align: left;
width: 100%;
overflow: hidden
}
.categoryDetails .clmsWrap .fldSet .inputMaster.upload {
height: 33px
}
.wrapperCustApp .ovAll {
height: auto
}
.wrapperCustApp .rad-label span.cheked, .wrapperCustApp .rad-label span.uncheked {
margin-right: 10px;
background-image: url(../../../../../../content/dam/indusind/desktop/radio-bg.png);
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
float: left;
height: 21px;
position: relative;
width: 21px;
z-index: 1
}
#loader, .expandDiv a#demo, .locateWrap div:nth-child(7), .locateWrap div:nth-child(8) {
display: none
}
.wrapperCustApp .rad-label span.cheked {
background-position: 0 0
}
.wrapperCustApp .rad-label span.uncheked {
background-position: left bottom
}
.wrapperCustApp .rad-label .custrad {
width: 21px;
margin: 2px 5px 0 0
}
.wrapperCustApp .dontCallArea div.error {
margin: 0
}
.wrapperCustApp .ovAll {
width: 314px;
overflow: visible
}
.wrapperCustApp .ovAll span {
text-align: left;
font-size: 12px
}
.wrapperCustApp .Comment-image-slt {
margin-top: 10px
}
.custappBanner {
margin-bottom: 25px
}
.custappBanner img {
width: 100%
}
.wrapperCustApp .inputMaster.upload {
height: 45px
}
#removeText, .textareaMsg {
margin-left: 2px;
width: 100%;
float: left
}
.branch-search {
width: 100%;
float: left
}
.branch-search .clm label {
float: left
}
.branch-search .clm .selectbg {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 6px no-repeat rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 35px;
margin: 0 10px 15px 0;
position: relative;
width: 186px
}
.customerSearch {
width: 1003px;
margin: 10px 10%
}
.customerSearch.csForm select {
opacity: 1
}
.customerSearch .clmsWrap {
margin: 0 auto
}
.customerSearch .clmsWrap label {
width: 200px;
float: left;
text-align: left
}
.customerSearch .sub, .customerSearch .subDownload {
margin: 10px 0;
width: 100px
}
.customerSearch.csForm .inithide td, .customerSearch.csForm .inithide th {
font-size: 12px;
text-align: center
}
.customerSearch.csForm .inline-buttons {
margin: 20px 0
}
.customerSearch .subDownload {
background: #ececec;
border: 1px solid #acacac;
width: 100px;
padding: 4px
}
.customerSearch .overlay {
opacity: .5
}
.branchEmp .clm label {
width: 70px;
padding-top: 7px
}
.branchEmp .clm .selectedvalue {
padding-top: 2px
}
.customerSearch #branch-submit-form .clmsWrap {
width: 560px
}
#loader {
position: fixed;
left: 50%;
top: 50%;
z-index: 12;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
animation: 1s linear 0s normal none infinite running spin;
border-color: #555 #f3f3f3 #f3f3f3;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 5px;
height: 50px;
width: 50px
}
@keyframes spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.categoryDetails .clmsWrap .clm .custalign {
margin-left: 46px;
width: 254px
}
.categoryDetails .clmsWrap .clm .custleft {
width: 254px
}
.Comment-image-slt.custComment, .label-box.dontCallArea.custdontCallArea {
margin-left: -119px
}
.btnStrct.applybtn.custsubmit {
box-sizing: border-box;
height: 30px;
margin: 50px auto 42px;
padding-left: 37%;
width: 100%
}
.btnStrct.applybtn.custsubmit>input {
width: 128px;
font-size: 1.4em;
padding: 4px 10px 7px
}
.categoryDetails .clmsWrap .clm .custbranchsel, .categoryDetails .clmsWrap .clm .custempsel, .categoryDetails .clmsWrap .clm .custselectcity, .categoryDetails .clmsWrap .clm .custstatesel {
width: 254px
}
.customerappreciationreport.section>#loader {
top: 25%
}
.removeText, .se-pre-con {
top: 0;
text-align: center
}
.customerSearch .subloadalign {
margin-left: -200px
}
.categoryDetails .clmsWrap .msg_align textarea {
margin-top: 5px;
position: relative
}
.msg_align {
position: relative
}
.custleft2.msg_align .error {
position: absolute;
margin-top: 227px
}
@-moz-document url-prefix() {
.custleft2.msg_align .error {
margin-top:239px
}
}
.removeText {
clear: both;
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
width: 59px;
color: #fff;
font-size: 1.2em;
position: absolute;
right: -135px;
line-height: 2em;
border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
margin-top: 3px
}
.custapptitle {
color: #983132;
font-size: 18px;
line-height: 1.4em;
margin: 0 auto;
text-align: center
}
.err2 div.error {
margin: 18px 0 0
}
.err2 label {
width: unset;
margin-top: 10px;
margin-bottom: 10px
}
.Comment-image-slt .atmcaptc {
margin: 10px 0 13px
}
.btnrefr, .butleftalign {
margin-top: 10px
}
.butleftalign {
float: left
}
.se-pre-con {
position: fixed;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../../../../../scripts/desktop/images/indusindloader.gif?id=1) center center no-repeat #fff
}
.sundayblock, .just25 {
border-radius: 5px;
font-size: 16px;
left: 50%;
line-height: 28px;
z-index: 9999;
display: none;
}
.aadharLinking{
border-radius: 5px;
font-size: 16px;
left: 50%;
line-height: 28px;
z-index: 9999;
display: none;
}
.sundayblock {
background: #f1f0f0;
height: 119px;
color: #97292c;
padding: 48px 20px;
position: fixed;
top: 30%;
transform: translate(-50%);
width: 700px
}
.aadharLinking a.closeBtn, .sundayblock a.closeBtn, .just25 a.closeBtn{
position: absolute;
right: 16px;
top: 11px
}
.aadharLinking, .just25{
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
/*width: 598px*/
}
.locateContainerLeft, .locateContainerRight {
float: left
}
.locateContainerLeft {
width: 35%;
visibility: hidden
}
.locateContainerRight {
width: 65%;
max-width: 641px;
height: 550px;
position: relative;
overflow: hidden
}
.locateContent p {
float: left;
font-size: 1.1em;
padding: 15px 0;
width: 100%
}
.locateWrap div:nth-child(n) {
float: left;
padding: 0 0 10px 25px;
width: 295px;
color: #666766
}
.locateWrap div:nth-child(1) {
background: url(../../../../../scripts/desktop/images/location-icon.png) left 14px no-repeat;
font-size: 1.9em;
color: #666766;
width: 272px;
padding: 14px 23px 14px 25px;
float: left;
position: relative;
border-top: 1px solid #CBCBCB;
line-height: normal
}
.locateWrap div:nth-child(2) {
font-size: 1.4em;
line-height: 1.4em
}
.locateWrap div:nth-child(4) {
color: #666766
}
.serviceBox ul li {
background: url(../../../../../scripts/desktop/images/sml-bullet.png) 3px 4px no-repeat;
padding: 0 0 0 10px;
font-size: 1.3em
}
.locateContent .serviceBox p {
font-weight: 700;
font-size: 1.4em;
line-height: 1.4em;
float: none;
padding: 0 0 5px
}
.locateWrap div:nth-child(5) {
padding-top: 5px
}
.locateContent p.timings, .locateWrap div:nth-child(3), .locateWrap div:nth-child(5), .locateWrap div:nth-child(6) {
font-size: 1.2em;
font-weight: 700
}
.locateContent p.timings {
padding: 0 0 0 25px;
color: #666766
}
.locateContainerLeft .locationbtn {
margin: 10px 0 10px 25px
}
.locateContainerLeft .locationbtn a {
text-decoration: none;
color: #666766;
display: block
}
.borderBottom {
border-top: 1px solid #CBCBCB;
width: 93%;
clear: both
}
#chaptcha_submit.captchaFooter, .primaryFooter ul li .captchaFooter div {
margin: 0
}
.captchaFooter .label-box label {
font-size: 1.1em;
color: #000;
margin-right: 5px
}
.captchaFooter #cqcaptchapp {
border: 1px solid #BFBFBF;
height: 19px;
margin: 2px 5px 0 0;
float: left;
padding: 0 0 0 5px;
width: 120px;
line-height: 19px
}
.captchaFooter .noLeftPadding {
padding-left: 0
}
.formWrapper form.custEnquiryForm .selectgen {
height: 33px
}
.formWrapper form.custEnquiryForm select {
height: 35px
}
.formWrapper form.custEnquiryForm div.error {
margin: 3px 0 6px
}
.formWrapper form.custEnquiryForm .selectedvalue {
padding: 10px 5px 0 16px
}
.formWrapper form.custEnquiryForm .fldSet.lftMrg div.error {
margin: -2px 0 6px 168px
}
.customerSearch.wd110 .clmsWrap label {
width: 110px
}
.impLinks .mdlInner ul li.last, .quikService .expandDiv ul li:nth-child(2) {
display: #000
}
.srLightboxAadhar {
width: 388px;
height: 190px
}
.srLightboxAadhar ul li strong {
text-align: right;
margin-right: 20px;
width: 166px
}
.srLightboxAadhar ul li {
font-size: 1.4em
}
.formWrapper form.accForm#chatForm .fldSet:nth-child(3) input#lastname {
margin-left: 0
}
span.otp-block {
padding: 8px;
display: inline-block
}
.generate-tag {
font-size: 11px;
display: none
}
.generate-tag.disabled {
pointer-events: none;
color: grey
}
.generate-tag.active {
display: block
}
.otp-wrp {
padding: 10px 0 20px;
display: none;
clear: both
}
.formWrapper form.accForm .fldSet.nameInput:nth-child(2) input#firstname, .formWrapper form.accForm .fldSet.nameInput:nth-child(3) input#lastname {
margin-left: 166px;
width: 200px
}
.formWrapper form.pioneerForm .fldSet:nth-child(2) input#firstname, .formWrapper form.pioneerForm .fldSet:nth-child(3) input#lastname {
margin-left: 0
}
.formWrapper form.accForm .otp-wrp input {
font-size: 12px;
outline: 0;
appearance: none;
padding: 5px;
float: none;
margin-left: 164px
}
.formWrapper form .fldSet div.error {
position: relative;
top: 4px
}
.formWrapper form .fldSet {
min-height: 62px
}
.selectloc div.error {
position: relative;
top: 0
}
.tabContWrapper .faqAns p.disclaimer {
font-size: 1.1em
}
.termCondition p.global-button {
background: #983a39;
border: none;
color: #FFF;
font-weight: 700;
padding: 10px;
border-radius: 6px;
cursor: pointer;
float: left;
text-align: center;
font-size: 1.6em;
margin-bottom: 20px
}
.termCondition p.global-button a {
color: #FFF
}
.termCondition p.akr-font-size {
font-size: 1.4em
}
.getNewUpdateLightBox {
width: 900px!important;
position: fixed;
left: 0;
top: 0;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.tabContWrapper h4 {
font-weight: 400;
line-height: normal;
color: #666766;
padding-bottom: 15px
}
.fd-iframe {
height: 400px;
width: 300px
}
.termCondition table.align-center tr td {text-align: center;}
.termCondition table tr td.al-lft {text-align: left;}
/*.tabCont div.scrollmenu {
width:635px;
overflow: auto;
white-space: nowrap;
}*/
.tabContWrapper p span.rupee{background: url(../../../../../scripts/desktop/images/rupee-img.png) left top no-repeat;
width: 10px;
height: 16px;
float: left;
margin: 7px 5px 0 0}
/*.bookbtn{position:absolute; margin-left:70%; border:1px solid #bc3f3d; border-radius:5px;}
.bookbtn a{padding:10px 10px 0 10px; color:#000; float:left; text-decoration:none; font-weight:bold;}*/
.bookbtn{position:absolute; margin-left:70%; /*border:1px solid #bc3f3d; background-color:#bc3f3d;height:20px;*/ width:auto;border-radius:5px;background: url(../../../../../../content/dam/indusind/desktop/big-button-bg.png) left -8px repeat-x;}
.bookbtn a{ padding: 9px 10px 10px 10px;
color: #fff;
float: left;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;}
.tabContWrapper p.rt-align{float:right; font-size:1.1em;}
.continueBtn1 {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
@charset "utf-8";
.ProductCompareWrap table tr, .formcenterContent table tr td, .jet-wrapper table tr td, .laplandingrefform table tr td, .ratdiobutton, .ratdiobutton1, .yearData table tr td {
vertical-align: top
}
h2, h3, h4 {
font-weight: 400;
line-height: normal
}
.calcSection .hideVal, .clearfix:after {
visibility: hidden
}
* {
margin: 0;
padding: 0
}
html {
min-height: 100%;
margin-bottom: 1px
}
a {
text-decoration: none
}
a, img {
border: none
}
ul {
list-style: none
}
iframe {
border: 0
}
#contentContainer {
margin: 0 auto;
padding-top: 40px
}
#contentContainer header {
margin-bottom: 20px
}
#contentContainer .main-content {
width: 100%;
float: left;
margin: 0 0 30px
}
#contentContainer.one-col .main-content {
width: 100%
}
.clear {
clear: both;
font-size: 1%;
height: 0%
}
.clearfix {
display: block
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both
}
table {
border-collapse: collapse
}
.innerParsys {
width: 1003px;
margin: 0 auto
}
@font-face {
font-family: source_sans_proregular;
src: url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.eot);
src: url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.eot?#iefix) format('embedded-opentype'), url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.woff) format('woff'), url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.ttf) format('truetype'), url(../../../../../scripts/desktop/fonts/sourcesanspro-regular-webfont-webfont.svg#source_sans_proregular) format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: WebRupee;
src: url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.eot);
src: local('WebRupee'), url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.ttf) format('truetype'), url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.woff) format('woff'), url(../../../../../scripts/desktop/fonts/WebRupee.V2.0.svg) format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}
.WebRupee {
font-family: WebRupee
}
.copyrightTxt, .offscreen {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden
}
h2 {
font-size: 2.8em
}
h3 {
font-size: 2.2em
}
h4 {
font-size: 1.8em
}
body {
font-family: Arial;
font-size: 62.5%;
height: 100%;
color: #000;
line-height: 1.5em
}
#wrapper {
width: 100%
}
.topHeader {
position: relative;
z-index: 3;
float: left
}
.subContent {
display: none
}
.homeSubNavWrapper {
width: 721px;
background-color: #fff;
padding: 20px;
position: absolute;
top: 49px;
left: 0;
display: none
}
.homeSubNavWrapper .ltLinkWrapper {
width: 210px;
float: left
}
.homeSubNavWrapper .ltLinkWrapper ul {
padding: 0
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li:first-child {
border-top: none
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li {
background: 0 0;
padding: 12px 0;
border-top: 1px solid #ddd;
height: auto;
cursor: pointer;
float: left;
width: 210px;
font-family: source_sans_proregular
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li a {
font-family: source_sans_proregular!important;
background: 0 0;
padding: 0;
color: #8e8e8e;
text-transform: none;
font-size: 1.8em;
line-height: normal;
float: left
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li span {
color: #8e8e8e;
font-size: 1.2em;
line-height: normal;
float: left;
font-family: source_sans_proregular
}
.primaryNav .homeSubNavWrapper .ltLinkWrapper li.ltSelected a, .primaryNav .homeSubNavWrapper .ltLinkWrapper li.ltSelected span {
color: #bc3f3d
}
.subLinkCont {
display: none
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper {
width: 191px;
float: left;
position: relative;
padding-left: 40px
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul {
padding: 0;
float: left;
display: none
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li {
clear: both;
height: auto;
background: url(../../../../../scripts/desktop/images/sq-arrow.jpg) left 7px no-repeat;
padding: 0 15px;
width: 161px
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li a {
background: 0 0;
padding: 5px 0;
text-transform: none;
font-size: 1.3em;
color: #545454
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li.rtSelected {
background: url(../../../../../scripts/desktop/images/sq-arrow-hover.jpg) left 7px no-repeat
}
.primaryNav .homeSubNavWrapper .rtLinkWrapper ul li.rtSelected a {
color: #bc3f3d
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper {
width: 280px;
float: left
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper div {
display: none
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul {
padding: 0;
float: left;
display: none
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul li {
clear: both;
height: auto;
background: url(../../../../../scripts/desktop/images/nav-bullet.png) left 9px no-repeat;
padding: 0 12px;
width: 200px
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul li a {
background: 0 0;
padding: 5px 0;
text-transform: none;
font-size: 1.3em;
color: #545454
}
.primaryNav .homeSubNavWrapper .rtSubLinkWrapper ul li a:hover {
color: #bc3f3d
}
.checkbox {
width: 15px;
height: 15px;
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
margin: 0 5px 0 0
}
.checkbox.checked {
background-position: 0 0
}
.bannerBgContainer {
width: 100%;
background-color: #191919;
z-index: 0;
position: absolute;
left: 0;
top: 0;
height: 462px
}
.headerContainer, .topNav {
z-index: 11
}
.bannerBgContainer .banner1 {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: none
}
.topContainer {
margin: 0 auto;
width: 100%
}
.topContainer .logo {
float: left
}
.topInner {
width: 100%;
background: url(../../../../../scripts/desktop/images/top-bg.png) center top no-repeat;
height: 462px;
position: relative;
overflow: hidden
}
.bannerContainer, .headerContainer, .loginContainer {
width: 1003px;
margin: 0 auto;
position: relative
}
.bannerContainer {
overflow: hidden;
height: 355px
}
.topNav {
width: 761px;
background-color: #bc3f3d;
float: left;
min-height: 59px;
position: relative
}
.topNav ul, .topNav ul li {
float: left
}
.topNav ul.navLink {
padding: 22px 0 21px 52px;
height: 16px
}
.topNav ul.navLink li {
padding: 0 18px 0 0;
position: relative
}
.innerTopNav .homeDropdown, .searchDiv {
position: absolute;
top: 59px;
display: none
}
.topNav ul.navLink li a {
color: #f6d8d7;
font-size: 1.2em
}
.topNav ul.navLink li.active a {
color: #fff;
text-decoration: underline
}
.topNav ul.navLink li.activeNav {
font-size: 1.2em;
cursor: default;
color: #fff;
font-weight: 700
}
.topNav ul li.callNumber {
background: url(../../../../../scripts/desktop/images/phone_icon.png) left 12px no-repeat;
color: #fff;
padding: 8px 0 6px 29px;
font-size: 1.2em;
font-weight: 400
}
.topNav ul li.fontChange {
padding: 20px 0 20px 22px;
display: none
}
.topNav ul li.fontChange a {
color: #fff;
padding: 0 5px 0 0
}
.topNav ul li.fontChange a.medium {
font-size: 1.2em
}
.topNav ul li.fontChange a.large {
font-size: 1.4em
}
.topNav ul li.language {
padding: 21px 0 18px 16px
}
.topNav ul li.language a {
color: #fff
}
.search {
border-left: 1px solid #D48483;
float: left;
margin: 15px 0 18px 11px;
padding: 5px 0 0 10px
}
.searchDiv {
background-color: #BC3F3D;
float: left;
padding: 10px;
right: 0;
width: 270px;
z-index: 1
}
.searchDiv input {
width: 164px;
border: 1px solid #6a6a6a;
height: 22px;
margin: 0 10px 0 0;
float: left;
padding: 0 10px;
line-height: 22px
}
.searchDiv input.searchBtn {
background: url(../../../../../scripts/desktop/images/search-btn.png) left top no-repeat;
width: 62px;
height: 29px;
border: none;
cursor: pointer;
text-indent: -99999px;
text-transform: capitalize
}
.innerTopNav ul.navLink li.currentActive {
color: #fff;
cursor: pointer;
font-weight: 700
}
.innerTopNav ul.navLink li.currentActive a {
color: #fff
}
.innerTopNav ul.navLink li.sel {
padding-right: 15px
}
.innerTopNav ul.navLink li.sel:hover {
background-color: #000
}
.innerTopNav .homeDropdown {
left: -34px;
width: 260px;
background: #000;
padding: 0 20px;
z-index: 50;
overflow: hidden
}
.innerTopNav .homeDropdown ul {
width: 100%
}
.innerTopNav ul.navLink {
height: auto;
padding: 0 0 0 16px;
width: 509px
}
.innerTopNav ul.navLink .homeDropdown ul li {
border-top: 1px dotted #7a7a7a;
padding: 13px 0;
width: 100%;
float: left;
clear: both
}
.innerTopNav ul.navLink .homeDropdown ul li:first-child {
border: none
}
.innerTopNav ul.navLink .homeDropdown ul li a {
font-family: source_sans_proregular;
font-size: 1.5em;
color: #d2d2d2;
text-transform: uppercase;
padding: 0 0 0 10px;
width: 100%;
float: left
}
.innerTopNav ul.navLink .homeDropdown ul li a:hover {
color: #bc3f3d
}
.primaryNav {
background-color: #1b1b1b;
float: left;
margin: 0 0 0 242px;
width: 761px;
position: relative
}
.bannerLink, .loginWrapper, .pagination, .top-design {
position: absolute
}
.primaryNav ul li {
float: left;
background: url(../../../../../scripts/desktop/images/link-sep.png) left 10px no-repeat;
height: 49px
}
.primaryNav ul li.sel {
background-color: #fff
}
.primaryNav ul li:first-child {
background-image: none
}
.primaryNav ul li a {
background: url(../../../../../scripts/desktop/images/nav-arrow.png) right 20px no-repeat;
color: #fff;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
padding: 15px 17px;
float: left;
text-transform: uppercase
}
.primaryNav ul li.currentActive a, .primaryNav ul li.sel a, .primaryNav ul li:hover a {
background: url(../../../../../scripts/desktop/images/nav-arrow.png) right -7px no-repeat;
color: #bc3f3d;
text-decoration: none
}
.primaryNav ul li h1 {
font-size: 1em
}
.primaryNav ul li.videoBranch {
float: right;
display: none
}
.primaryNav ul li.videoBranch a {
padding: 0;
background: 0 0
}
.homeBanner {
width: 1001px;
overflow: hidden
}
.bannerLink {
width: 1003px;
height: 355px;
left: 0;
top: 107px;
z-index: 1;
cursor: pointer
}
.bannerImg li, .pagination ul {
top: 0;
left: 0;
position: absolute
}
.bannerImg li {
display: none
}
.pagination {
right: 29px;
top: 329px;
cursor: pointer;
z-index: 1
}
.pagination li {
background-color: #8f8f8f;
float: left;
height: 15px;
margin-right: 11px;
width: 15px
}
.pagination li.sel {
background-color: #ab2f2d
}
.top-design {
width: 100%;
height: 462px;
background: url(../../../../../scripts/desktop/images/top-design.png) center top no-repeat;
left: 0;
top: 0;
z-index: 1
}
.loginContainer {
z-index: 2
}
.loginContainer .loginWrapper {
right: 2px
}
.loginWrapper {
right: 0;
top: 10px;
width: 220px;
z-index: 6;
height: auto
}
.login select option {
color: #666;
font-size: .9em
}
.aadhaarBox, .login, .quikService {
border: 1px solid #4D2524;
background-color: #090909;
padding: 5px 10px;
float: left;
width: 200px
}
.login, .quikService {
margin: 3px 0 0;
position: relative
}
.adharSeeding, .personalize {
font-size: 1.2em;
margin: 0 0 5px;
font-weight: 700;
cursor: pointer
}
.aadhaarBox ul li, .quikService ul li {
border-top: 1px dotted #7a7a7a;
padding: 7px 6px;
position: relative;
float: left;
width: 187px
}
.aadhaarBox ul li: first-child {
border-top: none;
padding: 5px 6px 3px
}
.aadhaarBox ul li a, .quikService ul li a {
color: #a6a6a6;
background: url(../../../../../scripts/desktop/images/wht-sml-bullet.png) left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 1.2em;
float: left
}
.quikService ul li .help {
float: right;
font-size: 1.2em;
color: #bc3f3d;
cursor: pointer
}
.personalize {
color: #d54e4c;
background: url(../../../../../scripts/desktop/images/personalized-icon.png) left top no-repeat;
padding: 6px 0 4px 27px
}
.adharSeeding {
background: #92272b;
color: #fff;
padding: 6px
}
.adharSeeding a {
color: #fff;
text-decoration: none
}
.collapse, .expand {
font-size: 1.4em;
color: #d54e4c;
padding: 3px 0;
cursor: pointer
}
.expand {
background: url(../../../../../scripts/desktop/images/expand-icon.png) right top no-repeat
}
.collapse {
background: url(../../../../../scripts/desktop/images/collapse-icon.png) right top no-repeat
}
.expandDiv {
display: none
}
.login .indusNet {
color: #fff;
font-size: 1.8em;
line-height: 23px
}
.goBottom, .goTop {
background: url(../../../../../scripts/desktop/images/top-btm-arrow.png) no-repeat;
cursor: pointer;
height: 43px;
position: absolute;
z-index: 2;
width: 43px
}
.goBottom {
background-position: 0 0;
top: 325px;
left: 220px;
display: none
}
.goTop {
background-position: 0 -43px;
right: 28px;
top: -23px;
z-index: 9;
width: 43px
}
.login p {
color: #fff;
font-size: 1.2em
}
.login ul {
float: left;
margin: 10px 0;
width: 100%
}
.login ul li {
padding: 0 0 5px 9px;
float: left
}
.login ul li.sel, .login ul li:hover {
background: url(../../../../../scripts/desktop/images/login-left.jpg) left top no-repeat;
font-weight: 700
}
.login ul li a {
color: #bc3f3d;
font-size: 1.2em;
padding: 4px 12px 8px 0;
float: left;
background: 0 0;
border: none;
cursor: pointer;
font-weight: 700
}
.login ul li.sel a, .login ul li:hover a {
background: url(../../../../../scripts/desktop/images/login-right.jpg) right top no-repeat;
color: #fff;
text-decoration: none;
font-weight: 700
}
.secLink .subLink ul li:hover a, .secondNav.corporateNav .secLink .subLink ul li:hover a {
text-decoration: underline
}
.login ul li.loginBtn input {
width: 50px
}
.login ul li.regBtn input {
width: 70px
}
.login ul li.demoBtn input {
width: 50px
}
.tooltip {
background-color: #fff;
padding: 10px;
width: 140px;
position: absolute;
left: 8px;
top: -5px;
font-size: .9em;
color: #666766;
z-index: 0;
display: none
}
.tooltip span {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: transparent transparent transparent #fff;
display: block;
position: absolute;
right: -16px;
top: 26px;
margin: -6px 0 0
}
.selectbg, select {
position: relative
}
.quikService ul li .help {
background: url(../../../../../scripts/desktop/images/help-icon1.png) right 1px no-repeat;
width: 14px;
height: 16px
}
select {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
cursor: pointer;
width: 189px;
height: 22px
}
.safari select {
margin: 10px 0 0
}
select option {
padding: 5px
}
.selectbg {
background: url(../../../../../scripts/desktop/images/select-bg.png) no-repeat;
float: left;
height: 29px;
margin-bottom: 10px;
width: 186px
}
.selectedvalue {
color: #666;
font-size: 1.2em;
height: 18px;
padding: 7px 5px 0 16px;
position: absolute;
text-align: left;
width: 143px;
overflow: hidden
}
.middleWrapper {
background: url(../../../../../scripts/desktop/images/second-nav-bg.jpg) center top repeat-y;
width: 100%
}
.mdlInner {
width: 1003px;
margin: 0 auto
}
.interested {
width: 290px;
padding: 20px 0 0 27px;
float: left;
min-height: 179px
}
.int-link-wrap {
float: left
}
.interested ul {
float: left;
margin: 10px 0 0;
width: 145px
}
.interested ul:first-child {
margin-left: 0
}
.interested ul li {
clear: both
}
.interested ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.secLink ul li {
width: 100%;
float: left;
position: relative
}
.secLink ul li:hover {
background-color: #e2e2e2
}
.secLink ul li:hover a {
color: #bc3f3d
}
.iWant.secLink .subLink, .interested.secLink .subLink {
position: absolute;
top: 0;
width: 190px;
z-index: 10;
border-radius: 5px;
background-color: #e2e2e2;
display: none;
padding: 10px
}
.interested.secLink .subLink {
left: 142px
}
.iWant.secLink .subLink {
left: 179px
}
.secLink .subLink ul {
width: 190px;
margin: 0
}
.secLink .subLink ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid transparent;
width: 180px
}
.secLink .subLink ul li a {
background: url(../../../../../scripts/desktop/images/red-sml-bullet.png) 4px 12px no-repeat
}
.iWant {
width: 243px;
float: left;
padding: 20px 0 0 20px;
min-height: 179px
}
.iWant ul {
float: left;
margin: 10px 0 0;
width: 100%
}
.iWant ul li {
clear: both
}
.iWant ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.premService {
background: url(../../../../../scripts/desktop/images/premium-bg.jpg) left top;
width: 423px;
float: left;
min-height: 200px
}
.premService h2 {
text-align: center;
padding: 13px 0 0
}
.premService ul {
padding: 0 0 0 60px;
float: left;
margin: -15px 0 0
}
.premService ul li {
width: 100%;
clear: both;
float: left;
margin: 2px 0
}
.premService ul li a {
color: #dda220;
background: url(../../../../../scripts/desktop/images/circle-bullet.png) left 7px no-repeat;
/*padding: 5px 0 4px 36px;*/
padding: 7px 0 4px 32px;
float: left;
/*background-size: 25px 25px*/
background-size: 18px 18px;
font-size: 16px;
line-height:18px;
}
.secondNav {
width: 1003px;
position: relative;
float: left;
z-index: 1
}
.secondNav.corporateNav .interested {
width: 243px;
padding: 20px 0 10px 27px;
float: left;
min-height: 179px
}
.secondNav.corporateNav .interested ul {
float: left;
margin: 10px 0 0;
width: 271px
}
.secondNav.corporateNav .interested ul:first-child {
margin-left: 0
}
.secondNav.corporateNav .interested ul li {
clear: both
}
.secondNav.corporateNav .interested ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.secondNav.corporateNav .secLink ul li {
width: 190px;
float: left;
position: relative
}
.secondNav.corporateNav .secLink ul li:hover {
background-color: #e2e2e2
}
.secondNav.corporateNav .secLink ul li:hover a {
color: #bc3f3d
}
.iWant.secLink .subLink, .secondNav.corporateNav .interested.secLink .subLink {
position: absolute;
top: 0;
width: 190px;
z-index: 10;
border-radius: 5px;
background-color: #e2e2e2;
display: none;
padding: 10px
}
.secondNav.corporateNav .interested.secLink .subLink {
left: 172px
}
.secondNav.corporateNav .iWant.secLink .subLink {
left: 179px
}
.secondNav.corporateNav .secLink .subLink ul {
width: 190px;
margin: 0
}
.secondNav.corporateNav .secLink .subLink ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid transparent;
width: 180px
}
.secondNav.corporateNav .secLink .subLink ul li a {
background: url(../../../../../scripts/desktop/images/red-sml-bullet.png) 4px 12px no-repeat
}
.secondNav.corporateNav .iWant {
width: 271px;
float: left;
padding: 20px 0 0 20px;
min-height: 179px
}
.secondNav.corporateNav .iWant ul {
float: left;
margin: 10px 0 0;
width: 100%
}
.secondNav.corporateNav .iWant ul li {
clear: both
}
.secondNav.corporateNav .iWant ul li a {
color: #656565;
background: url(../../../../../scripts/desktop/images/red-bullet.png) 4px 12px no-repeat;
padding: 6px 0 6px 18px;
float: left;
font-size: 1.2em
}
.secondNav.corporateNav img {
position: absolute;
bottom: 0
}
.coverageWrapper {
background: url(../../../../../scripts/desktop/images/premium-bg.jpg) left top;
width: 423px;
float: left;
min-height: 200px
}
.coverageWrapper h2 {
text-align: center;
padding: 13px 0 0;
font-family: Arial, Helvetica, sans-serif;
color: #dda220
}
.coverageWrapper ul {
padding: 15px 0 0 60px;
float: left
}
.coverageWrapper ul li {
width: 100%;
clear: both;
float: left;
margin: 2px 0
}
.coverageWrapper ul li a {
color: #dda220;
font-size: 1.8em;
padding: 5px 0 5px 14px;
float: left
}
.accWrapper {
width: 100%;
min-height: 236px;
background-color: #cfcfcf
}
.accCarousel {
width: 580px;
height: 236px;
float: left;
overflow: hidden;
position: relative
}
.accCarousel ul li {
float: left
}
.carouselPagination {
left: 19px;
position: absolute;
top: 202px
}
.carouselPagination span {
background-color: #8f8f8f;
float: left;
height: 15px;
margin-right: 11px;
width: 15px;
cursor: pointer;
display: none
}
.carouselPagination span.sel {
background-color: #ab2f2d
}
.accCarousel.personalCarousel ul {
width: 290px!important;
float: left
}
.videoLink {
float: left
}
.mdlBtmWrapper {
background-color: #dcdcdc;
width: 100%;
padding: 0 0 30px
}
.personalised {
float: left;
margin: 0 0 0 -52px;
overflow: hidden;
position: relative
}
.pBox {
padding: 20px 0 0 52px;
margin: -2px 0 0
}
.btmBrd, .sepBrd {
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) top left repeat-x;
width: 1003px;
height: 2px;
margin: 20px 0 0;
float: right
}
.pBox.rtBrd {
background: url(../../../../../scripts/desktop/images/rt-brd.jpg) 20px 60px no-repeat
}
.pBox.sepBrd {
background: url(../../../../../scripts/desktop/images/v-sep.jpg) right top repeat-y;
padding: 0 26px 0 0
}
.pBox .nav {
position: absolute;
right: 0;
top: 17px
}
.pBox .nav li {
cursor: pointer
}
.pBox .nav li.cnn, .pBox .nav li.ndtv, .pBox .nav li.toi {
background: url(../../../../../scripts/desktop/images/news-channel-icon.png) no-repeat;
width: 57px;
height: 45px;
float: left;
margin-right: 8px;
cursor: pointer
}
.pBox .nav li.cnn {
background-position: 0 0
}
.pBox .nav li.ndtv {
background-position: -60px 0
}
.pBox .nav li.toi {
background-position: -119px 0
}
.pBox .navCont {
min-height: 220px;
overflow: hidden
}
.pBox .navCont img {
float: left;
margin: 0 10px 0 0
}
.pBox .navCont ul {
float: left;
padding: 10px 0 0
}
.pBox .navCont ul li {
padding-bottom: 20px;
float: left
}
.pBox .feedCont {
float: left;
padding: 0;
width: 322px
}
.pBox .feedCont p.title {
font-size: 1.6em;
color: #666766;
line-height: normal;
padding: 0 0 6px
}
.pBox .feedCont a:hover {
text-decoration: none
}
.pBox .feedCont a:hover p.title {
color: #BC3F3D;
text-decoration: underline
}
.pBox .feedCont p {
color: #666766;
font-size: 1.2em
}
.whatsNew {
position: relative
}
.rates, .whatsNew {
width: 475px;
float: left
}
.whatsNew img {
float: left
}
.whatsNew .right {
float: left;
width: 197px;
padding: 40px 0 0;
overflow: hidden;
height: 202px
}
.whatsNew a, .whatsNew h2 {
color: #8b2e2e;
padding: 0 0 10px;
line-height: normal
}
.whatsNew .right p.heading {
font-size: 1.8em;
color: #666766;
padding: 0 0 16px;
line-height: normal
}
.whatsNew .right p {
color: #666766;
font-size: 1.2em
}
.whatsNew ul {
float: left
}
.newsPagination {
bottom: 29px;
left: 326px;
position: absolute
}
.aadhaarSection, .securityTip {
position: relative;
float: left
}
.newsPagination span {
background-color: #8f8f8f;
float: left;
height: 15px;
margin-right: 11px;
width: 15px;
cursor: pointer
}
.newsPagination span.sel {
background-color: #fff
}
.newContent {
width: 197px;
float: left
}
.newContent a {
color: #8B2E2E
}
#finance, #news, #sports, #technology, #utility {
display: none
}
.rates {
padding: 67px 0 0 52px
}
.rates .rateCon, .rates ul {
float: left;
width: 155px
}
.rates ul li {
float: left;
margin: 0 0 9px
}
.rates .rateCon .title {
color: #000;
font-size: 1.5em;
margin: 0 0 9px;
text-transform: uppercase
}
.rates ul li p {
color: #666766;
padding-bottom: 3px;
font-size: 1.1em
}
.rates ul li span.fig {
background: url(../../../../../scripts/desktop/images/usd-bg.jpg) left top repeat-x;
color: #eaf4f7;
font-size: 1.4em;
padding: 2px 3px 4px
}
.rates ul li span {
color: #666766;
font-size: 1.2em
}
.rates ul.intRate {
width: 164px
}
.ratesBox {
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) left bottom repeat-x;
float: left;
padding: 0 0 15px
}
.inr, .usd {
width: auto;
float: left;
margin-right: 10px
}
.savingsRate .txt {
width: 90px;
float: left
}
.intRate .txt {
float: left;
width: 102px
}
.aadhaarSection {
border: 1px solid #bc3f3d;
margin: 3% 0 2% 33%;
width: 445px
}
.securityTip {
background-color: #FFF;
padding: 10px 14px;
width: 450px;
margin: 20px 0 0
}
.securityTip ul li {
float: left;
height: 49px;
width: 380px;
font-size: 1.2em
}
.securityTip img {
float: left;
margin: 8px 10px 0 0
}
.securityTip .secTitle {
color: #bc3f3d;
font-size: 1.4em;
padding: 0 0 5px
}
.impLinks ul li a, .impLinks ul li.activeNav {
font-size: 1.1em;
padding: 2px 10px 2px 7px;
color: #848484
}
.securityTip .tipsContentWrap {
float: left;
width: 380px;
height: 60px;
overflow: hidden
}
.securityTip .tipsContentWrap ul {
height: 60px;
width: 380px
}
.securityTip .next, .securityTip .prev {
background: url(../../../../../scripts/desktop/images/security-arrow.png) no-repeat;
width: 8px;
height: 14px;
position: absolute;
cursor: pointer
}
.securityTip .prev {
left: 7px;
top: 39px;
background-position: 0 0
}
.securityTip .next {
background-position: left -21px;
right: 7px;
top: 39px
}
.tipsWrapper {
width: 430px;
overflow: hidden;
margin: 0 0 0 10px
}
.rates.odd .securityTip {
margin: 0 0 0 50px;
height: 84px;
padding: 17px 14px
}
.rates.odd .securityTip .next, .rates.odd .securityTip .prev {
top: 50px
}
.overlay, .perLightbox {
top: 0;
position: absolute
}
.rates.odd .securityTip img {
margin: 18px 10px 0 0
}
.rates.odd .ratesBox {
background: 0 0;
float: left;
padding: 0 0 15px
}
.rates.odd {
width: 1002px;
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) bottom left repeat-x;
float: left;
padding: 40px 0 25px;
margin: 0 0 0 52px
}
.rates.odd .securityTip .secTitle {
padding: 7px 0 5px
}
.videoWrapper {
float: left;
padding: 30px 0 0;
width: 100%;
margin: 10px 0 0
}
.videoWrapper ul li {
float: left;
padding: 0 0 0 37px
}
.videoWrapper ul li img {
cursor: pointer
}
.impLinks ul li.activeNav, .primaryFooter ul li.activeNav {
cursor: default;
text-decoration: underline
}
.videoWrapper ul li:first-child {
padding-left: 0
}
.videoWrapper ul li h3 {
padding: 0 0 18px;
color: #842625
}
.impLinks {
background-color: #fff;
width: 100%;
float: left
}
.impLinks .mdlInner {
position: relative
}
.impLinks ul li {
float: left;
background: url(../../../../../scripts/desktop/images/footer-sep.jpg) 99% 5px no-repeat
}
.impLinks ul li.last {
background: 0 0
}
.impLinks ul {
background: url(../../../../../scripts/desktop/images/bull-img.png) 14px bottom no-repeat;
float: left
}
.impLinks ul li a {
float: left
}
.innerMdlWrapper .impLinks .mdlInner h2 {
background-color: #FFF;
float: left;
margin: -17px 0 0;
padding: 15px
}
.innerMdlWrapper .impLinks ul {
float: left;
padding: 0 0 75px
}
.innerMdlWrapper .impLinks ul li a {
background: url(../../../../../scripts/desktop/images/footer-sep.jpg) right 5px no-repeat;
color: #848484;
float: left;
font-size: 1.1em;
padding: 2px 10px
}
.primaryFooter {
width: 983px;
margin: 0 auto 46px;
background-color: #bc3f3d;
padding: 10px;
clear: both
}
.primaryFooter ul {
float: left;
width: 100%
}
.primaryFooter ul li {
float: left;
padding: 0 7px;
background: url(../../../../../scripts/desktop/images/wht-sep.jpg) right 6px no-repeat
}
.primaryFooter ul li.activeNav {
color: #EBC6C5;
font-size: 1.4em;
padding: 4px 7px 0
}
.innerPrimNav li.links:hover a, .innerPrimNav li:hover a, .prdWrapper ul li:hover a, .rightLinkWrapper ul li a.active:hover {
text-decoration: none
}
.primaryFooter ul li a, .primaryFooter ul li label {
color: #ebc6c5;
float: left;
padding: 4px 0 0;
font-size: 1.4em
}
.primaryFooter ul li div {
float: left;
margin: 0 0 0 7px
}
.primaryFooter ul li.getUpdate {
background: 0 0
}
.primaryFooter ul li.getUpdate .email {
background-color: #EBC6C5;
border: 1px solid #BFBFBF;
height: 19px;
margin: 2px 5px 0 0;
float: left;
padding: 0 0 0 5px;
width: 120px;
line-height: 19px
}
.primaryFooter ul li.getUpdate .submit {
background: url(../../../../../scripts/desktop/images/email-submit-img.png) left top no-repeat;
height: 24px;
width: 59px;
border: none;
float: left;
text-indent: -99999px;
text-transform: capitalize;
cursor: pointer
}
.primaryFooter ul li.copyright {
background: 0 0;
color: #EBC6C5;
float: right;
font-size: 1.1em;
padding: 4px 0 0
}
@media speech {
.copyright {
display: none
}
}
@media aural {
.copyright {
display: none
}
}
.secondFooterWrapper {
background: url(../../../../../scripts/desktop/images/footer-bg.jpg) left top;
bottom: 0;
position: fixed;
width: 100%;
z-index: 10;
left: 0
}
.secondFooter {
width: 1003px;
margin: 0 auto;
padding: 0
}
.secondFooter ul.fLink li a {
padding: 16px 0;
float: left
}
.secondFooter ul li {
float: left;
padding: 0 3px;
position: relative;
cursor: pointer
}
.secondFooter>ul>li.sel {
background-color: #CBCBCB
}
.secondFooter ul li.sel a {
color: #4e4e4e
}
.secondFooter ul li a {
color: #fff;
font-size: 1.3em
}
.socialIcon {
float: right;
padding: 11px 0 0
}
.secondFooter ul li.impNotice {
background: url(../../../../../scripts/desktop/images/wht-up-arrow.png) 19px 20px no-repeat #000;
padding: 0
}
.secondFooter ul li.impNotice a {
padding: 16px 30px 16px 40px
}
.secondFooter ul li.sel.impNotice {
background: url(../../../../../scripts/desktop/images/wht-up-arrow.png) 19px -10px no-repeat #000
}
.secondFooter ul li.sel.impNotice a, .secondFooter ul.fLink .impNotice .exPopup ul li a {
color: #fff
}
.secondFooter ul.fLink .impNotice .exPopup .closeBtn {
background: url(../../../../../scripts/desktop/images/popup-close-btn.jpg) left top no-repeat
}
/*.overlay {
left: 0;
background-color: #000;
opacity: .8;
filter: alpha(opacity=80);
width: 100%;
height: 100%;
z-index: 11;
display: block
}*/
.perLightbox {
background: url(../../../../../scripts/desktop/images/personalised-bg.jpg) left top;
left: 0;
width: 921px;
z-index: 12;
border-radius: 4px;
display: none
}
.perLightbox .checkbox {
display: none
}
.perLightbox .left {
width: 538px;
float: left;
padding: 16px 0 0 22px
}
.perLightbox .right {
float: left;
padding: 16px 0 0 30px;
width: 331px
}
.perLightbox .bottom {
background-color: #ececec;
padding: 10px 0;
text-align: center;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
float: left;
width: 100%
}
.perLightbox .defaultBtn, .perLightbox .personalizeBtn {
background: url(../../../../../scripts/desktop/images/red-btn-bg.jpg) left top repeat-x;
height: 26px;
width: 122px;
color: #fff;
text-align: center;
padding: 12px 0 0;
cursor: pointer;
border-radius: 5px;
font-size: 1.2em;
float: left
}
.perLightbox .personalizeBtn {
margin: 0 0 0 335px
}
.perLightbox .defaultBtn {
margin: 0 0 0 10px
}
.perLightbox .resetBtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -221px -39px no-repeat;
width: 24px;
height: 24px;
margin: 0 0 10px;
text-align: center;
position: absolute;
bottom: 0;
cursor: pointer
}
.perLightbox .previewBox {
width: 331px
}
.perLightbox .previewBox .previewTop {
background: url(../../../../../scripts/desktop/images/preview-top.png) left top no-repeat;
width: 287px;
height: 127px;
float: left
}
.perLightbox .previewBox .previewMdl {
background: url(../../../../../scripts/desktop/images/preview-mdl.png) left top repeat-y;
width: 275px;
float: left;
padding: 6px
}
.perLightbox .previewBox .previewBtm {
background: url(../../../../../scripts/desktop/images/preview-btm.png) left top no-repeat;
width: 287px;
height: 108px;
float: left
}
.perLightbox .previewBox .previewMdl .box {
background-color: #F8F8F8;
border: 3px solid #CE7675;
color: #CE7675;
float: left;
height: 34px;
margin: 0 3px 3px 0;
padding: 15px 0 0;
text-align: center;
width: 126px;
position: relative;
display: none;
font-size: 1.2em
}
.prevDots {
position: absolute;
right: 0;
top: 0
}
.prevDots span {
width: 16px;
height: 12px;
background-color: #ce7675;
float: left;
margin: 2px 2px 0 0
}
.perLightbox .previewBox .previewMdl .prevWhtNew {
background-color: #F8F8F8;
border: none;
color: #666;
float: left;
height: 40px;
margin: 0 3px 3px 0;
padding: 15px 0 0;
text-align: center;
width: 130px;
position: relative;
display: block
}
.perLightbox .previewBox .previewMdl .prevRateWrapper {
background: 0 0;
border: none;
color: #666;
float: left;
height: 52px;
margin: 0 3px 3px 4px;
padding: 0;
text-align: center;
width: 126px;
position: relative;
display: block
}
.perLightbox .previewBox .previewMdl .prevRateWrapper .prevRate {
height: 22px;
background-color: #F8F8F8;
margin: 0 0 7px;
width: 100%;
float: left;
color: #666;
text-align: center;
padding: 5px 0 0
}
.perLightbox .previewBox .previewMdl .prevRateWrapper .prevSecurity {
height: 18px;
background-color: #F8F8F8;
width: 100%;
float: left;
color: #666;
text-align: center;
padding: 2px 0 0
}
.perLightbox .previewBox .previewMdl .prevRateWrapper.odd {
margin: 3px 0 0 4px;
width: 261px
}
.perLightbox .previewBox .previewMdl .prevRateWrapper.odd .prevRate {
height: 31px;
width: 127px;
padding: 16px 0 0
}
.perLightbox .previewBox .previewMdl .prevRateWrapper.odd .prevSecurity {
height: 31px;
margin: 0 0 0 5px;
width: 128px;
padding: 16px 0 0
}
.persBox {
background-color: #F9F9F9;
border: 1px solid #D9D9D9;
float: left;
margin: 0 10px 10px 0;
min-height: 127px;
padding: 8px;
width: 142px
}
.persBox label {
font-size: 1.2em;
color: #666
}
.perLightbox .title {
background: url(../../../../../scripts/desktop/images/personal-icon.png) left center no-repeat;
padding: 7px 0 7px 43px;
color: #000;
font-size: 1.7em
}
.perLightbox p.pCont {
padding: 12px 0;
font-size: 1.2em;
color: #666766
}
.finance-sec, .news-sec, .sports-sec, .tech-sec, .utility-sec {
background: url(../../../../../scripts/desktop/images/pers-home-icon.png) no-repeat;
padding: 3px 0 8px 21px;
font-size: 1.4em;
color: #666
}
.drpdnVideoBoxWrapper .videoBox h2, .hmpgVideoBoxWrapper .videoBox h2, .videoBoxWrapper .videoBox h2 {
color: #842625;
line-height: 40px;
float: left
}
.news-sec {
background-position: 0 2px
}
.finance-sec {
background-position: 0 -28px
}
.sports-sec {
background-position: 0 -56px
}
.tech-sec {
background-position: 0 -83px
}
.utility-sec {
background-position: 0 -109px
}
.lightboxClose {
background: url(../../../../../scripts/desktop/images/lightbox-close.png) no-repeat;
height: 49px;
position: absolute;
right: -21px;
top: -23px;
width: 49px;
cursor: pointer;
z-index: 100
}
.persBox li {
padding: 4px 0;
border-top: 1px solid #C5C5C5
}
.persBox li:first-child {
border-top: none
}
.persBox label {
width: 15px;
height: 15px;
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
margin: 0 5px 0 0;
padding: 1px 0 0 20px
}
.persBox label.active {
background-position: 0 0
}
.checkbox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer
}
.videoBoxWrapper {
background-color: #262626;
width: 540px;
padding: 10px;
border-radius: 5px;
position: fixed;
left: 0;
top: 0;
z-index: 11;
display: none
}
.videoBoxWrapper .videoBox {
background-color: #fff;
width: 520px;
padding: 10px;
border-radius: 5px
}
.videoClose {
background: url(../../../../../scripts/desktop/images/video-close-btn.png) left top no-repeat;
position: absolute;
right: 20px;
top: 20px;
width: 29px;
height: 28px;
cursor: pointer;
z-index: 12
}
.nextVideo, .prevVideo {
background: url(../../../../../scripts/desktop/images/icon-set.png) no-repeat;
width: 38px;
height: 40px;
position: absolute;
top: 210px;
cursor: pointer
}
.prevVideo {
background-position: -207px -72px;
left: 10px
}
.drpdnVideoBoxWrapper, .hmpgVideoBoxWrapper {
position: absolute;
left: 0;
top: 0;
z-index: 11;
display: none;
padding: 10px;
border-radius: 5px
}
.nextVideo {
background-position: -207px -114px;
right: 10px
}
.drpdnVideoBoxWrapper {
background-color: #262626;
width: 540px
}
.drpdnVideoBoxWrapper .videoBox {
background-color: #fff;
width: 520px;
padding: 10px;
border-radius: 5px
}
.hmpgVideoBoxWrapper {
background-color: #262626;
width: 540px
}
.hmpgVideoBoxWrapper .videoBox {
background-color: #fff;
width: 520px;
padding: 10px;
border-radius: 5px
}
.innerHeaderContainer {
background: url(../../../../../scripts/desktop/images/inner-header-bg.jpg) center top repeat-y;
width: 100%
}
.innerHeaderContainer .innerHeader {
margin: 0 auto;
width: 1003px
}
.innerHeaderContainer .innerPrimNav {
width: 100%;
float: left
}
.innerPrimNav li {
background: url(../../../../../scripts/desktop/images/red-dotted-brd.png) left center repeat-y;
float: left;
padding: 23px 23px 14px;
position: relative;
min-height: 44px;
width: 218px;
cursor: pointer;
z-index: 9
}
.innerPrimNav li a h1 {
font-size: 1em;
font-weight: 400
}
.innerPrimNav li.links.sel, .innerPrimNav li.links:hover, .innerPrimNav li.sel, .innerPrimNav li:hover {
background-color: #000
}
.innerPrimNav li.links.sel, .innerPrimNav li.sel {
background-color: #d7d7d7
}
.innerPrimNav li.current.sel:hover a, .innerPrimNav li.links.sel a, .innerPrimNav li.sel a, .innerPrimNav li.sel span, .innerPrimNav li.sel:hover span {
color: #2C2C2C!important
}
.innerPrimNav li#Iwantto {
width: 187px
}
.innerPrimNav li.current, .innerPrimNav li.current:hover {
background-color: #000
}
.innerPrimNav li.current.sel {
background-color: #d7d7d7
}
.innerPrimNav li.links.current a, .innerPrimNav li.links.current span, .innerPrimNav li.links.current:hover a, .innerPrimNav li.links.current:hover span {
color: #fff
}
.innerPrimNav li.links.current span.arrow, .innerPrimNav li.links.current:hover span.arrow {
display: block
}
.innerPrimNav li.current.sel:hover a, .innerPrimNav li.current.sel:hover span {
color: #2c2c2c
}
.innerPrimNav li span.arrow {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #000 transparent transparent;
display: none;
position: absolute;
left: 50%;
bottom: -16px;
margin: 0 0 0 -4px;
z-index: 10
}
.innerBannerWrapper .innerLandBanner, .innerPrimNavWrap, .primeNavigation {
position: relative
}
.innerPrimNav li.sel span.arrow {
display: none
}
.innerPrimNav li.links:hover a, .innerPrimNav li:hover span {
color: #fff
}
.innerPrimNav li:first-child {
width: 178px;
padding: 23px 32px 14px;
color: #BC3F3D;
font-size: 1.7em;
background-image: none
}
.innerPrimNav li.activeNav:hover {
background: #2c2c2c;
cursor: default
}
.innerPrimNav li:first-child a, .innerPrimNav li:first-child:hover a {
color: #bc3f3d
}
.innerPagelink.innerPrimNav li:first-child {
font-size: 1em
}
.innerPagelink.innerPrimNav li:first-child a, .innerPagelink.innerPrimNav li:first-child:hover a {
color: #fff
}
.innerPrimNav li.links:first-child {
padding: 14px 32px;
background-image: none
}
.innerPrimNav li a, .innerPrimNav li.links a {
color: #fff;
font-size: 1.7em;
float: left;
line-height: normal;
width: 100%
}
.innerPrimNav li.sel a, .innerPrimNav li:hover a {
color: #2c2c2c
}
.innerPrimNav li span {
float: left;
clear: both;
color: #fff;
font-size: 1.2em
}
.innerPrimNav li.premium {
padding-top: 10px;
padding-bottom: 7px;
width: 218px;
cursor: default;
min-height: 55px
}
.innerPrimNav li.premium img {
float: left
}
.innerPrimNav li.premium a, .innerPrimNav li.premium span {
font-size: 1.1em;
color: #dda220;
padding: 0
}
.innerPrimNav li.premium a {
float: none
}
.innerPrimNav li.premium span {
float: left;
margin: -5px 0 0
}
.innerPrimNav li.premium:hover {
background-color: #dda220
}
.innerPrimNav li.premium:hover a, .innerPrimNav li.premium:hover span {
color: #000
}
.innerPrimNavWrap {
width: 100%;
float: left;
background-color: #d7d7d7;
z-index: 10
}
.innerPrimNavCont {
width: 1003px;
margin: 0 auto
}
.innerPrimNavCont ul {
float: left;
width: 198px;
padding: 18px 0 0
}
.innerPrimNavCont ul li {
padding: 4px 0 4px 40px;
float: left;
clear: both;
width: 158px
}
.innerPrimNavCont ul li:first-child {
font-size: 1.8em;
color: #bc3f3d;
line-height: 24px;
padding: 0 0 5px 5px;
float: left;
width: 193px
}
.innerPrimNavCont ul li p.subCatTitle {
font-size: 1.5em;
font-weight: 700;
padding: 0 0 3px;
width: 100%
}
.innerPrimNavCont ul li a {
font-size: 1.2em;
color: #333;
line-height: normal
}
.primeNavigation {
display: none;
padding: 0 0 30px;
float: left;
z-index: 10
}
.primeNavigation li img {
margin: 0;
float: left
}
.primeNavigation li span {
width: 147px;
float: left
}
.primeNavigation li>a>span {
font-size: .9em;
color: #bc3f3d
}
.innerPrimNavCont ul.depMoney li:first-child, .innerPrimNavCont ul.expCards li:first-child, .innerPrimNavCont ul.expForex li:first-child, .innerPrimNavCont ul.fndSup li:first-child, .innerPrimNavCont ul.getLoan li:first-child, .innerPrimNavCont ul.openAcc li:first-child, .innerPrimNavCont ul.planInvst li:first-child {
background: url(../../../../../scripts/desktop/images/nav-icon.png) no-repeat
}
.innerPrimNavCont ul.openAcc li:first-child {
background-position: 0 5px
}
.innerPrimNavCont ul.depMoney li:first-child {
background-position: 0 -57px
}
.innerPrimNavCont ul.planInvst li:first-child {
background-position: 0 -115px
}
.innerPrimNavCont ul.getLoan li:first-child {
background-position: 0 -169px
}
.innerPrimNavCont ul.expCards li:first-child {
background-position: 0 -224px
}
.innerPrimNavCont ul.expForex li:first-child {
background-position: 0 -285px
}
.innerPrimNavCont ul.fndSup li:first-child {
background-position: 0 -356px
}
.innerPrimNavCont img {
float: left;
margin: 53px 0 0 30px
}
.innerBannerWrapper {
background: url(../../../../../scripts/desktop/images/inner-banner-bg.jpg) center top repeat-y;
width: 100%;
float: left
}
.innerBannerWrapper .innerBannerCont {
width: 1003px;
margin: 0 auto
}
.innerBannerWrapper .innerBannerCont .innerBanner {
position: relative;
width: 783px;
float: left
}
.innerBannerWrapper .innerBannerCont .innerBanner h1 {
font-family: source_sans_proregular;
font-size: 3.2em;
font-weight: 400;
left: 50px;
position: absolute;
top: 28px;
line-height: normal;
width: auto
}
.innerBannerWrapper .innerBannerCont .innerBanner h1.whiteColor {
color: #fff
}
.innerBannerWrapper .innerBannerCont .innerBanner h1.blackColor {
color: #3e3e3e
}
.innerBannerWrapper .innerBannerCont .loginWrapper {
top: 32px
}
.innerMdlWrapper {
width: 100%;
float: left
}
.innerMdlWrapper .innerMdlInner {
width: 1003px;
margin: 0 auto;
position: relative
}
.innerMdlWrapper .innerMdlInner .loginregister {
overflow: visible
}
.breadcrumb {
padding: 13px 0 0
}
.innerMdlInner .breadcrum {
padding: 10px 0;
float: left;
width: 100%
}
.innerMdlInner .breadcrum ul li {
background: url(../../../../../scripts/desktop/images/brdcrm-sep.png) 5px center no-repeat;
float: left;
padding: 0 0 0 15px;
font-size: 1.1em;
color: #666
}
.breadcrum div:first-child, .innerMdlInner .breadcrum ul li:first-child {
background: 0 0;
padding: 0
}
.innerMdlInner .breadcrum ul li a {
color: #666
}
.breadcrum div {
float: left;
font-size: 1.1em;
color: #666;
background: url(../../../../../scripts/desktop/images/brdcrm-sep.png) 5px center no-repeat;
padding: 0 0 0 15px
}
.breadcrum div a {
color: #666
}
.innerMdlInner h1 {
float: left;
font-size: 3em;
font-weight: 400;
padding: 10px 0 15px;
width: 100%
}
.headingTitle h1 {
line-height: normal;
padding: 20px 0 0
}
.innerMdlWrapper .impLinks h2 {
margin: 0
}
.rightLinkWrapper {
width: 192px;
padding: 15px;
float: left
}
.rightLinkWrapper .expand {
color: #666;
font-size: 1.4em;
font-weight: 700;
text-transform: uppercase;
margin: 15px 0 0;
float: left;
width: 170px;
padding-right: 22px;
line-height: normal
}
.rightLinkWrapper .expandDiv {
float: left;
width: 100%
}
.rightLinkWrapper ul li {
border-top: 1px dotted #7a7a7a;
padding: 6px;
float: left;
width: 180px
}
.rightLinkWrapper ul li:first-child {
border-top: none
}
.rightLinkWrapper ul li a {
color: #666;
background: url(../../../../../scripts/desktop/images/sml-bullet1.png) left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 1.2em;
float: left
}
.rightLinkWrapper ul li a.active {
background: url(../../../../../scripts/desktop/images/red-sml-bullet.png) left 5px no-repeat;
color: #8B2E2E;
cursor: default;
font-weight: 700
}
.prdWrapper ul li {
float: left;
width: 214px;
padding: 0 0 30px 30px
}
.prdWrapper p.subCatTitle {
background: url(../../../../../scripts/desktop/images/sml-bullet1.png) 19px 18px no-repeat;
clear: both;
font-size: 1.5em;
font-weight: 700;
padding: 13px 0 15px 30px;
color: #474747
}
.prdWrapper .prdNote {
color: #666766;
float: left;
font-size: 1.4em;
padding: 10px 0 20px 30px
}
.prdWrapper .prdNote span {
font-size: 1.4em;
color: #bc3f3d
}
.prdWrapper .prdBox {
border: 1px solid #CECECE;
min-height: 417px;
padding: 10px 15px 24px;
width: 177px;
box-shadow: 0 1px 3px #d4d4d4;
cursor: pointer;
overflow: hidden
}
.callLightbox input, .reviewForm .left input {
-moz-box-shadow: inset 0 0 5px #d3d3d3;
-webkit-box-shadow: inset 0 0 5px #d3d3d3
}
.prdWrapper .prdBox p {
font-size: 1.3em;
color: #666766;
cursor: default
}
.prdWrapper ul li.selected .prdBox, .prdWrapper ul li:hover .prdBox {
border: 1px solid #bc3f3d
}
.prdWrapper .prdBox .prdTitle {
font-size: 1.7em;
color: #bc3f3d;
line-height: normal;
padding: 0 0 5px;
cursor: pointer
}
.prdWrapper .prdBox img {
margin: 6px 0 9px 13px
}
.prdWrapper .compare {
width: 112px;
float: left
}
.prdWrapper .compare .checkbox {
margin: 5px 5px 0 0
}
.prdWrapper .compare .checkbox.checked {
background-position: 0 -38px
}
.prdWrapper .compare input {
float: left
}
.prdWrapper .compare label {
color: #fff;
font-size: 1.1em;
float: left;
width: 79px;
line-height: 1em;
margin: 8px 0 0
}
.prdWrapper .comparebtn, .prdWrapper .prdComp .applynow {
color: #BC3F3D;
font-size: 1.1em;
float: left;
cursor: pointer
}
.prdWrapper .comparebtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -74px top no-repeat;
height: 19px;
padding: 4px 0 0;
text-align: center;
width: 73px;
display: none
}
.prdWrapper .prdComp {
float: left;
padding: 8px 0 8px 17px;
width: 192px;
background-color: #bc3f3d;
min-height: 24px
}
.tabContWrapper, .termsandcondition {
min-height: 300px
}
.prdWrapper .prdComp .applynow {
background: url(../../../../../scripts/desktop/images/icon-set.png) left top no-repeat;
width: 56px;
border: none;
padding: 3px 8px 6px
}
.innerMdlBtmWrapper {
width: 100%;
display: inline-block;
background-color: #dcdcdc;
padding: 0 0 55px
}
.innerMdlBtmWrapper .innerMdlBtm {
width: 1003px;
margin: 0 auto
}
.innerMdlBtmWrapper .left {
background: url(../../../../../scripts/desktop/images/inner-btm-sep.jpg) right 30px repeat-y;
width: 461px;
float: left;
margin: 32px 0 0 40px
}
.innerMdlBtmWrapper .left ul {
float: left;
width: 189px;
padding: 0 0 0 31px
}
.innerMdlBtmWrapper .left ul:first-child {
padding: 0
}
.innerMdlBtmWrapper .left ul li a {
padding: 0 0 0 3px;
float: left;
color: #8b2e2e
}
.innerMdlBtmWrapper .left ul li {
padding: 0 0 20px 3px;
font-size: 1.8em;
color: #8b2e2e;
float: left;
width: 186px
}
.innerMdlBtmWrapper .left ul li ul li {
background: url(../../../../../scripts/desktop/images/icon-set.png) 9px -234px no-repeat;
font-size: .8em;
padding: 0 0 20px 29px
}
.innerMdlBtmWrapper .left ul li ul li a {
color: #666766
}
.innerMdlBtmWrapper .left ul li.giveCall {
background-position: 0 -35px
}
.innerMdlBtmWrapper .left ul li.letusCall {
background-position: 0 -119px
}
.innerMdlBtmWrapper .left ul li.locateBranch {
background-position: 0 -157px
}
.innerMdlBtmWrapper .left ul li.calculator {
background-position: 0 -202px
}
.innerMdlBtmWrapper .left ul li p {
font-size: .8em;
color: #666766;
padding: 9px 0 0;
float: left
}
.innerMdlBtmWrapper .left ul li .detailsData {
float: left;
padding: 0 0 0 5px;
width: 157px;
line-height: normal
}
.innerMdlBtmWrapper .left ul li h2 {
font-size: 1em;
float: left
}
.innerMdlBtmWrapper .left ul li img {
float: left;
padding: 11px 0 0
}
.innerMdlBtmWrapper .right {
float: left;
padding: 40px 0 0;
width: 501px
}
.innerRatesWrap .ratesBox {
background: 0 0;
padding: 0 0 28px
}
.innerRatesWrap ul {
float: left;
width: 225px;
padding: 0 0 0 25px
}
.innerRatesWrap ul li {
float: left;
margin: 0 0 9px
}
.innerRatesWrap ul li.title {
color: #000;
font-size: 1.5em;
font-weight: 700
}
.innerRatesWrap ul li p {
color: #666766;
padding-bottom: 3px;
font-size: 1.1em
}
.innerRatesWrap ul li span.fig {
background: url(../../../../../scripts/desktop/images/usd-bg.jpg) left top repeat-x;
color: #eaf4f7;
font-size: 1.4em;
padding: 2px 3px
}
.innerRatesWrap ul li span {
color: #666766;
font-size: 1.2em
}
.innerRatesWrap .savingsRate .txt {
width: 120px;
padding: 0 15px 0 0
}
.innerRatesWrap .intRate .txt {
width: 152px;
float: left
}
.innerRatesWrap .ratesBox h2 {
color: #000;
font-size: 1em;
font-weight: 700
}
.innerMdlBtm .left.btmBox {
background: 0 0
}
.innerMdlBtm .left .innerBtmBox {
background: url(../../../../../scripts/desktop/images/v-sep.jpg) right 30px repeat-y;
float: left;
padding: 0 0 0 14px;
width: 447px
}
.innerMdlBtm .right .innerBtmBox {
float: left;
padding: 0 0 0 70px
}
.innerBtmBox h3 {
color: #8b2e2e;
padding: 0 0 15px
}
.innerBtmBox img {
float: left;
margin: 0 23px 0 0
}
.innerBtmBox .boxright {
width: 250px;
float: left
}
.innerBtmBox .boxright a.bTitle {
font-size: 1.8em;
color: #666766;
padding: 0;
float: none;
text-decoration: none
}
.innerBtmBox .boxright p {
font-size: 1.2em;
color: #666766;
float: left;
width: 100%;
padding: 0
}
.boxright p a {
float: none!important;
font-size: 1.2em!important;
color: #bc3f3d!important
}
.innerBoxWrap {
float: left;
padding: 0 0 20px;
width: 404px
}
.innerBoxWrap a {
color: #090909;
text-decoration: underline;
font-size: 1.3em;
float: left;
padding: 5px 0 0
}
.innerBanner img {
float: left
}
.innerBanner .singleBanner {
float: left;
height: 262px;
padding: 32px 30px;
width: 723px
}
.innerBanner .singleBanner img {
height: 262px;
width: 723px
}
.prdDeatilWrapper {
background: url(../../../../../scripts/desktop/images/prd-detail-bg.jpg) center top repeat-y;
width: 100%;
float: left
}
.prdDeatilWrapper .prdDetailLeft {
width: 783px;
float: left
}
.detailApply, .detailContri {
background: url(../../../../../scripts/desktop/images/icon-set.png) -152px 0 no-repeat;
border: none;
color: #FFF;
font-weight: 700;
height: 24px;
padding: 5px 0;
width: 96px;
cursor: pointer;
float: left;
text-align: center;
font-size: 1.3em
}
.detailContri {
background: url(../../../../../../content/dam/indusind/desktop/btn-grad.png) no-repeat;
width: 240px;
margin-right: 10px
}
.detailApply:hover, .detailContri:hover {
color: #fff;
text-decoration: none
}
/*.closeBtn {
float: right;
top: -10px;
position: relative;
right: -10px
}*/
.innerMdlBtmWrapper .innerMdlBtm .innerRatesWrap {
background: url(../../../../../scripts/desktop/images/inner-btm-sep.jpg) center 30px no-repeat
}
.prdDeatilWrapper .prdDetailRight {
width: 783px;
width: 220px
}
.prdDeatilWrapper .prdDetailRight .loginWrapper {
background: #CCCECD;
position: relative;
float: left;
top: 0;
margin: -172px 0 0
}
.giveCallWrapper .compare {
float: left;
margin: 5px 0 0 18px
}
.giveCallWrapper .compare label {
color: #666766
}
.giveCallWrapper ul {
background-color: #fff;
border: 1px solid #d7d7d7;
float: right;
margin: 0 23px 0 0
}
.giveCallWrapper ul li {
float: left;
border-left: 1px solid #dcdcdc;
padding: 5px 16px
}
.giveCallWrapper ul li:first-child {
border-left: none
}
.giveCallWrapper ul li img {
float: left
}
.giveCallWrapper ul li a {
padding: 2px 0 0 5px;
font-size: 1.3em;
color: #666;
float: left
}
.giveCallWrapper ul li.giveCall {
background-position: 0 -30px
}
.giveCallWrapper ul li.letusCall {
background-position: 0 -113px
}
.giveCallWrapper ul li.locateBranch {
background-position: 0 -154px
}
.giveCallWrapper .comparebtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -74px top no-repeat;
color: #BC3F3D;
float: left;
font-size: 1.1em;
height: 19px;
padding: 4px 0 0;
text-align: center;
width: 73px;
display: none;
cursor: pointer
}
.callLightbox, .formMessageLightbox, .getNewUpdateLightBox, .ratingLightbox, .reviewLightbox {
width: 350px;
position: fixed;
left: 0;
top: 0;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.callLightbox a.closeBtn, .formMessageLightbox a.closeBtn, .getNewUpdateLightBox a.closeBtn, .ratingLightbox a.closeBtn, .reviewLightbox a.closeBtn {
float: right
}
.callLightbox .formFld {
float: left;
margin: 0 0 12px
}
.callLightbox label {
width: 100px;
float: left;
color: #666;
font-size: 1.8em;
padding: 12px 0 0
}
.callLightbox input {
width: 210px;
background-color: #eaeaea;
float: left;
border: 1px solid #c8c8c8;
border-radius: 5px;
padding: 8px 10px;
box-shadow: inset 0 0 5px #d3d3d3
}
.callLightbox input.submit {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 103px
}
.formMessageLightbox, .getNewUpdateLightBox, .ratingLightbox, .reviewLightbox {
border: 5px solid #bc3f3d
}
.formMessageLightbox p, .getNewUpdateLightBox p, .ratingLightbox p, .reviewLightbox p {
font-size: 1.9em;
padding: 34px 0 18px;
text-align: center;
line-height: normal
}
.tabWrapper {
float: left;
width: 760px;
padding: 10px 0 0
}
.tabWrapper ul {
background-color: #2C2C2C;
float: left;
width: 100%
}
.tabWrapper ul li {
float: left;
position: relative;
cursor: pointer
}
.tabWrapper ul li:first-child a {
padding: 15px 20px 15px 22px
}
.tabWrapper ul li a {
background: url(../../../../../scripts/desktop/images/red-dotted-brd.png) left center no-repeat #2c2c2c;
float: left;
padding: 15px 7px;
text-align: center;
color: #fff;
font-size: 1.5em
}
.tabWrapper ul li.selected a, .tabWrapper ul li:hover a {
background-color: #7c7c7c;
text-decoration: none
}
.tabWrapper ul li span.arrow {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #7c7c7c transparent transparent;
position: absolute;
left: 50%;
top: 42px;
margin: 5px 0 0 -4px;
display: none
}
.tabWrapper ul li.selected span.arrow {
display: block
}
.tabContWrapper {
background-color: #fff;
float: left;
width: 660px;
padding: 27px 50px 30px
}
.tabContWrapper h2 {
font-size: 2.1em;
color: #666;
padding: 0 0 5px;
display: none
}
.tabContWrapper h2.visionTitle {
display: block
}
.tabCont .dash-divider {
float: left;
width: 100%;
height: 5px;
border-bottom: 1px dashed #ccc
}
.tabContWrapper ul {
padding-bottom: 12px
}
.highlightTitle {
color: #bc3f3d!important
}
.outterWrapper a, .tabContWrapper a {
color: #bc3f3d;
cursor: pointer
}
.tabContWrapper ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 10px 5px no-repeat;
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 23px
}
.tabContWrapper ul li ul, .tabContWrapper ul li ul.dash-bull {
margin-bottom: -12px;
padding: 10px 0 0
}
.tabContWrapper ul li ul li {
background: url(../../../../../scripts/desktop/images/tableBullet1.gif) 6px 4px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 20px
}
.tabContWrapper ul li ul.dash-bull li {
background: url(../../../../../../content/dam/indusind/desktop/tableBullet2.png) 6px 5px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 20px
}
.tabContWrapper p {
font-size: 1.3em;
color: #666766;
line-height: normal;
padding: 0 10px 10px 0;
clear: both
}
.tabContWrapper p.disclaimer {
font-size: 1.1em
}
.tabContWrapper table tr td, .tabContWrapper table tr th {
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
font-size: 1.2em;
padding: 10px
}
.tabContWrapper table {
border-top: 1px solid #b6b6b6;
width: 100%;
margin: 5px 0 15px
}
.tabContWrapper table tr th {
background-color: #2c2c2c;
color: #fff;
text-align: left
}
.tabContWrapper table tr td:first-child, .tabContWrapper table tr th:first-child {
border-left: 1px solid #b6b6b6
}
.tabContWrapper table tr td {
color: #757575
}
.ratePrd .ratingVal span, .tabContWrapper table tr td table tr td {
font-size: 1em
}
.printShare {
float: right;
height: 20px;
padding: 10px 22px 0 0;
display: none
}
.printShare a {
padding: 0 0 0 10px;
float: left
}
.ratePrdWrapper {
background: url(../../../../../scripts/desktop/images/rate-prd-bg.jpg) center top repeat-y;
width: 100%;
float: left
}
.ratePrdWrapper .ratePrdCont {
width: 1003px;
margin: 0 auto
}
.ratePrd {
float: left
}
.ratePrd .ratingVal {
background-color: #bc3f3d;
padding: 15px 5px;
float: left;
width: 40px;
color: #fff;
text-align: center
}
.ratePrd .ratingVal span.point {
font-size: 2.7em
}
.ratePrd .ratingVal a {
color: #fff;
text-decoration: underline
}
.ratePrd p {
font-size: 1.1em;
color: #666;
padding: 15px 10px 0;
width: 115px;
float: left
}
.ratePrd a.review, .ratingStar p {
color: #333;
font-size: 1.8em;
float: left
}
.ratePrd p.reviewCont {
width: 144px
}
.ratingStar {
background: url(../../../../../scripts/desktop/images/blk-dot-sep.png) left 14px no-repeat;
width: 173px;
float: left;
padding: 15px 0 10px 15px
}
.ratingStar div {
float: left
}
.ratingStar span {
background: url(../../../../../scripts/desktop/images/rating-star.png) -13px 0 no-repeat;
width: 13px;
height: 13px;
float: left;
margin-right: 4px;
cursor: pointer
}
.ratingStar span.blank {
background-position: -13px 0
}
.ratingStar span.noCursor {
cursor: default
}
.ratingStar p {
clear: both;
padding: 5px 0 0;
width: 100%
}
.ratePrd a.review {
background: url(../../../../../scripts/desktop/images/write-review.png) left 9px no-repeat;
padding: 10px 0 10px 40px;
width: 110px;
text-decoration: underline
}
.prodcuctReviewWrapper {
width: 100%;
float: left;
background-color: #fff;
display: none
}
.prodcuctReview {
background-color: #dcdcdc;
width: 953px;
margin: 5px auto 30px;
padding: 25px;
position: relative
}
.prodcuctReview h2 {
color: #bc3f3d;
font-size: 2.1em
}
.prodcuctReview h3 {
color: #666;
font-size: 1.9em;
padding: 5px 0 5px 16px
}
.prodcuctReview .reviewTxt {
color: #919191;
font-size: 1.4em;
padding: 0 0 5px 16px
}
.prodcuctReview p {
font-size: 1.5em;
color: #7c7c7c;
line-height: normal;
padding: 0 0 0 16px
}
.seeMore, .seeMore:hover {
color: #fff
}
.prdRevCont {
background: url(../../../../../scripts/desktop/images/sec-top-brd.jpg) left top repeat-x;
padding: 0 0 10px 20px
}
.prodcuctReview .prdRevCont:first-child {
background-image: none
}
.prodcuctReview .close {
background: url(../../../../../scripts/desktop/images/close-btn.png) left top no-repeat;
position: absolute;
top: 10px;
right: 10px;
width: 21px;
height: 21px;
cursor: pointer
}
.seeMore {
width: 129px;
height: 20px;
position: absolute;
left: 440px;
bottom: -24px;
background: url(../../../../../scripts/desktop/images/see-more-btn.png) left top no-repeat;
font-size: 1.2em;
text-align: center;
padding-top: 4px
}
.writeReviewWrapper {
width: 100%;
float: left;
background-color: #fff;
display: none
}
.writeReview {
background-color: #dcdcdc;
width: 953px;
margin: 5px auto 30px;
padding: 25px;
position: relative
}
.writeReview h2 {
color: #bc3f3d;
font-size: 2.1em
}
.writeReview .close {
background: url(../../../../../scripts/desktop/images/close-btn.png) left top no-repeat;
position: absolute;
top: 10px;
right: 10px;
width: 21px;
height: 21px;
cursor: pointer
}
.reviewForm {
float: left;
margin: 25px 0 0
}
.reviewForm .left {
width: 415px;
float: left
}
.reviewForm .left .formField {
width: 415px;
float: left;
margin: 0 0 30px
}
.reviewForm .left label {
width: 100px;
float: left;
color: #666;
font-size: 1.8em;
padding: 12px 0 0
}
.reviewForm .left input {
width: 292px;
background-color: #eaeaea;
float: left;
border: 1px solid #c8c8c8;
border-radius: 5px;
padding: 12px 10px;
box-shadow: inset 0 0 5px #d3d3d3
}
.formField textarea {
float: left;
width: 292px!important;
height: 76px;
background-color: #EAEAEA;
border-radius: 5px;
box-shadow: 0 0 5px #D3D3D3 inset;
border: 1px solid #C8C8C8;
padding: 12px 10px;
font-family: Arial, Helvetica, sans-serif;
resize: none;
font-size: 1.3em
}
.reviewForm .right {
width: 465px;
float: left;
margin: 0 0 0 70px
}
.reviewForm .right .recomPrd {
margin: 11px 0 0
}
.reviewForm .right .recomPrd p {
color: #666;
font-size: 1.8em;
float: left;
padding: 0 18px 0 0
}
.reviewForm .right .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 0 11px 0 0;
line-height: 1em
}
.reviewForm .right .radiobox.checked {
background-position: 0 -29px
}
.reviewForm .right .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em;
float: left
}
.reviewForm .right .radiobox label {
width: 85px;
padding: 0 0 0 5px;
line-height: 1.2em;
cursor: pointer;
color: #858585;
font-size: 1.6em;
font-style: italic
}
.captchaWrapper {
float: left;
margin: 50px 0 0
}
.captchaWrapper .captchaTitle {
font-size: 1.8em;
color: #666;
line-height: normal
}
.captchaWrapper p {
font-size: 1.4em;
color: #989898;
line-height: normal;
padding: 5px 0
}
.captchaWrapper input.picTxt {
width: 215px;
background-color: #eaeaea;
float: left;
border: 1px solid #c8c8c8;
border-radius: 5px;
padding: 12px 10px;
-moz-box-shadow: inset 0 0 5px #d3d3d3;
-webkit-box-shadow: inset 0 0 5px #d3d3d3;
box-shadow: inset 0 0 5px #d3d3d3
}
.captchaWrapper input.addComment, .captchaWrapper input.cancel {
color: #fff;
width: auto;
padding: 9px;
font-size: 1.8em;
cursor: pointer
}
.captchaWrapper .btnWrap {
float: left;
margin: 20px 0 0
}
.captchaWrapper input.addComment {
background-color: #bd4341;
border: none;
border-radius: 0;
margin: 0 20px 0 0
}
.captchaWrapper input.cancel {
background-color: #9e9e9e;
border: none;
border-radius: 0
}
.learnMoreWrapper {
padding: 30px 0 0 40px;
float: left
}
.learnMoreWrapper h3 {
color: #8b2e2e;
padding: 0 0 20px
}
.learnMoreWrapper h4 {
color: #666;
padding: 0 0 15px
}
.learnMoreWrapper img {
float: left;
margin: 0 20px 0 0
}
.learnMoreCont {
float: left;
padding: 0 45px 0 0;
width: 425px
}
.learnMoreCont a, .learnMoreCont a:hover {
text-decoration: none
}
.learnMoreWrapper .learnMoreCont p {
font-size: 1.3em;
color: #666766
}
.innerHeaderContainer .innerPrimNavInner {
width: 100%;
float: left
}
.innerPrimNavInner li {
background: url(../../../../../scripts/desktop/images/red-dotted-brd.png) left center repeat-y;
float: left;
padding: 14px 19px 15px;
cursor: pointer;
width: 323px;
font-family: source_sans_proregular;
position: relative
}
.careerBtm p, .careerContainer p {
font-family: Arial, Helvetica, sans-serif
}
.innerPrimNavInner li a {
color: #fff;
font-size: 1.7em;
float: left;
line-height: normal;
font-weight: 700
}
.innerPrimNavInner li a h1 {
font-size: 1em
}
.innerPrimNavInner li span {
float: left;
clear: both;
color: #fff;
font-size: 1.2em
}
.innerPrimNavInner li.sel a, .innerPrimNavInner li.sel span, .innerPrimNavInner li:hover a, .innerPrimNavInner li:hover span {
color: #2c2c2c
}
.innerPrimNavInner li.sel, .innerPrimNavInner li:first-child.sel, .innerPrimNavInner li:first-child:hover, .innerPrimNavInner li:hover {
background-color: #d7d7d7
}
.innerPrimNavInner li.current {
background-color: #000!important
}
.innerPrimNavInner li.sel.current {
background-color: #d7d7d7!important
}
.innerPrimNavInner li.sel.current a, .innerPrimNavInner li.sel.current span, .innerPrimNavInner li.sel.current:hover a, .innerPrimNavInner li.sel.current:hover span {
color: #2C2C2C!important
}
.innerPrimNavInner li:hover span.arrow {
display: none
}
.innerPrimNavInner li.current span.arrow {
display: block
}
.innerPrimNavInner li span.arrow {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #000 transparent transparent;
display: none;
position: absolute;
left: 50%;
bottom: -16px;
margin: 0 0 0 -4px;
z-index: 10
}
.innerPrimNavInner li.current:hover a, .innerPrimNavInner li.current:hover span, .innerPrimNavInner li.sel.current a, .innerPrimNavInner li.sel.current span, .innerPrimNavInner li.sel.current:hover a, .innerPrimNavInner li.sel.current:hover span {
color: #fff
}
.innerPrimNavInner li:first-child {
width: 297px;
background: 0 0
}
.innerPrimNavInner li.lastChild {
width: 268px
}
.innerPrimNavContCareer {
width: 1003px;
margin: 0 auto
}
.innerPrimNavContCareer ul.carrerLtnav {
float: left;
width: 380px;
padding: 29px 0 0 20px
}
.innerPrimNavContCareer ul.carrerLtnav li {
padding: 0 0 9px 19px;
background: url(../../../../../scripts/desktop/images/red-bullet.png) left 6px no-repeat
}
.innerPrimNavContCareer ul.carrerLtnav li a {
font-size: 1.6em;
color: #666766;
line-height: normal
}
.innerPrimNavContCareer img {
float: left;
margin: 29px 0 0 30px
}
ul.carrerBoxes {
padding: 0 0 15px;
clear: left;
float: left
}
ul.carrerBoxes li {
width: 295px;
height: 233px;
padding: 6px;
border: 1px solid #bfbfbf;
margin: 0 8px 19px 9px;
box-shadow: 0 1px 3px #D4D4D4
}
ul.carrerBoxes li.lst {
margin: 0 0 19px 9px
}
ul.carrerBoxes li a span {
color: #666766;
font-size: 1.3em;
line-height: normal;
padding: 8px 0 0 11px;
display: block
}
ul.carrerBoxes li a span.prdTitle {
font-size: 2.1em;
color: #bc3f3d;
padding-top: 5px
}
ul.carrerBoxes li:hover {
background-color: #bc3f3d
}
ul.carrerBoxes li:hover a span {
color: #FFF
}
.careerContainer {
margin: 0 auto;
width: 962px;
padding: 5px 0 0;
clear: left
}
.careerContainer h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2em
}
.careerContainer p {
color: #666766;
font-size: 1.3em;
font-weight: 400;
padding: 15px 0 0;
width: 646px
}
.CareerWrapper h2, .careerContent h3 {
font-size: 2.1em;
line-height: 2em;
font-weight: 400
}
.careerContainer ul.careerTab {
margin: 35px 0 0;
float: left;
height: 257px
}
.careerContainer ul.careerTab li {
padding: 0 0 25px 15px;
width: 208px
}
.careerContainer ul.careerTab li:first-child {
padding-left: 0
}
.careerContainer ul.careerTab li.activetab {
width: 279px
}
.careerContainer ul.careerTab li img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
width: 206px;
height: 167px;
cursor: pointer
}
.careerContainer ul.careerTab li.activetab img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0);
width: 279px;
height: 237px
}
.CareerWrapper {
width: 971px;
margin: 0 auto
}
.CareerWrapper h2 {
color: #666;
padding: 0 0 0 10px
}
.careerContent {
padding: 0;
clear: both;
float: left
}
.careerContent h3 {
color: #8b2e2e;
text-transform: uppercase
}
.careerContent ul.carrerLftNav {
list-style: none;
width: 340px;
float: left
}
.careerContent ul.carrerLftNav li {
float: none;
padding: 0 0 8px 15px;
background: url(../../../../../scripts/desktop/images/red-bullet.png) left 6px no-repeat;
width: 342px
}
.careerContent ul.carrerLftNav li a {
color: #666766;
font-size: 1.5em;
line-height: 1.4em;
font-weight: 700
}
.careerContent ul.carrerLftNav li a:hover, .careerContent ul.carrerLftNav li.actleftTab a {
color: #bc3f3d;
text-decoration: underline
}
.LeftContentWrapper {
width: 596px;
float: left
}
.careerContentTab {
padding: 0 0 0 25px;
display: none
}
.careerContentTab p {
color: #666;
font-size: 1.3em;
font-weight: 400;
padding: 0 0 18px;
width: 100%
}
.careerContentTab p.ParaHeading {
font-size: 2.1em
}
.careerBtm {
text-align: center;
padding: 44px 0 0
}
.careerBtm h3 {
color: #8b2e2e;
padding: 0 0 15px
}
.careerBtm p {
color: #666766;
font-size: 1.3em;
font-style: normal
}
.btnStrct {
color: #fff;
float: left;
margin: 0 auto;
padding-left: 8px
}
.btnStrct input, .frmRhtSec .btnStrct input, .notifyME .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
border: none;
cursor: pointer
}
.notifyME .btnStrct input {
width: 76px;
font-size: 1.3em
}
.frmRhtSec .btnStrct input {
width: auto;
font-size: 1.3em
}
.noborder .btnStrct input {
font-size: .7em
}
.careerContentTab .btnStrct {
float: right
}
.careerBtm .btnStrct {
margin: 15px auto 0;
width: 120px;
display: inline-block;
float: none
}
.jobListing {
width: 968px;
margin: 0 auto
}
.jobListing h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2em;
float: left
}
.jobSelect {
width: 555px;
float: right
}
.jobSelect span {
float: left;
padding: 10px 10px 0 20px;
color: #bc3f3d;
font-family: source_sans_proregular;
font-size: 1.5em
}
.jobSelect .selectbgfunc select {
width: 193px
}
.jobSelect .selectbgPos select {
width: 189px
}
.jobSelect .selectbgPos option, .jobSelect .selectbgfunc option {
padding: 5px 0 5px 5px;
float: left
}
.jobSelect .selectbgPos, .jobSelect .selectbgfunc {
background: url(../../../../../scripts/desktop/images/select-bg2.png) left top no-repeat;
float: left;
height: 35px;
margin-bottom: 10px;
position: relative;
width: 193px
}
.jobSelect .selectedvalue {
color: #666;
font-size: 1.2em;
height: 18px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 149px;
overflow: hidden
}
.jobSelect .selectbgPos .selectedvalue {
width: 143px
}
.jobAccContent {
width: 968px;
margin: 0 auto;
clear: both
}
.jobAccContent .jobAcc .ListExpand {
border: 1px solid #999;
box-shadow: 0 1px 3px #D4D4D4;
-ms-box-shadow: 0 1px 3px #D4D4D4;
-webkit-box-shadow: 0 1px 3px #D4D4D4;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
position: relative
}
.jobAccContent .jobAcc .ListExpand .expandAcc {
width: 925px;
margin: 0 auto;
color: #bc3f3d;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 0;
line-height: 1.2em;
cursor: pointer;
clear: both
}
.jobAccContent .jobAcc .ListExpand .expandAcc p {
display: block;
width: 100%;
float: left;
position: relative;
cursor: pointer
}
.jobAccContent .jobAcc .ListExpand .expandAcc p a {
color: #333;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
cursor: pointer;
display: block;
width: 100%
}
.jobAccContent .jobAcc .ListExpand .expandAcc.collapsAcc p a {
color: #BC3F3D
}
.jobAccContent .jobAcc .ListExpand .expandAcc p span {
float: left;
width: 800px
}
.jobAccContent .jobAcc .ListExpand .expandAcc span.arr {
background: url(../../../../../scripts/desktop/images/expand-icon.png) left top no-repeat;
display: block;
float: right;
width: 21px;
height: 22px
}
.jobAccContent .jobAcc .ListExpand .collapsAcc span.arr {
background: url(../../../../../scripts/desktop/images/collapse-icon.png) no-repeat
}
.AccSlideContent {
width: 925px;
margin: 0 auto;
padding: 26px 0 18px;
clear: both;
border-top: 1px dashed #666;
position: relative;
height: 310px
}
.hrjobupdate .AccSlideContent {
overflow: auto
}
.accSlideLeft {
float: left;
padding: 50px 0 0;
border-right: 1px solid #bc3f3d;
position: relative;
width: 262px;
height: 152px
}
.accSlideLeft img.ltArrow {
width: 17px;
height: 25px;
position: absolute;
top: 76px;
right: -11px
}
.accSlideLeft p {
color: #bc3f3d;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 10px
}
.accSlideLeft p span {
color: #333;
text-transform: uppercase
}
.accSlideRight {
width: 511px;
float: left;
padding-left: 42px
}
.accSlideRight h2 {
color: #666;
font-size: 1.8em;
font-family: source_sans_proregular;
line-height: 1.8em;
padding: 0 0 9px;
float: none
}
.AccsocialIcon p, .accSlideRight p, .cultureBox p, .cultureBox ul li p, .keyNote p, .submitForm p {
font-family: Arial, Helvetica, sans-serif
}
.accSlideRight p {
color: #666766;
font-size: 1.3em;
line-height: 1.2em;
padding: 0 0 9px
}
.AccsocialIcon {
padding-top: 20px;
display: none
}
.AccsocialIcon p {
float: left;
color: #000;
font-size: 1.6em;
line-height: 1.9em;
font-weight: 700
}
.AccsocialIcon ul {
width: 150px;
float: left
}
.AccsocialIcon ul li {
float: left;
margin: 0 0 0 15px;
width: auto;
padding: 0
}
.cultureBox h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2.8em
}
.cultureBox h2.noLtPAd {
padding-left: 0
}
.cultureBox p {
color: #666766;
font-size: 1.3em;
line-height: 1.4em;
padding: 0 0 9px;
width: 703px
}
.cultureBox ul {
list-style: none;
padding: 36px 0 34px;
clear: left;
width: 971px;
float: left
}
.cultureBox ul li {
float: left;
width: 179px;
border: 1px solid #cecece;
box-shadow: 0 1px 3px #cecece;
-moz-box-shadow: 0 1px 3px #cecece;
-webkit-box-shadow: 0 1px 3px #cecece;
-ms-box-shadow: 0 1px 3px #cecece;
margin-right: 39px;
padding: 16px;
min-height: 257px
}
.cultureBox ul li.lastChild {
margin-right: 0
}
.cultureBox ul li h3 {
color: #bc3f3d;
font-size: 2.1em;
padding-bottom: 11px
}
.cultureBox ul li p, .keyNote p {
color: #666766;
font-size: 1.3em
}
.cultureBox ul li p {
width: auto;
line-height: normal
}
.hrContent {
clear: both;
float: left;
width: 100%;
padding: 0 0 48px
}
.hrVedio {
float: left
}
.keyNote {
float: right;
width: 310px
}
.keyNote h2 {
line-height: 1em;
padding: 0 0 16px
}
.keyNote p {
background: url(../../../../../scripts/desktop/images/top_comma.png) left top no-repeat;
padding: 0 0 16px 18px!important;
line-height: 1.2em;
width: auto;
text-align: left
}
.submitForm {
border-top: 1px solid #712727;
margin: 7px auto 0;
width: 968px
}
.submitForm h2 {
color: #666;
font-size: 2.1em;
font-weight: 400;
line-height: 2.8em;
float: none
}
.submitForm p {
color: #666766;
font-size: 1.3em;
line-height: 1.4em;
width: 744px
}
.ProductCompareWrap table tr td, .accContent form.accForm .radiobox, .accContent form.accForm input, .accContent form.accForm label, .frmRhtSec input, .frmRhtSec teatarea, .notifyME input {
font-family: source_sans_proregular
}
.submitForm form {
width: 100%;
padding: 21px 0 20px
}
#neatform {
margin: 20px 0 20px 35px;
float: left
}
.termWrap {
clear: both;
float: left;
width: 15px
}
.termWrap input {
clear: both!important;
width: auto!important
}
.termWrap div.error {
height: 20px;
width: 250px!important
}
#neatform #termCondition {
width: auto;
clear: both
}
#neatform .termsLabel label {
padding: 0 15px 0 5px;
line-height: normal;
width: auto;
margin: -3px 0 0
}
.FrmLftSec label, .frmRhtSec label {
line-height: 1.5em;
font-size: 1.5em
}
.FrmLftSec {
width: 458px;
float: left
}
.FrmLftSec label {
width: 93px;
color: #333;
float: left;
padding: 5px 15px 0 0
}
.FrmLftSec input, .FrmLftSec textarea, .frmRhtSec input, .frmRhtSec textarea {
float: left;
border: 1px solid #999;
border-radius: 10px;
width: 217px;
padding: 7px 8px;
background: 0 0;
color: #666766;
font-size: 1.5em;
font-family: source_sans_proregular
}
.FrmLftSec textarea, .frmRhtSec textarea {
resize: none
}
.FrmLftSec input.dob, .frmRhtSec input.dob {
width: 88px
}
.frmRhtSec textarea {
width: 249px;
height: 100px;
resize: none;
margin: 0 0 1px
}
.FrmLftSec .selectgen, .frmRhtSec .selectloc {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
height: 30px;
position: relative
}
.cancelBtn, .submitBtn {
margin-top: 15px
}
.FrmLftSec select {
width: 105px
}
.FrmLftSec .selectgen {
border-radius: 10px;
float: left;
width: 114px;
margin-right: 8px
}
.frmRhtSec {
width: 502px;
float: right
}
.frmRhtSec label {
width: 85px;
color: #333;
float: left;
padding: 5px 15px 0 0
}
.frmRhtSec input, .frmRhtSec teatarea {
float: left;
color: #666766;
font-size: 1.5em
}
.frmRhtSec select {
width: 105px
}
.FrmLftSec select option, .frmRhtSec select option {
padding: 5px 0 5px 5px
}
.frmRhtSec .selectloc {
border-radius: 10px;
float: left;
margin-bottom: 10px;
width: 107px
}
.FrmLftSec .selectedvalue, .frmRhtSec .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 77px;
overflow: hidden
}
.cancelBtn input, .submitBtn input {
padding: 6px 25px 9px 23px
}
.cancelBtn {
margin-left: 15px
}
.notifyME {
width: 383px;
margin: 10px auto
}
.notifyME input {
float: left;
border: 1px solid #999;
border-radius: 10px;
width: 217px;
padding: 7px 8px;
background: 0 0;
color: #666766;
font-size: 1.5em
}
.applyNowSlide, .slideShow {
background: url(../../../../../scripts/desktop/images/applyNowgif.gif) left top no-repeat
}
.notifyME .btnStrct {
margin: 2px 0 0 15px;
float: left
}
.applyContainer {
position: absolute;
right: -991px;
top: -2px
}
.ApplyNowContent, .InLtPopup {
position: relative;
float: left
}
.applyNowSlide {
width: 39px;
height: 187px;
cursor: pointer;
float: left;
margin-top: 78px
}
.ApplyNowContent {
width: 967px;
min-height: 400px;
border: 1px solid #CCC;
background: #fff;
z-index: 3
}
.InLtPopup {
border-top: none;
padding: 5px;
width: 100%
}
.InLtPopup .FrmLftSec {
width: 358px;
padding: 0 0 0 39px
}
.InLtPopup .frmRhtSec {
width: 468px
}
.closeForm {
color: red;
font-size: 2em;
position: absolute;
top: -11px;
left: -4px;
display: none;
cursor: pointer
}
.ovAll, .uploBtn {
font-size: 1.2em;
top: 0
}
.InLtPopup .FrmLftSec label {
padding: 5px 15px 0 0;
width: 87px
}
.InLtPopup .frmRhtSec label {
padding: 5px 15px 0 0;
width: 166px
}
.InLtPopup .FrmLftSec label span, .InLtPopup .frmRhtSec label span {
color: red
}
.InLtPopup .ApplyNowContent {
height: 305px
}
.inputMaster {
height: 28px;
padding: 2px 5px 0 6px;
border: 1px solid #999;
border-radius: 10px;
width: 88px
}
.inputMaster.upload {
width: 176px;
float: left;
position: relative
}
.inputMaster.upload span {
display: block;
font-size: 1.2em;
padding: 2px 0 0;
text-align: center
}
.ovAll {
height: 20px;
left: 0;
overflow: hidden;
padding: 5px 0 0 8px;
position: absolute;
width: 174px;
z-index: 1
}
.inputMaster input.file {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.inputMaster input {
border: none;
border-radius: 0;
height: 25px;
font-size: 1.2em;
padding-top: 0;
position: relative;
z-index: 2
}
.inputMaster.upload input.upl {
border-radius: 3px;
margin-left: 185px;
width: 52px;
cursor: pointer;
margin-top: 3px
}
.uploBtn {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
width: 59px;
text-align: center;
color: #fff;
position: absolute;
right: -69px;
line-height: 2em;
border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
margin-top: 3px
}
.locateusWrapper {
background: url(../../../../../scripts/desktop/images/locateus-top-bg.jpg) left 80px repeat-x;
width: 100%
}
.locateLinks li {
background-color: #DCDCDC;
color: #666;
float: left;
font-size: 2em;
font-weight: 400;
padding: 15px 0;
text-align: center;
width: 180px;
cursor: pointer;
position: relative;
margin-right: 1px
}
.locateLinks li.active, .locateLinks li:hover {
background-color: #7c7c7c;
color: #fff
}
.otherOffice {
margin: 0 0 0 30px;
float: left
}
.otherOffice select {
cursor: pointer;
width: 181px;
height: 44px;
top: -8px
}
.otherOffice select option {
padding: 5px;
height: 10px;
line-height: 9em;
background-color: #dddcdc;
display: block;
position: relative
}
.otherOffice .selectbg {
background: url(../../../../../scripts/desktop/images/selectArrow.gif) 146px 23px no-repeat #dcdcdc;
float: left;
padding: 9px 0;
height: 27px;
position: relative;
width: 180px
}
.otherOffice .selectedvalue {
color: #666;
font-size: 1.9em;
height: 20px;
line-height: 1em;
position: absolute;
text-align: left;
width: 131px;
overflow: hidden
}
.atmSearchContainer, .branchesContainer {
float: left;
padding: 18px 0 0;
height: 49px;
position: relative;
z-index: 1;
width: 100%
}
.branchesContainer {
display: none
}
.atmSearchContainer p, .branchesContainer p {
background: url(../../../../../scripts/desktop/images/wht-arrow.png) 19px 4px no-repeat;
font-size: 1.8em;
color: #fff;
padding: 9px 17px 5px 50px;
float: left
}
.atmSearchContainer input.atmSearch, .branchesContainer input.atmSearch {
width: 264px;
background-color: #e5e5e5;
border: 1px solid #676767;
color: #787878;
padding: 6px;
float: left;
margin: 3px 0 0
}
.atmSearchContainer input.atmSearchBtn, .branchesContainer input.atmSearchBtn {
background: url(../../../../../scripts/desktop/images/red-bg.jpg) left top repeat-x;
color: #fff;
width: 75px;
height: 28px;
text-align: center;
border: none;
margin: 4px 0 0 9px;
float: left;
border-radius: 7px;
font-weight: 700;
font-size: 1.2em;
cursor: pointer
}
.atmSearchContainer ul, .branchesContainer ul {
float: right
}
.atmSearchContainer ul li, .branchesContainer ul li {
float: left;
background-color: #fff;
padding: 9px 15px;
color: #666;
font-size: 1.5em;
cursor: pointer
}
.atmSearchContainer ul li {
margin: 0 0 0 20px
}
.branchesContainer ul li {
margin: 0 0 0 10px
}
.atmSearchContainer ul li.sel, .branchesContainer ul li.sel {
background-color: #dcdcdc
}
.atmSearchContainer .refineSearch, .branchesContainer .refineSearch {
padding: 20px;
left: 0;
position: absolute;
top: 51px;
width: 963px;
background-color: #dcdcdc;
z-index: 1;
display: none
}
.refineSearch p {
background: 0 0;
font-size: 1.7em;
color: #333;
padding: 17px 20px 5px 0
}
.refineSearch .cash {
float: left;
padding: 17px 27px 0 0;
width: 290px
}
.refineSearch .checkbox {
background: url(../../../../../scripts/desktop/images/chkbox.png) left top no-repeat;
width: 18px
}
.refineSearch .checkbox.checked {
background-position: 0 -26px
}
.refineSearch label {
font-size: 1.5em;
color: #333;
float: left
}
.refineSearch div.helpIcon {
background: url(../../../../../scripts/desktop/images/help-icon.png) left top no-repeat;
width: 16px;
height: 16px;
float: left;
margin: 0 0 0 8px;
position: relative
}
.refineSearch .filterBtn {
background: url(../../../../../scripts/desktop/images/red-bg.jpg) left top repeat-x;
padding: 5px 12px;
color: #fff;
font-weight: 700;
border: none;
border-radius: 5px;
float: left;
margin: 10px 0 0 14px;
cursor: pointer
}
.refineSearch .tooltip {
top: -45px;
height: auto;
left: auto;
right: -20px;
font-size: 1.2em
}
.refineSearch.serviceAvail .tooltip {
font-size: .8em
}
.refineSearch .tooltip span {
right: 22px;
bottom: -16px;
top: auto;
border-color: #fff transparent transparent
}
.refineSearch.serviceAvail {
height: 130px
}
.refineSearch.serviceAvail p {
padding: 17px 20px 10px 23px
}
.refineSearch.serviceAvail ul li {
background: url(../../../../../scripts/desktop/images/gry-bullet.png) 0 13px no-repeat;
cursor: default;
width: 200px
}
.dirIcon, .goBtn, .locationbtn, .swap {
cursor: pointer
}
.refineSearch.serviceAvail ul li span {
float: left;
color: #333;
line-height: normal
}
.locateusContainer {
float: left;
padding: 0 0 14px
}
.locateusLeft {
width: 343px;
float: left;
margin: 17px 0 0;
height: 570px
}
.locateusLeft .accord {
background: url(../../../../../scripts/desktop/images/location-icon.png) left 14px no-repeat;
font-size: 1.9em;
color: #666766;
width: 272px;
padding: 14px 23px 14px 25px;
float: left;
position: relative;
cursor: pointer;
border-top: 1px solid #CBCBCB;
line-height: normal
}
.locateusLeft .accord.active {
background-position: 0 -55px
}
.locateusLeft .accord span {
width: 0;
height: 0;
border: 8px solid;
background-image: none;
border-color: #7c7c7c transparent transparent;
display: block;
position: absolute;
right: 10px;
top: 27px
}
.locateusLeft .accord.active span {
border-color: transparent transparent #7c7c7c;
top: 19px
}
.addressCont {
float: left;
padding: 0 0 10px 25px;
width: 295px;
display: none
}
.addressCont p {
font-size: 1.4em;
color: #666766;
line-height: 1.4em
}
.addressCont p.currLocation {
background: url(../../../../../scripts/desktop/images/location-sml-icon.png) 10px 5px no-repeat #e5e5e5;
padding: 3px 0 3px 25px;
margin: 7px 0
}
.serviceOffer {
float: left;
width: 100%
}
.serviceOffer p {
font-size: 1.4em;
font-weight: 700
}
.serviceOffer ul li {
background: url(../../../../../scripts/desktop/images/sml-bullet.png) 3px 4px no-repeat;
font-size: 1.3em;
color: #666766;
padding: 0 0 0 10px
}
.serviceOffer ul {
float: left;
margin: 7px 0 5px
}
.serviceOffer .ratingStar {
background: 0 0;
padding: 0;
width: 92px;
float: right;
display: none
}
.serviceOffer .ratingStar p {
font-size: 1.3em
}
.serviceOffer p.timings {
font-size: 1.2em;
padding: 2px 0
}
.locateusRight {
width: 650px;
float: left;
margin: 17px 0 0 10px
}
.locationbtn {
float: left;
margin: 15px 10px 0 0
}
.locationbtn .lcLeft {
background: url(../../../../../scripts/desktop/images/direction-btn.jpg) no-repeat;
width: 3px;
height: 26px;
float: left
}
.locationbtn .lcMdl {
background: url(../../../../../scripts/desktop/images/direction-btn.jpg) 0 -26px repeat-x;
float: left;
font-size: 1.2em;
height: 16px;
padding: 5px 2px;
color: #666766
}
.locationbtn .lcRight {
background: url(../../../../../scripts/desktop/images/direction-btn.jpg) 0 -52px no-repeat;
width: 3px;
height: 26px;
float: left
}
.locationbtn.sel .lcLeft, .locationbtn.sel .lcMdl, .locationbtn.sel .lcRight {
background-image: none;
background-color: #dcdcdc
}
.locationbtn.sel .lcLeft, .locationbtn.sel .lcRight {
height: 28px
}
.locationbtn.sel .lcMdl {
height: 18px
}
.lctExpand {
width: 268px;
background-color: #dcdcdc;
padding: 15px 12px;
float: left;
display: none
}
.lctExpand .frmField {
float: left;
width: 100%;
margin: 0 0 8px
}
.lctExpand .frmField .emailId {
background-color: #F8F8F8;
border: 1px solid #B6B6B6;
color: #787878;
font-size: 1.2em;
padding: 6px 5px;
width: 187px
}
.lctExpand label {
width: 50px;
float: left;
font-size: 1.4em;
color: #666766
}
.lctExpand .fieldRight {
float: left;
width: 205px
}
.lctExpand .fieldRight input {
padding: 6px 5px;
width: 205px;
background-color: #f8f8f8;
border: 1px solid #b6b6b6;
color: #787878;
font-size: 1.2em
}
.dirIcon {
background: url(../../../../../scripts/desktop/images/icon-set.png) no-repeat #d4d4d4;
width: 54px;
height: 31px;
border: 1px solid #adadad;
margin-right: 8px;
float: left
}
.dirIcon.carMode {
background-position: -204px -169px
}
.dirIcon.walkMode {
background-position: -203px -209px
}
.dirIcon.sel {
background-color: #fff
}
.swap {
background: url(../../../../../scripts/desktop/images/icon-set.png) -186px -215px no-repeat;
width: 16px;
height: 22px;
float: left;
margin: 0 0 5px 140px
}
.goBtn {
background: url(../../../../../scripts/desktop/images/red-bg.jpg) repeat-x;
float: right;
border: none;
border-radius: 5px;
padding: 5px 9px;
color: #fff;
font-weight: 700
}
.exPopup, .footerLocateus {
bottom: 47px;
cursor: default;
position: absolute;
display: none
}
.exPopup {
width: 190px;
background-color: #CBCBCB;
padding: 20px 30px;
border: 1px solid #B5B5B5;
border-bottom: none;
left: -86px
}
.exPopup h3 {
font-size: 1.8em;
color: #bc3f3d;
padding: 0 0 5px
}
.exPopup ul li {
background: url(../../../../../scripts/desktop/images/red-bullet1.png) 0 8px no-repeat;
width: 100%
}
.secondFooter ul.fLink .exPopup ul li a {
padding: 5px 0 5px 7px;
width: 100%;
color: #4E4E4E;
font-size: 1.2em
}
.exPopup.recentlyview {
left: -14px
}
.exPopup.importantNotice {
left: 0;
background-color: #000;
border: 1px solid #000
}
.footerLocateus {
width: 400px;
background-color: #CBCBCB;
left: -170px;
padding: 20px 30px;
border: 1px solid #B5B5B5;
border-bottom: none
}
.exPopup .closeBtn, .footerLocateus .closeBtn {
background: url(../../../../../scripts/desktop/images/icon-set.png) -179px -40px no-repeat;
width: 16px;
height: 16px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer
}
.footerLocateus .iWantLocate h3, .footerLocateus .ipConflict h3, .footerLocateus .ipConflictBranch h3, .footerLocateus .locateAtm h3, .footerLocateus .locateBranch h3 {
font-size: 2em;
color: #bc3f3d;
width: 100%;
float: left
}
.footerLocateus .iWantLocate .left {
float: left;
border-right: 1px dashed #2c2c2c;
padding: 0 19px 0 0
}
.footerLocateus .iWantLocate .left ul li {
float: left;
width: 79px;
font-size: 1.6em;
color: #333;
text-align: center;
padding: 17px 0 0 38px
}
.footerLocateus .iWantLocate .left ul li:first-child {
padding-left: 0
}
.footerLocateus .iWantLocate .left ul li img {
float: left;
margin: 0 0 5px
}
.footerLocateus .iWantLocate .right {
float: left;
padding: 0 0 0 19px
}
.footerLocateus .iWantLocate .right h3 {
font-size: 1.8em;
color: #333;
float: none
}
.footerLocateus .iWantLocate .right ul li {
background: url(../../../../../scripts/desktop/images/red-bullet1.png) 0 12px no-repeat;
padding: 10px 0 10px 13px;
float: none
}
.footerLocateus .iWantLocate .right ul li a {
color: #666766;
font-size: 1.5em;
float: none
}
.footerLocateus .ipConflict, .footerLocateus .ipConflictBranch, .footerLocateus .locateAtm {
display: none
}
.footerLocateus .locateAtm h2, .footerLocateus .locateBranch h2 {
padding: 0 0 10px
}
.footerLocateus .locateAtm p, .footerLocateus .locateBranch p {
background: url(../../../../../scripts/desktop/images/blk-arrow.png) 0 4px no-repeat;
font-size: 1.5em;
color: #333;
padding: 10px 0 10px 28px;
float: left
}
.footerLocateus .locateAtm p.locateusNote, .footerLocateus .locateBranch p.locateusNote {
background: 0 0;
font-size: 1em
}
.footerLocateus .locateAtm .locNo, .footerLocateus .locateAtm .locYes, .footerLocateus .locateBranch .locNoBranch, .footerLocateus .locateBranch .locYes {
background-color: #2c2c2c;
color: #fff;
border-radius: 5px;
border: none;
padding: 5px 0;
width: 54px;
margin: 4px 4px 0;
cursor: pointer;
font-weight: 700
}
.footerLocateus .ipConflict, .footerLocateus .ipConflictBranch {
padding: 0 0 15px
}
.footerLocateus .ipConflict h2, .footerLocateus .ipConflictBranch h2 {
padding: 0 0 20px
}
.footerLocateus .ipConflict p, .footerLocateus .ipConflictBranch p {
font-size: 1.5em;
color: #333;
width: 100%;
float: left;
border-bottom: 1px dashed #2c2c2c;
padding: 20px 0 5px;
margin: 0 0 10px;
line-height: normal
}
.footerLocateus .ipConflict .enterLoc, .footerLocateus .ipConflictBranch .enterLoc {
width: 290px;
background-color: #f8f8f8;
border: 1px solid #b6b6b6;
color: #787878;
padding: 4px 15px;
float: left;
margin: 0 15px 0 0
}
.footerLocateus .ipConflict .searchBtn, .footerLocateus .ipConflictBranch .searchBtn {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
color: #fff;
width: 62px;
border: none;
cursor: pointer;
border-radius: 5px;
padding: 4px 0;
font-weight: 700;
font-size: 1.2em
}
.ProductCompareWrap {
float: left;
margin-top: 18px;
margin-bottom: 18px
}
.ProductCompareWrap table {
border-top: 1px dashed #afafaf;
float: left
}
.ProductCompareWrap table tr td {
width: 251px;
padding: 12px 5px;
border-left: 1px dashed #afafaf;
font-size: 1.4em;
font-style: normal;
font-weight: 400;
line-height: 1.3em;
color: #666766;
border-bottom: 1px dashed #afafaf
}
.ProductCompareWrap table tr.noborder {
border: none
}
.ProductCompareWrap table tr td.noborder {
border: none;
font-weight: 700;
color: #202020;
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px dashed #afafaf
}
.ProductCompareWrap table tr.noborder td.noborder {
border: none
}
.ProductCompareWrap table tr td ul {
list-style: none;
width: 225px;
margin: 0 auto
}
.ProductCompareWrap table tr td ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 10px no-repeat;
padding-left: 10px;
padding-top: 4px
}
.ProductCompareWrap table tr td ul li ul li {
background: url(../../../../../scripts/desktop/images/tableBullet1.gif) 5px 10px no-repeat;
padding-left: 16px
}
.ProductCompareWrap table tr td p {
width: 225px;
margin: 0 auto;
padding: 0 0 5px
}
.ProductCompareWrap table tr td p span {
color: #000
}
.ProductCompareWrap table tr td input.whiteBtn {
background: url(../../../../../scripts/desktop/images/grayBtn.png) right top no-repeat;
width: 92px;
height: 23px;
text-align: center;
display: block;
padding: 4px 10px 3px;
text-decoration: none;
color: #bc3f3d;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
border: none;
cursor: pointer;
margin-top: 5px
}
.ProductCompareWrap table tr td input.whiteBtn.fltStyle {
float: left
}
.ProductCompareWrap table tr td .ratingStar {
background: 0 0;
width: 97px;
float: left;
padding: 10px 0 10px 15px
}
.ProductCompareWrap table tr td .ratingStar span {
background: url(../../../../../scripts/desktop/images/rating-star.png) -13px top no-repeat;
width: 13px;
height: 13px;
float: left;
margin-right: 4px;
cursor: default
}
.ProductCompareWrap table tr td .ratingStar span.blank {
background-position: -13px 0
}
.ProductCompareWrap table tr td .ratingStar span.actrating, .ProductCompareWrap table tr td .ratingStar span.currrating {
background-position: 0 0
}
.ProductCompareWrap table tr td ul.cards {
list-style: none;
width: 231px;
margin: 0 auto
}
.ProductCompareWrap table tr td ul.cards li {
padding: 5px 0 8px;
background: 0 0;
clear: both;
float: left;
width: 100%
}
.ProductCompareWrap table tr td ul.cards li img {
float: left
}
.ProductCompareWrap table tr td ul.cards li p {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 10px no-repeat;
margin-left: 10px;
padding: 6px 0 0 10px;
float: left;
width: 148px
}
.ProductCompareWrap .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
margin-bottom: 10px;
position: relative;
width: 237px
}
.ProductCompareWrap select {
width: 240px
}
.ProductCompareWrap select option {
padding: 5px 0 5px 5px
}
.ProductCompareWrap .selectedvalue {
color: #666;
font-size: 1em;
height: 20px;
padding: 6px 5px 0 16px;
position: absolute;
text-align: left;
width: 199px;
overflow: hidden
}
.ProductCompareWrap .checkbox {
width: 15px;
height: 15px;
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
margin: 2px 5px 0 0
}
.ProductCompareWrap .checkbox.checked {
background-position: 0 0
}
.ProductCompareWrap .checkbox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer
}
.ProductCompareWrap label {
float: left;
padding-right: 5px
}
.ProductCompareWrap .btnStrct {
color: #FFF;
float: left;
margin-left: 14px
}
.ProductCompareWrap .btnStrct a {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
text-decoration: none;
color: #FFF;
float: left;
font-size: .9em;
font-weight: 700;
padding: 4px 10px 5px
}
.ProductCompareWrap .btnStrct a :hover {
text-decoration: none
}
.ProductCompareWrap .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
line-height: 1em
}
.ProductCompareWrap .radiobox.checked {
background-position: 0 -29px
}
.ProductCompareWrap .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em;
float: left
}
.ProductCompareWrap .radiobox label {
width: 85px;
padding: 0 0 0 3px;
line-height: 1.2em;
cursor: pointer
}
.ProductCompareWrap table tr td p.tncText {
font-size: .8em;
padding: 10px 0 0
}
.milestone li.last {
width: 187px
}
.timelineWrapper {
background: url(../../../../../scripts/desktop/images/timeline-bg.jpg) left 8px repeat-x;
width: 960px;
position: relative;
float: left;
margin: 30px 0 0 21px;
padding-bottom: 27px;
border-bottom: 1px dotted #7a7a7a
}
.timelineWrapper .next, .timelineWrapper .prev {
background: url(../../../../../scripts/desktop/images/next-prev-icon.png) no-repeat;
position: absolute;
top: -6px;
width: 33px;
height: 33px;
cursor: default
}
.timelineContainer, .timelineWrapper ul {
width: 816px;
float: left
}
.timelineWrapper .prev {
background-position: 0 0;
left: -1px
}
.timelineWrapper .next {
background-position: 0 -66px;
right: -1px
}
.timelineWrapper .prev.active {
background-position: 0 -33px;
left: -1px;
cursor: pointer
}
.timelineWrapper .next.active {
background-position: 0 -99px;
right: -1px;
cursor: pointer
}
.timelineContainer {
margin-left: 72px;
overflow: hidden
}
.timelineWrapper ul li {
float: left;
width: 50px;
margin: 0 43px;
font-size: 1.3em;
color: #2c2c2c;
cursor: pointer
}
.timelineWrapper ul li span {
background: url(../../../../../scripts/desktop/images/timeline-img.jpg) left top no-repeat;
width: 21px;
height: 21px;
margin: 0 0 10px 12px;
float: left
}
.timelineWrapper ul li.sel {
color: #bc3f3d
}
.timelineWrapper ul li.sel span {
background-position: 0 -21px
}
.timelineData {
width: 960px;
padding: 20px 0 30px 21px
}
.timelineData h2 {
color: #bc3f3d;
font-size: 2.1em
}
.timelineData tr td {
padding: 10px
}
.timelineData p {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 5px no-repeat;
font-size: 1.2em;
color: #666766;
padding-left: 14px
}
.pdfData p, .timelineData p span {
color: #bc3f3d
}
.timelineData a, .timelineData a:hover {
text-decoration: none
}
.timelineData a p {
background: 0 0
}
.yearData {
display: none
}
.yearData table {
width: 100%
}
.pdfData h2 {
padding-bottom: 10px
}
.pdfData a {
text-decoration: none;
float: left
}
.pdfData td {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) left 13px no-repeat
}
.pdfData p {
font-size: 1.2em;
padding-left: 16px
}
.pdfData span {
color: #666766;
font-style: italic;
padding-left: 16px;
font-size: 1.3em
}
.milestoneBtmCont {
width: 970px;
margin: 0 auto;
border-top: 1px dotted #7a7a7a;
padding: 20px 0 25px
}
.milestoneVideo {
width: 324px;
float: left;
position: relative
}
.milestoneVideo img {
width: 324px;
height: 249px
}
.videoInfo {
background: url(../../../../../scripts/desktop/images/video-info-bg.png) left top repeat-x;
width: 284px;
position: absolute;
bottom: 4px;
left: 0;
padding: 14px 20px 10px
}
.videoInfo p {
font-size: 1.8em;
color: #fff;
float: left;
padding: 10px 0 0;
width: 235px
}
.videoInfo .playVideo, .videoInfo .shareVideo {
background: url(../../../../../scripts/desktop/images/play-share-icon.png) no-repeat;
width: 37px;
height: 36px;
float: right;
cursor: pointer
}
.videoInfo .playVideo {
background-position: 0 0;
margin: 0 7px 0 0
}
.videoInfo .shareVideo {
background-position: 0 -37px
}
.noBrd {
border: none
}
.milestoneBox {
width: 298px;
float: left;
border: 1px solid #bfbfbf;
padding: 5px;
min-height: 237px;
margin: 0 0 0 10px;
box-shadow: 0 1px 3px #D4D4D4
}
.milestoneBox:hover {
background-color: #BC3F3D
}
.milestoneBox span {
color: #666766;
font-size: 1.2em;
padding: 8px 0 0 11px;
float: left;
clear: both
}
.milestoneBox a {
float: left;
clear: both
}
.milestoneBox a:hover {
text-decoration: none
}
.milestoneBox span.title {
font-size: 2.1em;
color: #bc3f3d;
padding-top: 5px;
line-height: normal
}
.milestoneBox:hover a, .milestoneBox:hover span {
color: #fff
}
.ratingsCont {
width: 180px;
float: left;
padding: 0 20px 20px
}
.ratingsCont h2 {
background: url(../../../../../scripts/desktop/images/rating-img.png) left top no-repeat;
color: #666;
font-size: 1.8em;
padding: 4px 0 11px 42px
}
.ratingsCont p {
color: #666;
line-height: normal;
padding: 10px 0 0;
font-size: 1.3em
}
.visionContainer {
margin: 0 0 20px;
min-height: 0
}
.tabCont .tabInnerCont {
width: 309px;
float: left;
padding: 0 0 0 20px
}
.tabCont .tabInnerCont p {
padding: 0 10px 10px 0
}
.tabCont .tabInnerCont:first-child {
padding-left: 0;
padding-right: 20px;
border-right: 1px dotted #7a7a7a
}
.tabCont div {
float: left
}
.abtPeopleWrapper {
float: left;
padding: 0 0 35px
}
.abtPeopleWrapper .abtPeopleCont {
width: 473px;
float: left;
padding: 0 0 0 28px
}
.abtPeopleWrapper .abtPeopleCont:first-child {
padding: 0;
width: 501px
}
.abtPeopleCont h2 {
font-size: 1.6em;
color: #000
}
.abtPeopleCont p {
color: #2c2c2c;
line-height: normal;
padding: 18px 0 0;
font-size: 1.3em
}
p.msgTxt {
color: #bc3f3d;
font-style: italic;
font-size: 1.4em
}
.boardDirectorWrapper h2 {
color: #666766;
font-size: 1.6em;
padding: 20px 0 0
}
.boardofDirectCont {
width: 855px;
margin: -26px auto 0;
position: relative
}
.boardofDirectCont .profNext, .boardofDirectCont .profPrev {
background: url(../../../../../scripts/desktop/images/next-prev-icon.png) no-repeat;
width: 33px;
height: 33px;
position: absolute;
top: 140px;
cursor: pointer
}
.boardofDirectCont .profPrev {
background-position: 0 -33px;
left: 0
}
.boardofDirectCont .profNext {
background-position: 0 -99px;
right: 0
}
.boardofDirectCont .roundabout-holder {
margin: 0 0 0 125px
}
.profileWrapper {
background-color: #fff;
width: 671px;
height: auto;
position: relative;
margin: -36px 0 0 59px;
padding: 10px 30px;
min-height: 270px
}
.profileWrapper .topArrow {
width: 0;
height: 0;
border: 12px solid;
background-image: none;
border-color: transparent transparent #fff;
display: block;
position: absolute;
left: 50%;
top: -24px;
margin: 0 0 0 -6px
}
.profile {
width: 671px;
display: none
}
.profile p {
color: #666766;
font-size: 1.3em;
line-height: 1.3em
}
.profile p.msgTxt {
color: #bc3f3d;
font-style: italic;
font-size: 1.4em
}
.profile h3 {
font-size: 1.6em;
color: #666766;
padding: 20px 0 10px
}
.profile h3:first-child {
padding-top: 0
}
.topmostBanner {
height: 137px;
float: left
}
.abtCommercial {
float: left;
padding: 15px 0
}
.abtCommercial ul {
list-style: none
}
.abtCommercial ul li {
list-style: none;
padding-right: 15px;
float: left;
padding-bottom: 12px;
cursor: pointer
}
.abtCommercial ul li.nopadding {
padding-right: 0
}
.investorIntro {
font-size: 1.3em;
color: #666;
padding: 10px 0 0 11px;
float: left
}
.financialData h2 {
color: #666
}
.financialData a {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) left top no-repeat;
font-size: 1.4em;
color: #666766;
padding: 0 0 0 21px
}
.financialData table tr td {
padding: 7px
}
.financialData table tr td table {
margin: 0 0 20px
}
.hrVedio iframe {
position: relative;
z-index: 3
}
.AccountLightBox, .overlayAcc {
left: 0;
z-index: 11;
display: none;
top: 0
}
.overlayAcc {
position: fixed;
background-color: #000;
opacity: .8;
filter: alpha(opacity=80);
width: 100%;
height: 100%
}
.AccountLightBox {
width: 800px;
position: absolute;
border-radius: 4px;
background-color: #fff;
padding: 13px 0
}
.AccountLightBox a.closeBtn {
float: right;
padding: 0 28px 0 0
}
.accContent {
width: 726px;
margin: 0 auto;
padding: 0
}
.accContent form.accForm .selectgen, .accContent form.accForm .selectloc {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
height: 30px;
margin-bottom: 10px;
position: relative;
float: left
}
.accContent h2 {
color: #151515;
font-size: 2.8em;
padding-bottom: 18px;
padding-top: 8px
}
.accContent p {
color: #666766;
font-size: 1.3em;
line-height: 1.8em
}
.accContent form.accForm {
padding: 19px 0 40px
}
.accContent form.accForm label {
width: 182px;
color: #333;
font-size: 1.4em;
line-height: 1.5em;
float: left;
padding: 5px 19px 19px 0;
text-align: right
}
.accContent form.accForm .selectgen {
border-radius: 10px;
width: 107px
}
.accContent form.accForm select {
width: 105px
}
.FrmLftSec select option, .accContent form.accForm select option {
padding: 5px 0 5px 5px
}
.accContent form.accForm .selectloc {
border-radius: 10px;
width: 107px
}
.accContent form.accForm .selectedvalue {
color: #666;
font-size: 1.2em;
height: 20px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 127px;
overflow: hidden
}
.accContent form.accForm input {
float: left;
color: #666766;
font-size: 1.5em;
background: rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
padding: 7px 8px;
width: 170px;
margin-left: 20px
}
.accContent form.accForm input.noltmargin {
margin-left: 0;
width: 200px
}
.accContent form.accForm .selectgen.bigWidth {
width: 215px
}
.accContent form.accForm .selectgen.bigWidth select {
width: 214px
}
.accContent form.accForm .btnStrct {
color: #FFF;
float: left;
margin-top: 15px;
padding-left: 8px
}
.accContent form.accForm .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px
}
.accContent form.accForm .btnStrct.applybtn {
margin-left: 181px
}
.accContent form.accForm .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-size: 1.4em;
line-height: 1em
}
.calcSection .maxVal, .calcSection .titleField {
font-family: Arial, Helvetica, sans-serif;
position: relative
}
.accContent form.accForm .radiobox.checked {
background-position: 0 -29px
}
.accContent form.accForm .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.accContent form.accForm .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.abtCommercial {
width: 100%
}
.PremimCusBox, .contactUs {
width: 440px;
border: 1px solid #ccc
}
.contactUs {
float: left;
padding: 10px 20px
}
.contactUs h2 {
color: #bc3f3d;
font-size: 2em;
padding-bottom: 15px
}
.contactUs p span {
color: #2c2c2c;
font-weight: 700
}
.contactUs .contactLabel {
color: #2C2C2C;
font-weight: 700;
float: left
}
.contactUs a, .contactUs p, .contactUs p a {
color: #666766
}
.PremimCusBox p a, .PremimCusBox p span {
color: #dda220
}
.contactUs p {
font-size: 1.4em;
padding: 0 0 12px 41px;
line-height: 1.4em
}
.contactUs p.Tele {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/teleIco.png) left 5px no-repeat
}
.contactUs p.whatsappicon {
font-size: 1.6em;
background: url(../../../../../../content/dam/indusind/desktop/whatsapp-icon.jpg) -2px 0 no-repeat
}
.contactUs p.mail {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/mailIco.png) left 5px no-repeat
}
.PremimCusBox {
float: right;
background: url(../../../../../scripts/desktop/images/boxReptBg.gif) left top;
padding: 12px 20px
}
.PremimCusBox h2 {
padding-bottom: 8px
}
.PremimCusBox p {
color: #dda220;
font-size: 1.4em;
padding: 0 0 12px;
line-height: 1.4em
}
.PremimCusBox p.Tele {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/grayTeleIco.png) left 3px no-repeat;
padding: 0 0 15px 41px
}
.PremimCusBox p.mail {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/grayMsgIco.png) left 3px no-repeat;
padding: 0 0 10px 41px
}
.AbtBand {
background: url(../../../../../scripts/desktop/images/bandRept.png) left top repeat-x;
width: 100%;
margin: 19px 0;
border: 1px solid #999;
border-bottom: 2px solid #999;
border-radius: 5px;
color: #bc3f3d;
font-size: 1.6em;
float: left
}
.AbtBand ul li {
float: left;
width: 250px;
padding: 0;
background: url(../../../../../scripts/desktop/images/seprator.gif) left 7px no-repeat
}
.AbtBand ul li.nobg {
background: 0 0
}
.AbtBand ul li a {
background: url(../../../../../scripts/desktop/images/bandIcon.png) left top no-repeat;
color: #bc3f3d;
display: block;
padding: 10px 0;
text-align: center
}
.AbtBand ul li a.locate {
background-position: 62px 6px
}
.AbtBand ul li a.feed {
background-position: 39px -58px
}
.AbtBand ul li a.griev {
background-position: 27px -123px
}
.AbtBand ul li a.faq {
background-position: 76px -207px
}
.frmRhtSec .termCondition {
float: left;
border: none!important
}
.accContent form.accForm .termCondition .checkbox, .frmRhtSec .termCondition .checkbox {
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
height: 15px;
margin: 9px 5px 0 0;
width: 15px
}
.frmRhtSec .termCondition .checkbox input {
border: none;
cursor: pointer;
height: 14px;
opacity: 0;
width: 14px
}
.accContent form.accForm .termCondition label, .frmRhtSec .termCondition label {
float: left;
padding-right: 5px;
width: 423px;
font-size: 1.4em;
padding-bottom: 0;
text-align: left
}
.savingTab ul li, .savingTabContent table tr td.saveRtHead {
text-align: center
}
.frmRhtSec .termCondition .checkbox.checked {
background-position: 0 0
}
.btnContainer {
display: block;
float: left;
padding-left: 155px
}
.monthWrapper, .savingTabContent, .siteMenu ul li ul.subSitemap, .siteMenu ul li ul.subSitemap li ul.subSubSitemap, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li ul {
display: none
}
.accContent form.accForm .termCondition label {
width: 423px
}
.savingLt {
width: 1003px;
float: left;
margin-bottom: 35px
}
.savingTab {
width: 100%
}
.savingTab ul {
float: left
}
.savingTab ul li {
float: left;
cursor: pointer;
margin-right: 1px;
padding: 16px 0;
color: #666;
background: #dcdcdc;
width: 253px;
font-size: 1.9em
}
.otherRate .tabActive, .savingTab ul li.activetab {
color: #fff;
background: #7c7c7c
}
.savingLt .faqsQuest {
width: 952px
}
.savingLt .faqAns p {
font-size: 1.3em;
padding: 5px 0;
line-height: 1.4em
}
.savingrateContent {
width: 100%;
float: left;
padding: 27px 0 40px
}
.savingTabContent h4 {
padding: 10px 0;
float: left
}
.savingTabContent table {
width: 100%;
float: left;
border: 1px solid #c5c5c5
}
.savingTabContent table tr.Head {
background: #000
}
.savingTabContent table tr.Head td {
color: #FFF
}
.savingTabContent table tr td {
font-size: 1.4em;
line-height: 1.2em;
padding: 14px 20px;
border-bottom: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5
}
.savingTabContent table tr td.saveLtHead {
color: #FFF;
border-right: 1px solid #c5c5c5;
padding-left: 19px
}
.savingTabContent table tr td.savefullwidth {
width: auto;
color: #666766;
border-bottom: 1px solid #c5c5c5;
padding-left: 19px
}
.savingTabContent table tr td.saveLt {
color: #666766;
border-bottom: 1px solid #c5c5c5;
width: 599px;
border-right: 1px solid #c5c5c5;
padding-left: 19px
}
.savingTabContent table tr td.saveRt {
color: #666766;
border-bottom: 1px solid #c5c5c5;
width: 119px;
text-align: center
}
.savingTabContent table tr td.savefullwidth ul li {
padding: 0 10px 10px 15px;
line-height: 1.2em;
margin: 0;
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 5px no-repeat;
width: auto
}
.savingTabContent p {
font-size: 1.3em;
padding: 5px 0;
float: left;
width: 100%;
color: #666766
}
.savingTabContent ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 11px 6px no-repeat;
padding: 0 0 5px 23px;
width: auto;
clear: both;
color: #666766;
float: none
}
.SavingWrapper {
width: 1003px;
padding: 5px 0 0;
clear: left
}
.savingRt {
width: 220px;
float: right;
position: relative
}
.savingRt .loginWrapper {
top: 0
}
.savingRt .loginWrapper .login p {
color: #fff;
font-size: 1.2em
}
.savingRt .loginWrapper .login ul {
float: left;
margin: 10px 0;
width: 100%
}
.termCondition table, .termCondition table.inn-table {
margin: 5px 0 15px;
border-top: 1px solid #b6b6b6;
width: 100%
}
.savingRt .loginWrapper .login ul li {
padding: 0 0 5px 5px;
float: left;
width: auto
}
.savingRt .loginWrapper .login ul li.sel, .savingRt .loginWrapper .login ul li:hover {
background: url(../../../../../scripts/desktop/images/login-left.jpg) left top no-repeat;
font-weight: 700
}
.savingRt .loginWrapper .login ul li input {
color: #bc3f3d;
font-size: 1.2em;
padding: 4px 5px 8px 0;
float: left;
background: 0 0;
border: none;
cursor: pointer
}
.savingRt .loginWrapper .login ul li.sel input, .savingRt .loginWrapper .login ul li:hover input {
background: url(../../../../../scripts/desktop/images/login-right.jpg) right top no-repeat;
color: #fff;
text-decoration: none
}
.termCondition .faqsQuest, .termCondition .faqsQuest.active {
background-position: 99% 7px
}
.savingRt .loginWrapper .login ul li.loginBtn input {
width: 50px
}
.savingRt .loginWrapper .login ul li.regBtn input {
width: 70px
}
.savingRt .loginWrapper .login ul li.demoBtn input {
width: 50px
}
.savingRt .loginWrapper .quikService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.savingRt .loginWrapper .login p.indusNet {
font-size: 1.8em;
color: #686868
}
.savingRt .loginWrapper .quikService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
.termCondition {
padding: 20px 0;
text-align: justify;
float: left;
width: 100%
}
.termCondition ol, .termCondition ul {
float: left;
clear: both;
width: 100%
}
.termCondition h1 {
padding-bottom: 20px
}
.termCondition h2 {
color: #666;
font-size: 2.1em;
padding-bottom: 10px
}
.termCondition h5 {
color: #bc3f3d;
font-size: 1.8em;
padding-bottom: 15px;
font-weight:normal;
}
.termCondition ul li a {
color: #bc3f3d
}
.termCondition ul li p {
font-size: 1em;
color: #666766;
line-height: 1em;
}
.termCondition ol li, .termCondition p {
font-size: 1.3em;
color: #666766;
line-height: 1.3em
}
.termCondition ul li ul li {
padding-top: 10px;
line-height: 1.3em
}
.termCondition ol li {
padding-top: 10px
}
.termCondition .faqsQuest {
width: 913px
}
.termCondition p {
padding: 0 0 10px;
clear: both
}
.termCondition .paddBt {
width: 100%;
float: left;
height: 5px;
clear: both
}
.termCondition table tr td, .termCondition table tr th {
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
padding: 10px;
text-align: left
}
.termCondition table tr th {
background-color: #2c2c2c;
color: #fff;
font-size: 1.5em
}
.termCondition table tr td:first-child, .termCondition table tr th:first-child {
border-left: 1px solid #b6b6b6
}
.termCondition table tr td {
font-size: 1.2em;
color: #757575
}
.termCondition table.inn-table tr th {
background-color: #2c2c2c;
color: #fff;
font-size: inherit
}
.termCondition table.inn-table tr td {
font-size: inherit;
color: #757575
}
.termCondition a {
color: #bc3f3d
}
.termCondition a.continueBtn {
color: #fff;
font-size: 1em;
width: 100%
}
.termCondition ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 11px 6px no-repeat;
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 23px;
clear: both
}
.termCondition ul li table tr td, .termCondition ul li ul li table tr td {
color: #666766;
font-size: inherit;
line-height: 1.3em
}
.termCondition ul li table tr th,.termCondition ul li ul li table tr th {
background-color: #2c2c2c;
color: #fff;
font-size: inherit;
}
.termCondition ul li.cmyk {
color: #bc3f3d
}
.termCondition ul.pdfLinks li {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) 12px 5px no-repeat;
padding: 5px 10px 10px 37px
}
.termCondition ul li ul {
padding: 10px 0
}
.termCondition ul li ul li {
background: url(../../../../../scripts/desktop/images/tableBullet1.gif) left 5px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 13px
}
.termCondition ul li ul.tick li {
background: url(../../../../../../content/dam/indusind/desktop/red-tick.png) left 2px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 16px
}
.termCondition table ul li {
font-size: 1.2em
}
.termCondition table.otherInfo, .termCondition table.otherInfo td {
border: none!important
}
.innovationsTitle {
font-weight: 700;
color: #bc3f3d!important;
font-size: 1.4em!important
}
table .innovationsTitle {
font-size: 1.2em!important
}
.termCondition table.innovationsTable tr td:first-child, .termCondition table.innovationsTable tr th:first-child {
border-left: none
}
.termCondition table.innovationsTable tr td {
border-top: 1px solid #B6B6B6;
border-bottom: none;
border-right: none
}
.shoppingTable, .shoppingTable tr td {
border: none!important
}
.shoppingTable {
width: auto!important
}
.SiteMap {
padding-bottom: 60px;
padding-left: 30px
}
.siteMenuLt {
float: left;
width: 324px
}
.siteMenu {
padding: 26px 0 0;
float: left;
clear: both
}
.siteMenu>ul {
width: 300px
}
.siteMenu>ul>li, .siteMenu>ul>li>ul>li {
width: 200px
}
.subSubSitemap li ul li {
width: 150px
}
.siteMenu>a, .siteMenu>h3 {
float: left;
width: 200px
}
.siteMenu a:hover {
text-decoration: none
}
.siteMenu a:hover h3, .siteMenu ul li a:hover {
text-decoration: underline
}
.siteMenu h2 {
color: #bc3f3d;
font-size: 1.8em;
line-height: 1.5em
}
.siteMenu ul li {
background: url(../../../../../scripts/desktop/images/siteMenuLiBg.gif) left top no-repeat;
padding: 10px 0 7px 30px;
float: left;
clear: both
}
.siteMenu ul li a {
color: #383535;
font-size: 1.4em;
line-height: 1.3em
}
.siteMenu ul li a:hover {
color: #bc3f3d
}
.siteMenu ul li ul.subSitemap li a, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a {
color: #383535;
font-size: 1.2em;
line-height: 1.3em
}
.siteMenu ul li a.noLink, .siteMenu ul li a.noLink:hover, .siteMenu ul li ul.subSitemap li a.noLink, .siteMenu ul li ul.subSitemap li a.noLink:hover, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a.noLink, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a.noLink:hover {
cursor: default;
text-decoration: none
}
.siteMenu ul li.Lastmap {
background: url(../../../../../scripts/desktop/images/sitemapNavLt.gif) left top no-repeat
}
.siteMenu ul li.colpsLastmap {
background: url(../../../../../scripts/desktop/images/collapsLast.gif) left -6px no-repeat;
cursor: pointer
}
.siteMenu ul li.colps {
background: url(../../../../../scripts/desktop/images/expandCollaps.gif) left top no-repeat;
cursor: pointer
}
.siteMenu ul li.colps.Expandmenu {
background-position: 0 -514px
}
.siteMenu ul li.colpsLastmap.Expandmenu {
background: url(../../../../../scripts/desktop/images/expandLast.gif) left -6px no-repeat
}
.siteMenu ul li ul.subSitemap li a:hover, .siteMenu ul li ul.subSitemap li ul.subSubSitemap li a:hover {
color: #bc3f3d;
text-decoration: underline
}
.calcLink {
padding: 30px 0 0
}
.calcLink ul li {
background-color: #dcdcdc;
border-right: 1px solid #fff;
float: left;
text-align: center
}
.calcLink ul li.active {
background-color: #7C7C7C;
color: #FFF
}
.calcLink ul li.active a {
color: #fff
}
.calcLink ul li.invstCalc {
width: 248px
}
.calcLink ul li.emiCalc {
width: 250px
}
.calcLink ul li.findAcc {
width: 270px
}
.calcLink ul li.indusMoney {
width: 231px
}
.calcLink ul li a {
color: #666;
font-size: 1.6em;
padding: 15px 0;
float: left;
width: 100%
}
.clacBanner {
width: 100%;
float: left;
position: relative
}
.clacBanner .loginWrapper {
top: 0
}
.savingsContainer {
width: 100%;
float: left;
padding: 0 0 60px
}
.savingsContainer .leftCont {
background-color: #eaeaea;
width: 634px;
float: left;
border-right: 1px solid #C6C6C6;
min-height: 593px
}
.savingsContainer .leftCont p a {
color: #676766;
float: right;
font-size: 1.4em;
padding: 11px
}
.savingsContainer .rightCont {
width: 368px;
float: left
}
.slideWrapper {
padding: 28px 20px 0;
border-top: 1px solid #c6c6c6;
width: 595px;
float: left
}
.slideWrapper:first-child {
border-top: none
}
.quest {
background: url(../../../../../scripts/desktop/images/calculator-icon.png) no-repeat;
color: #666766;
font-size: 1.6em;
float: left;
padding: 11px 14px 11px 46px
}
.inputField .inpLft, .inputField .inpRt {
width: 6px;
height: 29px;
float: left
}
.inputField .inpLft {
background: url(../../../../../scripts/desktop/images/input-left.png) left top no-repeat
}
.inputField .inpRt {
background: url(../../../../../scripts/desktop/images/input-right.png) left top no-repeat
}
.inputField .inpMdl {
background: url(../../../../../scripts/desktop/images/input-mdl.png) left top repeat-x;
height: 29px;
float: left
}
.inputField .inpMdl input {
width: 100%;
float: left;
height: 29px;
background: 0 0;
border: none;
text-align: center;
line-height: 29px
}
.inputWrapper {
float: left
}
.inputWrapper .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img.png) left top no-repeat;
width: 10px;
height: 16px;
float: left;
margin: 7px 5px 0 0
}
.inputWrapper .perc {
font-size: 1.6em;
padding: 7px 0 0 5px;
float: left
}
#amtSave .inputWrapper {
width: 120px;
margin: 12px 0 0
}
#amtSave .inputWrapper .inputField .inpMdl {
width: 79px
}
#amtSave .quest {
background-position: 0 0
}
#avgSave .inputWrapper {
width: 270px;
margin: 4px 0 0
}
#avgSave .inputWrapper .inputField .inpMdl {
width: 47px
}
#avgSave .quest {
background-position: 0 -79px
}
#interest .inputWrapper {
width: 171px;
margin: 4px 0 0
}
#interest .inputWrapper .inputField .inpMdl {
width: 40px
}
#interest .quest {
background-position: 0 -158px
}
#alreadySaved .inputWrapper {
margin: 12px 0 0;
width: 171px
}
#alreadySaved .inputWrapper .inputField .inpMdl {
width: 79px
}
#alreadySaved .quest {
background-position: 0 -238px
}
#interestPayment .inputWrapper {
width: 269px;
margin: 4px 0 0
}
#interestPayment .inputWrapper .inputField .inpMdl {
width: 40px
}
#interestPayment .quest {
background-position: 0 -318px;
padding: 0 14px 21px 46px
}
.paymentTime {
float: left;
margin: -12px 0 40px 41px
}
.slideWrapper .paymentTime .radiobox {
margin: 6px 41px 0 0
}
.slideWrapper .paymentTime label {
color: #363636;
font-size: 1.6em
}
#amtSave .questWrap {
float: left;
width: 421px
}
#alreadySaved .questWrap {
float: left;
width: 340px
}
.questWrap .note {
color: #4E4E4E;
float: left;
font-size: 1em;
margin: -6px 0 0;
padding: 0 0 0 47px
}
.slider span {
background: url(../../../../../scripts/desktop/images/slider-rt-bg.png) left top no-repeat;
width: 11px;
height: 10px;
position: absolute;
right: -3px;
top: 0
}
#savedAmtMaster {
width: 490px
}
#monthMaster, #yearMaster {
width: 340px
}
#interestMaster {
width: 404px
}
#savedMaster {
width: 382px
}
.selectCalcWrapper {
float: left;
padding: 15px 0
}
.selectCalcWrapper .radiobox {
height: 17px;
background: url(../../../../../scripts/desktop/images/radio-btn-img2.png) 0 -24px no-repeat;
cursor: pointer;
float: left;
margin: 0 5px 0 0;
font-size: 1.4em;
line-height: 1em
}
.selectCalcWrapper .radiobox.checked, .slideWrapper .radiobox.checked {
background-position: 0 0
}
.selectCalcWrapper .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.selectCalcWrapper .radiobox label {
width: 29px;
padding: 0 12px 0 8px;
line-height: 1.2em;
font-size: 1.1em;
cursor: pointer;
color: #666766
}
.inpRadio {
margin: 0 0 0 10px;
float: left
}
.slideWrapper .radiobox {
height: 17px;
cursor: pointer;
float: left;
margin: 6px 5px 0 0;
font-size: 1.4em;
line-height: 1em
}
.slideWrapper .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.slideWrapper .radiobox label {
width: 29px;
padding: 0 8px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
#tenureType label {
font-size: 1.5em;
padding: 7px 0 0;
float: left
}
.indusRate {
float: left;
padding: 6px 0 0 13px
}
.indusRate .intRateHelp {
background: url(../../../../../scripts/desktop/images/int-rate-help.png) no-repeat;
width: 17px;
height: 17px;
float: left
}
.indusRate p {
float: left;
font-size: 1.4em;
padding: 0 0 0 7px
}
.limits {
float: left;
margin: -35px 0 0 14px;
width: 539px
}
.limits li {
float: left;
font-size: .9em;
padding: 14px 0 10px;
width: 47px
}
.resultWrapper {
background-color: #bc3f3d;
width: 328px;
padding: 20px;
float: left
}
.resultWrapper h2 {
background: url(../../../../../scripts/desktop/images/result-icon.png) no-repeat;
color: #fff;
font-size: 1.8em;
margin: 0 0 33px 52px;
padding: 6px 0 6px 38px
}
.rsltField .result, .rsltField p {
font-size: 1.6em;
color: #fff;
float: left
}
.rsltField {
float: left;
margin: 0 0 18px
}
.rsltField p {
width: 186px
}
.rsltField .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
width: 10px;
height: 16px;
float: left;
margin: 7px 5px 0 0
}
.rsltField .result {
background-color: #3a3a3a;
border-radius: 3px;
width: 100px;
text-align: center;
padding: 7px 0;
box-shadow: 0 1px 3px #fff
}
.rsltField .result.lMarg {
margin-left: 15px
}
.rsltField .result.percDiv {
width: 59px
}
.rsltField .perMonth {
font-size: 1.2em;
color: #fff;
padding: 7px 0 0 5px;
float: left
}
.myAccNumberWrapper {
background-color: #dfdfdf;
width: 328px;
padding: 20px;
float: left;
min-height: 365px
}
.myAccContainer {
background-color: #222;
width: 328px;
padding: 0 0 10px;
float: left
}
.myAccContainer img {
padding: 0 0 0 58px
}
.myAccContainer p {
color: #8C8C8C;
font-size: 1.3em;
line-height: normal;
text-align: center;
width: 100%
}
.myAccContainer p span {
font-weight: 700
}
.myAccContainer a {
color: #fff;
font-size: 1.1em;
float: right;
padding: 0 10px 0 0
}
.calcSection .maxVal {
float: right;
top: -22px;
color: #999;
font-size: 12px
}
.calcContainer {
width: 522px;
float: left;
display: table;
position: relative
}
.calcContainer h1 {
float: left;
margin-bottom: 50px
}
.calcSection {
width: 522px;
float: left;
padding: 18px 0 25px 20px
}
.calcSection .titleField {
width: 110px;
float: left;
font-size: 13px;
margin-right: 15px;
font-weight: 700;
color: #333;
z-index: 99
}
.calcSection .titleField span {
bottom: 2px;
cursor: pointer;
height: 10px;
width: 10px
}
.calcSection .titleField span img {
opacity: .6
}
.calcSection .titleField .tolTipDetail {
float: left;
position: absolute;
left: 86px;
bottom: 10px;
z-index: 9999;
display: none
}
.calcSection .titleField .pos2 {
left: 52px
}
.calcSection .titleField .pos3 {
left: 36px;
top: -90px
}
.calcSection .titleField .pos4 {
left: 60px
}
.calcSection .titleField .pos5 {
left: 73px;
top: -57px
}
.calcSection .titleField .pos6 {
left: 35px;
top: -43px
}
.calcSection .titleField .tolTipDetail p.text {
float: left;
line-height: 1.5em;
padding: 10px 5px 5px;
width: 134px;
margin: 0;
font-size: 11px
}
.calcSection .titleField .tolTipDetail p.btm {
background: url(../../../../../scripts/desktop/images/toltipDetail-btm.png) no-repeat;
display: block;
float: left;
height: 20px;
width: 144px;
margin: 0
}
.highcharts-button, .monthWrap {
display: none
}
.calcSection .dragBox {
width: 418px;
float: left;
position: relative;
z-index: 0
}
.calcSection .dragBox .drag {
width: 404px;
background: url(../../../../../scripts/desktop/images/slider-lft-bg.png) 6px 0 no-repeat;
height: 15px;
float: left;
padding: 0 0 0 5px
}
.calcSection .dragBox .drag span {
background: url(../../../../../scripts/desktop/images/slider-rt-bg.png) left top no-repeat;
width: 11px;
height: 10px;
position: absolute;
right: 4px;
top: 0
}
.calcSection .dragBox .drag2 {
width: 301px;
background: url(../../../../../scripts/desktop/images/slider-lft-bg.png) 6px 0 no-repeat;
height: 15px;
float: left;
padding: 0 0 0 5px
}
.calcSection .dragBox .drag2 span {
background: url(../../../../../scripts/desktop/images/slider-rt-bg.png) left top no-repeat;
width: 11px;
height: 10px;
position: absolute;
right: 4px;
top: 0
}
.calcSection .dragBox .next, .calcSection .dragBox .prev {
top: -5px;
width: 20px;
height: 20px;
position: absolute;
float: left;
cursor: pointer
}
.calcSection .dragBox .next {
background: url(../../../../../scripts/desktop/images/slider-arrow.png) 0 -40px no-repeat;
right: -19px
}
.calcSection .dragBox .prev {
background: url(../../../../../scripts/desktop/images/slider-arrow.png) no-repeat;
left: -18px
}
.calcSection .dragBox .prev.active {
background-position: 0 -21px
}
.calcSection .dragBox .next.active {
background-position: 0 -60px
}
.sliderHover {
background: url(../../../../../scripts/desktop/images/slider-hover-bg.png) left top no-repeat;
width: 0;
height: 8px;
position: absolute;
left: 6px;
top: 0
}
.calcSection .dragBox .slideImg {
width: 414px;
float: left;
min-height: 40px;
margin: -5px 0 0
}
.calcSection .valueBox {
width: 85px;
float: left;
padding: 5px 10px;
min-height: 20px;
color: #7e7c7c;
font-size: 14px;
margin-top: -25px
}
.calcSection .dragValue input, .calcSection .highLight {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif
}
.calcSection .highLight {
position: absolute;
left: 0;
top: -40px;
width: 85px;
height: 28px;
float: left;
padding: 3px 0 3px 3px;
color: #fff;
visibility: hidden
}
.calcSection .highLight input {
border: none;
color: #fff;
width: 65px;
background: url(../../../../../scripts/desktop/images/hltRup.png) 0 4px no-repeat;
padding-left: 8px;
margin-left: 3px
}
.calcSection .dragValue, .calcSection .dragValueAge {
background: url(../../../../../scripts/desktop/images/rsSymbol_.jpg) 0 3px no-repeat;
padding-left: 10px;
position: absolute
}
.calcSection .dragValue input {
background: 0 0;
border: none;
width: 75px;
color: #7e7c7c
}
.calcSection .dragValueAge input, .calcSection .highLightAge input {
background: 0 0;
border: none;
width: 20px;
font-size: 14px;
color: #666
}
.calcSection .dragValueAge input {
font-size: 13px
}
.calcSection .highLightAge input {
color: #fff
}
.calcSection .dragValueAge {
background: 0 0
}
.calcContainer .resultBox .box .finalResult span {
background: url(../../../../../scripts/desktop/images/rsSymb.png) 0 1px no-repeat;
padding-left: 20px;
font-family: FuturaMdBTBold
}
.calcContainer .resultBox .box .finalResult span.adeqIns {
background: 0 0
}
.calcContainer .draggable {
top: -7px;
float: left;
background: url(../../../../../scripts/desktop/images/slider-handle.png) 2px 0 no-repeat;
cursor: pointer;
width: 20px;
height: 21px;
z-index: 1;
left: 0;
border: none
}
.calcContainer .slideImg {
float: left;
overflow: hidden
}
.calcContainer .slideImg ul {
width: 800px;
float: left;
overflow: hidden;
margin: -7px 0 0;
min-height: 35px;
padding: 0
}
.calcContainer .slideImg ul li {
background: url(../../../../../scripts/desktop/images/liSlider.jpg) center 0 no-repeat;
color: #666;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
list-style: none;
min-height: 15px;
padding-top: 17px;
width: 35px;
text-align: center;
word-wrap: break-word
}
.calcContainer .resultBox {
width: 100%;
float: left;
text-align: center
}
.calcContainer .resultBox .box {
background: url(../../../../../scripts/desktop/images/resultBox.png) no-repeat;
width: 605px;
height: 50px;
text-align: center;
padding-top: 20px;
margin-left: 40px
}
.calcContainer .resultBox .box label {
width: 315px;
float: left;
text-align: center;
font-size: 18px;
color: #fff;
font-family: FuturaMdBTBold;
font-weight: 400;
padding-top: 4px
}
.calcContainer .resultBox .box .finalResult {
width: 285px;
float: left;
text-align: center;
font-size: 24px;
color: #fff
}
.lastDesc {
width: 100%;
float: left;
color: #333;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
font-size: .95em;
text-align: center;
margin-bottom: 0
}
.lastDesc a {
color: #903
}
.monthWrap .calcSection .dragBox {
width: 315px
}
.monthWrap .calcSection {
width: 321px
}
.monthWrap .calcSection .dragBox .drag {
width: 301px
}
.monthWrap .calcSection .dragBox .slideImg {
width: 307px
}
.emiContainer .emiIntro {
color: #525252;
font-size: 1.5em;
line-height: normal;
padding: 25px 30px
}
.emiContainer .rightCont {
background-color: #eaeaea
}
.emiContainer .slideWrapper {
width: 513px
}
.emiContainer #avgSave .inputWrapper {
width: 207px
}
.chartContainer p {
color: #767676;
font-size: 1.5em;
float: left;
line-height: 20px;
padding: 0 0 0 46px;
font-weight: 700
}
.resultDisp p, .resultDisp span {
font-size: 1.6em;
color: #767676;
float: left
}
.chartContainer p span {
border-radius: 4px;
width: 20px;
height: 20px;
float: left;
margin: 0 5px 0 0
}
.chartContainer p.princAmt span {
background-color: #bc3f3d
}
.chartContainer p.intPay span {
background-color: #222
}
.chartContainer {
float: left;
padding: 20px 0 0;
position: relative;
display: none
}
.chart {
float: left;
padding: 0 0 0 60px;
width: 390px;
border-bottom: 1px solid #c6c6c6
}
.chartBorder {
background: url(../../../../../scripts/desktop/images/chart-border.png) no-repeat;
width: 323px;
height: 322px;
position: absolute;
left: 73px;
top: 76px
}
.yourResultImg {
background: url(../../../../../scripts/desktop/images/your-result-img.png) no-repeat;
width: 124px;
height: 124px;
position: absolute;
left: 176px;
top: 170px;
z-index: 1
}
.emiContainer .myAccNumberWrapper {
min-height: 258px
}
.resultDisp {
float: left;
padding: 25px 0 0 35px
}
.resultDisp p {
width: 280px;
padding: 0 0 17px;
font-weight: 400
}
.resultDisp span {
width: 95px;
padding: 0 0 20px
}
.resultDisp p.highlight, .resultDisp span.highlight {
color: #222
}
.indusMoneyWrapper {
width: 1003px;
float: left;
background-color: #eaeaea;
margin: 0 0 30px
}
.indusMoneyWrapper h1 {
color: #666766;
line-height: normal;
padding: 15px 0 20px 28px
}
.indusMoneyWrapper .intro {
width: 686px;
color: #666766;
font-size: 1.4em;
line-height: normal;
padding: 0 0 0 28px
}
.indusMoneyInner {
float: left
}
.indusMoneyInner .indusMoneyCont {
float: left;
width: 715px;
border-bottom: 1px solid #d2d1d2;
border-left: 1px solid #d2d1d2;
border-right: 1px solid #d2d1d2;
padding: 30px
}
.indusMoneyInner .questCont {
background: url(../../../../../scripts/desktop/images/gry-bg.jpg) left bottom repeat-x;
position: relative;
width: 390px;
height: 125px;
border: 1px solid #d2d1d2;
float: left
}
.indusMoneyInner .questCont h2 {
font-size: 1.8em;
color: #666766
}
.indusMoneyInner .questCont h2.debitcard {
padding: 21px 0 9px 109px;
margin-bottom: 10px;
background-position: 56px 24px
}
#otherServicesMaster {
background-color: #dfdfdf
}
.indusMoneyInner .selectgen {
background: url(../../../../../scripts/desktop/images/select-arrow.png) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
margin-bottom: 10px;
position: relative
}
.indusMoneyInner select option {
padding: 5px 0 5px 5px
}
.indusMoneyInner .selectedvalue {
color: #666;
font-size: 1.3em;
height: 20px;
padding: 6px 5px 0 16px;
position: absolute;
text-align: left;
overflow: hidden
}
.indusMoneyInner .cardType {
width: 217px;
float: none;
margin: 0 auto
}
.indusMoneyInner .cardType select {
width: 240px
}
.indusMoneyInner .cardType .selectedvalue {
width: 199px;
overflow: hidden
}
.cardDetailWrap {
background: url(../../../../../scripts/desktop/images/gry-bg.jpg) left bottom repeat-x;
width: 305px;
height: 125px;
border: 1px solid #d2d1d2;
float: left;
margin: 0 0 0 5px
}
.cardDetailWrap h2 {
font-size: 1.8em;
color: #bc3f3d;
text-align: center;
padding: 14px 0 10px
}
.cardDetailWrap p {
text-align: center;
font-size: 1.4em;
color: #6f6f6f
}
.cardDetailWrap .inputField {
width: 110px
}
.cardDetailWrap .inputWrapper .inputField .inpMdl {
width: 80px
}
.cardDetailWrap .inputWrapper {
margin: 0 auto;
width: 110px;
float: none
}
.pointsCont {
display: block;
background-color: #BC3F3D;
color: #FFF;
float: left;
font-weight: 700;
font-size: 1.5em;
text-align: center;
height: 26px;
margin: 0 0 0 432px;
padding: 7px 0 0 8px;
width: 237px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px
}
.pointsCont p, .pointsCont span {
float: left
}
.pointsCont p {
width: auto
}
.pointsCont span {
margin-left: 3px
}
.pointsCont img {
float: right;
padding: 0 7px 0 5px;
cursor: pointer;
position: relative;
z-index: 1
}
.formcenterLt {
width: 1003px;
float: left
}
.formcenterTab {
width: 100%
}
.formcenterTab ul {
float: left
}
.formcenterTab ul li {
float: left;
cursor: pointer;
margin-right: 1px;
padding: 16px 0;
color: #666;
background: #dcdcdc;
width: 253px;
font-size: 1.9em;
text-align: center
}
.formcenterTab ul li.activetab {
color: #fff;
background: #7c7c7c
}
.otherRate {
width: 241px;
float: right;
cursor: pointer;
height: 48px
}
.otherRate select {
cursor: pointer;
height: 44px;
top: -8px;
width: 236px;
line-height: 3.2em;
-webkit-appearance: menulist-button
}
.otherRate select option {
padding: 5px;
height: 10px;
line-height: 9em;
background-color: #dddcdc;
display: block;
position: relative
}
.otherRate .selectbg {
background: url(../../../../../scripts/desktop/images/selectArrow.gif) 209px 23px no-repeat #dcdcdc;
float: right;
padding: 9px 0;
height: 29px;
position: relative;
width: 241px
}
.otherRate .selectedvalue {
color: #666;
font-size: 1.9em;
height: 20px;
line-height: 1em;
overflow: hidden;
position: absolute;
text-align: left;
width: 189px
}
.otherRate .selectbg.activetab {
background: url(../../../../../scripts/desktop/images/selectActiveArrow.png) 209px 23px no-repeat #7c7c7c
}
.activetab .selectedvalue {
color: #fff
}
.formcenterContent {
width: 100%;
float: left;
padding: 27px 0 40px
}
.formcenterWrapper {
width: 1003px;
padding: 5px 0 0;
clear: left
}
.formcenterRt {
width: 220px;
float: right;
position: relative
}
.formcenterRt .loginWrapper {
top: 0
}
.formcenterRt .loginWrapper .login p {
color: #717171;
font-size: 1.2em
}
.formcenterRt .loginWrapper .login ul {
float: left;
margin: 10px 0;
width: 100%
}
.formcenterRt .loginWrapper .login ul li {
padding: 0 0 5px 5px;
float: left;
width: auto
}
.formcenterRt .loginWrapper .login ul li.sel, .formcenterRt .loginWrapper .login ul li:hover {
background: url(../../../../../scripts/desktop/images/login-left.jpg) left top no-repeat;
font-weight: 700
}
.formcenterRt .loginWrapper .login ul li input {
color: #bc3f3d;
font-size: 1.2em;
padding: 4px 5px 8px 0;
float: left;
background: 0 0;
border: none;
cursor: pointer
}
.formcenterRt .loginWrapper .login ul li.sel input, .formcenterRt .loginWrapper .login ul li:hover input {
background: url(../../../../../scripts/desktop/images/login-right.jpg) right top no-repeat;
color: #fff;
text-decoration: none
}
.formcenterRt .loginWrapper .login ul li.loginBtn input {
width: 50px
}
.formcenterRt .loginWrapper .login ul li.regBtn input {
width: 70px
}
.formcenterRt .loginWrapper .login ul li.demoBtn input {
width: 50px
}
.formcenterRt .loginWrapper .quikService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.formcenterRt .loginWrapper .login p.indusNet {
font-size: 1.8em;
color: #686868
}
.formcenterRt .loginWrapper .quikService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
.formcenterContent h2 {
color: #bc3f3d;
font-size: 2.1em
}
.formcenterContent tr td {
padding: 10px
}
.formcenterContent p {
background: url(../../../../../scripts/desktop/images/download-icon-img.png) left top no-repeat;
font-size: 1.2em;
color: #666766;
padding: 0 0 1px 18px
}
.formcenterContent a p {
background: 0 0
}
.formcenterContent p a, .formcenterContent p span {
color: #bc3f3d
}
.formcenterContent table {
width: 100%
}
.faqsQuest {
background: url(../../../../../scripts/desktop/images/expand-icon.png) 98% 7px no-repeat #EDEDED;
float: left;
font-size: 1.5em;
color: #666;
line-height: 1.1em;
margin: 0 0 8px;
padding: 10px 40px 10px 10px;
cursor: pointer;
width: 612px;
clear: both;
font-weight: 700
}
.faqsQuest.active {
background: url(../../../../../scripts/desktop/images/collapse-icon.png) 98% 7px no-repeat #EDEDED;
border-bottom: none
}
.faqAns {
display: none;
float: left;
margin-bottom: 2px;
width: 100%;
clear: both
}
.tabContWrapper table tr td li {
font-size: 1em
}
.tabContWrapper table.int-table tr td li {
font-size: .8em
}
.faqouter {
float: left;
padding-bottom: 7px;
width: 672px
}
.subinhed {
font-size: 1.4em;
float: left;
font-weight: 700;
padding: 7px 0;
width: 100%
}
.searchWrapper {
width: 1003px;
margin: 0 auto;
font-size: 1.4em;
padding: 20px 0;
overflow: hidden
}
.searchWrapper p {
float: left;
padding: 5px 0;
width: 100%
}
.searchWrapper .searchRight {
float: left;
width: 100%;
padding: 0 0 10px;
display: none
}
.searchWrapper .searchRight br {
float: left
}
.searchWrapper .searchRight a {
float: left;
font-size: 1.1em;
line-height: normal;
padding: 7px 17px 7px 0
}
.searchWrapper a {
color: #BC3F3D;
font-size: 1.2em;
line-height: normal
}
.searchWrapper .search {
border: none
}
.searchWrapper form {
display: none
}
.genericLightBox {
width: 800px;
position: fixed;
left: 0;
top: 50px!important;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.genericLightBox a.closeBtn {
float: right;
cursor: pointer
}
.lightboxCont {
width: 800px;
float: left;
margin: 17px 0 0;
height: 400px
}
.lightboxCont p {
font-size: 1.3em;
color: #666766;
line-height: 1.3em;
padding: 0 10px 10px 0
}
.lightboxCont h2 {
padding: 0 0 10px
}
.lightboxCont a {
color: #bc3f3d
}
.lightboxCont ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 10px 5px no-repeat;
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 23px
}
.lightboxCont ul li ul {
margin-bottom: -12px;
padding: 10px 0 0
}
.lightboxCont ul li ul li {
background: url(../../../../../scripts/desktop/images/red-bullet1.png) left 5px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 13px
}
.lightboxCont table tr td, .lightboxCont table tr th {
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
font-size: 1.2em;
padding: 10px
}
.lightboxCont table {
border-top: 1px solid #b6b6b6;
width: 99%;
margin: 5px 0 15px
}
.lightboxCont table tr th {
background-color: #2c2c2c;
color: #fff;
text-align: left
}
.lightboxCont table tr td:first-child, .lightboxCont table tr th:first-child {
border-left: 1px solid #b6b6b6
}
.lightboxCont table tr td {
color: #757575
}
.lightboxCont .faqsQuest {
width: 94%
}
.continueBtn, .iAgree, .submit {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px;
text-align: center
}
.innerMdlWrapper .termCondition a.continueBtn {
margin-bottom: 10px
}
.submit {
font-size: 1.4em
}
.continueBtn {
font-size: 1.2em;
width: auto;
font-weight: 400;
color: #fff
}
.iAgree {
margin-left: 0
}
.formWrapper {
margin: 0 auto;
padding: 20px 0
}
.reveal-modal {
width: 400px!important;
background-color: #fff;
padding: 20px;
position: absolute;
visibility: visible
}
.srLightbox {
width: 540px;
height: 580px;
position: fixed;
left: 0;
top: 50px;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.srLightbox iframe {
width: 100%;
height: 553px
}
.srLightbox h2 {
color: #8B2E2E
}
.srLightbox a.closeBtn {
float: right
}
.srLightbox .srHelp {
font-size: 1.3em;
padding: 6px 0 10px;
color: #7C7C7C;
border-bottom: 2px solid #E3E3E3
}
.formWrapper {
float: left;
width: 100%
}
.formWrapper h2 {
color: #151515;
font-size: 2.8em;
padding-bottom: 18px;
padding-top: 8px
}
.formWrapper p {
color: #666766;
font-size: 1.3em;
line-height: 1.8em
}
.formWrapper form.accForm {
margin: 0 auto;
padding: 19px 0 40px;
width: 740px
}
.formWrapper form.accForm label {
width: 147px;
color: #333;
font-size: 1.4em;
line-height: 1.5em;
float: left;
padding: 5px 19px 15px 0;
font-family: source_sans_proregular;
text-align: right
}
.srFormWrapper.formWrapper form.accForm label {
padding: 5px 33px 19px 0!important;
width: 170px!important
}
.srFormWrapper.formWrapper .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 205px!important
}
.formWrapper form.accForm .selectgen, .formWrapper form.accForm .selectloc {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
height: 30px;
margin-bottom: 10px;
position: relative;
float: left
}
.formWrapper form.accForm label span {
color: red
}
.formWrapper form.accForm .selectgen {
border: 1px solid #999;
border-radius: 10px;
width: 107px
}
.formWrapper form.accForm select {
width: 105px
}
.FrmLftSec select option, .formWrapper form.accForm select option {
padding: 5px 0 5px 5px
}
.formWrapper form.accForm .selectloc {
border: 1px solid #999;
border-radius: 10px;
width: 107px
}
.formWrapper form.accForm .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 127px
}
.formWrapper form.accForm input, .formWrapper form.accForm textarea {
color: #666766;
font-size: 1.5em;
padding: 7px 8px;
font-family: source_sans_proregular
}
.formWrapper form.accForm input {
float: left;
background: rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
width: 170px;
margin-left: 20px
}
.formWrapper form.accForm .fldSet:nth-child(2) input#firstname, .formWrapper form.accForm .fldSet:nth-child(3) input#lastname {
margin-left: 166px;
width: 200px
}
.formWrapper form.accForm .fldSet:nth-child(2) input.lft-Mrg, .formWrapper form.accForm .fldSet:nth-child(3) input.lft-Mrg {
margin-left: 0!important
}
.formWrapper form.accForm input.noltmargin {
margin-left: 0;
width: 200px
}
.formWrapper form.accForm textarea {
background: 0 0;
border: 1px solid #999;
border-radius: 10px;
height: 60px;
margin-bottom: 23px;
resize: none;
width: 300px
}
.formWrapper form.accForm .selectgen.bigWidth {
width: 215px
}
.formWrapper form.accForm .selectgen.bigWidth select {
width: 214px
}
.formWrapper form.accForm .btnStrct {
color: #FFF;
float: left;
margin-top: 15px;
padding-left: 8px
}
.formWrapper form.accForm .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px
}
.formWrapper form.accForm .btnStrct.applybtn {
padding-left: 152px
}
.formWrapper form.accForm .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-family: source_sans_proregular;
font-size: 1.4em;
line-height: 1em
}
.formWrapper form.accForm .radiobox.checked {
background-position: 0 -29px
}
.formWrapper form.accForm .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.formWrapper form.accForm .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.formWrapper form.accForm .termConditionForm {
text-align: center
}
.formWrapper form.accForm .termConditionForm label {
cursor: pointer;
padding: 0;
text-align: left;
width: auto
}
.formWrapper form.accForm .termConditionForm .checkbox {
background: url(../../../../../scripts/desktop/images/checkbox-img.png) 0 -19px no-repeat;
cursor: pointer;
float: left;
height: 15px;
margin: 2px 5px 0 0;
width: 15px
}
.formWrapper form.accForm .termConditionForm .checkbox input {
width: auto;
margin-left: 0
}
.formWrapper form.accForm .termConditionForm .checkbox.checked {
background-position: 0 0
}
.form_captcha_image {
width: 141px;
float: left;
margin: 0 0 13px 180px
}
.Comment-image-slt .form_captcha_image {
margin: 0 0 13px 101px
}
#myform .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 171px
}
.formWrapper form.accForm .Refresh-btn-Cmt-wrap {
margin: 0
}
.accountCaptcha {
margin: 0 0 13px 164px!important
}
.formWrapper form .fldSet label.error {
clear: both;
color: red;
padding: 5px 0;
text-align: left;
width: auto;
float: left
}
.FrmLftSec .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-family: source_sans_proregular;
font-size: 1.4em;
line-height: 1em
}
.FrmLftSec .radiobox.checked {
background-position: 0 -29px
}
.FrmLftSec .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.FrmLftSec .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.formWrapper form .fldSet.dncFld div.error {
margin: -2px 0 6px 110px
}
.dncBtnWrap {
margin: 0 0 0 150px;
float: left
}
#btnCaptchaRefresh {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.4em;
font-weight: 700;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
width: 87px;
margin-left: 12px
}
.srMessage, div.error {
color: red;
clear: both
}
.reviewForm .form_captcha_image {
margin: 0 10px 13px 0
}
.reviewForm .lftMrg div.error {
margin: 6px 0 6px 101px
}
.formWrapper form .fldSet {
float: left;
width: 100%
}
.label-box .fldSet:nth-child(2) {
float: none
}
div.error {
float: left;
font-size: 1.2em;
margin: 6px 0
}
.formWrapper form .fldSet.lftMrg div.error {
margin: -2px 0 6px 164px
}
.formWrapper form .fldSet.nameFld div.error {
margin: 1px 0 6px 168px
}
.titleFld .selectgen {
width: 130px
}
.termsFld {
padding: 0 0 10px;
float: left
}
.termsFld div.error {
width: 500px;
font-size: 1em
}
.txtArea div.error {
margin-top: -16px!important
}
.ui-datepicker {
width: 18em!important
}
.ui-datepicker select {
opacity: 1!important;
filter: alpha(opacity=100)
}
.dontCallForm .FrmLftSec label, .dontCallForm .frmRhtSec label {
width: 143px
}
.formWrapper.dontCallForm form .fldSet.dncFld div.error {
margin: 6px 0 6px 160px
}
.formWrapper.dontCallForm .FrmLftSec .radiobox label {
width: 29px
}
.dontCallArea div.error {
margin: 0 0 0 161px
}
.dontCallForm .form_captcha_image {
margin: 0 0 13px 160px
}
.feedbackForm.formWrapper form.accForm label {
width: 156px
}
.feedbackForm.formWrapper form.accForm .radiobox label {
width: 29px
}
.feedbackForm.formWrapper form .fldSet.lftMrg div.error {
margin: -2px 0 6px 175px;
float: none
}
.feedbackArea div.error {
margin: -16px 0 6px 175px!important
}
.feedbackForm.formWrapper form.accForm .btnStrct.applybtn {
padding-left: 165px
}
.hrForm {
padding: 30px 0 0;
float: left;
width: 100%
}
.hrForm h2 {
padding: 10px 0 23px
}
.hrForm .fldSet {
margin: 0 0 15px
}
.hrForm .lftMrg div.error {
margin: 8px 0 0 101px
}
.hrForm .FrmLftSec label {
width: 105px
}
.hrForm .FrmLftSec .selFld {
width: 435px;
height: 43px
}
.hrForm .FrmLftSec .selFld div.error {
width: 200px
}
.reportEmail {
float: left
}
.hrForm .reportEmail div.error {
margin-left: 0
}
.hrForm .frmRhtSec .inputFld div.error, .hrForm .frmRhtSec .textareaFld div.error {
margin: 6px 0 0
}
.inputFld, .selectFld, .textareaFld {
float: left
}
.hrForm .selectgen {
width: 145px
}
.hrForm .FrmLftSec .selectedvalue {
width: 100px
}
.hrForm .FrmLftSec select {
width: 146px
}
.inputFld .ui-datepicker-trigger {
margin: 9px 0 0 5px;
cursor: pointer
}
.genForm .btnWrap, .hrBtnWrapper {
margin: 5px 0 0 94px;
float: left
}
.genForm .fldSet {
margin: 0 0 15px
}
.genForm .fldSet.selFld div.error {
margin: 10px 0 0!important
}
.mobilenumber.contactNo, .mobilenumber.contactNo input {
margin: 0!important
}
.genForm .contactNo, .genForm .ext {
float: left
}
.genForm .ext, .genForm .ext input {
width: 46px!important
}
.genForm .contactNo, .genForm .contactNo input {
width: 141px!important;
margin: 0 0 0 11px!important
}
.genForm .contactNo.mobileNo, .genForm .contactNo.mobileNo input {
margin: 0!important
}
.genForm .inputFld div.error, .genForm .textareaFld div.error {
margin: 6px 0 0
}
.genForm .selectloc {
margin-right: 10px
}
.genForm .checkbox input {
width: 15px
}
.genForm .chkboxLabel label {
width: 310px;
padding: 0;
line-height: normal
}
.genForm .checkbox div.error {
width: 340px;
padding: 0 0 0 20px
}
.InLtPopup .frmRhtSec .agreement {
float: left;
width: 100%;
margin: 20px 0 0
}
.InLtPopup .frmRhtSec .agreement label {
float: left;
line-height: normal;
margin: -2px 0 0;
padding: 0;
width: 400px
}
.InLtPopup .frmRhtSec .agreement div.error {
margin: 15px 0 0
}
.jobBtnWrap {
margin: 4px 0 0 180px;
float: left
}
.talismaBtnWrap {
margin: 0 0 0 140px
}
.srFormWrapper {
padding: 0
}
.srFormWrapper form.accForm label {
padding: 5px 19px 0 0
}
.srFormWrapper form.accForm .btnStrct, .srFormWrapper form.accForm .btnStrct.applybtn {
margin-top: 0
}
.srFormWrapper form.accForm .btnStrct.applybtn {
padding-left: 192px
}
.srMessage {
font-size: 1.2em;
text-align: left;
float: left
}
.srFormWrapper form.accForm {
width: 500px!important
}
.applicantSearchWrapper label {
padding: 8px 0 5px;
width: 135px;
color: #333;
float: left;
font-size: 1.3em
}
.applicantSearchWrapper select {
width: 105px
}
.applicantSearchWrapper .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
position: relative;
width: 130px;
margin-right: 8px
}
.applicantSearchWrapper .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 77px;
overflow: hidden
}
.applicantName label {
width: 177px
}
.applicantSearchWrapper input {
float: left;
border: 1px solid #999;
border-radius: 10px;
width: 217px;
padding: 7px 8px;
background: 0 0;
color: #666766;
font-size: 1.5em;
font-family: source_sans_proregular
}
.applicantName {
margin: 0 0 0 50px
}
.applicantSearchWrapper {
border: 1px solid #C4C4C4;
float: left;
margin: 12px 0 35px;
padding: 20px 10px;
width: 983px
}
.applicantSearchWrapper .btnStrct {
margin-top: 3px
}
.applicantSearchWrapper .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
border: none;
cursor: pointer;
width: auto
}
.applicantSearch {
border-right: 1px solid #999;
float: left;
margin: 0 5px 35px;
width: 323px
}
.applicantSearch label {
padding: 0 0 5px;
width: 135px;
color: #333;
float: left;
font-size: 1.3em;
font-weight: 700
}
.applicantSearch span {
font-size: 1.2em;
float: left
}
.applicantSearch a {
color: #bc3f3d
}
.applicantSearch select {
width: 105px
}
.applicantSearch .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
position: relative;
width: 120px;
margin-right: 8px
}
.applicantSearch .selectedvalue {
color: #666;
font-size: 1.2em;
height: 17px;
padding: 8px 5px 0 16px;
position: absolute;
text-align: left;
width: 77px;
overflow: hidden
}
.indusMcalcyWrap, .pointsCont {
position: relative
}
.notifyError {
font-size: 1.2em;
padding: 7px 0;
text-align: left;
color: red
}
.indusMoneyInner .cardType.numSelect, .indusMoneyInner .cardType.numSelect select {
width: 109px
}
.indusMoneyInner .cardType.numSelect .selectedvalue {
width: 65px
}
.indusMcalcyWrap {
width: 100%;
float: left
}
.indusMoneyInner .questCont p {
float: left;
font-size: 1.2em;
padding: 7px;
color: #666766
}
.checkMaster {
float: left;
padding: 10px 10px 0 0;
width: 225px
}
.checkMaster label {
font-size: 1.4em;
color: #666766
}
.otherServices {
font-size: 1.8em;
color: #666766
}
.pointsCont .info {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
text-align: left;
font-weight: 400;
font-size: .7em;
background: #666;
position: absolute;
right: 0;
bottom: 35px;
padding: 10px 20px 10px 10px;
display: none
}
#resultCalc h2, #resultCalc p, #userCard, .likeCheckBox, .oldBrowserMsg {
text-align: center
}
.iRegular {
display: block
}
ul li.iRegular {
display: list-item
}
.iGold, .iPlatinum {
display: none
}
.pointsCont .info ul li {
list-style: disc;
margin-left: 20px;
clear: both
}
.pointsCont .info .arrow {
border: 10px solid;
border-color: #666 transparent transparent;
display: block;
position: absolute;
right: 8px;
bottom: -20px
}
.pointsCont .info .close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer
}
.indusMoneyInner .questCont h2.debitcard span {
width: 40px;
height: 40px;
display: block;
background: url(../../../../../scripts/desktop/images/indus-money-icons.png) no-repeat;
position: absolute;
left: 56px;
top: 23px
}
.indusMoneyInner .questCont h2.debitcard span.debitIcon {
background-position: 0 0
}
.indusMoneyInner .questCont h2.debitcard span.si-ecsIcon {
background-position: 0 -40px
}
.indusMoneyInner .questCont h2.debitcard span.mobileIcon {
background-position: 0 -80px
}
.indusMoneyInner .questCont h2.debitcard span.laptopIcon {
background-position: 0 -120px
}
#userCard {
background: 0 0;
border: none
}
#userCard img {
display: none
}
#userCard img:first-child {
display: inline
}
#resultCalc {
width: 200px;
height: 285px;
margin-top: -60px;
background: #BC3F3D;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: absolute;
left: 790px;
top: 0
}
#resultCalc h2 {
color: #fff;
font-size: 1.6em;
width: 100%;
padding-bottom: 10px
}
#resultCalc p {
text-transform: uppercase;
color: #fff;
font-size: 1.8em
}
#resultCalc .resultBox {
width: 100%;
padding: 24px 0 0
}
.likeCheckBox {
background: #EAEAEA;
position: relative;
font-size: 1.4em;
height: 40px;
line-height: 40px;
width: 90px;
margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.likeCheckBox span.rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
width: 10px;
height: 16px;
position: absolute;
left: -17px;
top: 12px
}
.ui-widget-header {
background: #bc3f3d!important
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
color: #bc3f3d!important
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
height: 19px!important;
width: 45%!important;
margin: 0 5px 0 0
}
.termCondition table.mmt {
border-top: 1px solid #B6B6B6;
border-bottom: 1px solid #B6B6B6;
width: auto;
margin: 5px 0 15px
}
.termCondition table.mmt tr td:first-child, .termCondition table.mmt tr th:first-child {
border-left: 1px solid #B6B6B6
}
.termCondition table.mmt tr td {
border-top: 1px solid #B6B6B6;
border-right: 1px solid #B6B6B6;
padding: 5px
}
.termCondition table.mmt p {
font-size: 1.1em
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
.bannerBgContainer, .innerBannerWrapper, .innerHeaderContainer, .innerMdlBtmWrapper, .mdlBtmWrapper, .overlay, .prdDeatilWrapper, .topInner {
width: 1003px
}
}
.div.parsys_column .section {
display: block!important
}
.termCondition .errorWrapper {
padding: 10px 0 40px 270px;
float: left
}
.termCondition .errorTitle {
color: #bc3f3d;
font-size: 2.4em;
line-height: normal;
padding: 16px 0 0
}
.termCondition .errorWrapper ul li {
background: url(../../../../../scripts/desktop/images/gry-bullet1.png) 5px 9px no-repeat;
color: #b1b1b1;
font-size: 1.8em;
line-height: normal;
padding: 3px 0 3px 24px
}
.termCondition .errorWrapper img {
margin: 0 0 10px 86px;
width: 280px
}
.maintenanceWrapper {
margin: -20px auto;
width: 700px;
position: relative
}
.maintenanceWrapper .maintenanceCont {
position: absolute;
left: 46px;
top: 470px
}
.maintenanceWrapper .maintenanceCont p {
color: #B1B1B1;
font-size: 1.8em
}
.maintenanceWrapper .maintenanceCont p a {
color: #BC3F3D
}
.relatatedQueries {
width: 100%;
border: 1px solid #999;
float: left
}
.relatatedQueries h2 {
color: #bc3f3d;
font-size: 2em;
padding: 15px 0 12px 23px
}
.relatatedQueries .contactInfo {
color: #2c2c2c;
background: url(../../../../../scripts/desktop/images/relaatedQueries.gif) left top repeat-y;
padding-bottom: 15px
}
.relatatedQueries .contactInfo .LtInfo, .relatatedQueries .contactInfo .RtInfo {
width: 475px;
float: left;
padding: 11px 0 0 23px
}
.relatatedQueries .contactInfo p {
padding: 0 0 9px;
font-weight: 700;
float: left;
font-size: 1.6em;
line-height: 1.3em
}
.relatatedQueries .contactInfo span {
color: #666766;
font-weight: 400;
width: 324px;
float: left;
font-size: 1.6em;
line-height: 1.3em
}
.locateusBtn .lctMdl a, .oldBrowserMsg p, .relatatedQueries .addDetail .contactInfoLt p span, .relatatedQueries .addDetail .contactInfoLt p.address span, .relatatedQueries .addDetail .contactInfoRt p span, span.promohigh {
font-weight: 700
}
.relatatedQueries .addDetail {
background: url(../../../../../scripts/desktop/images/whiteBgRept.gif) left top repeat-y
}
.relatatedQueries .addDetail .contactInfoLt {
float: left;
width: 478px;
padding: 11px 0 0 23px;
height: 50px
}
.relatatedQueries .addDetail .contactInfoRt {
width: 475px;
float: right;
padding: 11px 0 0 23px
}
.relatatedQueries .addDetail .contactInfoLt p.Tele, .relatatedQueries .addDetail .contactInfoRt p.Tele {
font-size: 1.6em;
background: url(../../../../../scripts/desktop/images/teleIco.png) left 5px no-repeat
}
.relatatedQueries .addDetail .contactInfoLt p.mail, .relatatedQueries .addDetail .contactInfoRt p.mail {
font-size: 1.4em;
background: url(../../../../../scripts/desktop/images/mailIco.png) left 5px no-repeat
}
.relatatedQueries .addDetail .contactInfoLt p.address, .relatatedQueries .addDetail .contactInfoRt p.address {
background: url(../../../../../scripts/desktop/images/address.gif) left 5px no-repeat;
font-size: 1.5em;
width: 235px
}
.relatatedQueries .addDetail .contactInfoLt p, .relatatedQueries .addDetail .contactInfoRt p {
color: #666766;
font-size: 1.5em;
padding: 0 0 25px 42px;
line-height: 1.4em
}
.relatatedQueries .addDetail .contactInfoLt p a, .relatatedQueries .addDetail .contactInfoRt p a {
color: #666766
}
.oldBrowserMsgOverlay {
position: absolute;
left: 0;
top: 0;
background-color: #000;
opacity: 1;
filter: alpha(opacity=100);
width: 100%;
height: 100%;
z-index: 15;
display: none
}
.oldBrowserMsg {
padding: 25px;
width: 500px;
position: fixed;
left: 0;
top: 0;
z-index: 16;
border-radius: 4px;
display: none;
background-color: #fff
}
.oldBrowserMsg p {
font-size: 1.3em;
color: #666;
line-height: 1.4em
}
.branchContWrapper, .locateBranch {
display: none
}
.locateLabel {
float: left;
font-size: 1.3em;
padding: 5px 0;
display: none
}
#estatmentform .chkboxLabel input {
margin-left: 0;
width: auto
}
#estatmentform .chkboxLabel label {
padding: 0;
width: auto
}
#estatmentform .chkboxLabel label p {
color: #333;
font-size: 1em;
line-height: normal
}
#estatmentform .form_captcha_image {
margin: 0 0 13px 178px
}
#form .Comment-image-slt .form_captcha_image, .transEmi .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 171px
}
#estatmentform .checkbox div.error {
width: 600px
}
.transEmi p {
line-height: normal;
padding: 0 0 10px
}
.transEmi.accForm .checkbox input {
width: auto;
margin: 0
}
.transEmi.accForm .chkboxLabel {
min-height: 42px
}
.transEmi.accForm .chkboxLabel label {
width: 600px;
text-align: left;
padding: 0 0 13px;
line-height: normal
}
.transEmi.accForm .chkboxLabel p {
font-size: 1.1em;
line-height: normal
}
.transEmi.accForm .submitBtn {
margin-left: 154px
}
.transEmi.accForm .chkboxLabel div.error {
width: 600px
}
.transEmi.accForm textarea {
float: left
}
.transEmi.accForm .Comment-slot-40 div.error {
margin: -19px 0 0 170px
}
.transEmi.accForm .textareaFld div.error {
margin: -15px 0 11px
}
.reqChkbox div.error {
margin: 44px 0 0!important
}
.transEmi.accForm .reqChkbox label {
padding: 0 0 27px!important
}
.videoBranchContainer {
margin: 0 auto;
width: 1002px;
position: relative
}
.videoBranchWrapper {
background-color: #e6e6e6;
float: left;
margin: 25px 0
}
.videoBranchWrapper .videoBranchBox {
width: 421px;
float: left;
padding: 0 40px 40px
}
.videoBranchWrapper .videoBranchBox .headingWrap {
width: 410px;
float: left;
padding: 25px 0 0
}
.videoBranchWrapper .videoBranchBox .headingWrap .lineBg {
background: url(../../../../../scripts/desktop/images/line-bg.gif) left 21px repeat-x;
float: left;
width: 100%
}
.videoBranchWrapper .videoBranchBox .headingWrap h2 {
color: #2C2C2C;
font-size: 2.2em;
float: left
}
.videoBranchWrapper .videoBranchBox .headingWrap h2.overview {
background: url(../../../../../scripts/desktop/images/overview-icon.png) left 5px no-repeat #E6E6E6;
padding: 5px 8px 0 45px
}
.videoBranchWrapper .videoBranchBox .headingWrap h2.howtouse {
background: url(../../../../../scripts/desktop/images/how-to-use-icon.png) left top no-repeat #E6E6E6;
padding: 5px 8px 0 45px
}
.videoBranchCont {
float: left;
padding: 20px 0 0
}
.videoBranchCont p {
font-size: 1.3em;
float: left;
color: #666766
}
.videoBranchCont p a, .videoBranchCont p span {
color: #bb3f3d
}
.videoBranchCont .btnWrap {
float: left;
margin: 20px 0 0
}
.videoBranchCont .btnWrap img {
margin-right: 10px
}
.videoBranchCont .btnWrap .btnLft {
background: url(../../../../../scripts/desktop/images/btn-lft.png) left top no-repeat;
width: 6px;
height: 33px;
float: left
}
.videoBranchCont .btnWrap .btnRight {
background: url(../../../../../scripts/desktop/images/btn-right.png) left top no-repeat;
width: 6px;
height: 33px;
float: left
}
.videoBranchCont .btnWrap .btnMdl {
background: url(../../../../../scripts/desktop/images/btn-mdl.png) left top repeat-x;
height: 33px;
float: left
}
.videoBranchCont .btnWrap .btnMdl a {
font-size: 1.4em;
color: #fff;
font-weight: 700;
padding: 8px 5px;
float: left;
text-decoration: none
}
.videoBranchBox:first-child {
background: url(../../../../../scripts/desktop/images/vertical-line.gif) right 87px no-repeat
}
.videoBranchCont ul {
float: left;
padding: 10px 0
}
.videoBranchCont ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) left 4px no-repeat;
font-size: 1.3em;
color: #666766;
padding: 0 0 0 11px
}
.videoBranchCont ul li a {
color: #bb3f3d
}
.faqMainWrapper {
float: left;
padding-bottom: 10px
}
.faqMainWrapper .faqHeading {
width: 1002px;
float: left;
background-color: #2c2c2c;
margin-bottom: 5px
}
.faqMainWrapper .faqHeading h2 {
background: url(../../../../../scripts/desktop/images/faq-icon.png) 14px center no-repeat;
color: #dedede;
padding: 5px 0 5px 70px;
float: left;
font-size: 2.5em
}
.faqMainWrapper .faqHeading span.exp {
color: #dedede;
background: url(../../../../../scripts/desktop/images/faq-icon1.png) center 8px no-repeat #bb3f3d;
padding: 10px 0 0;
float: right;
height: 30px;
width: 45px;
text-align: center;
cursor: pointer
}
.referralrewardsform .h1, .referralrewardsform .inputfiled {
font-family: Arial, Helvetica, sans-serif;
text-align: justify
}
.faqMainWrapper .faqHeading span.exp.active {
background-position: center -29px
}
.faqMainWrapper .faqsQuest, .faqMainWrapper .faqsQuest.active {
background-position: 99% 7px
}
.faqMainWrapper .faqsQuest {
width: 953px
}
.faqMainWrapper .faqAns p {
font-size: 1.3em;
line-height: normal;
padding: 5px 0;
color: #666766
}
.faqInnerWrapper {
float: left;
display: none
}
.locateusBtn {
position: absolute;
right: 0;
top: 0
}
.ie7 .locateusBtn {
top: -35px
}
.locateusBtn .lctLeft {
background: url(../../../../../scripts/desktop/images/locate-btn-left.png) left top no-repeat;
width: 7px;
height: 37px;
float: left
}
.locateusBtn .lctMdl {
background: url(../../../../../scripts/desktop/images/locate-btn-mdl.png) left top repeat-x;
height: 37px;
float: left
}
.locateusBtn .lctMdl a {
background: url(../../../../../scripts/desktop/images/locate-icon.png) 3px 5px no-repeat;
font-size: 1.4em;
color: #fff;
padding: 10px 5px 10px 30px;
float: left
}
.locateusBtn .lctRt {
background: url(../../../../../scripts/desktop/images/locate-btn-right.png) left top no-repeat;
width: 7px;
height: 37px;
float: left
}
.promotions {
padding: 20px 0 0;
width: 626px;
float: left
}
.promotions h2 {
display: block;
color: #8b2e2e;
padding: 10px 0 0;
font-size: 1.8em
}
.promotions .promoimg {
float: left;
width: 314px
}
.promotions .promotxt {
float: left
}
.promotxt p {
padding: 0 60px 10px 0;
border-bottom: #b2b2b2 solid 1px;
font-size: 1.5em;
color: #231f20
}
.promotions .promogifts {
padding: 50px 0 0 35px
}
.promogifts h2 {
padding: 0 0 10px;
font-size: 1.8em
}
.promogifts img {
padding: 15px 0 0 20px
}
p.promo {
padding: 10px 0 0
}
span.promohigh {
color: #8b2e2e
}
.promotions ul {
padding: 0 0 0 27px
}
.promotions ul li {
float: left;
padding: 0 0 0 55px;
background: 0 0
}
.promotions ul li:first-child {
padding: 0
}
.referralrewardsform {
background: #f7f6f6
}
.referralrewardsform #body {
width: 1024px;
margin: 0 auto;
padding: 0;
background: #f7f6f6
}
.referralrewardsform #top {
width: 1024px;
height: 92px;
margin: auto
}
.referralrewardsform .indusind {
width: 260px;
height: 57px;
float: right;
margin: 20px
}
.referralrewardsform #banner {
width: 1024px;
height: 100%
}
.referralrewardsform #maincontainer {
width: 1024px;
margin: auto
}
.referralrewardsform .p {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #a63a39;
padding-top: 30px;
padding-left: 50px
}
.referralrewardsform .h1 {
width: 920px;
font-size: 12px;
font-weight: 400;
color: #837f7f;
line-height: 20px;
padding-top: 15px;
margin: auto
}
.referralrewardsform .formtable {
width: 928px;
margin: auto
}
.referralrewardsform .mandatory {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #bc3f3d;
margin: auto;
font-weight: 700;
padding-top: 40px
}
.referralrewardsform .tabs {
width: 926px;
height: 55px;
margin-top: 20px;
background: #e9e8e8
}
.referralrewardsform .tabs1, .referralrewardsform .tabs3 {
width: 926px;
height: 55px;
background: #e9e8e8;
margin-top: 40px
}
.referralrewardsform .referredname {
width: 206px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
padding: 10px;
float: left;
margin-left: 10px;
margin-top: 10px;
color: #504c4c
}
.referralrewardsform .lables {
width: 206px;
height: 34px;
float: right;
margin-top: 18px;
margin-right: 150px
}
.referralrewardsform .lables1 {
width: 180px;
height: 34px;
float: left;
margin-top: 25px;
margin-left: 40px
}
.referralrewardsform .inputfiled {
font-size: 12px;
font-weight: 400;
color: #645f5f;
padding-left: 8px;
border-bottom: #CCC solid 1px;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
border-top: #CCC solid 1px;
height: 18px;
opacity: 1
}
.referralrewardsform .titles, .referralrewardsform .titles1 {
width: 170px;
padding: 10px;
float: left;
margin-top: 10px;
color: #504c4c;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px
}
.referralrewardsform .titles {
margin-left: 40px
}
.referralrewardsform .titles1 {
text-align: left;
margin-left: 30px
}
.referralrewardsform .bottomcontent {
width: 894px;
height: 130px;
margin: auto
}
.referralrewardsform .submitbutton {
width: 111px;
height: 40px;
float: right;
margin-top: 40px;
margin-right: 100px;
cursor: pointer
}
.referralrewardsform .clickhere {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color: #4f4b4b;
float: left;
margin: 13px 0 0 22px!important
}
.referralrewardsform div.error {
margin: 0!important;
width: 250px
}
.referralrewardsform .clickhere p {
float: left
}
.referralrewardsform .accountCaptcha {
margin: 20px 0 0 90px!important
}
.referralrewardsform .btnStrct {
margin: 23px 0 0!important
}
.referralrewardsform .Comment-slot-40 {
margin: 10px 0 0 88px;
float: left
}
.referralrewardsform .Comment-slot-40 .label-box .fldSet label {
margin: 0 0 0 11px!important;
font-size: 1.2em;
float: right
}
.referralrewardsform .Comment-slot-40 .label-box .fldSet input {
border-color: #ccc;
border-style: solid;
border-width: 1px;
color: #645f5f;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
height: 18px;
opacity: 1;
padding-left: 8px;
text-align: justify
}
.referralrewardsform .bottomcontent #radiobutton div.error {
cursor: auto;
float: left;
font-size: 1em;
font-weight: 400;
width: 650px
}
.referralrewardsform .Comment-slot-40 .label-box .inputFld {
width: 140px
}
.accfeatures {
float: left;
background-color: #000;
text-decoration: none;
color: #fff;
font-size: 1.8em;
padding: 15px 20px 15px 22px;
width: 686px
}
.accgreybox {
background-color: #ededed;
width: 100%;
margin: 0 0 10px;
padding: 10px 15px
}
.accgreybox .lefttxt {
width: 576px;
float: left
}
.accgreybox .lefttxt p {
color: #666766
}
.accgreybox .accenlogo {
float: right
}
.tabaccenture {
padding-left: 19px
}
.tabaccenture>.tabCont>ul>li {
float: left;
text-align: justify
}
.giveCallWrapper a {
color: #FFF;
margin-right: 9px
}
.loyaltypgm {
float: left;
width: 1003px;
margin: 20px 0 0
}
.loyaltypgm h2 {
color: #8b2e2e
}
.loyaltypgm ul {
float: left
}
.loyaltypgm ul li {
background: url(../../../../../scripts/desktop/images/inner-btm-sep.jpg) right 30px repeat-y;
float: left;
margin: 32px 21px 0 0;
width: 240px
}
.loyaltypgm ul li p {
font-size: 1.3em;
color: #666766;
padding: 20px 10px 0 0;
clear: both;
min-height: 87px
}
.loyaltypgm>ul>li>a {
font-size: 1.3em
}
ul.tools_calc {
float: left;
margin: 35px 0 0;
width: 189px
}
ul.tools_calc li {
background: 0 0;
color: #8b2e2e;
float: left;
font-size: 1.8em;
padding: 0 0 20px 3px;
width: 186px;
margin: 0
}
ul.tools_calc li img {
float: left
}
ul.tools_calc li a {
color: #666766
}
ul.tools_calc li .detailsData {
float: left;
line-height: normal;
padding: 0 0 0 5px
}
ul.tools_calc ul:first-child {
padding: 0
}
ul.tools_calc li ul li {
background: url(../../../../../scripts/desktop/images/icon-set.png) 9px -234px no-repeat rgba(0,0,0,0);
font-size: .8em;
padding: 0 0 20px 29px;
color: #666766
}
ul.tools_calc h2 {
font-size: 1em
}
.wrp_indsSlider {
height: 183px
}
.wrp_indsSlider a {
position: absolute;
left: 0;
top: 0
}
.indsSlider {
position: relative;
width: 803px;
margin-bottom: 20px
}
.inds_pagination {
position: absolute;
right: 40px;
bottom: 14px
}
.inds_pagination ul li {
width: 15px;
height: 15px;
background: #8f8f8f;
margin-right: 10px;
float: left;
cursor: pointer
}
.inds_pagination ul li.active {
background: #ab2f2d
}
.opnLightbox span {
background: 0 0!important;
color: #fff;
display: block;
padding: 0;
position: static;
width: auto
}
#form-content, .jet-card, .jet-cardcopy, .jet-content1, .jet-header, .jetTerms, .label-dropdown {
position: relative
}
.productDetail p, .richtextEditor p {
color: #666766;
font-size: 1.2em
}
.productDetail {
float: left;
width: 100%;
margin: -15px 0 0;
text-align: justify
}
.productDetail p {
padding-bottom: 5px
}
.richtextEditor {
width: 1002px;
margin: 0 auto;
padding: 10px 0
}
.richtextEditor a {
font-size: 1.2em
}
.richtextEditor a.ca_terms {
margin: 0 0 0 10px
}
.jet-wrapper .Comment-image-slt {
margin: 20px 0 0;
width: 240px;
color: #fff
}
.jet-wrapper .Comment-image-slt .form_captcha_image {
margin: 0!important
}
.jet-wrapper .jet-refresh {
background: url(../../../../../scripts/desktop/images/jet-refresh.jpg) top no-repeat;
width: 70px;
height: 34px;
font-weight: 400
}
.jet-wrapper .Comment-slot-40 .fldSet label {
float: left;
margin: 5px 0
}
.jet-content1, .jet-header {
margin: auto
}
.jet-wrapper div.error {
width: 150px
}
.jet-wrapper {
width: 100%;
float: left;
background: url(../../../../../scripts/desktop/images/bg.jpg) top
}
.jet-header {
width: 740px
}
.jet-content1 {
width: 550px;
height: 50px
}
.jet-cardcopy {
width: 55%;
float: left;
text-align: left;
font-size: 12px;
color: #999;
font-family: sans-serif
}
#label, .jet-submit, .label-dropdown, .label-name, .lasreferralform .clickhere, .lasreferralform .clickheretxt, .lasreferralform .h1, .lasreferralform .inputfiled, .lasreferralform .mandatory, .lasreferralform .p, .lasreferralform .referredname, .lasreferralform .titles, .lasreferralform .titles1, .list, .radiobuttontext, .ratdiobutton, .ratdiobutton1 {
font-family: Arial, Helvetica, sans-serif
}
.jet-card {
width: 40%;
float: right;
text-align: right;
margin-top: -40px
}
#label, .label-dropdown, .label-name {
float: left;
font-weight: 400;
border: none
}
#label, .subcopy {
text-align: left;
color: #FFF
}
.subcopy {
font-size: 6px
}
#form-content {
width: 530px;
padding-top: 38px;
min-height: 230px;
margin: auto
}
#label {
margin-top: 15px;
font-size: 10px
}
.jet-submit, .label-dropdown, .label-name, .list {
font-size: 12px
}
.label-dropdown, .label-name, .list {
text-align: left;
color: #777676
}
.lasreferralform .h1, .lasreferralform .inputfiled {
text-align: justify
}
.label-name {
width: 148px;
height: 35px;
background: url(../../../../../scripts/desktop/images/lable-bg.jpg) left no-repeat;
padding-left: 5px
}
.jet-submit, .label-dropdown {
width: 152px;
cursor: pointer
}
.label-dropdown {
height: 25px;
background: url(../../../../../scripts/desktop/images/dropdown.jpg) left no-repeat #F9F9F9;
border-radius: 1px;
display: block;
margin: 4px 0 0;
overflow: hidden;
padding: 5px;
text-overflow: clip;
z-index: 0;
opacity: 1!important
}
.list {
margin-top: 12px;
border: none;
font-weight: 700;
padding-left: 10px
}
.jet-submit {
margin-left: 352px;
margin-top: 20px;
background: url(../../../../../scripts/desktop/images/submilbutton.jpg) center no-repeat;
height: 42px;
border: none;
color: #FFF;
font-weight: 400;
margin-bottom: 20px
}
placeholder {
background-color: red
}
.selecter .selecter-selected {
background: url(personalLoanFormLogin/css/jquery.fs.selecter-arrow.png) right center no-repeat #F9F9F9;
border: 1px solid #ccc;
border-radius: 3px;
color: #333;
cursor: pointer;
display: block;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 8px 10px;
position: relative;
text-overflow: clip;
z-index: 2
}
.ratdiobutton, .ratdiobutton1 {
margin-top: 18px;
font-size: 13px;
float: left;
color: #fff;
font-weight: 400
}
.radiobuttontext {
float: left;
padding-left: 5px;
line-height: 18px;
padding-top: 18px;
font-size: 13px;
color: #fff;
font-weight: 400
}
.ratdiobutton {
width: 80px;
margin-left: 42px
}
.ratdiobutton1 {
margin-left: -20px
}
.jetTerms {
color: #fff;
float: left;
font-size: 1.2em;
padding: 10px 0
}
.jetTerms input {
float: left
}
.jetTerms label {
float: left;
padding: 0 0 0 10px;
width: 500px
}
.jetTerms div.error {
left: 22px;
position: absolute;
top: 70px;
width: 480px;
font-size: 1.1em
}
.homepageTicker {
padding: 10px;
background-color: #bc3f3d;
color: #fff;
font-size: 1.2em;
margin: -10px 0 20px
}
#otpValidate {
padding: 5px 0 0!important
}
.lasreferralform {
background-color: #f7f6f6
}
.lasreferralform #body {
width: 1024px;
margin: 0 auto;
padding: 0;
background: #f7f6f6
}
.lasreferralform .top {
width: 1024px;
height: 92px;
margin: auto
}
.lasreferralform .indusind {
width: 260px;
height: 57px;
float: right;
margin: 20px
}
.lasreferralform .loan {
width: 260px;
height: 57px;
float: left;
margin: 20px
}
.lasreferralform .banner {
width: 1024px;
height: 100%
}
.lasreferralform #maincontainer {
width: 1024px;
margin: auto
}
.lasreferralform .p {
font-size: 18px;
color: #a63a39;
padding-top: 30px;
padding-left: 50px
}
.lasreferralform .h1 {
width: 920px;
font-size: 12px;
font-weight: 400;
color: #837f7f;
line-height: 20px;
padding-top: 15px;
margin: auto
}
.lasreferralform .formtable {
width: 928px;
margin: auto
}
.lasreferralform .mandatory {
font-size: 13px;
color: #bc3f3d;
margin: auto;
font-weight: 700;
padding-top: 40px
}
.lasreferralform .tabs {
width: 926px;
height: 55px;
margin-top: 20px;
background: #e9e8e8
}
.lasreferralform .tabs1, .lasreferralform .tabs3 {
width: 926px;
height: 55px;
background: #e9e8e8;
margin-top: 40px
}
.lasreferralform .referredname {
width: 206px;
font-size: 12px;
font-weight: 700;
padding: 10px;
float: left;
margin-left: 10px;
margin-top: 10px;
color: #504c4c
}
.lasreferralform .lables {
width: 206px;
height: 34px;
float: right;
margin-top: 18px;
margin-right: 150px
}
.lasreferralform .lables1 {
width: 180px;
height: 34px;
float: left;
margin-top: 25px;
margin-left: 40px
}
.lasreferralform .inputfiled {
font-size: 12px;
font-weight: 400;
color: #645f5f;
padding-left: 8px;
border-bottom: #CCC solid 1px;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
border-top: #CCC solid 1px;
height: 18px;
opacity: 1
}
.lasreferralform .titles, .lasreferralform .titles1 {
width: 170px;
font-size: 13px;
padding: 10px;
margin-top: 10px;
color: #504c4c;
float: left;
font-weight: 700
}
.lasreferralform .titles {
margin-left: 40px
}
.lasreferralform .titles1 {
text-align: left;
margin-left: 30px
}
.lasreferralform .bottomcontent {
width: 894px;
height: 130px;
margin: auto
}
.lasreferralform .clickhere {
margin-top: 45px
}
.lasreferralform .accountCaptcha {
margin: 20px 0 0 90px!important
}
.lasreferralform .btnStrct {
margin: 23px 0 0!important
}
.lasreferralform .Comment-slot-40 {
margin: 10px 0 0 88px;
float: left
}
.lasreferralform .Comment-slot-40 .label-box .fldSet label {
margin: 0 0 0 50px!important;
font-size: 1.2em;
float: right
}
.lasreferralform .Comment-slot-40 .label-box .inputFld {
width: 140px
}
.lasreferralform .clickhere {
font-size: 12px;
font-weight: 700;
color: #4f4b4b;
float: left;
margin: 13px 0 0 22px!important
}
.lasreferralform .submitbutton {
width: 111px;
height: 40px;
float: right;
margin-top: 40px;
margin-right: 100px;
cursor: pointer
}
.lasreferralform .bottomcontent #radiobutton div.error {
cursor: auto;
float: left;
font-size: 1em;
font-weight: 400;
width: 650px
}
.lasreferralform div.error {
margin: 0!important;
width: 250px
}
.lasreferralform .clickheretxt {
font-size: 12px;
font-weight: 700;
color: #4f4b4b;
float: left;
margin: 0 0 0 5px!important
}
.viewReview {
text-decoration: none!important;
cursor: hand
}
.laplandingrefform .btnStrct input, .logoTabs ul li a:hover, .taxCalcWrap .calculator .slideWrapper .buyOnlineWrap a:hover {
text-decoration: none
}
.laplandingrefform body {
margin: auto;
padding: 0;
background-color: #08739d
}
.laplandingrefform {
width: 100%;
min-height: 778px;
background: url(../../../../../scripts/desktop/images/bg_lap.jpg) top
}
.laplandingrefform #header {
width: 740px;
margin: auto;
position: relative
}
.laplandingrefform #content1 {
width: 680px;
height: 50px;
margin: auto;
position: relative
}
.laplandingrefform #cardcopy {
width: 55%;
float: left;
text-align: left;
position: relative;
font-size: 12px;
color: #999;
font-family: sans-serif
}
.laplandingrefform #card {
float: right;
position: relative;
text-align: right;
margin-top: -80px
}
.laplandingrefform .subcopy {
text-align: left;
font-size: 6px;
color: #FFF
}
.laplandingrefform #form-content {
width: 530px;
padding-top: 0;
min-height: 230px;
position: relative;
margin: auto
}
.laplandingrefform #label {
float: left;
margin-top: 15px;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 400;
text-align: left;
color: #FFF
}
.laplandingrefform .label-dropdown, .laplandingrefform .label-name {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
border: none;
text-align: left
}
.laplandingrefform .label-name {
width: 148px;
height: 35px;
background: url(../../../../../scripts/desktop/images/lable-bg_lap.jpg) left no-repeat;
padding-left: 5px;
color: #777676
}
.laplandingrefform .label-dropdown {
height: 25px;
width: 152px;
color: #777676;
background: url(../../../../../scripts/desktop/images/dropdown_lap.jpg) left no-repeat #F9F9F9;
border-radius: 1px;
cursor: pointer;
display: block;
overflow: hidden;
padding: 5px;
position: relative;
text-overflow: clip;
z-index: 0;
margin: 5px 0 0
}
.laplandingrefform .list, .laplandingrefform .submit {
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px
}
.laplandingrefform .list {
margin-top: 12px;
font-weight: 700;
padding-left: 10px;
text-align: left;
color: #777676
}
.laplandingrefform .submit {
margin-left: 352px;
margin-top: -40px;
background: url(../../../../../scripts/desktop/images/submilbutton_lap.jpg) center no-repeat;
width: 152px;
height: 42px;
color: #FFF;
font-weight: 400;
margin-bottom: 20px
}
.laplandingrefform placeholder {
background-color: red
}
.laplandingrefform .selecter .selecter-selected {
background: url(personalLoanFormLogin/css/jquery.fs.selecter-arrow.png) right center no-repeat #F9F9F9;
border: 1px solid #5f0200;
border-radius: 3px;
color: #333;
cursor: pointer;
display: block;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 8px 10px;
position: relative;
text-overflow: clip;
z-index: 2
}
.laplandingrefform .ratdiobutton, .laplandingrefform .ratdiobutton1, .laplandingrefform .ratdiobutton10 {
margin-top: 18px;
vertical-align: top;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-weight: 400;
float: left
}
.hmvideocall, .productsDetails .wrp_indsSlider a img {
display: none
}
.laplandingrefform .radiobuttontext, .laplandingrefform .radiobuttontext2 {
color: #fff;
float: left;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
padding-left: 5px
}
.laplandingrefform .radiobuttontext {
padding-top: 18px;
padding-bottom: 10px;
font-size: 12px;
font-weight: 400
}
.laplandingrefform .radiobuttontext2 {
font-size: 1.2em;
font-weight: 400;
padding-top: 16px;
width: 317px
}
.laplandingrefform .ratdiobutton, .laplandingrefform .ratdiobutton1 {
font-size: 13px
}
.laplandingrefform .ratdiobutton {
width: 80px;
margin-left: 42px
}
.laplandingrefform .ratdiobutton1 {
margin-left: -20px
}
.laplandingrefform .ratdiobutton10 {
margin-left: 0;
font-size: 10px
}
.laplandingrefform div.error {
color: red;
float: left;
font-size: 1.2em;
margin: 21px 0 0;
clear: both
}
.laplandingrefform .Comment-image-slt .form_captcha_image {
margin: 0 0 13px 101px
}
.laplandingrefform .accountCaptcha {
margin: 0 0 13px 4px!important
}
.laplandingrefform .btnStrct input {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
color: #FFF;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
border: none
}
.laplandingrefform .Comment-slot-40 .fldSet label {
float: left;
color: #fff
}
.laplandingrefform .Comment-slot-40 .inputFld {
float: none
}
.laplandingrefform #form-content label span {
position: relative!important
}
.hmvideocall, .laplandingrefform .ratdiobutton10 div.error {
position: absolute
}
.videoBranchCont p.txt {
padding: 0;
font-size: 1.5em;
color: #bb3f3d
}
.videoBranchCont .btnWrap.btnWrap1 {
margin: -6px 0 0 20px
}
.videoBranchCont .video_demo {
float: left;
margin: 20px 0 0 22px;
cursor: pointer
}
.hmvideocall {
width: 615px;
z-index: 12
}
.homepagenewsTickerWrapper {
position: relative;
background: #bc3f3d;
font-size: 1.2em;
color: #fff;
width: 983px;
margin: 0 auto;
padding: 10px
}
.homepagenewsTicker {
overflow: hidden;
width: 940px;
margin: 0 auto
}
.homepagenewsTicker ul {
overflow: hidden;
width: 940px;
height: 72px
}
.homepagenewsTicker ul li {
width: 953px;
height: 72px;
float: left
}
.homepagenewsTickerWrapper .next, .homepagenewsTickerWrapper .prev {
background: url(../../../../../scripts/desktop/images/security-arrow-white.png) no-repeat;
width: 8px;
height: 14px;
position: absolute;
cursor: pointer
}
.homepagenewsTickerWrapper .prev {
left: 10px;
top: 25px;
background-position: 0 0
}
.homepagenewsTickerWrapper .next {
background-position: left -21px;
right: 10px;
top: 25px
}
.homepagenewsTicker a {
color: #FFF
}
.viewAppstatus {
background: url(../../../../../scripts/desktop/images/view-application-btn.png) no-repeat;
border: none;
color: #FFF;
font-weight: 700;
height: 24px;
padding: 5px 0;
width: 213px;
cursor: pointer;
float: left;
text-align: center;
font-size: 1.3em
}
.innerHeader .innerHeaderleft {
width: 779px;
float: left
}
.innerHeaderleft .topNav {
width: 537px
}
.innerHeader .innerHeaderright {
width: 224px;
float: right
}
.innerHeaderright .rightLogoBox {
background-color: #FFF;
float: right;
padding: 7px 19px 7px 20px;
width: 185px
}
.innerHeaderright .rightLogoBox img, .productsDetails .innerHeaderContainer {
float: left
}
.productsDetails .prdDeatilWrapper .prdDetailRight {
margin-top: 0;
position: absolute;
right: 0;
top: -101px
}
.productsDetails .indsSlider {
position: relative;
width: 802px;
margin-bottom: 0
}
.productsDetails .wrp_indsSlider {
height: 273px
}
.productsDetails .wrp_indsSlider a {
left: 0;
position: absolute;
top: 0
}
.productsDetails .inds_pagination {
bottom: 14px;
position: absolute;
right: 40px
}
.logoTabs ul li, .logoWrap .logosInfo, .productsDetails .innerMdlWrapper .innerMdlInner {
position: relative
}
.productsDetails .inds_pagination ul li {
background: #8f8f8f;
cursor: pointer;
float: left;
height: 15px;
margin-right: 10px;
width: 15px
}
.productsDetails .inds_pagination ul li.active {
background: #ab2f2d
}
.productsDetails .prdDeatilWrapper {
background: url(../../../../../scripts/desktop/images/prd-details-bg.gif) center top repeat-y;
width: 100%;
float: left
}
.productsDetails .innerMdlWrapper .innerMdlInner .productDetailsFull {
float: left;
overflow: hidden;
padding: 20px 35px;
width: 935px
}
.productsDetails .productDetailsFull .clm3 {
float: left;
padding: 0 0 25px;
width: 100%
}
.productsDetails .productDetailsFull .clm3 .clmBox {
border: 1px solid #dfdfdf;
float: left;
margin-left: 42px;
width: 280px
}
.productsDetails .productDetailsFull .clm3 .clmBox.owl-vfapp {
margin-left: 0
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox {
background-color: #f3f3f3;
float: left;
min-height: 230px;
padding: 9px;
width: 262px
}
.productsDetails .productDetailsFull .clm3 .clmBox .btmStrip {
background-color: #cb413e;
float: left;
padding: 10px 15px;
width: 250px
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox p {
color: #1f1f1f;
font-family: source_sans_proregular;
font-size: 1.3em
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox a {
color: #8b2e2e
}
.productsDetails .productDetailsFull .clm3 .clmBox .grayBox p.title {
color: #bc3f3d;
font-size: 1.6em;
padding: 10px 0;
text-align: center
}
.productsDetails .productDetailsFull .clm3 .clmBox .btmStrip ul {
float: right;
width: auto
}
.productsDetails .productDetailsFull .clm3 .clmBox .btmStrip ul li {
float: left;
padding-left: 7px;
width: 68px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap {
background-color: #f3f3f3;
border: 1px solid #d0d0d0;
float: left;
padding: 15px;
width: 492px
}
.scroller {
height: 252px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap p.title {
color: #090909;
font-size: 1.7em;
line-height: 1.2em;
padding-bottom: 7px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap p {
color: #333;
font-size: 1.3em;
line-height: 1.2em
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li {
background: url(../../../../../scripts/desktop/images/dotted-line.png) repeat-x;
float: left;
padding: 12px 0;
width: 100%
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li:first-child {
background: 0 0
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li p {
background: url(../../../../../scripts/desktop/images/arrow.png) 0 4px no-repeat;
float: left;
padding: 0 0 0 12px;
width: 464px
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li ul {
float: left;
padding: 7px 0 0;
width: 100%
}
.productsDetails .productDetailsFull .exclusiveOfferWrap li ul li {
background: 0 0;
float: left;
padding: 0 0 0 12px;
width: 66px
}
.productsDetails .productDetailsFull .videoCall {
background-color: #f3f3f3;
border: 1px solid #d0d0d0;
float: right;
min-height: 255px;
padding: 15px 12px 12px;
width: 360px
}
.productsDetails .productDetailsFull .videoCall p.title {
color: #090909;
font-size: 1.7em;
line-height: 1.2em;
padding-bottom: 7px
}
.footerWrap {
background: url(../../../../../scripts/desktop/images/bg-footer.gif) 0 bottom repeat-x #ededed;
float: left;
width: 100%;
margin: 0 0 28px
}
.footerWrap .footer {
margin: 0 auto;
width: 1003px
}
.footerWrap .footer .footerTop {
float: left;
padding: 20px 0 0;
width: 100%
}
.footerWrap .footer .footerTop span.img {
background: url(../../../../../scripts/desktop/images/bull-img.png) no-repeat;
float: left;
height: 59px;
width: 72px
}
.footerWrap .footer .footerTop p {
color: #848484;
float: right;
font-size: 1.1em;
padding: 28px 0 0;
width: auto
}
.footerWrap .footer .footerBtm {
float: left;
height: 28px;
padding: 0 0 12px;
width: 100%
}
.footerWrap .footer .footerBtm ul {
float: left;
padding: 12px 0 0;
width: auto
}
.footerWrap .footer .footerBtm ul li {
border-left: 1px solid #fff;
float: left;
line-height: 1.2em;
padding: 0 8px;
width: auto
}
.footerWrap .footer .footerBtm ul li:first-child {
border-left: 0;
padding-left: 0
}
.footerWrap .footer .footerBtm ul li a {
color: #fff;
float: left;
font-size: 1.2em;
width: auto
}
.footerWrap .footer .footerBtm p {
color: #fff;
float: right;
font-size: 1.3em;
padding: 12px 0 0;
width: auto
}
a.videoCallBranch {
cursor: pointer
}
.logoTabs {
float: left;
padding: 10px 0 0;
width: 664px
}
.logoTabs ul {
float: left;
width: 100%;
padding-bottom: 0
}
.logoTabs ul li {
float: left;
font-size: 1em;
padding: 0
}
.logoTabs ul li a {
background: #878787;
color: #fff;
float: left;
font-weight: 700;
font-size: 1.5em;
padding: 8px 14px;
margin: 0 3px 0 0;
text-align: center
}
.logoTabs ul li.active a {
background: #bc3f3d;
padding: 8px 14px 12px
}
.logoWrap {
float: left;
padding: 15px 0;
width: 652px;
border-top: 3px solid #bc3f3d
}
.logoWrap .logosInfo li {
background: #e8e8e8;
float: left;
margin: 0 8px 16px;
font-size: 1em;
padding: 0
}
.logoWrap .logosInfo li .logoThum {
position: relative;
width: 114px;
height: 96px;
float: none;
cursor: pointer
}
.logoWrap .logosInfo li.sel .logoThum span.arrow {
width: 0;
height: 0;
border: 20px solid;
background-image: none;
border-color: transparent transparent #dedede;
display: block;
position: absolute;
left: 50%;
bottom: -15px;
margin: 0 0 0 -20px
}
.logoWrap .logoData {
background: #dedede;
display: none;
width: 600px;
position: relative;
margin: -1px 0 15px 8px;
padding: 23px 20px 10px 14px;
float: left
}
.logoWrap .logoData .clsBtn {
background: url(../../../../../../content/dam/indusind/desktop/logoclsBtn.png) no-repeat;
position: absolute;
top: 8px;
right: 8px;
width: 17px;
height: 17px
}
.logoWrap .logoData h3 {
color: #bc3f3d;
font-size: 1.6em;
font-weight: 700
}
.logoWrap .logoData p {
background: 0 0;
padding: 5px 0 15px;
font-size: 1.2em
}
.logoWrap .logoData p.semihead {
font-weight: 700;
font-size: 1.3em
}
.logoWrap .logoData ul.bullList {
margin: 0;
padding: 0
}
.logoWrap .logoData ul.bullList li {
background: url(../../../../../../content/dam/indusind/desktop/bullList.png) 0 6px no-repeat;
color: #514f4f;
float: none;
font-size: 1.2em;
margin: 0 0 8px;
padding-left: 12px
}
.logoWrap .logoData ul.bullList ul {
margin: 0;
padding: 0
}
.logoWrap .logoData ul.bullList ul li {
font-size: 1em;
margin: 5px 0 0 12px
}
.callback {
position: fixed;
right: -320px;
top: 155px;
width: 349px;
z-index: 999
}
.callback .callbkBtn {
background: url(../../../../../../content/dam/indusind/desktop/callbkBtn.png) -39px 0 no-repeat;
float: left;
height: 241px;
position: relative;
top: 114px;
width: 29px;
z-index: 4
}
.callback .callbkBtn.sel {
background-position: 0 0
}
.callback .callbackBox {
background-color: #fff;
float: left;
height: 470px;
width: 320px
}
.callback .callbackBox iframe {
border: 1px solid #9b9b9b
}
.locateusContainer h1 {
float: left;
font-size: 1.2em;
padding: 10px 0 0;
width: 100%
}
.locateusContainer p.disclaimer {
float: left;
font-size: 1.1em;
padding: 15px 0 0;
width: 100%
}
.searchtemplate h1 {
font-size: 1em;
font-weight: 400
}
.formWrapper h1 {
color: #151515;
font-size: 1.6em;
padding-top: 8px
}
.srLightbox p.headLine {
color: #333;
float: left;
font-size: 1.4em;
line-height: 1.5em;
padding: 5px 19px 19px 0;
width: 100%
}
.visibilityTable {
display: block
}
.heightTable {
height: 300px
}
.creditService {
border: 1px solid #4D2524;
background-color: #090909;
padding: 4px 10px;
float: left;
width: 200px;
margin: 3px 0 0;
position: relative
}
.creditService ul li {
border-top: 1px dotted #7a7a7a;
padding: 7px 6px;
position: relative;
float: left;
width: 187px
}
.aadhaarBox ul li:first-child, .creditService ul li:first-child, .quikService ul li:first-child {
border-top: none;
padding: 5px 6px 4px
}
.creditService ul li a {
color: #a6a6a6;
background: url(../../../../../scripts/desktop/images/wht-sml-bullet.png) left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 1.2em;
float: left
}
.creditService ul li .help {
float: right;
font-size: 1.2em;
color: #bc3f3d;
cursor: pointer;
background: url(../../../../../scripts/desktop/images/help-icon1.png) right 1px no-repeat;
width: 14px;
height: 16px
}
.savingRt .loginWrapper .creditService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.savingRt .loginWrapper .creditService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
.formcenterRt .loginWrapper .creditService ul li {
padding: 6px;
position: relative;
float: left;
width: 177px
}
.formcenterRt .loginWrapper .creditService ul li:first-child {
border-top: none;
padding: 15px 6px 6px
}
p.complimentsKnowMore {
font-size: 1.3em;
float: right;
color: #bc3f3d;
cursor: pointer
}
.secondFooter ul li.customerCare {
background: #000;
height: 46px;
width: 113px;
float: left;
color: #fff;
font-size: 1.5em;
line-height: 43px;
text-align: center;
margin: 0 10px 0 0
}
ul.customerCareband li span {
margin: 15px 5px 0 10px;
float: left;
color: #fff
}
#placmentDocument {
margin: 0
}
#placmentDocument .locCheckbox input, #placmentDocument .resCheckbox input {
width: auto;
margin: 0
}
#placmentDocument #postcode {
font-size: 1.3em;
margin-left: 0
}
#placmentDocument .radiobox {
font-size: 1.1em;
margin: 0
}
#placmentDocument .locCheckbox input[type=checkbox], #placmentDocument .resCheckbox input#resCheck {
border: none
}
#placmentDocument .postcodeSubmitButton input[type=radio] {
border: none;
width: auto
}
#placmentDocument .postcodeSubmitButton label {
width: auto
}
.aadhaarSection .tipsContentWrapAadhar, .securityTip .tipsContentWrapAadhar {
height: 110px;
margin: 10px 0 0 20px;
width: 430px
}
.aadhaarSection .tipsContentWrapAadhar input, .securityTip .tipsContentWrapAadhar input {
background: #fff;
border: 1px solid #999;
color: #000;
float: left;
font-size: 1.5em;
padding: 5px;
text-align: center;
width: 394px
}
.aadhaarSection .tipsContentWrapAadhar input.mobilenoAadhaar, .securityTip .tipsContentWrapAadhar input.mobilenoAadhaar {
margin: 5px 0 0
}
p.aadhaarMandatory {
color: #000;
float: left;
font-size: 1.2em;
padding: 17px 0 0 10px
}
.aadhaarSection .tipsContentWrapAadhar .btnStrctAadhar input, .securityTip .tipsContentWrapAadhar .btnStrctAadhar input {
background: url(../../../../../../content/dam/indusind/desktop/aadhaarSubmit.png) no-repeat rgba(0,0,0,0);
cursor: pointer;
float: left;
height: 27px;
margin: 10px 0 0 42px;
width: 74px
}
.singleColumn .securityTip {
border: 1px solid #bc3f3d;
float: left;
margin: 3% 0 2% 33%;
position: relative;
width: 445px;
padding: 0
}
.singleColumn .securityTip .secTitle {
background-color: #bc3f3d;
color: #fff;
font-size: 1.2em;
font-weight: 700;
padding: 5px;
text-align: center
}
.singleColumn .tipsWrapper {
overflow: hidden;
width: 100%;
margin: 0
}
.mobilenoAadhaar {
display: none!important
}
.customerSpeaks table.offersCC tr, .lightboxConTC, .overlayQuickpay, .srLightboxAadhar, .srLightboxTC, .tataBannerLigtbox {
display: none
}
.srLightboxAadhar {
position: fixed;
left: 0;
top: 50px;
z-index: 12;
border-radius: 4px;
background-color: #fff;
padding: 15px
}
.srLightboxAadhar h2 {
color: #8B2E2E;
border-bottom: 2px solid #ccc;
padding-bottom: 15px
}
.srLightboxAadhar a.closeBtn {
float: right
}
.srLightboxAadhar ul {
margin-top: 10px;
width: 100%
}
.srLightboxAadhar ul li {
float: left;
width: 100%;
padding: 5px 0;
margin-left: 15px;
margin-bottom: 5px
}
.srLightboxAadhar ul li strong {
float: left
}
.overlayQuickpay {
background-color: #000;
left: 0;
opacity: .8;
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 14
}
.srLightboxQuickpay {
height: 500px;
left: 22%;
position: fixed;
top: 4%;
width: 500px;
z-index: 15;
display: none
}
.srLightboxQuickpay img.closeQuickpay {
background: #fff;
position: relative;
left: 781px;
top: 23px;
cursor: pointer
}
.customerSpeaks table {
border-top: 1px solid #b6b6b6;
margin: 5px 0 15px;
width: 100%
}
.customerSpeaks table tr td {
border-bottom: 1px solid #b6b6b6;
border-right: 1px solid #b6b6b6;
color: #757575;
font-size: 1.2em;
padding: 10px
}
.customerSpeaks a.loadMore {
float: right;
color: #bc3f3d;
cursor: pointer
}
.calcLink ul li.sel {
background-color: #7c7c7c
}
.calcLink ul li.sel a {
color: #fff;
cursor: default
}
.tableCalc {
float: left
}
.selectContainer {
float: left;
padding: 10px 0;
position: relative;
width: 100%
}
.selectContainer .selectleftContent {
float: left;
margin: 0 85px 0 70px;
position: relative;
width: 430px
}
.selectContainer .selectleftContent p {
color: #666766;
float: left;
font-size: 1.6em;
line-height: 1.2em;
padding: 0;
width: 335px
}
.selectContainer .selectbg {
background: #fff;
cursor: pointer;
float: left;
height: 31px;
position: relative;
width: auto
}
.selectContainer .selectedvalue {
background: url(../../../../../scripts/desktop/images/select.png) right top no-repeat;
color: #666;
cursor: pointer;
font-size: 1.3em;
height: 24px;
left: 0;
padding: 7px 0 0 5px;
position: absolute;
text-align: left;
width: 98%
}
.selectContainer select {
cursor: pointer;
float: left;
height: 31px;
line-height: 44px;
opacity: 0;
width: 90px
}
.selectContainer .selectrightContent {
float: left;
position: relative;
width: 365px
}
.selectContainer .selectrightContent p {
color: #666766;
float: left;
font-size: 1.6em;
line-height: 1.8em;
padding: 0;
width: 275px
}
.taxCalcWrap .resultWrapper {
padding: 20px 0;
width: 368px
}
.taxCalcWrap .resultWrapper .resultContainer {
padding: 0 20px
}
.taxCalcWrap .rsltField p {
line-height: 1.5em
}
.resultWrapper .grandTotalWrap {
background-color: #3a3a3a;
color: #fff;
float: left;
padding: 15px 20px;
width: 328px
}
.resultWrapper .grandTotalWrap p {
float: left;
font-size: 2.2em;
font-weight: 700;
line-height: 1.2em;
width: 186px
}
.resultWrapper .grandTotalWrap .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
background-size: 10px;
float: left;
height: 16px;
margin: 7px 5px 0 0;
width: 10px
}
.resultWrapper .totalgrandAmount .grand_Total_tax {
color: #fff;
float: left;
font-size: 2.2em;
padding: 7px 0;
width: 120px
}
.taxCalcWrap .sectionWrap {
border-top: 1px solid #c6c6c6;
float: left;
padding: 35px 20px 10px 70px;
width: 545px
}
.taxCalcWrap .sectionWrap:first-child {
border-top: none
}
.taxCalcWrap .sectionWrap.section80c {
background: url(../../../../../scripts/desktop/images/section80c.png) 25px center no-repeat
}
.taxCalcWrap .sectionWrap.section80d {
background: url(../../../../../scripts/desktop/images/section80d.png) 25px center no-repeat
}
.taxCalcWrap .sectionWrap.section80ccg {
background: url(../../../../../scripts/desktop/images/section80ccg.png) 25px center no-repeat
}
.taxCalcWrap .calculator .slideWrapper {
border: none;
padding: 15px 0;
width: 100%
}
.taxCalcWrap .calculator .slideWrapper.first {
padding-top: 0
}
.taxCalcWrap .calculator .slideWrapper .questWrap {
float: left;
padding: 0 15px 0 0;
width: 265px
}
.taxCalcWrap .calculator .slideWrapper .questWrap.total {
font-weight: 700;
padding: 15px 0 0;
text-transform: uppercase
}
.taxCalcWrap .calculator .slideWrapper .questWrap .quest {
background: 0 0;
font-size: 1.5em;
line-height: 1.8em;
padding: 0
}
.taxCalcWrap .calculator .slideWrapper .inputWrapper {
width: 120px
}
.taxCalcWrap .calculator .slideWrapper .inputWrapper .inputField .inpMdl {
width: 79px
}
.taxCalcWrap .calculator .slideWrapper label {
color: #666766;
float: left;
font-size: 1.6em;
padding: 0 0 25px;
width: 100%
}
.taxCalcWrap .calculator .slideWrapper label .rupee {
margin: 0 0 0 5px
}
.taxCalcWrap .calculator .slideWrapper .calcContainer {
width: 100%
}
.taxCalcWrap .calculator .slideWrapper .calcContainer .calcSection {
padding: 18px 0 0 20px;
width: 460px
}
.taxCalcWrap .calculator .slideWrapper .buyOnlineWrap {
float: left;
width: auto
}
.taxCalcWrap .calculator .slideWrapper .buyOnlineWrap a {
background: #bc3f3d;
border-radius: 5px;
color: #fff;
float: right;
font-size: 1.5em;
padding: 7px 15px;
width: auto
}
.taxCalcWrap .leftCont .grandTotalWrap {
background-color: #3a3a3a;
color: #fff;
float: left;
padding: 15px 67px;
width: 500px
}
.taxCalcWrap .leftCont .grandTotalWrap p {
float: left;
font-size: 2.2em;
font-weight: 700;
line-height: 1.2em;
width: 282px
}
.taxCalcWrap .leftCont .grandTotalWrap .rupee {
background: url(../../../../../scripts/desktop/images/rupee-img1.png) left top no-repeat;
background-size: 10px;
float: left;
height: 16px;
margin: 7px 5px 0 0;
width: 10px
}
.taxCalcWrap .leftCont .grandTotalWrap .grand_Total {
color: #fff;
float: left;
font-size: 2.2em;
padding: 7px 0;
width: 120px
}
.savingsContainer.taxCalcWrap .myAccNumberWrapper {
min-height: 490px
}
.taxCalcWrapper {
width: 1003px;
margin: 0 auto
}
.taxCalcWrapper .taxBanner {
width: 100%;
float: left;
background-color: #dcdcdc
}
.taxCalcWrapper .taxBanner .left {
width: 422px;
float: left
}
.taxCalcWrapper .taxBanner .left img {
float: left
}
.taxCalcWrapper .taxBanner .right {
width: 481px;
float: left;
padding: 35px 50px 20px
}
.taxCalcMdl, .taxCalcWrapper p.ans {
width: 100%;
float: left
}
.taxCalcWrapper .taxBanner .right p {
font-size: 1.3em;
color: #2c2c2c
}
.taxCalcWrapper .taxBanner .right p span.welcome {
font-size: 1.6em
}
.taxCalcWrapper .taxBanner a.calcTax {
padding: 10px 15px;
float: left;
background-color: #bc3f3d;
border-radius: 5px;
color: #fff;
font-size: 1.8em;
margin: 25px 0 0;
text-decoration: none
}
.taxCalcWrapper p.question {
font-size: 2.4em;
color: #bc3f3d;
width: 100%;
float: left;
margin: 40px 0 10px
}
.taxCalcWrapper p.ans {
font-size: 1.7em;
color: #666766
}
.taxCalcMdl .leftSec {
width: 572px;
float: left;
margin: 43px 0 0
}
.taxCalcMdl .rightSec {
width: 431px;
float: left;
margin: 43px 0 0;
background-color: #eaeaea
}
.taxCalcMdl .leftSec .boxCont {
background-color: #bc3f3d;
width: 276px;
height: 265px;
float: left;
margin: 0 10px 10px 0;
text-align: center;
position: relative;
overflow: hidden
}
.taxCalcMdl .leftSec p.boxTitle {
font-size: 1.8em;
color: #fff;
text-align: center;
padding: 50px 0 0;
line-height: normal;
min-height: 75px
}
.taxCalcMdl .leftSec p.boxTitle span {
font-size: .8em;
color: #fff;
line-height: normal
}
.formNote {
background-color: #3a3a3a;
padding: 10px 20px;
float: left;
margin-top: 37px
}
.formNote p {
font-size: 1.3em;
color: #fff;
text-align: center
}
.formContainer {
float: left;
padding: 52px 20px 0;
min-height: 661px
}
.formContainer label {
width: 175px;
float: left;
font-size: 1.3em
}
.formContainer .fieldWrap {
width: 100%;
float: left;
margin-bottom: 15px
}
.formContainer .inpField {
width: 216px;
float: left
}
.formContainer .inpField.titleWrap {
width: 80px
}
.formContainer .inpField input, .nameWrap input {
background: 0 0;
border: 1px solid #999;
border-radius: 10px;
color: #666766;
float: left;
font-family: source_sans_proregular;
font-size: 1.5em;
padding: 5px 8px;
width: 24px
}
.formContainer .selectgen {
background: url(../../../../../scripts/desktop/images/selectBgArrow1.gif) right 4px no-repeat;
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 30px;
position: relative;
width: 100%
}
.formContainer .selectgen select {
width: 100%
}
.formContainer .selectgen.title, .formContainer .selectgen.title select {
width: 80px
}
.formContainer .selectgen.title .selectedvalue {
width: 36px
}
.formContainer .inpField .nameField, .nameWrap {
width: 107px;
margin-left: 15px
}
.nameWrap {
float: left
}
.nameWrap input {
width: 91px
}
.formContainer .radiobox {
height: 15px;
background: url(../../../../../scripts/desktop/images/radioBtn.png) left top no-repeat;
cursor: pointer;
float: left;
margin: 9px 5px 0 0;
font-family: source_sans_proregular;
font-size: 1.4em;
line-height: 1em
}
.formContainer .radiobox.checked {
background-position: 0 -29px
}
.formContainer .radiobox input {
opacity: 0;
filter: alpha(opacity=0);
border: none;
width: 14px;
height: 14px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 1em
}
.formContainer .radiobox label {
width: 29px;
padding: 0 25px 0 5px;
line-height: 1.2em;
font-size: 1em;
cursor: pointer
}
.taxBtnWrap {
margin: 0 0 0 175px
}
.taxBtnWrap input {
background-color: #bc3f3d;
padding: 3px 0;
color: #fff;
border: none;
border-radius: 5px;
width: 95px;
margin: 0 10px 0 0;
cursor: pointer
}
.boxData {
background-color: #e7e7e7;
border: 1px solid #bebebe;
height: 263px;
left: 0;
position: absolute;
bottom: -100%;
width: 274px
}
.boxDetail {
font-size: 1.3em;
min-height: 88px;
padding: 0 5px
}
.bxReadmore {
font-size: 1.3em;
text-decoration: underline
}
.taxCalcMdl .leftSec .boxData p.boxTitle, .taxCalcMdl .leftSec .boxData p.boxTitle span {
color: #b34141
}
.formContainer .error {
clear: both;
color: red;
float: left;
font-size: 1.1em;
margin: 2px 0 0;
width: 100%
}
.fieldWrap.taxstatecity .inpField {
width: 100%
}
.fieldWrap.taxstatecity .selectgen {
width: 214px
}
.fieldWrap.taxstatecity .fldSet {
margin-bottom: 15px
}
.inpField input#customerid, .inpField input#email, .inpField input#mobileNumber {
width: 200px
}
.srLightboxTC {
width: 540px;
height: 500px;
position: fixed;
left: 0;
top: 50px;
z-index: 12;
border-radius: 4px;
background-color: #fff;
padding: 15px
}
.srLightboxTC h2 {
color: #8B2E2E
}
.srLightboxTC p {
color: #333;
padding: 6px 0 10px;
float: left;
font-size: 1.4em;
line-height: 1.5em
}
.srLightboxTC a.closeBtn {
float: right
}
.srLightboxTC ul li {
list-style-type: disc;
float: left;
font-size: 1.4em;
color: #333;
padding: 3px 0 0 5px;
margin: 5px 0 0 20px;
width: 100%
}
.srLightboxTC ul li ul li {
font-size: 1em
}
.innerContsrLightboxTC {
height: 470px;
margin: 30px 0 0;
overflow: scroll
}
.scrollElem {
width: 90%
}
#nriaccounttype .selectgen {
width: 180px;
margin: 15px 0 0
}
.selectloc, .selectloc select {
width: 180px!important
}
.selectloc div.error {
margin: 0
}
.bewareNotice {
border: 1px solid #ccc;
padding: 10px
}
#ui-datepicker-div a.ui-datepicker-next span {
background: url(../../../../../scripts/desktop/images/ui-icons_222222_256x240.png) 209px 288px;
cursor: pointer
}
#ui-datepicker-div a.ui-datepicker-prev span {
background: url(../../../../../scripts/desktop/images/ui-icons_222222_256x240.png) 176px 288px;
cursor: pointer
}
.skype_c2c_free_text_span, .skype_c2c_logo_img {
display: none!important;
visibility: hidden!important;
opacity: 0!important
}
.skype_c2c_text_span {
color: #fff!important
}
.innerMdlBtmWrapper .left ul li .detailsData p.footerTitle {
float: left;
font-size: 1em;
color: #8b2e2e
}
.impLinks p.implink {
background-color: #fff;
color: #000;
float: left;
margin: -17px 0 0;
padding: 15px
}
.intRate li.title p, .savingsRate li.title p {
color: #000;
font-size: 1em;
font-weight: 700
}
.innerMdlBtmWrapper .left ul li p.footerTitle {
float: left;
font-size: 1em;
color: #8b2e2e
}
.impLinks p {
background-color: #FFF;
float: left;
margin: -17px 0 0;
padding: 10px;
color: #000;
font-size: 2.8em;
font-weight: 400;
line-height: normal
}
.tabWrapper ul li a h2 {
font-size: inherit
}
.outterWrapper p {
font-size: 1.2em;
color: #656565;
padding: 10px 0 0;
line-height: 1.5em
}
.CCpara-two {
display: none
}
.expandParaTwo {
float: right;
color: red;
font-size: 1.2em
}
.tabContWrapper .tabCont h3 {
color: #666;
font-size: 1.3em;
font-weight: 700;
padding: 0 0 15px
}
.prdWrapper .prdBox ul {
clear: both;
float: left
}
.prdWrapper .prdBox ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 0 6px no-repeat rgba(0,0,0,0);
clear: both;
color: #666766;
cursor: default;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 0 6px 8px;
width: 175px
}
a.bannerimglink {
height: 100%;
position: absolute;
text-indent: -9999px;
width: 1002px
}
.address-section {
height: auto;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #ccc
}
.office-boxes-3 {
margin: 0 auto;
width: 984px
}
.office-box {
float: left;
margin-top: 17px;
width: 33%
}
.office-box h2 {
color: #787878;
font-size: 1.8em;
font-weight: 700
}
.address, .office-box p a {
color: #818181;
font-weight: 400;
text-decoration: none
}
.calcWrapper .calcIntroPara {
color: #666766;
float: left;
font-size: 1.2em;
line-height: 1.5em;
padding: 5px 0;
width: 100%
}
.welcomkitContainer {
margin: 0 auto;
width: 761px;
float: left;
padding: 32px;
box-sizing: border-box;
background: #fff
}
.welcomkitContainer p {
clear: both;
color: #666766;
line-height: normal;
padding: 0 0 10px
}
.wktitle {
width: 100%;
float: left;
margin-bottom: 40px;
position: relative
}
.welcomkitContainer .wktitle #linel {
background-color: #b92626;
height: 2px;
margin-left: 0;
text-align: center;
width: 100%
}
.welcomkitContainer .wktitle #linel_1 {
background-color: #b92626;
left: 25%;
position: absolute;
top: -21px;
width: 47%
}
.welcomkitContainer .wktitle #linel_1 #innercontent {
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 11px 0 0;
text-align: center
}
.welcomkitContainer .wkcontent {
float: left;
margin-top: 3%;
width: 100%
}
.welcomkitContainer .wkcontent .left {
box-sizing: border-box;
float: left;
padding: 0 37px;
width: 33%;
text-align: center
}
.welcomkitContainer .wkcontent .left p {
font-size: 14px;
font-weight: 700;
height: 35px;
margin: 10px 0
}
.welcomkitContainer .wkcontent .dwnbtn {
width: 150px;
background: url(../../../../../../content/dam/indusind/desktop/dwnbtn.png) repeat-x;
padding: 10px
}
.welcomkitContainer .wkcontent .dwnbtn a {
text-decoration: none;
color: #fff;
font-weight: 700;
font-size: 1.3em
}
.welcomkitContainer .seperator {
background: #ad565b;
float: left;
height: 180px;
margin-top: 20px;
width: 2px
}
#divwidget {
display: block!important
}
.aadharForm {
margin: 0 auto;
width: 1002px
}
.aadharForm .secTitle {
float: left;
font-size: 1.6em;
padding: 15px 0 10px;
width: 100%;
line-height: 1.2em
}
.aadharForm .box {
display: inline-block;
float: left;
margin: 10px 0;
width: 100%
}
.aadharForm .box>span {
float: left;
font-size: 1.3em;
font-weight: 700;
margin-bottom: 10px;
width: 100%
}
.aadharForm .ChekNew, .aadharForm .ChekSub, .aadharForm .label-box.dontCallArea>label {
font-size: 1.2em;
float: left;
font-weight: 700
}
.aadharForm .box>input {
float: left;
width: 370px;
height: 16px;
padding: 9px 5px
}
.aadharForm .ChekSub {
color: #6a6a6a;
line-height: 1.6em;
margin: 10px 0;
width: 100%
}
.aadharForm .ChekNew>input {
float: left;
margin-right: 5px;
width: 14px;
height: 18px
}
.aadharForm .ChekNew {
color: #6a6a6a;
margin: 10px 0;
width: 100%
}
.aadharForm .form_captcha_image {
float: left;
margin: 0;
width: 141px
}
.aadharForm .Comment-slot-40 {
float: left;
margin: 10px 0;
width: 100%
}
.aadharForm .label-box.dontCallArea>label {
color: #555;
width: 100%
}
.aadharForm .label-box.dontCallArea .shadow-inbox-100 {
float: left;
margin: 5px 0;
width: 218px;
height: 16px;
padding: 9px 5px
}
.aadharForm p.aadhaarMandatory {
padding: 17px 0 0;
font-size: 1.1em;
font-weight: 700
}
.aadharForm .btnStrctAadhar {
color: #fff;
float: left;
margin: 10px 0;
width: 100%;
padding-left: 0;
display: block
}
.richtexteditor.section {
margin: 0 auto;
width: 1002px
}
.aadharForm div.error {
margin: 0;
font-size: 1em
}
.litblfont {
font-size: 12px
}
.aadharseedinfTnc {
background: #fff;
border: 2px solid #bc3f3d;
font-size: 1.2em;
max-width: 750px;
padding: 10px 15px;
position: fixed;
width: 100%;
z-index: 13
}
.aadharseedinfTnc p {
padding-bottom: 8px;
line-height: 1.4em
}
.aadharseedinfTnc>ul li {
background: url(../../../../../scripts/desktop/images/tableBullet.gif) 11px 6px no-repeat;
padding: 0 0 4px 22px
}
.aadharseedinfTnc .closeBtn {
position: absolute;
right: 17px;
top: 12px
}
.boxouter {
float: left;
width: 761px
}
.boxouter .box {
width: 224px;
float: left;
border: 1px solid #bcbec0;
padding: 20px;
box-sizing: border-box;
margin-right: 13px;
margin-bottom: 13px;
min-height: 287px;
}
.card {
width: 100%;
float: left
}
.card img, .downbut img, .icon img {
width: 100%;
height: auto
}
.welcomkitContainer .box p, .welcomkitContainer p {
margin-bottom: 0;
font-size: 13px
}
.box p.tital {
color: #96282e;
font-size: 12px;
text-align: center;
font-weight: 700
}
.line {
width: 100%;
float: left;
border-bottom: 2px solid #bcbec0;
height: 2px;
margin: 15px 0
}
.box2 .icon {
float: left;
margin-right: 14px;
width: 55px
}
.iconinfo {
float: left;
width: 112px
}
.box.last {
margin-right: 0
}
.iconinfo p {
font-size: 15px;
padding: 0;
margin: 4px 0 8px;
color: #000
}
.bottext, .welcomkitContainer .wktitle #linel_1 p {
font-size: 13px
}
.downbut {
margin: 5px 0 0;
float: left
}
.bottext {
float: left;
width: 100%;
line-height: 20px;
margin-top: 15px
}
.bottext a {
color: #96282e
}
.welcomkitContainer .wktitle #linel_1 {
height: 37px;
background: #96282e
}
.impLinks ul {
padding: 0 0 78px
}
.impLinks p.regoffice {
position: absolute;
right: 0;
font-size: 1.1em;
color: #848484;
width: 652px;
top: 188px
}
#notify-visitors-floating-html-notification_6883 {
display: none
}
.rateText {
float: left;
margin: -19px 0 0 10px;
font-size: 11px;
color: #666
}
.se-pre-con {
background-color: #fff
}
.se-pre-con img {
left: 50%;
margin-top: -71px;
position: absolute;
top: 50%
}
#avgSave .monthWrap .calcSection {
width: 172px
}
#avgSave .calcSection .dragBox .drag2 {
width: 160px
}
#avgSave .monthWrap .calcSection .dragBox {
width: 172px
}
.tabContWrapper ol li, ol.olstyle li {
color: #666766;
font-size: 1.3em;
line-height: 1.3em;
padding: 0 10px 10px 0
}
.tabContWrapper ol li ul.loweralpha, ol.olstyle {
padding: 0 0 0 23px
}
.tabContWrapper ol li ul.loweralpha li {
font-size: 13px;
background: 0 0;
list-style-type: lower-alpha;
padding: 0 10px 10px 0
}
.innerTopNav ul.navLink li {
padding: 22px 3px 21px
}
.innerTopNav ul.navLink li.sel {
padding: 22px 11px 21px 4px;
margin-right: 0;
background: url(../../../../../scripts/desktop/images/nav-icon.png) 26px -390px no-repeat
}
.innerTopNav ul.navLink li.complimentNav.sel {
background-position: 46px -390px;
background-position: 44px -390px\9
}
@media screen and (min-width:0\0) {
.innerTopNav ul.navLink li.complimentNav.sel {
background-position:44px -390px
}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.innerTopNav .homeDropdown {
top: 58px
}
}
.wrapperCustApp {
width: 1004px;
backgroung: red;
margin: 0 auto
}
.wrapperCustApp .customecategory {
width: 74%;
float: left;
margin: 35px 13% 0
}
.wrapperCustApp .customecategory .category {
width: 49%;
float: left;
border-left: 1px dotted #b0b0b0;
box-sizing: border-box;
padding: 0 54px
}
.wrapperCustApp .customecategory .category .rad-label {
float: left;
margin-bottom: 20px
}
.wrapperCustApp .customecategory .category .rad-label span.nonCust {
background: url(../../../../../../content/dam/indusind/desktop/non-customer.png) no-repeat;
padding-left: 33px;
margin-right: 5px;
color: #8b2e2e;
font-size: 1.6em;
font-weight: 700
}
.wrapperCustApp .customecategory .category .rad-label span.exitingCust {
background: url(../../../../../../content/dam/indusind/desktop/existingCust.png) no-repeat;
padding-left: 33px;
margin-right: 5px;
color: #8b2e2e;
font-size: 1.6em;
font-weight: 700
}
.wrapperCustApp .customecategory .category .box span {
float: left;
font-size: 1.5em;
margin-top: 15px;
width: 100%;
color: #333
}
.wrapperCustApp .customecategory .category .box input {
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 25px;
padding: 5px;
width: 242px;
margin-top: 10px
}
.categoryDetails, .wrapperCustApp .hr, .wrapperCustApp .or {
width: 100%;
float: left
}
.wrapperCustApp .customecategory .category.noborder {
border: none
}
.wrapperCustApp .or {
text-align: center;
font-weight: 700;
font-size: 1.3em;
margin-top: 10px
}
.wrapperCustApp .customecategory .category .btnStrct {
border: none;
border-radius: 3px;
color: #fff;
cursor: pointer;
float: left;
font-size: 1.1em;
font-weight: 700;
padding: 6px 10px 7px;
text-decoration: none
}
.wrapperCustApp .customecategory .category .btnStrct input {
font-size: 1.2em
}
.wrapperCustApp .hr {
height: 2px;
border-bottom: 1px dotted #b0b0b0;
margin: 20px 0
}
.categoryDetails .clmsWrap {
margin: 0 auto
}
.categoryDetails .clmsWrap .subTitle {
width: 100%;
float: left;
margin-bottom: 19px
}
.categoryDetails .clmsWrap .subTitle p {
text-align: center;
color: #8b2e2e;
padding-bottom: 6px;
font-size: 2em
}
.categoryDetails .clmsWrap .clm {
width: 50%;
float: left;
margin-bottom: 15px
}
.categoryDetails .clmsWrap .appriMsg label, .categoryDetails .clmsWrap .clm label, .categoryDetails .clmsWrap .fldSet label {
float: left;
font-size: 1.3em;
margin-bottom: 8px;
width: 100%
}
.categoryDetails .clmsWrap .clm select {
height: 35px
}
.categoryDetails .clmsWrap .clm .selectbg {
background: url(../../../../../scripts/desktop/images/selectBgArrow.png) 97% 15px no-repeat rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 35px;
margin: 0 10px 15px 0;
position: relative;
width: 186px
}
.categoryDetails .clmsWrap .clm .selectbg .selectedvalue {
padding-top: 10px;
width: 229px
}
.categoryDetails .clmsWrap .appriMsg {
width: 63%;
float: left;
margin-bottom: 10px
}
.categoryDetails .clmsWrap .appriMsg textarea {
border-radius: 10px;
float: left;
padding: 5px;
border: 1px solid #999;
box-sizing: border-box
}
.categoryDetails .clmsWrap .fldSet {
width: 100%;
float: left;
margin: 10px 0 30px
}
.categoryDetails .clmsWrap .fldSet .inputMaster.upload {
width: 77%
}
.categoryDetails .clmsWrap .fldSet .inputMaster.upload input.upl {
margin-left: 516px
}
.categoryDetails .clmsWrap .fldSet .Comment-image-slt {
float: left;
width: 100%
}
.categoryDetails .clmsWrap .Comment-image-slt .form_captcha_image.accountCaptcha {
margin-left: 0!important
}
.categoryDetails .clmsWrap .Comment-slot-40 .label-box.dontCallArea label {
width: 100%;
float: left;
font-size: 1.3em;
padding-bottom: 5px
}
.categoryDetails .clmsWrap .Comment-slot-40 .label-box.dontCallArea .shadow-inbox-100 {
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 25px;
margin-bottom: 10px;
padding: 5px;
width: 237px
}
.categoryDetails .clmsWrap .Comment-image-slt .form_captcha_image {
margin-left: 0
}
.wrapperCustApp .inputMaster.upload span {
text-align: left;
width: 100%;
overflow: hidden
}
.categoryDetails .clmsWrap .fldSet .inputMaster.upload {
height: 33px
}
.wrapperCustApp .ovAll {
height: auto
}
.wrapperCustApp .rad-label span.cheked, .wrapperCustApp .rad-label span.uncheked {
margin-right: 10px;
background-image: url(../../../../../../content/dam/indusind/desktop/radio-bg.png);
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
float: left;
height: 21px;
position: relative;
width: 21px;
z-index: 1
}
#loader, .expandDiv a#demo, .locateWrap div:nth-child(7), .locateWrap div:nth-child(8) {
display: none
}
.wrapperCustApp .rad-label span.cheked {
background-position: 0 0
}
.wrapperCustApp .rad-label span.uncheked {
background-position: left bottom
}
.wrapperCustApp .rad-label .custrad {
width: 21px;
margin: 2px 5px 0 0
}
.wrapperCustApp .dontCallArea div.error {
margin: 0
}
.wrapperCustApp .ovAll {
width: 314px;
overflow: visible
}
.wrapperCustApp .ovAll span {
text-align: left;
font-size: 12px
}
.wrapperCustApp .Comment-image-slt {
margin-top: 10px
}
.custappBanner {
margin-bottom: 25px
}
.custappBanner img {
width: 100%
}
.wrapperCustApp .inputMaster.upload {
height: 45px
}
#removeText, .textareaMsg {
margin-left: 2px;
width: 100%;
float: left
}
.branch-search {
width: 100%;
float: left
}
.branch-search .clm label {
float: left
}
.branch-search .clm .selectbg {
background: url(../../../../../scripts/desktop/images/selectBgArrow.gif) right 6px no-repeat rgba(0,0,0,0);
border: 1px solid #999;
border-radius: 10px;
float: left;
height: 35px;
margin: 0 10px 15px 0;
position: relative;
width: 186px
}
.customerSearch {
width: 1003px;
margin: 10px auto
}
.customerSearch.csForm select {
opacity: 1
}
.customerSearch .clmsWrap {
margin: 0 auto
}
.customerSearch .clmsWrap label {
width: 200px;
float: left;
text-align: left
}
.customerSearch .sub, .customerSearch .subDownload {
margin: 10px 0;
width: 100px
}
.customerSearch.csForm .inithide td, .customerSearch.csForm .inithide th {
font-size: 12px;
text-align: center
}
.customerSearch.csForm .inline-buttons {
margin: 20px 0
}
.customerSearch .subDownload {
background: #ececec;
border: 1px solid #acacac;
width: 100px;
padding: 4px
}
.customerSearch .overlay {
opacity: .5
}
.branchEmp .clm label {
width: 70px;
padding-top: 7px
}
.branchEmp .clm .selectedvalue {
padding-top: 2px
}
.customerSearch #branch-submit-form .clmsWrap {
width: 560px
}
#loader {
position: fixed;
left: 50%;
top: 50%;
z-index: 12;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
animation: 1s linear 0s normal none infinite running spin;
border-color: #555 #f3f3f3 #f3f3f3;
border-image: none;
border-radius: 50%;
border-style: solid;
border-width: 5px;
height: 50px;
width: 50px
}
@keyframes spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.categoryDetails .clmsWrap .clm .custalign {
margin-left: 46px;
width: 254px
}
.categoryDetails .clmsWrap .clm .custleft {
width: 254px
}
.Comment-image-slt.custComment, .label-box.dontCallArea.custdontCallArea {
margin-left: -119px
}
.btnStrct.applybtn.custsubmit {
box-sizing: border-box;
height: 30px;
margin: 50px auto 42px;
padding-left: 37%;
width: 100%
}
.btnStrct.applybtn.custsubmit>input {
width: 128px;
font-size: 1.4em;
padding: 4px 10px 7px
}
.categoryDetails .clmsWrap .clm .custbranchsel, .categoryDetails .clmsWrap .clm .custempsel, .categoryDetails .clmsWrap .clm .custselectcity, .categoryDetails .clmsWrap .clm .custstatesel {
width: 254px
}
.customerappreciationreport.section>#loader {
top: 25%
}
.removeText, .se-pre-con {
top: 0;
text-align: center
}
.customerSearch .subloadalign {
margin-left: -200px
}
.categoryDetails .clmsWrap .msg_align textarea {
margin-top: 5px;
position: relative
}
.msg_align {
position: relative
}
.custleft2.msg_align .error {
position: absolute;
margin-top: 227px
}
@-moz-document url-prefix() {
.custleft2.msg_align .error {
margin-top:239px
}
}
.removeText {
clear: both;
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
width: 59px;
color: #fff;
font-size: 1.2em;
position: absolute;
right: -135px;
line-height: 2em;
border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
cursor: pointer;
margin-top: 3px
}
.custapptitle {
color: #983132;
font-size: 18px;
line-height: 1.4em;
margin: 0 auto;
text-align: center
}
.err2 div.error {
margin: 18px 0 0
}
.err2 label {
width: unset;
margin-top: 10px;
margin-bottom: 10px
}
.Comment-image-slt .atmcaptc {
margin: 10px 0 13px
}
.btnrefr, .butleftalign {
margin-top: 10px
}
.butleftalign {
float: left
}
.se-pre-con {
position: fixed;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../../../../../scripts/desktop/images/indusindloader.gif?id=1) center center no-repeat #fff
}
.aadharLinking, .sundayblock {
border-radius: 5px;
font-size: 16px;
left: 50%;
line-height: 28px;
z-index: 9999;
display: none
}
.sundayblock {
background: #f1f0f0;
height: 119px;
color: #97292c;
padding: 48px 20px;
position: fixed;
top: 30%;
transform: translate(-50%);
width: 700px
}
.aadharLinking a.closeBtn-n, .sundayblock a.closeBtn {
position: absolute;
right: 16px;
top: 11px
}
.aadharLinking {
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
width: 598px
}
.locateContainerLeft, .locateContainerRight {
float: left
}
.locateContainerLeft {
width: 35%;
visibility: hidden
}
.locateContainerRight {
width: 65%;
max-width: 641px;
height: 550px;
position: relative;
overflow: hidden
}
.locateContent p {
float: left;
font-size: 1.1em;
padding: 15px 0;
width: 100%
}
.locateWrap div:nth-child(n) {
float: left;
padding: 0 0 10px 25px;
width: 295px;
color: #666766
}
.locateWrap div:nth-child(1) {
background: url(../../../../../scripts/desktop/images/location-icon.png) left 14px no-repeat;
font-size: 1.9em;
color: #666766;
width: 272px;
padding: 14px 23px 14px 25px;
float: left;
position: relative;
border-top: 1px solid #CBCBCB;
line-height: normal
}
.locateWrap div:nth-child(2) {
font-size: 1.4em;
line-height: 1.4em
}
.locateWrap div:nth-child(4) {
color: #666766
}
.serviceBox ul li {
background: url(../../../../../scripts/desktop/images/sml-bullet.png) 3px 4px no-repeat;
padding: 0 0 0 10px;
font-size: 1.3em
}
.locateContent .serviceBox p {
font-weight: 700;
font-size: 1.4em;
line-height: 1.4em;
float: none;
padding: 0 0 5px
}
.locateWrap div:nth-child(5) {
padding-top: 5px
}
.locateContent p.timings, .locateWrap div:nth-child(3), .locateWrap div:nth-child(5), .locateWrap div:nth-child(6) {
font-size: 1.2em;
font-weight: 700
}
.locateContent p.timings {
padding: 0 0 0 25px;
color: #666766
}
.locateContainerLeft .locationbtn {
margin: 10px 0 10px 25px
}
.locateContainerLeft .locationbtn a {
text-decoration: none;
color: #666766;
display: block
}
.borderBottom {
border-top: 1px solid #CBCBCB;
width: 93%;
clear: both
}
#chaptcha_submit.captchaFooter, .primaryFooter ul li .captchaFooter div {
margin: 0
}
.captchaFooter .label-box label {
font-size: 1.1em;
color: #000;
margin-right: 5px
}
.captchaFooter #cqcaptchapp {
border: 1px solid #BFBFBF;
height: 19px;
margin: 2px 5px 0 0;
float: left;
padding: 0 0 0 5px;
width: 120px;
line-height: 19px
}
.captchaFooter .noLeftPadding {
padding-left: 0
}
.formWrapper form.custEnquiryForm .selectgen {
height: 33px
}
.formWrapper form.custEnquiryForm select {
height: 35px
}
.formWrapper form.custEnquiryForm div.error {
margin: 3px 0 6px
}
.formWrapper form.custEnquiryForm .selectedvalue {
padding: 10px 5px 0 16px
}
.formWrapper form.custEnquiryForm .fldSet.lftMrg div.error {
margin: -2px 0 6px 168px
}
.customerSearch.wd110 .clmsWrap label {
width: 110px
}
.impLinks .mdlInner ul li.last, .quikService .expandDiv ul li:nth-child(2) {
display: #000
}
.srLightboxAadhar {
width: 388px;
height: 190px
}
.srLightboxAadhar ul li strong {
text-align: right;
margin-right: 20px;
width: 166px
}
.srLightboxAadhar ul li {
font-size: 1.4em
}
.formWrapper form.accForm#chatForm .fldSet:nth-child(3) input#lastname {
margin-left: 0
}
span.otp-block {
padding: 8px;
display: inline-block
}
.generate-tag {
font-size: 11px;
display: none
}
.generate-tag.disabled {
pointer-events: none;
color: grey
}
.generate-tag.active {
display: block
}
.otp-wrp {
padding: 10px 0 20px;
display: none;
clear: both
}
.formWrapper form.accForm .fldSet.nameInput:nth-child(2) input#firstname, .formWrapper form.accForm .fldSet.nameInput:nth-child(3) input#lastname {
margin-left: 166px;
width: 200px
}
.formWrapper form.pioneerForm .fldSet:nth-child(2) input#firstname, .formWrapper form.pioneerForm .fldSet:nth-child(3) input#lastname {
margin-left: 0
}
.formWrapper form.accForm .otp-wrp input {
font-size: 12px;
outline: 0;
appearance: none;
padding: 5px;
float: none;
margin-left: 164px
}
.formWrapper form .fldSet div.error {
position: relative;
top: 4px
}
.formWrapper form .fldSet {
min-height: 62px
}
.selectloc div.error {
position: relative;
top: 0
}
.tabContWrapper .faqAns p.disclaimer {
font-size: 1.1em
}
.termCondition p.global-button {
background: #983a39;
border: none;
color: #FFF;
font-weight: 700;
padding: 10px;
border-radius: 6px;
cursor: pointer;
float: left;
text-align: center;
font-size: 1.6em;
margin-bottom: 20px
}
.termCondition p.global-button a {
color: #FFF
}
.termCondition p.akr-font-size {
font-size: 1.4em
}
.getNewUpdateLightBox {
width: 900px!important;
position: fixed;
left: 0;
top: 0;
z-index: 12;
border-radius: 4px;
display: none;
background-color: #fff;
padding: 15px
}
.tabContWrapper h4 {
font-weight: 400;
line-height: normal;
color: #666766;
padding-bottom: 15px
}
.fd-iframe {
height: 400px;
width: 300px
}
.termCondition table.align-center tr td {text-align: center;}
.termCondition table tr td.al-lft {text-align: left;}
/*.tabCont div.scrollmenu {
width:635px;
overflow: auto;
white-space: nowrap;
}*/
.tabContWrapper p span.rupee{background: url(../../../../../scripts/desktop/images/rupee-img.png) left top no-repeat;
width: 10px;
height: 16px;
float: left;
margin: 7px 5px 0 0}
/*.bookbtn{position:absolute; margin-left:70%; border:1px solid #bc3f3d; border-radius:5px;}
.bookbtn a{padding:10px 10px 0 10px; color:#000; float:left; text-decoration:none; font-weight:bold;}*/
.bookbtn{position:absolute; margin-left:70%; /*border:1px solid #bc3f3d; background-color:#bc3f3d;height:20px;*/ width:auto;border-radius:5px;background: url(../../../../../../content/dam/indusind/desktop/big-button-bg.png) left -8px repeat-x;}
.bookbtn a{ padding: 9px 10px 10px 10px;
color: #fff;
float: left;
text-decoration: none;
font-weight: bold;
font-size: 1.2em;}
.tabContWrapper p.rt-align{float:right; font-size:1.1em;}
.continueBtn1 {
background: url(../../../../../scripts/desktop/images/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFF;
float: left;
padding: 4px 10px 5px;
border: none;
cursor: pointer;
text-align: center;
font-size: 1.2em;
width: auto;
font-weight: 400;
margin-bottom: 8px;
}
.savingTabContent p a.continueBtn1{ font-size:inherit;}
.termCondition ul li ul.dash-bull li {
background: url(../../../../../../content/dam/indusind/desktop/tableBullet2.png) 6px 5px no-repeat;
font-size: 1em;
color: #666766;
padding: 0 0 10px 20px
}
hr {
height: 2px;
border-bottom: 1px dotted #b0b0b0;
margin: 20px 0
}
text-align: center;
font-size: 1.2em;
width: auto;
font-weight: 400;
margin-bottom: 8px;
}
.savingTabContent p a.continueBtn1{ font-size:inherit;}
.termCondition ul li ul.dash-bull li {
background: url(../../../../../../content/dam/indusind/desktop/tableBullet2.png) 6px 5px no-repeat;
font-size: 1em;
padding: 0 0 10px 20px
}
hr {
height: 2px;
border-bottom: 1px dotted #b0b0b0;
margin: 20px 0;
}
.tabContWrapper .tabCont h3.size15em{font-size:1.5em;}
.tabContWrapper hr, .termCondition hr {
border: 0;
border-bottom: 1px dashed #999;
background: #fff;
}
.tabContWrapper table.no-border, .tabContWrapper table.no-border tr td{border:#fff}
.spacer{ float:left; width:100%; height:20px;}
#reviewProductPublished h3 {margin-top:15px;}
#reviewProductPublished h3:fisrt-child {margin-top:0;}
#moderatorForm {display:none;}
.btn-container{ direction:flex; width:100%; padding-bottom:25px;}
.termCondition ul.dash-bull li{background: url(../../../../../../content/dam/indusind/desktop/tableBullet2.png) 6px 5px no-repeat;}
.npspopup {
font-size: 16px;
position: absolute;
width: 55%;
text-align: center;
top: 50%;
left: 49%;
z-index: 9999;
background: #f1f0f0 none repeat scroll 0 0;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 100;
line-height: 28px;
border-radius: 5px;
display: none;
/* max-width: 700px;
width:100%;*/
padding: 28px 20px;
color:#97292c;
}
.npsyn .detailApply {
margin: 0 10px;
font-size: 16px;
padding: 0 0 5px 0;
}
.npspopup a.closeBtn-m {
float: right;
top: -10px;
position: relative;
right: -10px;
}
.formWrapper form #accountinfo .fldSet {width:auto;}
/*edit for personal-loan-form table*/
.personal_loan_form_report .dmrctransactionreport .customerSearch {
width: auto !important;
margin: 0 25px 0 25px !important;
}
#atm-search .clmsWrap .parentc .w3-container{
overflow-x: auto !important;
}
.ui-slider{position:relative;text-align:left;margin:25px 15px;background:url(personalLoanFormLogin/images/slider-lft-bg.png) left top repeat-x}.ui-slider .ui-slider-handle{position:absolute;z-index:2;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:10px}.ui-slider-horizontal .ui-slider-handle{top:-.5em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}
/* W3.CSS 2.8 by Jan Egil and Borge Refsnes */
html {
box-sizing: border-box
}
*,
*:before,
*:after {
box-sizing: inherit
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block
}
progress {
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
figure {
margin: 1em 40px
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
button,
input,
select,
textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: bold
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
/* End extract */
html,
body {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5
}
html {
overflow-x: hidden
}
h1,
h2,
h3,
h4,
h5,
h6,
.w3-slim,
.w3-wide {
font-family: "Segoe UI", Arial, sans-serif
}
h1 {
font-size: 36px
}
h2 {
font-size: 30px
}
h3 {
font-size: 24px
}
h4 {
font-size: 20px
}
h5 {
font-size: 18px
}
h6 {
font-size: 16px
}
.w3-serif {
font-family: "Times New Roman", Times, serif
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin: 10px 0
}
.w3-wide {
letter-spacing: 4px
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit
}
hr {
border: 0;
border-top: 1px solid #eee;
margin: 20px 0
}
img {
margin-bottom: -5px
}
a {
color: inherit
}
.w3-image {
max-width: 100%;
height: auto
}
.w3-table,
.w3-table-all {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
display: table
}
.w3-table-all {
border: 1px solid #ccc
}
.w3-bordered tr,
.w3-table-all tr {
border-bottom: 1px solid #ddd
}
.w3-striped tbody tr:nth-child(even) {
background-color: #f1f1f1
}
.w3-table-all tr:nth-child(odd) {
background-color: #fff
}
.w3-table-all tr:nth-child(even) {
background-color: #f1f1f1
}
.w3-hoverable tbody tr:hover,
.w3-ul.w3-hoverable li:hover {
background-color: #ccc
}
.w3-centered tr th,
.w3-centered tr td {
text-align: center
}
.w3-table td,
.w3-table th,
.w3-table-all td,
.w3-table-all th {
padding: 8px 8px;
display: table-cell;
text-align: left;
vertical-align: top
}
.w3-table th:first-child,
.w3-table td:first-child,
.w3-table-all th:first-child,
.w3-table-all td:first-child {
padding-left: 16px
}
.w3-btn,
.w3-btn-block {
border: none;
display: inline-block;
outline: 0;
padding: 6px 16px;
vertical-align: middle;
overflow: hidden;
text-decoration: none !important;
color: #fff;
background-color: #000;
text-align: center;
cursor: pointer;
white-space: nowrap
}
.w3-btn:hover,
.w3-btn-block:hover,
.w3-btn-floating:hover,
.w3-btn-floating-large:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.w3-btn,
.w3-btn-floating,
.w3-btn-floating-large,
.w3-closenav,
.w3-opennav {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.w3-btn-floating,
.w3-btn-floating-large {
display: inline-block;
text-align: center;
color: #fff;
background-color: #000;
position: relative;
overflow: hidden;
z-index: 1;
padding: 0;
border-radius: 50%;
cursor: pointer;
font-size: 24px
}
.w3-btn-floating {
width: 40px;
height: 40px;
line-height: 40px
}
.w3-btn-floating-large {
width: 56px;
height: 56px;
line-height: 56px
}
.w3-disabled,
.w3-btn:disabled,
.w3-btn-floating:disabled,
.w3-btn-floating-large:disabled {
cursor: not-allowed;
opacity: 0.3
}
.w3-btn.w3-disabled *,
.w3-btn-block.w3-disabled,
.w3-btn-floating.w3-disabled *,
.w3-btn:disabled *,
.w3-btn-floating:disabled * {
pointer-events: none
}
.w3-btn.w3-disabled:hover,
.w3-btn-block.w3-disabled:hover,
.w3-btn:disabled:hover,
.w3-btn-floating.w3-disabled:hover,
.w3-btn-floating:disabled:hover,
.w3-btn-floating-large.w3-disabled:hover,
.w3-btn-floating-large:disabled:hover {
box-shadow: none
}
.w3-btn-group .w3-btn {
float: left
}
.w3-btn-block {
width: 100%
}
.w3-btn-bar .w3-btn {
box-shadow: none;
background-color: inherit;
color: inherit;
float: left
}
.w3-btn-bar .w3-btn:hover {
background-color: #ccc
}
.w3-ripple {
position: relative;
overflow: hidden
}
.w3-ripple:after {
content: "";
background: #ccc;
position: absolute;
padding: 300%;
bottom: 0;
left: 0;
opacity: 0;
transition: 0.8s
}
.w3-ripple:active:after {
padding: 0;
opacity: 1;
transition: 0s
}
.w3-badge,
.w3-tag,
.w3-sign {
background-color: #000;
color: #fff;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center
}
.w3-badge {
border-radius: 50%
}
ul.w3-ul {
list-style-type: none;
padding: 0;
margin: 0
}
ul.w3-ul li {
padding: 6px 2px 6px 16px;
border-bottom: 1px solid #ddd
}
ul.w3-ul li:last-child {
border-bottom: none
}
.w3-tooltip,
.w3-display-container {
position: relative
}
.w3-tooltip .w3-text {
display: none
}
.w3-tooltip:hover .w3-text {
display: inline-block
}
.w3-navbar {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden
}
.w3-navbar li {
float: left
}
.w3-navbar li a,
.w3-navitem {
display: block;
padding: 8px 16px
}
.w3-navbar li a:hover {
color: #000;
background-color: #ccc
}
.w3-navbar .w3-dropdown-hover,
.w3-navbar .w3-dropdown-click {
position: static
}
.w3-navbar .w3-dropdown-hover:hover,
.w3-navbar .w3-dropdown-hover:first-child,
.w3-navbar .w3-dropdown-click:hover {
background-color: #ccc;
color: #000
}
.w3-navbar a,
.w3-topnav a,
.w3-sidenav a,
.w3-dropdown-content a,
.w3-accordion-content a,
.w3-dropnav a {
text-decoration: none !important
}
.w3-navbar .w3-opennav.w3-right {
float: right !important
}
.w3-topnav {
padding: 8px 8px
}
.w3-topnav a {
padding: 0 8px;
border-bottom: 3px solid transparent;
-webkit-transition: border-bottom .3s;
transition: border-bottom .3s
}
.w3-topnav a:hover {
border-bottom: 3px solid #fff
}
.w3-topnav .w3-dropdown-hover a {
border-bottom: 0
}
.w3-opennav,
.w3-closenav {
color: inherit
}
.w3-opennav:hover,
.w3-closenav:hover {
cursor: pointer;
opacity: 0.8
}
.w3-btn,
.w3-btn-floating,
.w3-dropnav a,
.w3-btn-floating-large,
.w3-btn-block,
.w3-hover-shadow,
.w3-hover-opacity,
.w3-hover-opacity-off,
.w3-navbar a,
.w3-sidenav a,
.w3-pagination li a,
.w3-hoverable tbody tr,
.w3-hoverable li,
.w3-accordion-content a,
.w3-dropdown-content a,
.w3-dropdown-click:hover,
.w3-dropdown-hover:hover,
.w3-opennav,
.w3-closenav,
.w3-closebtn,
.w3-hover-amber,
.w3-hover-aqua,
.w3-hover-blue,
.w3-hover-light-blue,
.w3-hover-brown,
.w3-hover-cyan,
.w3-hover-blue-grey,
.w3-hover-green,
.w3-hover-light-green,
.w3-hover-indigo,
.w3-hover-khaki,
.w3-hover-lime,
.w3-hover-orange,
.w3-hover-deep-orange,
.w3-hover-pink,
.w3-hover-purple,
.w3-hover-deep-purple,
.w3-hover-red,
.w3-hover-sand,
.w3-hover-teal,
.w3-hover-yellow,
.w3-hover-white,
.w3-hover-black,
.w3-hover-grey,
.w3-hover-light-grey,
.w3-hover-dark-grey,
.w3-hover-text-amber,
.w3-hover-text-aqua,
.w3-hover-text-blue,
.w3-hover-text-light-blue,
.w3-hover-text-brown,
.w3-hover-text-cyan,
.w3-hover-text-blue-grey,
.w3-hover-text-green,
.w3-hover-text-light-green,
.w3-hover-text-indigo,
.w3-hover-text-khaki,
.w3-hover-text-lime,
.w3-hover-text-orange,
.w3-hover-text-deep-orange,
.w3-hover-text-pink,
.w3-hover-text-purple,
.w3-hover-text-deep-purple,
.w3-hover-text-red,
.w3-hover-text-sand,
.w3-hover-text-teal,
.w3-hover-text-yellow,
.w3-hover-text-white,
.w3-hover-text-black,
.w3-hover-text-grey,
.w3-hover-text-light-grey,
.w3-hover-text-dark-grey {
-webkit-transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s;
transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s
}
.w3-sidenav {
height: 100%;
width: 200px;
background-color: #fff;
position: fixed !important;
z-index: 1;
overflow: auto
}
.w3-sidenav a {
padding: 4px 2px 4px 16px
}
.w3-sidenav a:hover {
background-color: #ccc
}
.w3-sidenav a,
.w3-dropnav a {
display: block
}
.w3-sidenav .w3-dropdown-hover:hover,
.w3-sidenav .w3-dropdown-hover:first-child,
.w3-sidenav .w3-dropdown-click:hover,
.w3-dropnav a:hover {
background-color: #ccc;
color: #000
}
.w3-sidenav .w3-dropdown-hover,
.w3-sidenav .w3-dropdown-click {
width: 100%
}
.w3-sidenav .w3-dropdown-hover .w3-dropdown-content,
.w3-sidenav .w3-dropdown-click .w3-dropdown-content {
min-width: 100%
}
.w3-main,
#main {
transition: margin-left .4s
}
.w3-modal {
z-index: 3;
display: none;
padding-top: 100px;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4)
}
.w3-modal-content {
margin: auto;
background-color: #fff;
position: relative;
padding: 0;
outline: 0;
width: 600px
}
.w3-closebtn {
text-decoration: none;
float: right;
font-size: 24px;
font-weight: bold;
color: inherit
}
.w3-closebtn:hover,
.w3-closebtn:focus {
color: #000;
text-decoration: none;
cursor: pointer
}
.w3-pagination {
display: inline-block;
padding: 0;
margin: 0
}
.w3-pagination li {
display: inline
}
.w3-pagination li a {
text-decoration: none;
color: #000;
float: left;
padding: 8px 16px
}
.w3-pagination li a:hover {
background-color: #ccc
}
.w3-input-group,
.w3-group {
margin-top: 24px;
margin-bottom: 24px
}
.w3-input {
padding: 8px;
display: block;
border: none;
border-bottom: 1px solid #808080;
width: 100%
}
.w3-label {
color: #009688
}
.w3-input:not(:valid)~.w3-validate {
color: #f44336
}
.w3-select {
padding: 9px 0;
width: 100%;
color: #000;
border: 1px solid transparent;
border-bottom: 1px solid #009688
}
.w3-select select:focus {
color: #000;
border: 1px solid #009688
}
.w3-select option[disabled] {
color: #009688
}
.w3-dropdown-click,
.w3-dropdown-hover {
position: relative;
display: inline-block;
cursor: pointer
}
.w3-dropdown-hover:hover .w3-dropdown-content {
display: block;
z-index: 1
}
.w3-dropdown-content {
cursor: auto;
color: #000;
background-color: #fff;
display: none;
position: absolute;
min-width: 160px;
margin: 0;
padding: 0
}
.w3-dropdown-content a {
padding: 6px 16px;
display: block
}
.w3-dropdown-content a:hover {
background-color: #ccc
}
.w3-accordion {
width: 100%;
cursor: pointer
}
.w3-accordion-content {
cursor: auto;
display: none;
position: relative;
width: 100%;
margin: 0;
padding: 0
}
.w3-accordion-content a {
padding: 6px 16px;
display: block
}
.w3-accordion-content a:hover {
background-color: #ccc
}
.w3-progress-container {
width: 100%;
height: 1.5em;
position: relative;
background-color: #f1f1f1
}
.w3-progressbar {
background-color: #757575;
height: 100%;
position: absolute;
line-height: inherit
}
input[type=checkbox].w3-check,
input[type=radio].w3-radio {
width: 24px;
height: 24px;
position: relative;
top: 6px
}
input[type=checkbox].w3-check:checked+.w3-validate,
input[type=radio].w3-radio:checked+.w3-validate {
color: #009688
}
input[type=checkbox].w3-check:disabled+.w3-validate,
input[type=radio].w3-radio:disabled+.w3-validate {
color: #aaa
}
.w3-responsive {
overflow-x: auto
}
.w3-container:after,
.w3-panel:after,
.w3-row:after,
.w3-row-padding:after,
.w3-topnav:after,
.w3-clear:after,
.w3-btn-group:before,
.w3-btn-group:after,
.w3-btn-bar:before,
.w3-btn-bar:after {
content: "";
display: table;
clear: both
}
.w3-col,
.w3-half,
.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter {
float: left;
width: 100%
}
.w3-col.s1 {
width: 8.33333%
}
.w3-col.s2 {
width: 16.66666%
}
.w3-col.s3 {
width: 24.99999%
}
.w3-col.s4 {
width: 33.33333%
}
.w3-col.s5 {
width: 41.66666%
}
.w3-col.s6 {
width: 49.99999%
}
.w3-col.s7 {
width: 58.33333%
}
.w3-col.s8 {
width: 66.66666%
}
.w3-col.s9 {
width: 74.99999%
}
.w3-col.s10 {
width: 83.33333%
}
.w3-col.s11 {
width: 91.66666%
}
.w3-col.s12,
.w3-half,
.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter {
width: 99.99999%
}
@media only screen and (min-width:601px) {
.w3-col.m1 {
width: 8.33333%
}
.w3-col.m2 {
width: 16.66666%
}
.w3-col.m3,
.w3-quarter {
width: 24.99999%
}
.w3-col.m4,
.w3-third {
width: 33.33333%
}
.w3-col.m5 {
width: 41.66666%
}
.w3-col.m6,
.w3-half {
width: 49.99999%
}
.w3-col.m7 {
width: 58.33333%
}
.w3-col.m8,
.w3-twothird {
width: 66.66666%
}
.w3-col.m9,
.w3-threequarter {
width: 74.99999%
}
.w3-col.m10 {
width: 83.33333%
}
.w3-col.m11 {
width: 91.66666%
}
.w3-col.m12 {
width: 99.99999%
}
}
@media only screen and (min-width:993px) {
.w3-col.l1 {
width: 8.33333%
}
.w3-col.l2 {
width: 16.66666%
}
.w3-col.l3,
.w3-quarter {
width: 24.99999%
}
.w3-col.l4,
.w3-third {
width: 33.33333%
}
.w3-col.l5 {
width: 41.66666%
}
.w3-col.l6,
.w3-half {
width: 49.99999%
}
.w3-col.l7 {
width: 58.33333%
}
.w3-col.l8,
.w3-twothird {
width: 66.66666%
}
.w3-col.l9,
.w3-threequarter {
width: 74.99999%
}
.w3-col.l10 {
width: 83.33333%
}
.w3-col.l11 {
width: 91.66666%
}
.w3-col.l12 {
width: 99.99999%
}
}
.w3-content {
max-width: 980px;
margin: auto
}
.w3-rest {
overflow: hidden
}
.w3-hide {
display: none !important
}
.w3-show-block,
.w3-show {
display: block !important
}
.w3-show-inline-block {
display: inline-block !important
}
@media (max-width:600px) {
.w3-modal-content {
margin: 0 10px;
width: auto !important
}
.w3-modal {
padding-top: 30px
}
}
@media (max-width:768px) {
.w3-modal-content {
width: 500px
}
.w3-modal {
padding-top: 50px
}
}
@media (min-width:993px) {
.w3-modal-content {
width: 900px
}
}
@media screen and (max-width:600px) {
.w3-topnav a {
display: block
}
.w3-navbar li:not(.w3-opennav) {
float: none;
width: 100% !important
}
.w3-navbar li.w3-right {
float: none !important
}
}
@media screen and (max-width:600px) {
.w3-topnav .w3-dropdown-hover .w3-dropdown-content,
.w3-navbar .w3-dropdown-click .w3-dropdown-content,
.w3-navbar .w3-dropdown-hover .w3-dropdown-content {
position: relative
}
}
@media screen and (max-width:600px) {
.w3-topnav,
.w3-navbar {
text-align: center
}
}
@media (max-width:600px) {
.w3-hide-small {
display: none !important
}
}
@media (max-width:992px) and (min-width:601px) {
.w3-hide-medium {
display: none !important
}
}
@media (min-width:993px) {
.w3-hide-large {
display: none !important
}
}
@media screen and (max-width:992px) {
.w3-sidenav.w3-collapse {
display: none
}
.w3-main {
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media screen and (min-width:993px) {
.w3-sidenav.w3-collapse {
display: block !important
}
}
.w3-top,
.w3-bottom {
position: fixed;
width: 100%;
z-index: 1
}
.w3-top {
top: 0
}
.w3-bottom {
bottom: 0
}
.w3-overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2
}
.w3-left {
float: left !important
}
.w3-right {
float: right !important
}
.w3-tiny {
font-size: 10px !important
}
.w3-small {
font-size: 12px !important
}
.w3-medium {
font-size: 15px !important
}
.w3-large {
font-size: 18px !important
}
.w3-xlarge {
font-size: 24px !important
}
.w3-xxlarge {
font-size: 36px !important
}
.w3-xxxlarge {
font-size: 48px !important
}
.w3-jumbo {
font-size: 64px !important
}
.w3-vertical {
word-break: break-all;
line-height: 1;
text-align: center;
width: 0.6em
}
.w3-left-align {
text-align: left !important
}
.w3-right-align {
text-align: right !important
}
.w3-justify {
text-align: justify !important
}
.w3-center {
text-align: center !important
}
.w3-display-topleft {
position: absolute;
left: 0;
top: 0
}
.w3-display-topright {
position: absolute;
right: 0;
top: 0
}
.w3-display-bottomleft {
position: absolute;
left: 0;
bottom: 0
}
.w3-display-bottomright {
position: absolute;
right: 0;
bottom: 0
}
.w3-display-middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)
}
.w3-display-topmiddle {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%)
}
.w3-display-bottommiddle {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%)
}
.w3-circle {
border-radius: 50% !important
}
.w3-round-small {
border-radius: 2px !important
}
.w3-round,
.w3-round-medium {
border-radius: 4px !important
}
.w3-round-large {
border-radius: 8px !important
}
.w3-round-xlarge {
border-radius: 16px !important
}
.w3-round-xxlarge {
border-radius: 32px !important
}
.w3-round-jumbo {
border-radius: 64px !important
}
.w3-border-0 {
border: 0 !important
}
.w3-border {
border: 1px solid #ccc !important
}
.w3-border-top {
border-top: 1px solid #ccc !important
}
.w3-border-bottom {
border-bottom: 1px solid #ccc !important
}
.w3-border-left {
border-left: 1px solid #ccc !important
}
.w3-border-right {
border-right: 1px solid #ccc !important
}
.w3-margin {
margin: 16px !important
}
.w3-margin-0 {
margin: 0 !important
}
.w3-margin-top {
margin-top: 16px !important
}
.w3-margin-bottom {
margin-bottom: 16px !important
}
.w3-margin-left {
margin-left: 16px !important
}
.w3-margin-right {
margin-right: 16px !important
}
.w3-section {
margin-top: 16px !important;
margin-bottom: 16px !important
}
.w3-padding-tiny {
padding: 2px 4px !important
}
.w3-padding-small {
padding: 4px 8px !important
}
.w3-padding-medium,
.w3-padding,
.w3-form {
padding: 8px 16px !important
}
.w3-padding-large {
padding: 12px 24px !important
}
.w3-padding-xlarge {
padding: 16px 32px !important
}
.w3-padding-xxlarge {
padding: 24px 48px !important
}
.w3-padding-jumbo {
padding: 32px 64px !important
}
.w3-padding-4 {
padding-top: 4px !important;
padding-bottom: 4px !important
}
.w3-padding-8 {
padding-top: 8px !important;
padding-bottom: 8px !important
}
.w3-padding-12 {
padding-top: 12px !important;
padding-bottom: 12px !important
}
.w3-padding-16 {
padding-top: 16px !important;
padding-bottom: 16px !important
}
.w3-padding-24 {
padding-top: 24px !important;
padding-bottom: 24px !important
}
.w3-padding-32 {
padding-top: 32px !important;
padding-bottom: 32px !important
}
.w3-padding-48 {
padding-top: 48px !important;
padding-bottom: 48px !important
}
.w3-padding-64 {
padding-top: 64px !important;
padding-bottom: 64px !important
}
.w3-padding-128 {
padding-top: 128px !important;
padding-bottom: 128px !important
}
.w3-padding-0 {
padding: 0 !important
}
.w3-padding-top {
padding-top: 8px !important
}
.w3-padding-bottom {
padding-bottom: 8px !important
}
.w3-padding-left {
padding-left: 16px !important
}
.w3-padding-right {
padding-right: 16px !important
}
.w3-topbar {
border-top: 6px solid #ccc !important
}
.w3-bottombar {
border-bottom: 6px solid #ccc !important
}
.w3-leftbar {
border-left: 6px solid #ccc !important
}
.w3-rightbar {
border-right: 6px solid #ccc !important
}
.w3-row-padding,
.w3-row-padding>.w3-half,
.w3-row-padding>.w3-third,
.w3-row-padding>.w3-twothird,
.w3-row-padding>.w3-threequarter,
.w3-row-padding>.w3-quarter,
.w3-row-padding>.w3-col {
padding: 0 8px
}
.w3-spin {
animation: w3-spin 2s infinite linear;
-webkit-animation: w3-spin 2s infinite linear
}
@-webkit-keyframes w3-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes w3-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
/*.w3-container{padding:0.01em 16px}*/
.w3-panel {
padding: 0.01em 16px;
margin-top: 16px !important;
margin-bottom: 16px !important
}
.w3-example {
background-color: #f1f1f1;
padding: 0.01em 16px
}
.w3-code,
.w3-codespan {
font-family: Consolas, "courier new";
font-size: 16px
}
.w3-code {
line-height: 1.4;
width: auto;
background-color: #fff;
padding: 8px 12px;
border-left: 4px solid #4CAF50;
word-wrap: break-word
}
.w3-codespan {
color: crimson;
background-color: #f1f1f1;
padding-left: 4px;
padding-right: 4px;
font-size: 110%
}
.w3-example,
.w3-code {
margin: 20px 0
}
.w3-card {
border: 1px solid #ccc
}
.w3-card-2,
.w3-example {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important
}
.w3-card-4,
.w3-hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important
}
.w3-card-8 {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important
}
.w3-card-12 {
box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important
}
.w3-card-16 {
box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important
}
.w3-card-24 {
box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important
}
.w3-animate-fading {
-webkit-animation: fading 10s infinite;
animation: fading 10s infinite
}
@-webkit-keyframes fading {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fading {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}
.w3-animate-opacity {
-webkit-animation: opac 1.5s;
animation: opac 1.5s
}
@-webkit-keyframes opac {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes opac {
from {
opacity: 0
}
to {
opacity: 1
}
}
.w3-animate-top {
position: relative;
-webkit-animation: animatetop 0.4s;
animation: animatetop 0.4s
}
@-webkit-keyframes animatetop {
from {
top: -300px;
opacity: 0
}
to {
top: 0;
opacity: 1
}
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0
}
to {
top: 0;
opacity: 1
}
}
.w3-animate-left {
position: relative;
-webkit-animation: animateleft 0.4s;
animation: animateleft 0.4s
}
@-webkit-keyframes animateleft {
from {
left: -300px;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
@keyframes animateleft {
from {
left: -300px;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
.w3-animate-right {
position: relative;
-webkit-animation: animateright 0.4s;
animation: animateright 0.4s
}
@-webkit-keyframes animateright {
from {
right: -300px;
opacity: 0
}
to {
right: 0;
opacity: 1
}
}
@keyframes animateright {
from {
right: -300px;
opacity: 0
}
to {
right: 0;
opacity: 1
}
}
.w3-animate-bottom {
position: relative;
-webkit-animation: animatebottom 0.4s;
animation: animatebottom 0.4s
}
@-webkit-keyframes animatebottom {
from {
bottom: -300px;
opacity: 0
}
to {
bottom: 0px;
opacity: 1
}
}
@keyframes animatebottom {
from {
bottom: -300px;
opacity: 0
}
to {
bottom: 0;
opacity: 1
}
}
.w3-animate-zoom {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
from {
-webkit-transform: scale(0)
}
to {
-webkit-transform: scale(1)
}
}
@keyframes animatezoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
.w3-animate-input {
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out
}
.w3-animate-input:focus {
width: 100% !important
}
.w3-opacity,
.w3-hover-opacity:hover {
opacity: 0.60;
filter: alpha(opacity=60);
-webkit-backface-visibility: hidden
}
.w3-opacity-off,
.w3-hover-opacity-off:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden
}
.w3-text-shadow {
text-shadow: 1px 1px 0 #444
}
.w3-text-shadow-white {
text-shadow: 1px 1px 0 #ddd
}
.w3-transparent {
background-color: transparent !important
}
.w3-hover-none:hover {
box-shadow: none !important;
background-color: transparent !important
}
/* Colors */
.w3-amber,
.w3-hover-amber:hover {
color: #000 !important;
background-color: #ffc107 !important
}
.w3-aqua,
.w3-hover-aqua:hover {
color: #000 !important;
background-color: #00ffff !important
}
.w3-blue,
.w3-hover-blue:hover {
color: #fff !important;
background-color: #2196F3 !important
}
.w3-light-blue,
.w3-hover-light-blue:hover {
color: #000 !important;
background-color: #87CEEB !important
}
.w3-brown,
.w3-hover-brown:hover {
color: #fff !important;
background-color: #795548 !important
}
.w3-cyan,
.w3-hover-cyan:hover {
color: #000 !important;
background-color: #00bcd4 !important
}
.w3-blue-grey,
.w3-hover-blue-grey:hover {
color: #fff !important;
background-color: #607d8b !important
}
.w3-green,
.w3-hover-green:hover {
color: #fff !important;
background-color: #4CAF50 !important
}
.w3-light-green,
.w3-hover-light-green:hover {
color: #000 !important;
background-color: #8bc34a !important
}
.w3-indigo,
.w3-hover-indigo:hover {
color: #fff !important;
background-color: #3f51b5 !important
}
.w3-khaki,
.w3-hover-khaki:hover {
color: #000 !important;
background-color: #f0e68c !important
}
.w3-lime,
.w3-hover-lime:hover {
color: #000 !important;
background-color: #cddc39 !important
}
.w3-orange,
.w3-hover-orange:hover {
color: #000 !important;
background-color: #ff9800 !important
}
.w3-deep-orange,
.w3-hover-deep-orange:hover {
color: #fff !important;
background-color: #ff5722 !important
}
.w3-pink,
.w3-hover-pink:hover {
color: #fff !important;
background-color: #e91e63 !important
}
.w3-purple,
.w3-hover-purple:hover {
color: #fff !important;
background-color: #9c27b0 !important
}
.w3-deep-purple,
.w3-hover-deep-purple:hover {
color: #fff !important;
background-color: #673ab7 !important
}
.w3-red,
.w3-hover-red:hover {
color: #fff !important;
background-color: #f44336 !important
}
.w3-sand,
.w3-hover-sand:hover {
color: #000 !important;
background-color: #fdf5e6 !important
}
.w3-teal,
.w3-hover-teal:hover {
color: #fff !important;
background-color: #009688 !important
}
.w3-yellow,
.w3-hover-yellow:hover {
color: #000 !important;
background-color: #ffeb3b !important
}
.w3-white,
.w3-hover-white:hover {
color: #000 !important;
background-color: #fff !important
}
.w3-black,
.w3-hover-black:hover {
color: #fff !important;
background-color: #000 !important
}
.w3-grey,
.w3-hover-grey:hover {
color: #000 !important;
background-color: #9e9e9e !important
}
.w3-light-grey,
.w3-hover-light-grey:hover {
color: #000 !important;
background-color: #f1f1f1 !important
}
.w3-dark-grey,
.w3-hover-dark-grey:hover {
color: #fff !important;
background-color: #616161 !important
}
.w3-pale-red,
.w3-hover-pale-red:hover {
color: #000 !important;
background-color: #ffdddd !important
}
.w3-pale-green,
.w3-hover-pale-green:hover {
color: #000 !important;
background-color: #ddffdd !important
}
.w3-pale-yellow,
.w3-hover-pale-yellow:hover {
color: #000 !important;
background-color: #ffffcc !important
}
.w3-pale-blue,
.w3-hover-pale-blue:hover {
color: #000 !important;
background-color: #ddffff !important
}
.w3-text-amber,
.w3-hover-text-amber:hover {
color: #ffc107 !important
}
.w3-text-aqua,
.w3-hover-text-aqua:hover {
color: #00ffff !important
}
.w3-text-blue,
.w3-hover-text-blue:hover {
color: #2196F3 !important
}
.w3-text-light-blue,
.w3-hover-text-light-blue:hover {
color: #87CEEB !important
}
.w3-text-brown,
.w3-hover-text-brown:hover {
color: #795548 !important
}
.w3-text-cyan,
.w3-hover-text-cyan:hover {
color: #00bcd4 !important
}
.w3-text-blue-grey,
.w3-hover-text-blue-grey:hover {
color: #607d8b !important
}
.w3-text-green,
.w3-hover-text-green:hover {
color: #4CAF50 !important
}
.w3-text-light-green,
.w3-hover-text-light-green:hover {
color: #8bc34a !important
}
.w3-text-indigo,
.w3-hover-text-indigo:hover {
color: #3f51b5 !important
}
.w3-text-khaki,
.w3-hover-text-khaki:hover {
color: #b4aa50 !important
}
.w3-text-lime,
.w3-hover-text-lime:hover {
color: #cddc39 !important
}
.w3-text-orange,
.w3-hover-text-orange:hover {
color: #ff9800 !important
}
.w3-text-deep-orange,
.w3-hover-text-deep-orange:hover {
color: #ff5722 !important
}
.w3-text-pink,
.w3-hover-text-pink:hover {
color: #e91e63 !important
}
.w3-text-purple,
.w3-hover-text-purple:hover {
color: #9c27b0 !important
}
.w3-text-deep-purple,
.w3-hover-text-deep-purple:hover {
color: #673ab7 !important
}
.w3-text-red,
.w3-hover-text-red:hover {
color: #f44336 !important
}
.w3-text-sand,
.w3-hover-text-sand:hover {
color: #fdf5e6 !important
}
.w3-text-teal,
.w3-hover-text-teal:hover {
color: #009688 !important
}
.w3-text-yellow,
.w3-hover-text-yellow:hover {
color: #d2be0e !important
}
.w3-text-white,
.w3-hover-text-white:hover {
color: #fff !important
}
.w3-text-black,
.w3-hover-text-black:hover {
color: #000 !important
}
.w3-text-grey,
.w3-hover-text-grey:hover {
color: #757575 !important
}
.w3-text-light-grey,
.w3-hover-text-light-grey:hover {
color: #f1f1f1 !important
}
.w3-text-dark-grey,
.w3-hover-text-dark-grey:hover {
color: #3a3a3a !important
}
.w3-border-amber,
.w3-hover-border-amber:hover {
border-color: #ffc107 !important
}
.w3-border-aqua,
.w3-hover-border-aqua:hover {
border-color: #00ffff !important
}
.w3-border-blue,
.w3-hover-border-blue:hover {
border-color: #2196F3 !important
}
.w3-border-light-blue,
.w3-hover-border-light-blue:hover {
border-color: #87CEEB !important
}
.w3-border-brown,
.w3-hover-border-brown:hover {
border-color: #795548 !important
}
.w3-border-cyan,
.w3-hover-border-cyan:hover {
border-color: #00bcd4 !important
}
.w3-border-blue-grey,
.w3-hover-blue-grey:hover {
border-color: #607d8b !important
}
.w3-border-green,
.w3-hover-border-green:hover {
border-color: #4CAF50 !important
}
.w3-border-light-green,
.w3-hover-border-light-green:hover {
border-color: #8bc34a !important
}
.w3-border-indigo,
.w3-hover-border-indigo:hover {
border-color: #3f51b5 !important
}
.w3-border-khaki,
.w3-hover-border-khaki:hover {
border-color: #f0e68c !important
}
.w3-border-lime,
.w3-hover-border-lime:hover {
border-color: #cddc39 !important
}
.w3-border-orange,
.w3-hover-border-orange:hover {
border-color: #ff9800 !important
}
.w3-border-deep-orange,
.w3-hover-border-deep-orange:hover {
border-color: #ff5722 !important
}
.w3-border-pink,
.w3-hover-border-pink:hover {
border-color: #e91e63 !important
}
.w3-border-purple,
.w3-hover-border-purple:hover {
border-color: #9c27b0 !important
}
.w3-border-deep-purple,
.w3-hover-border-deep-purple:hover {
border-color: #673ab7 !important
}
.w3-border-red,
.w3-hover-border-red:hover {
border-color: #f44336 !important
}
.w3-border-sand,
.w3-hover-border-sand:hover {
border-color: #fdf5e6 !important
}
.w3-border-teal,
.w3-hover-border-teal:hover {
border-color: #009688 !important
}
.w3-border-yellow,
.w3-hover-border-yellow:hover {
border-color: #ffeb3b !important
}
.w3-border-white,
.w3-hover-border-white:hover {
border-color: #fff !important
}
.w3-border-black,
.w3-hover-border-black:hover {
border-color: #000 !important
}
.w3-border-grey,
.w3-hover-border-grey:hover {
border-color: #9e9e9e !important
}
.w3-border-light-grey,
.w3-hover-border-light-grey:hover {
border-color: #f1f1f1 !important
}
.w3-border-dark-grey,
.w3-hover-border-dark-grey:hover {
border-color: #616161 !important
}
.w3-border-pale-red,
.w3-hover-border-pale-red:hover {
border-color: #ffe7e7 !important
}
.w3-border-pale-green,
.w3-hover-border-pale-green:hover {
border-color: #e7ffe7 !important
}
.w3-border-pale-yellow,
.w3-hover-border-pale-yellow:hover {
border-color: #ffffcc !important
}
.w3-border-pale-blue,
.w3-hover-border-pale-blue:hover {
border-color: #e7ffff !important
}
.selectopacity select {
opacity: 0;
}
.selectopacity .selectedvalue {
padding: 4px 5px 0 16px;
height: 35px;
width: 100%;
color: #000;
font-weight: normal;
font-size: 1em;
}
.loamemiform .clm label {
padding-top: 5px;
}
.loamemiform button.sub {
margin-top: 5px;
}
.loamemiform .clmsWrap {
width: 100% !important;
float: left;
margin-bottom: 10px;
text-align: left !important;
}
.loamemiform .clmsWrap label {
width: 22% !important;
float: left
}
.loamemiform input,
.loamemiform select {
width: 78%;
float: left
}
.loamemiform .clmsWrap input {
width: 50%;
float: left;
padding: 6px 12px;
border-radius: 5px;
border: 1px solid #cccccc;
margin-right: 10px
}
/*.loamemiform .clmsWrap .sub{margin:0 10px 0}*/
.loamemiform .selectopacity select {
opacity: 0;
height: 35px
}
.loamemiform .clmsWrap .selectbg {
background: url("../../../../../scripts/desktop/images/select-bg.png") no-repeat scroll 99% 0;
width: 50%;
height: 35px;
margin-bottom: 0;
border: 1px solid #ccc;
border-radius: 5px;
}
.loamemiform .selectedvalue(width:100%; border:1px solid #f00) .loamemiform .getNewUpdateLightBox a.closeBtn {
position: absolute;
top: 1%;
right: 3%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
height: 23px !important;
}
/*DMRC Transaction Report*/
.dmrcReport,
#change {
width: 100%;
margin: 20px auto 0 auto;
}
.dmrcReport h1,
.hStyle {
margin: 20px 0 20px 0;
display: inline-block;
font-size: 20px;
width: 100%;
text-align: center;
}
.btns {
text-align: left;
margin: 0 0 20px 0;
}
.btns button {
padding: 2px;
}
.hideSpan {
display: none;
}
.logo {
float: left;
width: 100%;
border-bottom: 1px solid #dad7d7;
padding-bottom: 5px;
}
.dmrcul {
margin: 0;
padding: 0;
width: 100%;
display: inline-block;
}
.dmrcul li {
display: inline-block;
width: 32.5%;
font-size: 12px;
padding: 5px 2px;
position: relative;
}
.dmrcul li label {
font-size: 14px;
width: 100%;
margin: 5px 0;
color: #666766;
}
.dmrcul li label em {
color: red;
}
.dmrcul li input {
padding: 5px 5px 8px;
}
.dmrcul li input,
.dmrcul li select {
width: 100%;
height: 34px;
line-height: 34px;
border: 1px solid #c5c5c5;
font-size: 14px;
color: #666766;
}
.dmrcul .ui-datepicker-trigger {
position: absolute;
right: 5px;
top: 38px;
pointer-events: none;
}
.btns {
margin: 20px 0;
display: inline-block;
}
.dmrcReport .btns {
margin: 5px 0;
}
.linksData {
padding: 5px 0;
}
.linksData a {
float: right;
text-decoration: underline;
}
.linksData a:first-child {
float: left;
}
#reset .btns {
text-align: center;
}
#reset .btns button {
float: none;
}
.inline-buttons select {
border: 1px solid #c5c5c5;
height: 28px;
color: #666766;
}
.btns button,
.inline-buttons button,
.buttonStyle {
background: url(../../../../../../content/dam/indusind/dmrc/dmrc-login/redbuttonRept.png) left top repeat-x;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
color: #FFFFFF;
float: left;
font-weight: bold;
padding: 6px 10px 10px 10px;
margin: 0 15px 0 0;
border: none;
cursor: pointer;
line-height: 12px;
}
.pure-table {
empty-cells: show;
border: 1px solid #cbcbcb;
}
.pure-table,
table {
border-collapse: collapse;
border-spacing: 0;
}
.pure-table thead {
background-color: #e0e0e0;
color: #000;
text-align: left;
vertical-align: middle;
}
.pure-table td:first-child,
.pure-table th:first-child {
border-left-width: 0;
}
.pure-table td,
.pure-table th {
border-left: 1px solid #cbcbcb;
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
padding: 0.5em 1em;
}
.pure-table td:first-child,
.pure-table th:first-child {
border-left-width: 0;
}
.pure-table th,
.pure-table td {
padding: 0.5em 1em;
}
.pure-table tbody tr:hover {
background-color: #f9f7f7;
}
.pure-table td {
background-color: transparent;
border-bottom: 1px solid #cbcbcb;
}
#login,
#reset {
width: 410px;
margin: 0 auto;
}
#change {
width: 900px;
text-align: center;
margin: 0 auto;
}
#login label,
#reset label,
#change label,
{
width: 100px;
text-align: left;
}
#login input,
#reset input,
#chnage input {
text-align: left;
}
.customerSearch .searchBtn {
margin: 0 20px 0 0;
}
.fastRemitRateForm .btns button {
text-align: center;
}
.fastRemitRateForm .clmsWrap {
width: 300px;
margin: 0 auto;
}
.customerSearch.csForm.fastRemitRateForm .clmsWrap label {
width: 105px;
text-align: right;
}
.customerSearch.csForm.fastRemitRateForm .clmsWrap input {
width: 150px;
padding: 3px;
}
.buttonStyle {
float: none;
}
.customerSearch.csForm .clmsWrap {
text-align: center;
}
@media only screen and (max-width:1000px) {
.customerSearch {
width: 100%;
}
}
input:focus-visible, #apply-now:focus-visible{
border: 2px solid #4A90E2 !important;
outline: 2px #4A90E2 !important;
}