.bigwidth .sidebaroverlay { background: rgba(0,0,0,0.6); } .bigwidth .sidebarin { width: 60%; height: 78%; } .bigwidth.open .sidebarin { box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); } .bigwidth .sidebarin > .close { position: absolute; } .close { background: #f9f9f9; color: #bbb; float: right; font-size: 15px; position: relative; z-index: 1; text-align: center; line-height: 16px; border-radius: 50%; width: 35px; height: 35px; top: 10px; right: 10px; padding: 10px; box-sizing: border-box; } .close:focus, .close:hover { color: #fff; cursor: pointer; background: #333; } .close i { object-filt: contain; } .sidebarin .sidebarin-heading { border-bottom: 1px solid rgba(12,12,12,0.1); height: 56px; } .sidebarin .sidebarin-heading h3 { font-size: 22px; padding: 15px; margin-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 92%; font-weight: 400; } .sidebarin-content { width: 100%; height: 95%; position: relative; overflow-y: auto; background-color: #fff; } .ie8 .sidebar.rightside .sidebarin, .ie9 .sidebar.rightside .sidebarin { left: auto; right: -99999px; } .ie8 .sidebar.rightside.open .sidebarin, .ie9 .sidebar.rightside.open .sidebarin, .safari-mac .sidebar.rightside.open .sidebarin { right: 0; } .ie8 .sidebar .sidebaroverlay { background: #F3F3F3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); } .common-modal, .common-modal-ndr, #flexiDialog { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); } #flexiDialog .flexiDialogShell .modal-secondary-btn, #flexiDialog .flexiDialogShell .modal-primary-btn { width: 131px; height: 49.5px; } .common-modal, .common-modal-ndr { z-index: 96; display: table; width: 100%; height: 100%; } .common-modal .common-modal-container, .common-modal .common-modal-container-ndr, .common-modal-ndr .common-modal-container, .common-modal-ndr .common-modal-container-ndr { display: table-cell; vertical-align: middle; } .common-modal .common-modal-wrapper, .common-modal .common-modal-wrapper-ndr, .common-modal-ndr .common-modal-wrapper, .common-modal-ndr .common-modal-wrapper-ndr { position: relative; display: table; max-width: 350px; background-color: #fff; margin: 0 auto; min-height: 210px; max-height: 400px; min-width: 300px; max-width: 600px; } .common-modal .common-modal-wrapper .common-modal-loader, .common-modal .common-modal-wrapper-ndr .common-modal-loader, .common-modal-ndr .common-modal-wrapper .common-modal-loader, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-loader { position: absolute; top: 50%; margin-top: -16px; left: 50%; margin-left: -20px; } .common-modal .common-modal-wrapper .cm-loader-overlay, .common-modal .common-modal-wrapper .cm-loader-overlay-ndr, .common-modal .common-modal-wrapper-ndr .cm-loader-overlay, .common-modal .common-modal-wrapper-ndr .cm-loader-overlay-ndr, .common-modal-ndr .common-modal-wrapper .cm-loader-overlay, .common-modal-ndr .common-modal-wrapper .cm-loader-overlay-ndr, .common-modal-ndr .common-modal-wrapper-ndr .cm-loader-overlay, .common-modal-ndr .common-modal-wrapper-ndr .cm-loader-overlay-ndr { position: absolute; width: 100%; height: 100%; top: 0; margin: 0; left: 0; opacity: .5; background-color: #fff; z-index: 99; } .common-modal .common-modal-wrapper .common-modal-close, .common-modal .common-modal-wrapper .common-modal-close-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-close, .common-modal .common-modal-wrapper-ndr .common-modal-close-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-close, .common-modal-ndr .common-modal-wrapper .common-modal-close-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-close, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-close-ndr { position: absolute; right: -5px; width: 35px; height: 35px; line-height: 30px; font-size: 18px; color: #000; cursor: pointer; text-align: center; top: -5px; } .common-modal .common-modal-wrapper .common-modal-close.close-on-top, .common-modal .common-modal-wrapper .common-modal-close-ndr.close-on-top, .common-modal .common-modal-wrapper-ndr .common-modal-close.close-on-top, .common-modal .common-modal-wrapper-ndr .common-modal-close-ndr.close-on-top, .common-modal-ndr .common-modal-wrapper .common-modal-close.close-on-top, .common-modal-ndr .common-modal-wrapper .common-modal-close-ndr.close-on-top, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-close.close-on-top, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-close-ndr.close-on-top { right: 0; top: 6px; } .common-modal .common-modal-wrapper .common-modal-close .sd-icon, .common-modal .common-modal-wrapper .common-modal-close-ndr .sd-icon, .common-modal .common-modal-wrapper-ndr .common-modal-close .sd-icon, .common-modal .common-modal-wrapper-ndr .common-modal-close-ndr .sd-icon, .common-modal-ndr .common-modal-wrapper .common-modal-close .sd-icon, .common-modal-ndr .common-modal-wrapper .common-modal-close-ndr .sd-icon, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-close .sd-icon, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-close-ndr .sd-icon { line-height: 35px; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-header, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-header-ndr, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-header, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-header-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header-ndr { padding: 15px 30px 15px 20px; border-bottom: 1px solid #D0D0D0; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-header .common-modal-heading, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-header .common-modal-heading-ndr, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-header-ndr .common-modal-heading, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-header-ndr .common-modal-heading-ndr, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header .common-modal-heading, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header .common-modal-heading-ndr, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header .common-modal-heading, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header .common-modal-heading-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header-ndr .common-modal-heading, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header-ndr .common-modal-heading-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header .common-modal-heading, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header .common-modal-heading-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-header .common-modal-heading, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-header .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-header-ndr .common-modal-heading, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-header-ndr .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header .common-modal-heading, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header .common-modal-heading, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header-ndr .common-modal-heading, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-header-ndr .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header .common-modal-heading, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header .common-modal-heading-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-header-ndr .common-modal-heading-ndr { font-size: 15px; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr { padding: 15px 30px; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter { width: 280px!important; margin-left: 0!important; position: relative; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownHead, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownHead { background: transparent url(/img/arrows/down_red_arrow.png) no-repeat scroll 252px 6px!important; border: 1px solid #c7c7c7; font-size: 15px; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup { top: 100%; width: 100%!important; box-sizing: border-box; display: none; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .sdDropDownOuter .sdDropDownPopup .sdDropDownContent, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .sdDropDownOuter .sdDropDownPopup .sdDropDownContent { cursor: pointer; font-size: 14px; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper { margin-bottom: 20px; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper .label, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper .label, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper .label, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .label, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper .label, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper .label, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper .label, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .label, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper .label, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper .label, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper .label, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .label, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper .label, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper .label, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper .label, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .label { margin-bottom: 5px; } .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper .field input, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper .field textarea, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper .field input, .common-modal .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper .field textarea, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper .field input, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper .field textarea, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field input, .common-modal .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field textarea, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper .field input, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper .field textarea, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper .field input, .common-modal .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper .field textarea, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper .field input, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper .field textarea, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field input, .common-modal .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper .common-modal-content-block .common-modal-content-ndr .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block .common-modal-content-ndr .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content .field-wrapper .field textarea, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field input, .common-modal-ndr .common-modal-wrapper-ndr .common-modal-content-block-ndr .common-modal-content-ndr .field-wrapper .field textarea { width: 280px; } #flexiDialog { content: ""; display: none; z-index: 99; } #flexiDialog .flexiDialogShell { background: #fefefe; border-radius: 3px; position: fixed; width: 341px; height: auto; padding: 30px 26px; top: 35%; left: 38%; margin: auto; z-index: 11; transition: .3s ease-out; } #flexiDialog .flexiDialogShell .dialogHeadingMd { font-size: 20px; font-weight: 600; color: #333; } #flexiDialog .flexiDialogShell .modalFieldTitle { font-size: 15px; color: #666; } #flexiDialog .flexiDialogShell .modalFieldValue { font-size: 17px; color: #333; } #flexiDialog .flexiDialogShell .modalDesc { font-size: 16px; color: #333; } #flexiDialog .flexiDialogShell .modal-secondary-btn { float: left; } #flexiDialog .flexiDialogShell .modal-primary-btn { margin-left: 11px; float: right; } #flexiDialog #confirmationPoints { margin-left: 15px; } #flexiDialog .list-of-details { color: #999; font-size: 14px; margin-bottom: 6px; } .bxslider .bx-wrapper { max-width: none!important; position: relative; } .bxslider .bx-wrapper .bx-viewport { height: auto!important; z-index: 1; } .bxslider .bx-wrapper .bx-controls { position: absolute; width: 100%; top: 0; height: 100%; } .bxslider .bx-wrapper .bx-prev, .bxslider .bx-wrapper .bx-next { z-index: 2; position: absolute; left: 0; margin: 0; width: auto; height: 100%; background: transparent; border: none; outline: none; } .bxslider .bx-wrapper .bx-prev:before, .bxslider .bx-wrapper .bx-next:before, .bxslider .bx-wrapper .bx-prev:after, .bxslider .bx-wrapper .bx-next:after { display: none; } .bxslider .bx-wrapper .bx-prev span, .bxslider .bx-wrapper .bx-next span { font-size: 21px; color: #333; padding: 4px 6px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); position: relative; top: 44%; filter: alpha(opacity=90); opacity: .9; border-radius: 50%; border: .5px solid #e5e5e5; } .bxslider .bx-wrapper .bx-prev span .sd-icon, .bxslider .bx-wrapper .bx-next span .sd-icon { color: #333; } .bxslider .bx-wrapper .bx-prev span:hover .sd-icon, .bxslider .bx-wrapper .bx-next span:hover .sd-icon { color: #999; } .bxslider .bx-wrapper .bx-next { left: auto; right: 0; } .push-overlay { position: absolute; top: 125px; } .push-overlay .push-container { width: 750px; background: #fff; padding: 10px 5px; height: auto; position: fixed; margin: 0 auto; border-radius: 3px; z-index: 100; margin-left: -325px; box-shadow: 0 0 50px 20px rgba(0,0,0,0.2); top: 95px; left: 50%; } .push-overlay .push-container .push-close { position: relative; right: 0; top: 4px; } .push-overlay .push-container h3 { margin: 10px 0 13px; font-size: 16px; font-family: font-bold; } .push-overlay .push-container p { font-size: 12px; margin-bottom: 10px; } .push-overlay .push-container p span { font-family: font-bold; } .push-overlay .push-container #pushDenied { border: 1px solid #BFAEAE; outline: none; line-height: 20px; margin-right: 15px; background: #F7F2F2; color: #BFAEAE; } .push-overlay .push-container #pushAllow { line-height: 20px; background: #C5003C; } .push-overlay .push-container .bellIcon { width: 50px; height: 50px; background-position: -258px 96px; margin-right: 10px; } .push-overlay .push-container .grayBox { width: 40px; height: 81px; position: absolute; background: #eee; z-index: -1; left: -5px; top: -10px; border-radius: 3px 0 0 3px; } .prev, .next { position: absolute; border-radius: 50%; cursor: pointer; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); border: solid .5px #e5e5e5; top: 0; bottom: 0; margin: auto; height: 36px; z-index: 51; } .prev .prev-i, .next .next-i { display: block; width: 35px; height: 35px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .prev .prev-i:before, .prev .prev-i:after, .next .next-i:before, .next .next-i:after { content: ''; position: absolute; left: 34%; top: 52%; width: 10px; height: 2px; background-color: #5a5a59; border-radius: 1px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .5s ease-out; -moz-transition: -moz-transform .5s ease-out; -o-transition: -o-transform .5s ease-out; transition: transform .5s ease-out; } .next .next-i:before, .next .next-i:after { left: 40%!important; } .prev { transition: background .2s ease-out; left: 14px; } .prev .prev-i:before { margin-top: -4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: color .2s ease-out; } .prev .prev-i:after { margin-top: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: color .2s ease-out; } .prev .prev-i:hover:before { background: #fff; } .prev .prev-i:hover:after { background: #fff; } .prev:hover { background: #333; border: solid .5px #333; } .next { transition: background .2s ease-out; right: 14px; } .next .next-i:before { margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: color .2s ease-out; } .next .next-i:after { margin-top: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: color .2s ease-out; } .next .next-i:hover:before { background: #fff; } .next .next-i:hover:after { background: #fff; } .next:hover { background: #333; border: solid .5px #333; } .animHide { display: none; } .animScroll { opacity: 1!important; transform: translate(0,0)!important; -moz-transform: translate(0,0)!important; -o-transform: translate(0,0)!important; -ms-transform: translate(0,0)!important; -webkit-transform: translate(0,0)!important; } .starDeal { position: absolute; right: -3px; top: 31px; } .starDeal i:before, .starDeal i:after { content: "\2605"; position: absolute; color: #f26775; font-size: 26px; -moz-transform: rotate(100deg); -o-transform: rotate(100deg); -ms-transform: rotate(100deg); -webkit-transform: rotate(100deg); transform: rotate(100deg); } .starDeal .red:before, .starDeal .red:after { top: -4px; margin-left: -17px; font-size: 20px; } .starDeal .blue:before, .starDeal .blue:after { color: #a0e2ff; margin-top: -41px; width: 6.7px; font-size: 9px; margin-left: -39px; height: 6.6px; } .starDeal .yellow:before, .starDeal .yellow:after { color: #ffd700; top: -44px; font-size: 35px; margin-left: -16px; -moz-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); } .dealsTimer:hover .red:before, .dealsTimer:hover .red:after { color: #ffd700; } .dealsTimer:hover .blue:before, .dealsTimer:hover .blue:after { color: #f26775; } .dealsTimer:hover .yellow:before, .dealsTimer:hover .yellow:after { color: #a0e2ff; } .starDeal i:before, .starDeal i:after { transition: color .3s ease-in-out; } .comp-animated-icon { right: 10px; color: #666; position: absolute; } .comp-animated-icon .animated-icon { border: 1px solid transparent; } .comp-animated-icon .animated-icon .sd-icon { font-size: 20px; } .comp-animated-icon .animated-font-active { color: #e40046; } .underlined-text { position: relative; color: #fff; text-decoration: none; font-size: 24px; display: inline-block; } .underlined-text:hover { color: #fff; } .underlined-text:hover:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .underlined-text:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #fff; visibility: hidden; -webkit-transition: all .3s ease-in-out 0; -moz-transition: all .3s ease-in-out 0; -o-transition: all .3s ease-in-out 0; transition: all .3s ease-in-out 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .nav-menu-icon { cursor: pointer; vertical-align: middle; margin-left: 38%; margin-top: -2px; padding: 2px 6px; width: 43px; opacity: 0; position: absolute; transform: translate(0,19px); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .nav-menu-icon:after { display: block; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; content: ''; margin: 7px 0; height: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background-color: #c0d1d7; } .nav-menu-icon:before { display: block; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; content: ''; margin: 7px 0; height: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background-color: #c0d1d7; } .nav-menu-icon span { display: block; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; content: ''; margin: 7px 0; height: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background-color: #c0d1d7; } .nav-menu-icon:hover:before { transform: translateY(10px) rotate(135deg); -webkit-transform: translateY(10px) rotate(135deg); -moz-transform: translateY(10px) rotate(135deg); } .nav-menu-icon:hover:after { transform: translateY(-10px) rotate(-135deg); -moz-transform: translateY(-10px) rotate(-135deg); -webkit-transform: translateY(-10px) rotate(-135deg); } .nav-menu-icon:hover span { transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); } .animArrowLink:hover .animArrowIco { transform: translate(10px,0); } .animArrowLink .animArrowIco { transition: transform .3s cubic-bezier(0.22,0.61,0.36,1); } @-webkit-keyframes animateHeart { 0% { -webkit-transform: scale(1); } 5% { -webkit-transform: scale(1.2); } 10% { -webkit-transform: scale(1.1); } 15% { -webkit-transform: scale(1.25); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } @keyframes animateHeart { 0% { transform: scale(1); } 5% { transform: scale(1.2); } 10% { transform: scale(1.1); } 15% { transform: scale(1.25); } 50% { transform: scale(1); } 100% { transform: scale(1); } } .white-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; z-index: 1; opacity: 0; transition: opacity 400ms linear; } .white-overlay:hover { opacity: .15; } .lt-ie10 .white-overlay { display: none; } .animOut.sd-icon-minus { position: relative; } .animOut.sd-icon-minus:before { transition: all .3s ease-in; } .animOut.sd-icon-minus:hover:before { opacity: 0; } .animOut.sd-icon-minus:hover .animIn { opacity: 1; transform: rotate(90deg); } .animOut.sd-icon-plus { position: relative; } .animOut.sd-icon-plus:before { transition: all .3s ease-in; } .animOut.sd-icon-plus:hover:before { opacity: 0; } .animOut.sd-icon-plus:hover .animIn { opacity: 1; transform: rotate(180deg); } .animIn.sd-icon-plus, .animIn.sd-icon-minus { position: absolute; left: 0; opacity: 0; transition: all .3s ease-in; } .animBounceIco { transition: transform .3s ease-in; } .animBounce:hover .animBounceIco, .animBounce:focus .animBounceIco { transform: rotate(90deg); } .prev .sd-icon, .next .sd-icon { display: none; } .ie8 .prev, .ie8 .next { padding: 10px; } .ie8 .prev .sd-icon, .ie8 .next .sd-icon { display: block; } .ie8 .next-i, .ie8 .prev-i { display: none; } .header_wrapper { margin-top: 0!important; margin-bottom: 0!important; } .searchformInput { margin: 0!important; width: 78%; } #sdHeader { min-width: 995px; } .stickHeadNew { transform: translate(0,-32px); } .showCartZindx { z-index: 89!important; } header * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; } .headerBar { z-index: 96; top: 0; -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; background: #fff; width: 100%; position: fixed; backface-visibility: hidden; } .topBar { height: 65px; padding: 0 0 20px; overflow: visible!important; margin: 0 auto; background: #e40046; transform: translate(0,0); width: 100%; opacity: 1; box-shadow: 0 0 4px rgba(0,0,0,0.2); } .leftNavBar { height: 37px; background: #fcfcfc; border-top: 1px solid #fcfcfc; position: absolute; width: 100%; z-index: 0; } .logoWidth { margin-top: 19px; } .logoWidth .mainLogo { background-image: url(/img/snapdeal/darwin/logo/logo1.png); height: 39px; background-position: center; display: block; width: 53%; float: left; cursor: pointer; background-repeat: no-repeat; transform: translate(0,-1px); transition-delay: 0s,.3s,.3s; transition: transform .2s ease-in; } .logoWidth .sd-icon-cart-icon-white { color: #fff; float: left; font-size: 31px; margin-right: 5px; width: 17%; vertical-align: top; } .searchform { float: left; width: 100%; } .searchformInput { background: rgba(244,244,244,0.6); border: none; font-size: 14px; color: #909090; border-right: none; height: 37px; padding: 0 10px 0 32px; outline: none; text-overflow: ellipsis; border-radius: 2px 0 0 2px; font-family: "font-regular"; } .searchformButton { position: relative; top: 0; background: #333; color: #fff; transition: all .2s ease-out; height: 37px; border: none; cursor: pointer; text-align: center; line-height: 25px; font-size: 14px; border-radius: 0 3px 3px 0!important; } .searchformButton:hover { background: #3f3f3f; } .circleCount { height: 17px; width: auto; background: #58c1ea; font-size: 11px; min-width: 17px; display: inline-block; padding: 2px; line-height: 12px; color: #fff; border-radius: 10px; position: absolute; top: -3px; right: 0; } #cartHeader { padding: 0; } #cartHeader .cartLinks { float: left; } #cartHeader a { float: left; } .leftNavbtmHeader { background: #ececec; height: 36px; font-size: 14px; text-transform: uppercase; padding: 12px 15px; } .offerBand { color: #767676; font-size: 13px; text-transform: capitalize; text-indent: 27px; } .offerBand:first-child { text-indent: 0; } .offerBand i { margin: 0 7px; padding-top: 11px; } input.keyword::-webkit-input-placeholder { font-style: normal!important; color: #999!important; font-family: "font-regular"; } input.keyword::-moz-placeholder { font-style: normal!important; } .mac-os .input.keyword::-moz-placeholder { font-style: normal!important; } .headerRightLinks { list-style: none; } .headerRightLinks li { float: right; text-align: center; position: relative; } .headerRightLinks li > div.menuLinks, .headerRightLinks a { color: #605f5d; float: right; display: block; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; padding: 3px 6px; cursor: pointer; } .headerRightLinks li > div.menuLinks:hover, .headerRightLinks a:hover { background: #f5f5f5; text-decoration: none; } .headerRightLinks li > div.menuLinks.active, .headerRightLinks a.active { background: #f5f5f5; } .headerRightLinks li > div.menuLinks .sd-icon, .headerRightLinks a .sd-icon { font-size: 22px; position: relative; color: #7d7d7d; } .headerRightLinks li > div.menuLinks span, .headerRightLinks a span { display: block; font-size: 10.5px; color: #a0a0a0; padding-top: 4px; text-transform: capitalize; height: 22px; } #accountHeader .sd-icon-expand-arrow { font-size: 12px; } #headerMoreOptions_modal_right .sidebarin { width: 28%; } #headerMoreOptions_modal_right hr { border-color: #d4d4d4; } .sidebarHeaderHead { font-size: 15px; display: block; padding: 9px 0 0 20px; } .headerSideBarWdth { width: 33%!important; } .headerSideBarWdth .sidebarin-heading h3 { font-weight: 400; } .headerSideBarWdth .sidebarin-content { overflow-y: hidden; } .activeLink { background: #f5f5f5; } .safari-mac .accountInfoLoggedIn .userLoginEmail { opacity: 1; } .dropdownAccountNonLoggedIn, .dropdownAccount { overflow: hidden; text-align: left; white-space: nowrap; font-size: 13px; width: 215px; top: 62.6px; right: 0; z-index: 100; position: absolute; border-radius: 4px 0 4px 4px; background-color: #333; } .dropdownAccountNonLoggedIn .accountList, .dropdownAccount .accountList { float: left; } .dropdownAccountNonLoggedIn .accountList ul, .dropdownAccount .accountList ul { list-style-type: none; z-index: 100; width: 100%; float: left; padding: 15px 0; } .dropdownAccountNonLoggedIn .accountList ul li, .dropdownAccount .accountList ul li { float: left!important; width: 100%; text-align: left!important; } .dropdownAccountNonLoggedIn .accountList ul li:hover, .dropdownAccount .accountList ul li:hover { background: rgba(0,0,0,0.1); } .dropdownAccountNonLoggedIn .accountList ul a, .dropdownAccount .accountList ul a { width: 100%; display: block; line-height: 35px; padding-left: 15px; color: #fff; text-transform: capitalize; font-size: 13px; text-decoration: none; border-radius: 0!important; } .dropdownAccountNonLoggedIn .accountList ul a i, .dropdownAccount .accountList ul a i { margin-right: 7px; font-size: 18px; line-height: 32px; } .dropdownAccountNonLoggedIn .accountList ul a .sd-balance, .dropdownAccount .accountList ul a .sd-balance { margin-right: 13px; color: #aaa; font-size: 11px; } .dropdownAccountNonLoggedIn .accountInfoNonLoggedIn, .dropdownAccount .accountInfoNonLoggedIn { text-align: center; border-top: 1px solid rgba(180,180,180,0.2); float: left; width: 100%; } .dropdownAccountNonLoggedIn .accountInfoNonLoggedIn .newUser, .dropdownAccount .accountInfoNonLoggedIn .newUser { margin-top: 15px; cursor: default; font-size: 11.4px; color: #b4b4b4; } .dropdownAccountNonLoggedIn .accountInfoNonLoggedIn .newUserRegister, .dropdownAccount .accountInfoNonLoggedIn .newUserRegister { cursor: pointer; display: inline-block; margin-top: 5px; color: #fff; } .accountBtn { display: block!important; width: 192px!important; color: #fff!important; border-radius: 2px!important; cursor: pointer!important; text-transform: uppercase!important; font-size: 13px!important; margin: 12px auto!important; z-index: 60; padding: 5px!important; line-height: 26px; background-color: #e40046; } .accountBtn a { color: #fff!important; text-decoration: none!important; } #accountHeader .dropdownWrapper { z-index: 89; } .color-grey { color: #666; } .header-shortlist p { text-align: center; line-height: 21px; } .header-shortlist, .header-shoppinglist { width: 370px; position: fixed; right: 0; left: 0; margin: auto; overflow: hidden; text-align: left; font-size: 14px; padding: 20px; background: rgba(25,25,25,0.95); border-radius: 4px; z-index: 99999; box-shadow: 0 0 13px 0 rgba(0,0,0,0.1); opacity: .98; } .header-shortlist p, .header-shoppinglist p { color: #fff; font-size: 13px; line-height: 1.5; width: 70%; float: left; } .header-shortlist span, .header-shoppinglist span { display: block; float: right; padding: 5px; position: relative; border: 1px solid #ccc; color: #fff; cursor: pointer; font-size: 14px; margin: 7px auto; margin-right: 15px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .header-shortlist span a, .header-shoppinglist span a { color: #fff; } .header-exchange-exceeding, .header-exchange-BfsAndEx, .header-exchange-BfsAndExNonServiceable, .header-exchange-appliedExchangeNonServiceable, .header-exchange-priceChangedDueTOBFS, .header-exchange-exchangeAndBFSPriceChange, .header-exchange-bfsExchangeNotClubbed { width: 370px; position: fixed; right: 0; left: 0; margin: auto; overflow: hidden; text-align: center; font-size: 14px; padding: 20px; background: rgba(25,25,25,0.95); border-radius: 4px; z-index: 99999; box-shadow: 0 0 13px 0 rgba(0,0,0,0.1); opacity: .98; } .header-exchange-exceeding p, .header-exchange-BfsAndEx p, .header-exchange-BfsAndExNonServiceable p, .header-exchange-appliedExchangeNonServiceable p, .header-exchange-priceChangedDueTOBFS p, .header-exchange-exchangeAndBFSPriceChange p, .header-exchange-bfsExchangeNotClubbed p { color: #fff; font-size: 13px; line-height: 1.5; } .header-exchange-exceeding span, .header-exchange-BfsAndEx span, .header-exchange-BfsAndExNonServiceable span, .header-exchange-appliedExchangeNonServiceable span, .header-exchange-priceChangedDueTOBFS span, .header-exchange-exchangeAndBFSPriceChange span, .header-exchange-bfsExchangeNotClubbed span { display: block; float: right; padding: 5px; position: relative; border: 1px solid #ccc; color: #fff; cursor: pointer; font-size: 14px; margin: 7px auto; margin-right: 15px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .header-exchange-exceeding span a, .header-exchange-BfsAndEx span a, .header-exchange-BfsAndExNonServiceable span a, .header-exchange-appliedExchangeNonServiceable span a, .header-exchange-priceChangedDueTOBFS span a, .header-exchange-exchangeAndBFSPriceChange span a, .header-exchange-bfsExchangeNotClubbed span a { color: #fff; } .searchformButton .loading img { height: 20px; width: 20px; margin: 0!important; } @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .accountInfoLoggedIn .userLoginEmail { opacity: 1; } ::i-block-chrome, .searchformInput { line-height: 0; } } .searchformInput::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } .circleCountCart { height: 17px; width: auto; font-size: 11px; min-width: 17px; display: inline-block; padding: 2px; line-height: 12px; color: #fff; border-radius: 10px; position: absolute; top: 9px; right: 10px; } .content_wrapper-homepage { max-width: 1600px; margin: 0 7.5%; } #cartHeader { margin-right: 20px; } #sdHeader { min-width: 995px; height: 93px; } .searchformInput { color: #333; } .search-box-wrapper { margin-top: 0; padding-top: 13.5px; padding-left: 15px; } .search-box-wrapper .searchTextSpan { display: table; margin: auto; line-height: 20px; padding-top: 3px; padding-right: 3px; } .search-box-wrapper .sd-icon-search-under-catagory { font-size: 21px!important; } .search-box-wrapper i { font-size: 12px; z-index: 1; } .header-shadow, .stickyHead, #back-top, #leftNavMenuRevamp, .rightCardPosFixedWithBtm { backface-visibility: hidden; } .vertical-search-added { position: relative; } .vertical-search-added .vertical-search-select { width: 65px; height: 37px; line-height: 40px; border: solid 1px #e1e0e0; color: #b2b2b2; text-align: left; margin: 0; padding: 0; position: absolute; z-index: 99; left: 0; background: #ececec; } .vertical-search-added .vertical-search-select.active { background: #37474e; border: 1px solid #38474e; color: #d3dce0; } .vertical-search-added .vertical-search-select:hover { background: #37474e; border: 1px solid #38474e; color: #d3dce0; } .vertical-search-added .vertical-search-select:before { font-size: 12px; right: 13px; } .vertical-search-added .vertical-search-select i { font-size: 15px; line-height: 30px; padding-left: 15px; width: 100%; text-align: left; } .vertical-search-added .searchformInput { margin-left: 0; padding-left: 70px; } .vertical-search-added .overlap { left: 65px; } .vertical-search-added .searchAutoSuggstn { left: 65px; width: 68.7%!important; } .vertical-search-added .recentSearchContainer span.firstRecntDiv { max-width: 85%!important; min-width: 50%!important; } @media screen and (min-width: 1441px) { .vertical-search-added .searchAutoSuggstn { width: 70.8%!important; } } .topBar .vertical-search-added .options { max-height: none; box-shadow: none; left: 0!important; border: none; top: 50px!important; background: #37474e; min-width: 200px!important; box-shadow: 0 2px 5px rgba(0,0,0,0.4); max-width: 315px; overflow-y: hidden; } .topBar .vertical-search-added .options li { color: #d3dce0; font-size: 12px; padding: 8px 40px 8px 15px; line-height: 14px; min-width: 100%; width: auto; text-align: left; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .topBar .vertical-search-added .options li.sel.sd-icon { background: rgba(255,255,255,0.1); color: #d3dce0; font-family: "font-regular"; } .topBar .vertical-search-added .options li.sel.sd-icon i { color: #cbcbcb; } .topBar .vertical-search-added .options li.sel.sd-icon:hover { color: #38474E; } .topBar .vertical-search-added .options li.sel.sd-icon:hover i { color: #38474E; } .topBar .vertical-search-added .options li.sd-icon { position: relative; background: #38474E; } .topBar .vertical-search-added .options li.sd-icon:hover { background: #ececec; } .topBar .vertical-search-added .options li.sd-icon:before { position: absolute; right: 15px; top: 8px; font-family: "snapdeal_font2"; font-size: 16px; } .topBar .vertical-search-added .options li i { margin-right: 10px; color: #cbcbcb; font-size: 12px; padding-left: 0; } .topBar .vertical-search-added .options li:hover { color: #38474E; } .topBar .vertical-search-added .options li:hover i { color: #36464e; } .top-bar-homepage .vertical-search-added .vertical-search-select { margin: 0; } .header-right .cartContainer { border-left: 1px solid rgba(0,0,0,0.07); height: 63px; text-align: center; display: table; cursor: pointer; } .header-right .cartContainer .cartInner { vertical-align: middle; display: table-cell; } .header-right .cartContainer .cartInner .cartTextSpan { font-size: 13px; vertical-align: text-top; padding-right: 10px; color: #fff; line-height: 9px; } .header-right .cartContainer .cartInner .sd-icon { margin-left: -6px; color: #fff; position: relative; margin-top: 4px; font-size: 23px; position: relative; } .header-right .cartContainer .cartInner .cartQuantity { position: absolute; height: 17px; width: 17px; background: #fff; border-radius: 20px; top: -8px; color: #333; font-size: 10px; line-height: 19px; font-family: "font-regular"; right: -8px; } .header-right .myAccountTab { height: 63px; color: #555; font-size: 13px; display: inline-table; padding-top: 5px!important; cursor: pointer; border-left: 1px solid rgba(0,0,0,0.07); } .header-right .myAccountTab:hover { border-left: 1px solid transparent; } .header-right .myAccountTab .accountInner { display: table-cell; vertical-align: middle; border-radius: 4px 4px 0 0; padding-top: 12px; padding-left: 22px; } .header-right .myAccountTab .accountInner .sd-icon-menu2 { color: #fff; display: none!important; position: absolute; font-size: 26px; right: -11px; z-index: -1; line-height: 14px; } .header-right .myAccountTab .accountInner .accountUserName { color: #fff; display: inline-block; line-height: 14px; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; max-width: 100px; max-height: 13px; text-align: center; padding-bottom: 1px; box-sizing: content-box; } .header-right .myAccountTab .accountInner .accountUserImg { float: left; margin-top: -5px; padding-right: 0; padding-left: 12px; bottom: 5px; } .header-right .myAccountTab .accountInner .accountUserImg img { width: 37px; height: 37px; border-radius: 50px; } .header-right .myAccountTab .accountInner .accountUserImg .sd-icon-user { width: 37px; height: 37px; border-radius: 50px; padding: 5px; background-color: rgba(0,0,0,0.1); color: #e7f3f7; font-size: 24px; } .header-right .myAccountTab .accountInner .moreIcon { float: left; margin-top: 10px; color: #c2c9cc; font-size: 20px; } .accountHeadColor { background-color: #333; color: #fff!important; } .cartProductInfoModal { width: 250px; position: absolute; color: #fff; top: 70px; background-color: #333; padding: 12px; border-radius: 5px; left: -21px; } .cartProductInfoModal .cartProductInfoName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cartProductInfoModal .cartViewAllBtn { padding: 0 9px 0 10px; margin-top: 7px; } .cartProductInfoModal .cartModalArrow { position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333; width: 0; height: 0; left: 70px; top: -10px; } .cartProductInfoModal .overFlowMoreItems { overflow: hidden; max-height: 80px; } .cartProductInfoModal .overFlowMoreItems .cartProduct { width: 32%; } .cartProductInfoModal .overFlowMoreItems .cartProduct img { width: 72px; height: 78px; } .cartProductInfoModal .overFlowMoreItems .cartProductInfo { width: 62%; font-size: 14px; } .cartProductInfoModal .overFlowMoreItems .cartProductInfo .cartItemHeading { color: #838383; margin-top: 0; } .cartProductInfoModal .overFlowMoreItems .cartProductInfo p { margin-top: 10px; } .hgtHackLeftNav20 { height: 20px; margin-top: -2px; display: none; } .dropdownWrapper .dropdownAccount .accountList li.logoutNew { text-align: center!important; margin-top: 7px; } .dropdownWrapper .dropdownAccount .accountList li.logoutNew .accountBtn { border-radius: 3px!important; height: 37px; font-size: 13px!important; line-height: 30px; background: #555; } .sd-information { display: table!important; } .sd-information i { line-height: 9px!important; } .sd-information span { overflow: hidden; display: table-cell; width: 100%; max-width: 74px; padding-right: 5px; text-overflow: ellipsis; } .sd-information .sd-balance { color: #aaa; font-size: 11px; display: table-cell; padding-right: 11px; } #freecharge-information { display: table; } #freecharge-information i { line-height: 9px; } #freecharge-information span { overflow: hidden; display: table-cell; width: 100%; max-width: 74px; padding-right: 5px; text-overflow: ellipsis; } #freecharge-information .fc-balance { color: #aaa; font-size: 11px; display: table-cell; padding-right: 11px; } .logoWidth { width: 200px; } .ie .menuIconBar { margin: -40px auto; } .menuIconBar { width: 54px; height: 60px; border-radius: 1.9px; float: right; text-align: center; margin: -10px auto; } .menuIconBar .sd-icon-menu { width: 16px; height: 11px; color: #fff; font-size: 21px; margin: 16px 0 0 -6px; } .leftCss { left: 54px; } .morePosFixed { top: 94px!important; position: fixed!important; z-index: 57!important; display: block!important; } .posFixed { top: 61px!important; position: fixed!important; z-index: 57!important; display: block!important; } .leftnavOverlay { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 56; background-color: rgba(0,0,0,0.5); } .autoOverlay { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 56; background-color: rgba(0,0,0,0.2); } .whiteBack { background-color: #fff; } .headCol { color: #e40046; } @media screen and (min-width: 1024px) { body { overflow-x: hidden!important; } } .header-shortlist p { padding-top: 10px; } .ie .ieLogoHeader { display: block!important; } .ie .notIeLogoHeader { display: none; } .ieLogoHeader { display: none; } .myAccountTab i { width: 20px; height: 20px; } .myAccountTab .account-icon { background-position: -236px -199px; } .myAccountTab .order-icon { background-position: -130px -199px; } .myAccountTab .shortlist-icon { background-position: -161px -199px; } .myAccountTab .sd-cash-icon { width: 21px; background-position: -197px -199px; } .myAccountTab .gift-icon { background-position: -219px -199px; } .myAccountTab .shop-list-icon { background-position: -178px -199px; } .myAccountTab .freecharge-icon { width: 19px; height: 20px; background-position: -146px -199px; } .homeTopBannrImg { background-repeat: no-repeat; background-position: center top; width: 100%; height: 100%; border: 0; } .back-to-top-icon { width: 18px; height: 17px; background-position: 0 0; } #back-top { margin-right: 32px; right: 0!important; opacity: .8; width: 46px; height: 46px; background: #333; padding-top: 11px; border: none!important; z-index: 54; } #back-top:hover { transform: none!important; opacity: 1; box-shadow: none!important; } .backTopImg { background-image: url(/img/ic_back_to_top.png); display: inline-block; vertical-align: middle; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2 1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) { .backTopImg { background-image: url(/img/ic_back_to_top2x.png); background-size: 18px 17px; } } @media screen and (max-width: 1024px) { .header-right .myAccountTab .accountInner { padding-left: 13px; } } @media screen and (min-width: 976px) and (max-width: 1023px) { .header-right .myAccountTab .accountInner { padding-left: 3px; } .header-right .myAccountTab .accountInner .accountUserImg { padding-left: 0; } } .userAccountInfo.clear { line-height: 17px!important; height: 40px!important; } .userAccountInfo .userAccountImg { width: 30px; height: 30px; border-radius: 50px; padding: 5px; background-color: #656565; color: #e7f3f7; font-size: 24px; } .userAccountInfo .userAccountImg .sd-icon-user { margin-left: 4px; margin-top: 1px; } .userAccountInfo { margin-bottom: 10px; } .userAccountInfo .userInfo { margin: 3px 0 0 5px; max-width: 170px; white-space: nowrap; word-wrap: break-word!important; } .userAccountInfo .userEmailid { color: #A6A6A6; font-size: 12px; max-width: 170px; text-overflow: ellipsis; overflow: hidden; } .userAccountLogoutInfo { background-color: #F2F9FF; border: 1px solid #DFEFFF; margin: 15px 0; } .userAccountLogoutInfo span { margin: 15px; font-size: 12px; } .userAccountLogoutInfo a { color: #2998FF!important; font-size: 13px!important; display: inline!important; margin: 0!important; text-transform: uppercase!important; width: 50%!important; padding: 0!important; } .homePageTopHooks-section { display: block!important; background: #e40046!important; position: relative; z-index: 1; color: #d8d8d8; } .homePageTopHooks-section:after { background: #000; position: absolute; width: 100%; content: " "; top: 0; z-index: -1; height: 100%; opacity: .13; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=13); filter: alpha(opacity=13); display: block; } .homePageTopHooks-section .topHookContainer { height: 30.2px; } .homePageTopHooks-section .topHookContainer .hook-section { padding: 4px 0; } .homePageTopHooks-section .topHookContainer .fastestDel { padding-left: 0; } .homePageTopHooks-section .topHookContainer .topHooks { padding: 3px 6px; border-radius: 2px; line-height: 22px; display: inline; } .homePageTopHooks-section .topHookContainer .topHooks .top-hooks-icon { display: inline-block; line-height: 24px; vertical-align: middle; } .homePageTopHooks-section .topHookContainer .topHooks .top-hooks-icon i { display: inline-block; width: 13px; height: 18px; color: #fff; vertical-align: text-bottom; } .homePageTopHooks-section .topHookContainer a { text-transform: capitalize; color: #fff; font-size: 12px; line-height: 20px; } .homePageTopHooks-section .topHookContainer a:hover { text-decoration: none; } .homePageTopHooks-section .topHookContainer .headerLinks > span { border: 0; font-size: 13px; text-transform: capitalize; background-color: transparent; line-height: 17px; padding: 3px 0 0 14px; border-radius: 2px; } .homePageTopHooks-section .topHookContainer .headerLinks > span:active { outline: none; } .materialLeftNavContainer #navBarWrapper { height: auto!important; } .fastestDelivery { text-transform: capitalize; color: #fff; font-size: 12px; padding-top: 5px; } .ie8 .homePageTopHooks-section:after { content: initial!important; } .ie8 .homePageTopHooks-section { background: #e40046!important; z-index: 1; } .customHeaderIcon img { width: 100%; height: 100%; vertical-align: baseline; } .comp-breadcrumb { position: relative; font-size: 12px; width: 85%; } .comp-breadcrumb .bSlash { font-size: 10px; color: #b3b3b3; padding: 0 6px; } .comp-breadcrumb .bread-crumb { padding: 0 0 10px; list-style: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; } .comp-breadcrumb .bread-crumb a { color: #212121; background-color: transparent; text-decoration: none; line-height: 18px; } .comp-breadcrumb .bread-crumb a:hover { color: #212121; border-bottom-color: #212121; } .comp-breadcrumb #breadCrumbWrapper2 { line-height: initial; display: inline; } .comp-breadcrumb #breadCrumbWrapper2 > * { display: inline; } .comp-breadcrumb #breadCrumbWrapper2 a { display: inline-block; } .comp-breadcrumb .containerBreadcrumb { display: inline-block; position: relative; font-size: 12px; } .comp-breadcrumb .bread-crumb span.active-bread { color: #787878; } a.bCrumbOmniTrack span { text-transform: none; } .notVisible { visibility: hidden!important; } .breadcrumbs-hidden { margin-top: 20px; } .ie .comp-breadcrumbs .bread-crumb span.active-bread, .ie .comp-breadcrumb-search .breadsearch-row #searchWithinSearch:focus { line-height: 18px!important; } @media screen and (min-width: 1280px) { .catText { display: inline-block!important; float: left; } .secndOffer { display: block; } } @media screen and (max-width: 1279px) { #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationRightBlock.visibleRightBlk { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; z-index: -1; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationRightBlock .secndOffer { display: none!important; } #leftNavMenuRevamp .leftNavWrapperRevamp .colDataBlk a { opacity: 0; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -ms-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } #leftNavMenuRevamp .leftNavWrapperRevamp .colDataBlk a.noHasTagWidth { width: 150px!important; } #leftNavMenuRevamp .leftNavWrapperRevamp .colDataBlk a.visibleRgtBlkLnk { opacity: 1; } } #leftNavMenuRevamp { width: 225px; height: 100%; background: #fff; box-shadow: 0 4px 17px 0 rgba(0,0,0,0.1); border-radius: 3px; margin-right: 0; position: relative; z-index: 1; } #leftNavMenuRevamp.navOpen { display: none; top: 0; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer { -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -ms-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer .labelIcon { height: 24px; width: 24px; background-repeat: no-repeat; margin-left: 0; margin-right: 8px; background-position: center; background-size: cover; vertical-align: middle; display: inline-block; color: #cbcbcb!important; float: left; margin-top: 10px; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav .leftNavSection { border-bottom: 2px solid #3f4e54; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink { position: static; white-space: nowrap; word-wrap: break-word; overflow: hidden; border-left: 3px solid transparent!important; padding-left: 9px; border: 1px solid transparent; margin-left: 5px; width: 220px; border-radius: 1.9px; height: 45px; color: #fff; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink.lastNav.hoverIn { border-left: 3px solid transparent!important; border: 1px solid transparent; background: #fff; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .blue-text { color: #25a8ed; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink.hoverIn { box-shadow: 1px 0 12px -7px rgba(0,0,0,.65); border-left: 3px solid #e40046!important; color: #37474e; border: 1px solid #f2f3f4; border-right: 0!important; border: solid .9px #e5e5e5; width: 220px; height: 45px; border-radius: 1.9px; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink.hoverIn .catText { color: #333; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink a.leftCategoriesProduct { color: #666; border: none; display: block; font-size: 13px; text-decoration: none; cursor: default; z-index: initial!important; position: static!important; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink a.leftCategoriesProduct.isCursor { cursor: pointer; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink a.leftCategoriesProduct .catText { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 170px; float: left; display: inline-block; line-height: 45px; padding-left: 10px; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink a.leftCategoriesProduct .sub-tag { background-color: #60bf79; margin: 0 2px; padding: 2px 5px; text-overflow: ellipsis; line-height: 13px; overflow: hidden; white-space: nowrap; max-width: 100px; letter-spacing: 2px; font-family: font-bold; word-spacing: -2px; font-size: 10px; border-radius: 2px; color: #fff; position: absolute; right: 48px; top: 51px; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock { position: absolute; float: left; left: 225px; min-width: 250px; top: 0; bottom: 0px; display: none; opacity: 0; overflow: hidden; line-height: 20px; -webkit-transition: left .9s ease-in; -moz-transition: left .9s ease-in; -ms-transition: left .9s ease-in; -o-transition: left .9s ease-in; transition: left .9s ease-in; background-color: #fafafa!important; z-index: -1; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock.slideLeft { -webkit-transition: left .9s ease-in; -moz-transition: left .9s ease-in; -ms-transition: left .9s ease-in; -o-transition: left .9s ease-in; transition: left .9s ease-in; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; z-index: -1; background-color: #fafafa; box-shadow: 8px 4px 17px 0 rgba(0,0,0,0.1); } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk { float: left; background: #fafafa; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection { margin-top: 12px; border-left: 1px solid #eaeaea; height: 525px; overflow: hidden; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection.noBorder { border-left: 1px transparent; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p { padding: 4px 17px 4px 16px; overflow: hidden; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a { display: inline-block; cursor: pointer; text-decoration: none; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -ms-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a.noHasTagWidth { white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; float: left; width: 190px; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a.headingTextLink { margin-top: 7px; border-top: 1px solid #f1f1f1; padding-top: 7px; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a.shiftHeadTop { margin-top: 0; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a.noCursor { cursor: default; text-decoration: none; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a .headingText { font-size: 11px; font-family: font-bold; font-family: font-bold; color: #333; text-transform: uppercase; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a .headingText.hover { color: #333; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a .linkTest { font-size: 13px; color: #666; font-weight: 400; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a .linkTest:hover { text-decoration: none; color: #333; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p a .viewText { font-size: 12px; color: #25a8ed; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .colDataBlk .colDataSection .colDataInnerBlk p .red-tag { background-color: #fa7174; border-radius: 50%; font-size: 9px; height: 16px; line-height: 18px; padding: 0 4px; width: 16px; color: #fff; display: inline-block; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer { width: 225px; float: left; height: 557px; background: #fafafa; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer.secndOffer { width: 206px!important; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer .firstOfferForm { padding: 20px 20px 25px; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer .firstOfferForm.secndOfferForm2 { padding-left: 0!important; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer .firstOfferForm .bannerLink { display: block; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer .firstOfferForm .bannerLink .bigOfferBanner { width: 195px; height: 540px; border: 1px solid #eaeaea; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer .firstOfferForm .bannerLink .smallOfferBanner { width: 195px; height: 250px; border: 1px solid #eaeaea; } #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink .leftNavigationRightBlock .commonOffer .firstOfferForm .bannerLink .smallOfferBanner.secndBanner { margin-top: 5px; } .leftnav-notification-fmcg { border-radius: 15px; background: #88d6ff; display: inline-block; width: 21px; height: 21px; line-height: 21px; text-align: center; margin-left: 10px; color: #fff; } .leftNavigationRightBlock .leftnav-notification-fmcg { margin-bottom: 10px; font-size: 13px; } .navBreak { border-bottom: 2px solid #404e55; height: 10px; clear: both; } .navBreakTop { height: 8px; clear: both; } #content_wrapper { position: relative; } .hidden { display: none!important; visibility: hidden!important; } .ie #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink:hover { background: #fff; color: #37474e; } .ie #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink:hover .catText { color: #37474e; font-family: "font-bold"; } .ie #leftNavMenuRevamp .leftNavWrapperRevamp .leftNavigationLeftContainer ul.nav li.navlink:hover .labelIcon { color: #37474e!important; } .ie8 .smallLeftSectioninIE { width: 73px!important; } .ie8 #leftNavMenuRevamp .leftNavWrapperRevamp .smallNavinIE { width: 73px!important; } .ie8 #leftNavMenuRevamp .leftNavWrapperRevamp .smallNavinIE .sub-tag { display: none!important; } .ie8 #leftNavMenuRevamp .leftNavWrapperRevamp .noHasTagWidth.smallAnchorInIE { width: 190px!important; } .leftHead { font-size: 13px; color: #333; margin-left: 35px; text-transform: uppercase; font-weight: 700; } .topCats { padding-top: 18px; } .lnHeight .catText { line-height: 26px!important; } .lnHeight { height: auto!important; } .lnHeight .hoverIn { height: auto!important; } .lnHeight .catText { overflow: visible!important; } .search-Icon { margin-right: 8px; } .subDefaultLink { color: #666; border: none; display: block; overflow: hidden; white-space: nowrap; padding-right: 10px; text-overflow: ellipsis; line-height: 26px; margin-left: 19px; text-transform: capitalize; font-size: 12px; } .subDefaultLink:hover { color: #666; text-decoration: none; } .subDefaultLink:hover i { text-decoration: none; } .ie .catText { max-height: 28px; } .lastNav { border-left: 3px solid transparent; } .lastNav .navBefore { display: none; } .lastNav:hover { border-left: 3px solid transparent!important; } ul.nav.smallNav { list-style-type: none; } .materialDesignRevamp .navlink { width: 185px!important; } .materialDesignRevamp .navlink:hover { width: 185px!important; } .navBefore { position: absolute; right: -6px; height: 40px; width: 6px; background: #fafafa; z-index: 99999999; display: none; } .hoverIn .navBefore { display: none; } .headingTextLink:hover { color: #333!important; } .linkTest:hover { color: #333!important; } .noHasTagWidth:hover { color: #333!important; } .mac-os .navlink { line-height: 1px; } @media screen and (max-width: 1023px) and (min-width: 760px) { #leftNavMenuRevamp { left: 0; } } .cartToastMsg { position: absolute; top: 75%; width: 342px; right: 15%; display: none; } .cartToastMsg:hover { display: block!important; opacity: 1!important; } .cartToastMsg .cTMSArrow { height: 10px; position: relative; overflow: hidden; } .cartToastMsg .cTMSArrow span { position: absolute; display: inline-block; right: 12px; border-top: 0; -webkit-box-shadow: 2px 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 0 2px 2px rgba(0,0,0,0.2); box-shadow: 2px 0 2px 2px rgba(0,0,0,0.2); width: 20px; height: 20px; transform: rotate(45deg); transform-origin: 0 0; background-color: #f8f8f8; } .cartToastMsg .cTMSProductInfo { background-color: #f8f8f8; -webkit-box-shadow: 2px 1px 2px rgba(0,0,0,0.2); box-shadow: 2px 1px 2px rgba(0,0,0,0.2); } .cartToastMsg .cTMSProductInfo .cTMSucces:after { content: ''; display: block; clear: both; } .cartToastMsg .cTMSProductInfo .cTMSucces .error-msg { color: #f74634; } .cartToastMsg .cTMSProductInfo .cTMSucces .cTMSPILeft { float: left; width: 30%; } .cartToastMsg .cTMSProductInfo .cTMSucces .cTMSPILeft img { width: 100%; height: 95px; } .cartToastMsg .cTMSProductInfo .cTMSucces .cTMSPIRight { float: left; height: 100px; width: 63%; margin-left: 7%; } .cartToastMsg .cTMSProductInfo .cTMSucces .cTMSPIRight p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #454545; line-height: 23px; } .cartToastMsg .cTMSProductInfo .cTMSucces .cTMSPIRight button { width: 100%; display: block; outline: none; border: 0; background-color: #ff8831; padding: 10px; color: #FFF; text-align: center; border-radius: 4px; cursor: pointer; margin-top: 13px; } .cartToastMsg .cTMSProductInfo .cTMError { display: none; } .cartToastMsg .cTMSProductInfo .msgFailToast { padding: 20px; font-size: 16px; color: red; } .cartToastMsg .cTMSProductInfo .msgSuccessToast { padding: 20px; font-size: 16px; } .stickyHeaderFilter .cartToastMsg { top: 40px; z-index: 13; } .stickyHeaderFilter .cartToastMsg .cTMSArrow span { right: 22px; } .positionFixed { position: fixed; top: 0; } #pdpNavBarWrp.disappear .cartToastMsg { top: 104%; } .pdpNavBarCartRightPos88 { right: 88px!important; } .pdpNavBarCartRightPos36 { right: 36px!important; } .cart-footer-wrapper { min-height: 129px; padding: 25px 0; font-size: 12px; width: 100%; box-sizing: border-box; position: relative; background-color: #222; color: #fff; } .cart-footer-wrapper .delivery-color { color: #60bf79!important; } .cart-footer-wrapper .cart-footer-content { width: 100%; margin: 0 auto; display: table; max-width: 1160px; min-width: 960px; } .cart-footer-wrapper .cart-trust-wrap { padding: 0!important; display: table-cell; float: none; vertical-align: middle; position: static; } .cart-footer-wrapper .cart-trust-wrap .cart-message { font-size: 13px; line-height: 20px; font-family: "font-regular"; margin-bottom: 15px; color: #ddd; } .cart-footer-wrapper .cart-total-saving { color: #19bc9c; font-size: 14px; } .cart-footer-wrapper .cart-bill-summary { font-size: 13px; display: table-cell; vertical-align: middle; float: none; } .cart-footer-wrapper .cart-bill-summary .cart-bill-wrapper { min-width: 240px; } .cart-footer-wrapper .cart-bill-summary .sub-total-charges { padding: 0 0 5px; line-height: 22px; } .cart-footer-wrapper .cart-bill-summary .cart-button { font-size: 15px; margin: 0; line-height: 46px; height: 46px; box-sizing: border-box; padding: 0 20px; } .cart-footer-wrapper .cart-bill-summary .cart-sub-total label { cursor: text; color: #bbb; } .cart-footer-wrapper .cart-bill-summary .cart-sub-total span { color: #fff; } .cart-footer-wrapper .cart-bill-summary .cart-sub-total .del-and-levies { line-height: 22px; } .cart-footer-wrapper .cart-bill-summary .total-promo { color: #fff!important; } .cart-footer-wrapper .cart-bill-summary .total-promo span { color: #60bf79!important; } .cart-footer-wrapper .cart-grand-total { font-size: 16px; margin: 10px 0; font-family: "font-regular"; } .cart-footer-wrapper .cart-grand-total .grand-total-amount { color: #212121; font-family: "font-regular"; } .cart-footer-wrapper .cart-security-footer { color: #bbb; line-height: 25px; } .cart-footer-wrapper .cart-security-footer strong { color: #212121; } @media screen and (min-width: 1160px) { .cart-container ul { min-width: 1140px; } } .cart-container { color: #212121; font-family: "font-regular"; } .cart-container .disabled { background: #f5f5f5!important; border: 1px solid #e5e5e5!important; color: #999!important; } .cart-container * { font-weight: 400; } .cart-container span, .cart-container h1, .cart-container h2, .cart-container h3, .cart-container h4, .cart-container h5, .cart-container h6 { display: inline; } .cart-container .col-xs-1, .cart-container .col-xs-2, .cart-container .col-xs-3, .cart-container .col-xs-4, .cart-container .col-xs-5, .cart-container .col-xs-8, .cart-container .col-xs-6, .cart-container .col-xs-7 { box-sizing: border-box; } .cart-container a:hover { text-decoration: none; } .cart-container a:focus { text-decoration: none; color: #fff; } .cart-container ul { list-style: none; margin: 0; padding: 0; } .cart-container .unit-price-block { text-align: right; padding: 0; } .cart-container .cart-sprite { background-image: url(/img/metroUI/cart-sprite.png); width: 15px; height: 15px; display: inline-block; vertical-align: middle; } .cart-container .cart-secure { background-position: 0 -1px; } .cart-container .cart-lock { background-position: 15px 0; margin: -4px 2px 0 0; } .cart-container .cart-message-block { background: #fff; color: #666; padding: 7px; margin: 0 18px 10px; background-color: #e3f1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .cart-container .cart-message-block .icon-container { width: 20px; height: 20px; background: #60bf79; border-radius: 50%; margin-right: 15px; margin-top: 5px; margin-left: 7px; } .cart-container .cart-message-block .sd-icon-checkmark { color: #fff; font-size: 17px; margin: 2px; display: inline-block; } .cart-container .cart-message-block .sd-icon-error { font-size: 22px; margin-left: 4px; color: #f0605d; margin-top: 3px; display: inline-block; } .cart-container .cart-message-block .alert-text { font-size: 14px; line-height: 30px; width: 94%; margin-top: 1px; } .cart-container .cart-error { background: #f0605d; } .cart-container .cart-heading { font-size: 22px; padding: 23px 20px 18px 30px; line-height: 32px; } .cart-container .cart-heading h3 { line-height: 34px; font-family: "font-regular"; font-weight: 400; font-size: 18px; color: #5a5a59; } .cart-container .cart-heading h3 span { font-size: 14px; color: #999; font-family: "font-regular"; display: inline!important; } .cart-container .cart-heading .close-popup-icon { float: right; display: inline-block; background: #fff; border-radius: 50%; width: auto; height: auto; text-align: center; color: #212121; cursor: pointer; line-height: 0; padding: 5px; border: none; width: 34px; } .cart-container .cart-head-label-wrapper { background-color: #f7f7f7; } .cart-container .cart-head-label { height: 47px; line-height: 47px; padding: 0 0 5px; font-size: 12px; color: #b2b2b2; margin-right: 18px; box-sizing: border-box; } .cart-container .cart-head-label .unit-price-heading { margin-right: 3px; } .cart-container .cart-head-label .subtotal-heading { margin-right: 6px; } .cart-container .cart-head-label > div:first-child span { margin-left: 10px!important; } .cart-container .cart-head-label .pincode-block { padding-right: 0; } .cart-container .cart-head-label .cart-list-heading { font-size: 14px; color: #999; } .cart-container .cart-head-label .cart-list-heading .pincode-check-disable .cart-pincode { font-size: 14px; color: #e40046; margin-left: 5px; } .cart-container .cart-head-label .cart-list-heading .pincode-check-disable .cart-pin-change { color: #7a8383; margin-left: 3px; } .cart-container .cart-head-label .cart-list-heading .pincode-check-enable #pincode-value { border: 1px solid #d5d5d5; margin: 11px 2px 0 3px; width: 56px; padding: 0 2px; box-sizing: border-box; height: 25px; float: left; line-height: 20px; } .cart-container .cart-head-label .cart-list-heading .pincode-check-enable #pincode-value:focus { border: 1px solid #fb8903!important; outline: #fb8903 auto 0; color: #212121; } .cart-container .cart-head-label .cart-list-heading .pincode-check-enable #pincode-value::-webkit-input-placeholder { font-style: normal; color: #b2b2b2; font-family: "font-regular"; } .cart-container .cart-head-label .cart-list-heading .pincode-check-enable #send-pincode { margin: 11px 0 0; width: 47px; box-sizing: border-box; font-size: 9px; } .cart-container .cart-list-heading:first-child { padding-left: 30px; } .cart-container .cart-items-list { min-height: 275px; max-height: 350px; overflow: auto; overflow-x: hidden; padding-right: 18px; } .cart-container .cart-items-list li.cart-item { padding: 0 6px 0 0; font-size: 12px; color: #b2b2b2; line-height: 16px; margin: 25px 0; font-family: "font-regular"; box-sizing: border-box; min-height: 100px; } .cart-container .cart-items-list li.cart-item:first-child { border-top: none; } .cart-container .text-right { text-align: right; } .cart-container .cart-item .delivery-container { padding-left: 12px; } .cart-container .cart-item .exchange-container { padding: 0!important; } .cart-container .cart-item .delivery-container > p { font-size: 14px; color: #5a5a59; } .cart-container .cart-item .promo-offer { margin-bottom: 5px; } .cart-container .cart-item img { margin-left: 10px; width: 80px; } .cart-container .cart-item .item-description { margin-bottom: 6px; } .cart-container .cart-item .item-description .item-extra-feature span { text-transform: capitalize; } .cart-container .cart-item .item-description .item-extra-feature span:first-child { display: none; } .cart-container .cart-item .item-description .item-extra-feature { font-size: 12px; color: #999; margin-top: 13px; } .cart-container .cart-item .item-name-wrapper { word-wrap: break-word; margin-bottom: 13px; } .cart-container .cart-item .item-name { font-size: 14px; color: #666; font-family: "font-regular"; } .cart-container .cart-item .item-name:hover { text-decoration: underline; } .cart-container .cart-item .item-price { font-size: 14px; color: #666; } .cart-container .cart-item .offer-title, .cart-container .cart-item .offer-applied { color: #60bf79; } .cart-container .cart-item .exchange-discount { margin-left: -18px; } .cart-container .cart-item .freebie-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 171px; display: inline-block; vertical-align: bottom; } .cart-container .cart-item .delivery-availed { color: #666; font-family: "font-regular"; margin-bottom: 3px; } .cart-container .cart-item .delivery-options { margin-bottom: 3px; margin-top: 12px; font-size: 13px; color: #5a5a59; line-height: 18px; } .cart-container .cart-item .delivery-options:nth-child(1) { margin-top: 0!important; } .cart-container .cart-item .seller-soldout { margin-bottom: 10px; font-size: 12px!important; color: #ef753e!important; line-height: 18px; } .cart-container .cart-item .soldout-banner:before { content: 'SOLD OUT'; position: absolute; width: 80px; background: #fff; color: #e40046; text-align: center; top: 38px; margin-left: 9px; display: block; box-sizing: border-box; line-height: 21px; } .cart-container .cart-item .cart-item-quantity .styledSelect:before { left: auto!important; right: 9px!important; } .cart-container .cart-item .cart-item-quantity.soldout-product:before { content: ''; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 91; } .cart-container .cart-item .soldout-product { opacity: .2; filter: alpha(opacity=20); } .cart-container .cart-item .soldout-remove, .cart-container .cart-item .pincode-soldout-change { color: #666; text-decoration: none!important; margin-right: 25px; font-family: "font-regular"; text-transform: uppercase; } .cart-container .cart-item .soldout-remove i, .cart-container .cart-item .pincode-soldout-change i { margin-right: 6px; color: #7a8383; } .cart-container .cart-item .soldout-remove { margin-right: 0; } .cart-container .cart-item .buyback-amount { color: #212121; } .cart-container .cart-item .icon-font-grey-size14 { margin: 1px 3px 0 0; font-size: 14px; } .cart-container .cart-item .cart-expanded { line-height: 22px; } .cart-container .cart-item .cart-expanded.cart-disp-inline { display: inline-block; position: relative; top: -4px; } .cart-container .cart-item .you-pay-divide { border-top: 1px dotted #e2e2e2; margin: 5px 0; } .cart-container .cart-item .cart-no-disp { display: none; } .cart-container .cart-item .cart-hide-details { display: block; color: #25a8ed; margin-top: 6px; cursor: pointer; } .cart-container .cart-item .cart-hide-details span { margin-right: 5px; } .cart-container .cart-item .cart-hide-details i { font-size: 14px; } .cart-container .cart-item .item-total-price { font-size: 14px; } .cart-container .cart-item .item-total-price .item-subtotal-black { font-size: 14px; } .cart-container .cart-item .item-subtotal-black { font-size: 13px; color: #666; } .cart-container .cart-item .price-change { font-size: 11px; line-height: 12px; display: inline-block; margin: 4px 0; background-color: #fdf8d4; padding: 4px 5px; color: #666; } .cart-container .cart-item .price-change .sd-icon-ic-more { color: #1f95d5; } .cart-container .cart-item .promo-align { margin-right: 4px; } .cart-container .cart-item .exchange-align { margin-right: 0; } .cart-container .cart-item .exchange-icon-align { margin-right: -8px!important; cursor: pointer; } .cart-container .cart-item .remove-item { position: relative; top: -2px; font-size: 12px; line-height: 18px; display: inline-block; background: #fff; border-radius: 50%; width: 20px; height: 20px; text-align: center; color: #b2b2b2; cursor: pointer; border: none; } .cart-container .cart-item .cart-tooltip { cursor: pointer; } .cart-container .cart-item .cart-effective-price { margin-top: 10px; } .cart-container .text-center { text-align: center; } .cart-container .empty-cart-wrapper { border-radius: 4px; background: #fff; } .cart-container .empty-cart-wrapper .cart-security-footer .trustpay { padding-left: 22px; } .cart-container .empty-cart-wrapper .cart-security-footer .trustpay .sd-icon-payprotection { top: 2px!important; } .cart-container .empty-cart-wrapper .cart-security-footer .sd-icon-security-checked { top: auto!important; } .cart-container .empty-cart-wrapper .cart-heading { text-align: center; padding-bottom: 50px!important; } .cart-container .empty-cart-wrapper .cart-heading h3 { float: none!important; } .cart-container .empty-cart-wrapper .cart-heading .close-popup-icon { position: absolute; right: 26px; float: none!important; } .cart-container .empty-cart-wrapper .cart-security-footer { text-align: center; } .cart-container .empty-cart-wrapper .cart-categories-container .browse-category-text { padding: 0 0 13px; border-bottom: 1px solid #f5f5f5; margin-bottom: 10px; font-size: 16px; font-family: "font-regular"; text-transform: uppercase; color: #344c55; } .cart-container .empty-cart-wrapper .cart-categories-list-wrapper { margin: 0 20px; } .cart-container .empty-cart-wrapper .cart-categories-list-wrapper ul { font-size: 13px; text-transform: capitalize; color: #4d4d4d; padding: 0; max-height: 250px; line-height: 24px; overflow: auto; margin-bottom: 10px; } .cart-container .empty-cart-wrapper .cart-categories-list-wrapper ul li { margin-bottom: 10px; display: inline-block; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cart-container .empty-cart-wrapper .cart-categories-list-wrapper ul li a { color: #777; } .cart-container .empty-cart-wrapper .cart-categories-list-wrapper ul li:before { position: relative; top: -2px; content: "-"; margin-right: 3px; } .cart-container .empty-cart-wrapper .cart-offers-content-wrapper { background: #fafafa; padding: 20px 20px 25px; } .cart-container .empty-cart-wrapper .cart-offers-container .today-offer-text { font-size: 16px; margin-bottom: 15px; font-family: "font-regular"; } .cart-container .empty-cart-wrapper .cart-offers-container .offer-container { max-height: 71px; overflow: hidden; } .cart-container .empty-cart-wrapper .cart-offers-container .offer-container li { width: 20%; box-sizing: border-box; } .cart-container .empty-cart-wrapper .cart-offers-container .offer-container a { display: inline-block; width: 100%; } .cart-container .empty-cart-wrapper .cart-offers-container .offer-container .top-offer-contents { margin-left: 8px; font-size: 12px; color: #212121; line-height: 16px; width: 73%; padding-top: 6px; } .cart-container .empty-cart-wrapper .cart-offers-container .offer-container .top-offer-contents .offer-text { color: #b2b2b2; font-size: 11px; } .cart-container .empty-cart-wrapper .cart-buy-now-wrapper { padding: 20px 0 17px; } .cart-container .empty-cart-wrapper .cart-security-footer { position: static; padding-left: 20px; color: #b2b2b2; padding-top: 15px; font-size: 12px; line-height: 20px; } .cart-container .empty-cart-wrapper .cart-security-footer strong { color: #212121; } .cart-container .empty-cart-wrapper .cart-shopping-button { width: 274px; height: 46px; line-height: 46px; margin: 0 auto 20px; display: block; float: none; } .cart-container .cart-exception-message-block { padding: 0; background: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #fff1f1; margin: 0 18px 10px; color: #fff; position: relative; } .cart-container .cart-exception-icon-wrapper { padding: 7px; } .cart-container .cart-exception-icon-wrapper .icon-container { width: 30px; height: 30px; background: #e40046; border-radius: 50%; } .cart-container .cart-exception-icon-wrapper .icon-container .sd-icon-error { font-size: 22px; margin-left: 4px; color: #fff; margin-top: 3px; display: inline-block; } .cart-container .cart-exception-message-wrapper { padding: 7px 50px 7px 51px; color: #666; } .cart-container .cart-exception-message-wrapper .alert-text { font-size: 14px; line-height: 30px; } .cart-container .cart-exception-close { font-size: 15px; z-index: 1; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 60px; background: none; border: none; cursor: pointer; padding: 0; float: right; color: #212121; position: absolute; top: 50%; margin-top: -17px; right: 7px; } .cart-container .cart-exception-close:hover { background: rgba(12,12,12,0.07); } #cartModal { overflow: hidden!important; } #cartModal.modal-box { bottom: 0; left: 0; display: none; outline: 0 none; position: fixed; right: 0; top: 0; z-index: 90; overflow-y: scroll; } #cartModal.modal-box.fade-animation { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -ms-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } #cartModal.modal-box.fade-animation.in { opacity: 1; } #cartModal .modal-alert-box-dialog { width: 100%; margin: 0 auto; max-width: 1160px; min-width: 960px; margin: 15px auto; } #cartModal .modal-box-dialog { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; margin: 15px auto 0; } #cartModal .modal-box-dialog .modal-box-content { width: 100%; margin: 0 auto; max-width: 1160px; min-width: 960px; margin: 0 auto; } #cartModal .modal-box-content, #cartModal .modal-alert-box-content { background-clip: padding-box; background-color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.08); box-shadow: 0 0 5px rgba(0,0,0,0.08); outline: 0 none; position: relative; } #cartModal .modal-box-backdrop { width: 100%; } #cartModal .modal-box-backdrop, #cartModal .modal-alert-box-backdrop { background: none repeat scroll 0 0 rgba(0,0,0,0.6); left: 0; position: absolute; right: 0; top: 0; -webkit-transition: bottom .15s linear; -moz-transition: bottom .15s linear; -ms-transition: bottom .15s linear; -o-transition: bottom .15s linear; transition: bottom .15s linear; } #cartModal .modal-box-backdrop.fade-animation, #cartModal .modal-alert-box-backdrop.fade-animation { -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -ms-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } #cartModal .modal-box-backdrop.in, #cartModal .modal-alert-box-backdrop.in { bottom: 0; } #cartModal .avail-charges { color: #9e9e9e; font-size: 12px; } #cartModal .deliveryDetailsTooltip { padding: 1px 4px 0; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1); border: solid .9px #ccc; color: #666; font-size: 11px; border-radius: 50%; text-align: center; cursor: pointer; margin-left: 3px; } .cart-basket-sub-details .delivery-color { color: #60bf79!important; } .ie8 #cartModal .unit-price-heading { margin: 0; } .ie8 #cartModal .modal-box-backdrop, .ie8 #cartModal .modal-alert-box-backdrop { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2EEEEEE,endColorstr=#F2EEEEEE); zoom: 1; } .ie8 #cartModal .cart-overlay { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#73EEEEEE,endColorstr=#73EEEEEE); zoom: 1; } .pincode-error p { margin-bottom: 0!important; } .cart-popover, .pincode-error { margin-left: 0!important; z-index: 92!important; } .cart-popover ul, .cart-popover li, .cart-popover p, .pincode-error ul, .pincode-error li, .pincode-error p { margin: 0; padding: 0; list-style: none; color: #b2b2b2; line-height: 16px; text-align: left; margin-bottom: 5px; } .cart-popover ul, .cart-popover li, .pincode-error ul, .pincode-error li { text-indent: -7px; padding-left: 3px; } .cart-popover .popover-arrow, .pincode-error .popover-arrow { border-bottom-color: #ddd!important; } .cart-popover .popover-inner { max-width: 255px; padding: 12px 15px; } .cart-popover .popover-inner, .pincode-error .popover-inner { -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.1); } .cart-popover.popover, .pincode-error.popover { background: transparent!important; } .pincode-error.popover.bottom { margin-top: 1px; } .pincode-error .popover-inner { max-width: 212px; padding: 7px 15px; } .pincode-error-text { color: red!important; } .loader-wrapper { display: none; position: absolute; height: 100%; width: 100%; background: none repeat scroll 0 0 rgba(238,238,238,0.5); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80EEEEEE,endColorstr=#80EEEEEE); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80EEEEEE,endColorstr=#80EEEEEE); z-index: 93; margin: 0; padding: 0; top: 0; left: 0; } .loader-wrapper .disc-loader-svg { width: 100px; margin: 0 auto; height: 100%; display: table; } .disc-loader-svg { background: url(/img/revamp/loaderRevamp.svg) no-repeat center; background-size: 35%; } .ie .disc-loader-svg { background-image: url(/img/revamp/cyclicLoader.gif); } .cart-dropdown { z-index: 91; } .cart-one-available { width: 70px; height: 38px; margin: 0 auto; position: relative; top: -38px; left: 4px; cursor: default; } .one-available-tooltip .popover-inner { color: #9E9E9E!important; } .popover.bottom.review-cashback-tooltip { width: 200px; margin-left: 0!important; } .cart-cashback-final { margin-bottom: 10px; } .cart-cashback-final .cart-cb-price { color: #212121; } .lfloat { float: left; } .cart-item-details { padding-right: 11px; } .cart-expanded i { color: #e4704b; } .cart-expanded .sd-icon-nfreecharge-c-logo { font-size: 15px; margin-right: 3px; } .del-and-levies { display: table-cell!important; text-align: right; line-height: 16px; } .del-and-levies-amt { display: table-cell!important; white-space: nowrap; } .rfloat { float: right; } .tp-col { display: table-cell; padding-right: 5px; } .tp-row { display: table-row; } .freecharge-color { color: #e4704b; } .review-cashback-tooltip .popover-inner { max-width: 200px!important; } .nowrap { white-space: nowrap; } .limited-width .popover-inner { width: 275px; } .cart-basket-header { padding: 12px 40px 8px; line-height: 32px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; font-size: 14px; } .no-border { border: none!important; } .cart-basket-subtotal { font-size: 13px; line-height: 22px; color: #9e9e9e; padding: 12px 31px 12px 24px; margin-left: 40px; background-color: #f1f8fa; margin-bottom: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .cart-basket-subtotal .cart-basket-sub-details .col-black { color: #212121; } .cart-basket-subtotal .cart-basket-sub-details .cashback-icon { font-size: 15px; margin-right: 3px; } .cart-basket-subtotal .free-del-text { color: #999; } .cart-basket-sub-details.grand-sub-total { font-size: 16px; border-top: 1px solid #eee; margin-top: 5px; padding-top: 5px; } .free-del-text-fmcg { font-size: 12px; color: #60bf79!important; text-align: left!important; } .cart-container .cart-item .styledSelect { padding: 0 6px; font-size: 11px; width: 60px; height: 34px; border-radius: 4.5px; background-color: #fff; padding: 6px 11px; line-height: 22px!important; min-width: 0!important; box-sizing: border-box; overflow: initial; margin: 0 auto; min-height: 24px; border-color: #bbb; left: 3px; display: block; text-align: left; } .cart-container .cart-item .styledSelect:after { top: 0; font-size: 10px; } #cart-summary { max-height: 500px; background: #f8f8f8; border: 2px solid #f8f8f8; cursor: default; } #cart-summary .cs-arrow-top { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f8f8f8; position: absolute; right: 12px; top: -10px; display: none; } #cart-summary .cs-items-list { line-height: normal; padding: 0 20px; } #cart-summary .cs-items-list li { border-top: 1px solid #eee; } #cart-summary .cs-items-list li:first-child { border-top: none!important; } #cart-summary .cs-items-outer { padding: 10px 0; } #cart-summary .cs-items { max-height: 230px; overflow-x: hidden; overflow-y: auto; background: #fff; } #cart-summary .cs-items .cs-header { text-align: left; font-size: 13px; line-height: 40px; } #cart-summary .cs-items .cs-free-shipping { color: #60bf79; font-size: 12px; } #cart-summary .cs-items .cs-item-image { width: 40px; } #cart-summary .cs-items .cs-item-details { font-size: 13px; } #cart-summary .cs-items .cs-item-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #cart-summary .cs-items .cs-dropdown-details { margin-top: 10px; } #cart-summary .cs-items .cs-item-price { line-height: 28px; } #cart-summary .cs-items .soldout-banner { position: relative; } #cart-summary .cs-items .soldout-banner:before { content: 'SOLD OUT'; position: absolute; width: 46px; background: #676767; color: #fff; text-align: center; display: block; box-sizing: border-box; line-height: 20px; font-size: 9px; } #cart-summary .cs-items .soldout-product { opacity: .2; filter: alpha(opacity=20); } #cart-summary .cs-summary { background: #f7f7f7; padding: 20px; } #cart-summary .cs-summary .cs-details { font-size: 13px; line-height: 25px; } #cart-summary .cs-summary .cs-details.youpay { font-size: 15px; margin-top: 10px; } #cart-summary .cs-summary .cs-cashbacks { font-size: 12px; line-height: 16px; color: #a0a0a0; margin: 10px 0; } #cart-summary .cs-summary .cs-cashbacks span { margin-left: 5px; } #cart-summary .cs-summary .cs-free-del-text { color: #60bf79; } #cs-show-cart { width: 295px; height: 36px; line-height: 36px; font-size: 15px; margin-top: 10px; } .mach16-logo-wrapper { float: left; } .mach16-logo { width: 40px; margin: 10px 0 0 10px; } .mach16-msg-wrapper { float: left; line-height: 24px; padding: 0 15px; font-size: 15px; margin-top: 12px; } .mach16-msg-wrapper .coupan-price-val { font-family: font-bold; } .mach16-msg-wrapper span.color-green { color: #60bf79!important; } .mach16-seperator-wrapper { float: left; padding: 8px 15px; } .mach16-qty-wrapper { float: right; line-height: 24px; font-size: 18px; margin-top: 23px; } .mach16 { float: left; margin-top: 20px; } .mach16-tooltip .popover-inner { color: #60bf79!important; } .cart-footer-wrapper .mach16 { margin-bottom: 70px; color: #333; } .all-coupons-earned { width: 190px!important; } .review-cart-items { position: relative; } .review-img { position: relative; z-index: 12; } .soft-img-liner { position: absolute; height: 100%; margin-left: 70px; top: 0; border-left: 1px solid #c5cdd3; margin-top: 30px; } .soft-img-half-liner-child { position: absolute; top: -10px; margin-left: 70px; border-left: 1px solid #c5cdd3; height: 31.5%; } .soft-img-right-liner-child { position: absolute; top: -3px; margin-left: 71px; height: 25%; border-bottom: 1px solid #c5cdd3; width: 10px; } .soft-img-full-liner-child { position: absolute; top: 0; margin-left: 35px; border-left: 1px solid #c5cdd3; height: 100%; } .soft-child { width: 235px!important; margin-left: 21px; } .mrgn-l-45 { margin-left: 45px; } .cart-item { position: relative; } body { position: relative; } #bundleCover { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.3); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: alpha(opacity=30); z-index: 500; width: 100%; height: 100%; display: none; } #cartRemoveBundle { width: 37%; margin: 0 auto; position: fixed; z-index: 1000; display: none; background: #fff; border: 2px solid #ccc; padding: 15px; top: 30%; left: 30%; } #cartRemoveBundle ol li { padding-bottom: 5px; } #cartRemoveBundle .bundle-removal-heading { font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 5px; } #cartRemoveBundle .bundle-removal-sub-heading { margin-top: 20px; margin-bottom: 10px; color: #ccc; } #cartRemoveBundle .bundle-removal-sub-heading-bottom { margin-top: 15px; margin-bottom: 10px; color: #ccc; } #cartRemoveBundle ol { list-style-type: decimal; padding-left: 18px; } #cartRemoveBundle .remove-bundle-confirm, #cartRemoveBundle .cancel-bundle-popup { margin-top: 40px; } #cartRemoveBundle:target, #cartRemoveBundle:target + #cover { display: block; opacity: 2; } .cancel-bundle { top: -35px; position: relative; right: -6px; float: right; display: inline-block; background: #fff; border-radius: 50%; width: auto; height: auto; text-align: center; color: #212121; cursor: pointer; border: 1px solid #e2e2e2; line-height: 0; padding: 5px; border: none; } .cancel-bundle:hover { background: #f4f4f4; } .childInstallation { line-height: 16px; padding-bottom: 8px; } .cart-footer-wrapper .mach16 { margin-bottom: 70px; height: 76px; color: #333; } .cart-footer-wrapper .mach16.curly { background: url(/img/checkout/curley-bg.png) no-repeat 0 0; width: 232px; } .cart-footer-wrapper .mach16.mach-bg-color { background: #f5f5f5; } .all-coupons-earned { width: 190px!important; } .pt-20 { padding-top: 20px; } .childInstallation { color: #212121; padding-top: 3px; } .childInstallation .sd-icon-installationicon { color: #2e9cd8; margin-right: 5px; font-size: 18px; } .childInstallation span { line-height: 18px; vertical-align: bottom; } .suggestiveChildRBtn { float: left; position: absolute; left: 40px; top: 22px; } .suggestiveChildRBtn .sd-icon-checkmark:before { content: normal; } .removeInstallation { top: 4px!important; } .soft-image-dim { margin-left: 0!important; width: 50px!important; height: 50px!important; } .mar-lt { margin-left: 51px; margin-top: -12px; width: 69px; } .broder-top-line-cart { border-top: 1px solid #f5f5f5; margin-top: -15px; margin-bottom: 25px; } li.cart-item:first-child .broder-top-line-cart { border-top: 0; margin-top: 0; margin-bottom: 0; } .shortlist-separator { border-left: 1px solid #e5e5e5; height: 11px; position: relative; top: 1px; width: 1px; margin-left: 14px; float: left; line-height: 16px; padding-right: 14px; } .shortlist-color { position: relative; width: 80%; top: -3px; color: #7a8383; left: 12.5%; padding-left: 16px; padding-top: 5px; padding-bottom: 16px; } .shortlist-color span { color: #666; } .shortlist-cart-item { right: 0; width: 150px; cursor: pointer; float: left; } .shortlist-cart-item i { margin-right: 6px; } .shopping-list-basket-item { right: 0; cursor: pointer; } .shopping-list-basket-item i { margin-right: 6px; } .remove-item-shortlist { cursor: pointer; } .cart-minh { min-height: 65px; } .remove-item-div { float: left; margin-left: 0; cursor: pointer; } .remove-item-div i { margin-right: 3px; } .cart-item .img-field { padding-left: 30px; } .cart-list-heading-subtotal { float: right; padding-right: 11px; } .fc-data { margin-top: 10px; } .cart-security-footer .sd-icon-payprotection { font-size: 16px; position: relative; top: 4px; margin-right: 6px; } .cart-security-footer .sd-icon-security-checked { font-size: 16px; position: relative; top: 3px; margin-right: 6px; } .promo-offer .offer-title { color: #999!important; } .promo-offer .offer-detail { color: #F1AC00!important; position: relative; left: -2px; } .delivery-container .cart-tooltip { color: #25a8ed; } .empty-cart { margin: auto!important; top: 0; height: 460px; } .empty-cart .cart-container { height: 460px!important; } #checkout-continue .btn { text-transform: none!important; } #cartRemoveBundle h1, #cartRemoveBundle h2, #cartRemoveBundle h3, #cartRemoveBundle h4, #cartRemoveBundle h5, #cartRemoveBundle h6 { display: block; } #pincode-value { font-size: 13px; } .cart-collapsed .item-subtotal-black { font-size: 14px!important; } .keep-going-price { color: #F1AC00!important; } .cart-heading .sd-icon-delete-sign:hover { color: #999; } #cartSummary { border-radius: 4px; border: 1px solid transparent; } .ie8 .cart-container .cart-items-list { min-height: 230px!important; max-height: 230px!important; } .pref-del-op { font-size: 13px; color: #5a5a59; } .cartMoreDelOpToolTip { margin-top: 7px; display: inline-block; } .cartMoreDelOpToolTip a { color: #25a8ed; text-decoration: none; cursor: pointer; } .cartMoreDelOptions .options-avail-tick, .cartShippingChargesBreakup .options-avail-tick { padding: 10px 20px 10px 32px; color: #333; font-size: 13px; line-height: 18px; } .cartMoreDelOptions .options-avail-tick > *, .cartShippingChargesBreakup .options-avail-tick > * { margin-top: 10px; } .cartMoreDelOptions .popover-inner, .cartShippingChargesBreakup .popover-inner { max-width: 500px!important; padding: 0; } .cartMoreDelOptions .avail-charges, .cartShippingChargesBreakup .avail-charges { color: #9e9e9e; font-size: 12px; } .cartMoreDelOptions .list-circle, .cartShippingChargesBreakup .list-circle { width: 6px; height: 6px; background-color: #ccc; border-radius: 50%; display: inline-block; position: absolute; left: 18px; margin-top: 4px; } .cartMoreDelOptions .deliveryDetailsTooltip, .cartShippingChargesBreakup .deliveryDetailsTooltip { display: none!important; } .cartMoreDelOptions .handlingChargeMessage, .cartShippingChargesBreakup .handlingChargeMessage { padding: 0 20px 15px; } .cartShippingChargesBreakup .options-avail-tick > * { margin-top: 5px!important; margin-bottom: 5px!important; } .cartShippingChargesBreakup .popover-inner { max-width: 250px!important; padding: 0; } .staticCartDelOpText { padding: 10px 20px; border-top: 1px solid #eee; color: #666; } .avail-free { color: #60bf79; } .social-nudge-container { position: relative; left: 540px; } .social-nudge-container .nudge-info { position: absolute; padding: 4px; background-color: #f39b73; color: #222; border-radius: 4px; } .footer-logo { width: 115px; height: 34px; margin: 0 auto; background-position: 3px 5px; background-repeat: no-repeat; } #sdFooter div { line-height: 20px; } .font-italic { font-style: italic; } .footerCategoriesUl .footerCategoryLi { list-style-type: none; display: block; line-height: 16px; } .footerCategoriesUl .footerCategoryLi .footerCategory { margin-right: 16px; } .footerCategoriesUl .footerCategoryLi .footerCategory a { color: #4A4343; font-size: 11px; text-transform: uppercase; } .footerSubCategoriesUl { display: inline-block; } .footerSubCategory { list-style-type: none; display: inline-block; } .footerSubCategory a:hover { text-decoration: underline; } .footerCategory a:hover { text-decoration: none; } .footerSubCategoriesUl li:last-of-type .slash { display: none; } .underLineOnHover:hover { text-decoration: underline!important; } .disp-block_imp { display: block!important; } #sdFooter { position: relative; clear: both; z-index: 53; width: 100%; background-color: #fff; border-top: 1px solid #e2e2e2; } #sdFooter .upperContent-footer { background-color: #fff; max-width: 1600px; min-width: 1024px; } #sdFooter .upperContent-footer .individualTupple { border-right: 1px solid #e2e2e2; padding: 26px 25px; height: 200px; box-sizing: border-box; text-align: center; } #sdFooter .upperContent-footer .individualTupple:first-child { border-left: 1px solid #e2e2e2; } #sdFooter .upperContent-footer .individualTupple i { -webkit-transition: transform .3s cubic-bezier(0.215,0.61,0.355,1); -moz-transition: transform .3s cubic-bezier(0.215,0.61,0.355,1); -ms-transition: transform .3s cubic-bezier(0.215,0.61,0.355,1); -o-transition: transform .3s cubic-bezier(0.215,0.61,0.355,1); transition: transform .3s cubic-bezier(0.215,0.61,0.355,1); } #sdFooter .upperContent-footer .individualTupple .sdIconContainer, #sdFooter .upperContent-footer .individualTupple .tuppleText { margin-top: 15px; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer a:hover, #sdFooter .upperContent-footer .individualTupple .sdIconContainer a:active, #sdFooter .upperContent-footer .individualTupple .sdIconContainer a:focus, #sdFooter .upperContent-footer .individualTupple .tuppleText a:hover, #sdFooter .upperContent-footer .individualTupple .tuppleText a:active, #sdFooter .upperContent-footer .individualTupple .tuppleText a:focus { text-decoration: none; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer .paymentIcon, #sdFooter .upperContent-footer .individualTupple .tuppleText .paymentIcon { width: 60px; height: 51px; background-position: -366px -63px; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer .trustpayIcon, #sdFooter .upperContent-footer .individualTupple .tuppleText .trustpayIcon { width: 48px; height: 51px; background-position: -420px -63px; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer .customerCareIcon, #sdFooter .upperContent-footer .individualTupple .tuppleText .customerCareIcon { width: 54px; height: 51px; background-position: -467px -63px; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer .shoponGoIcon, #sdFooter .upperContent-footer .individualTupple .tuppleText .shoponGoIcon { width: 38px; height: 51px; background-position: -520px -63px; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer.downloadAppLinks i, #sdFooter .upperContent-footer .individualTupple .tuppleText.downloadAppLinks i { margin-top: 5px; font-size: 30px; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer.downloadAppLinks i.apple-logo:hover, #sdFooter .upperContent-footer .individualTupple .tuppleText.downloadAppLinks i.apple-logo:hover { color: #999; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer.downloadAppLinks i.android-logo:hover, #sdFooter .upperContent-footer .individualTupple .tuppleText.downloadAppLinks i.android-logo:hover { color: #A4C639; } #sdFooter .upperContent-footer .individualTupple .sdIconContainer.downloadAppLinks i.windows-logo:hover, #sdFooter .upperContent-footer .individualTupple .tuppleText.downloadAppLinks i.windows-logo:hover { color: #1BA1E2; } #sdFooter .upperContent-footer .individualTupple .tuppleText .top-heading { font-family: "font-bold"; font-size: 18px; color: #5a5a5a; text-transform: uppercase; } #sdFooter .upperContent-footer .individualTupple .tuppleText.downloadAppLinksCont { text-align: center; } #sdFooter .upperContent-footer .individualTupple .tuppleText.downloadAppLinksCont p { margin-top: 10px; } #sdFooter .upperContent-footer .individualTupple .tuppleText .subText { font-size: 12px; color: #a4a3a3; } #sdFooter .middleContent-footer { background-color: #fff; } #sdFooter .middleContent-footer .middleTop { margin: 0 auto; padding: 50px 0; max-width: 1600px; min-width: 1024px; } #sdFooter .middleContent-footer .middleTop div { box-sizing: border-box; } #sdFooter .middleContent-footer .middleTop div .middle-heading { font-family: "font-bold"; font-size: 14px; color: #344c55; padding-bottom: 15px; text-transform: uppercase; } #sdFooter .middleContent-footer .middleTop div .originalalityfooterIcon { width: 88px; height: 91px; background-position: -277px -47px; margin-top: 20px; display: none; } #sdFooter .middleContent-footer .middleTop div .subscribeInputBox { font-size: 13px; color: #999; border: none; border-radius: 2.9px; background-color: #f7f8fa; height: 37.5px; } #sdFooter .middleContent-footer .middleTop div .subscribeBtn { height: 38px; font-size: 12px; line-height: 13px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #sdFooter .middleContent-footer .middleTop div .registerSubscribeText { font-size: 12px; color: #777; clear: both; } #sdFooter .middleContent-footer .middleTop div .registerSubscribeText span { color: #25a8ed; } #sdFooter .middleContent-footer .middleTop div .registerSubscribeText a { color: #25a8ed; } #sdFooter .middleContent-footer .middleTop div .registerSubscribeText a:hover { color: #25a8ed; } #sdFooter .middleContent-footer .middleTop div .middle-content { font-size: 12px; color: #777!important; list-style-type: none; max-width: 210px; } #sdFooter .middleContent-footer .middleTop div .middle-content a { color: #a5a5a5!important; } #sdFooter .middleContent-footer .middleTop div .middle-content a i { font-size: 30px; margin: 3px; color: #b0b0b0; } #sdFooter .middleContent-footer .middleTop div .middle-content a i.sd-icon-nfacebook2:hover { color: #3b5998; } #sdFooter .middleContent-footer .middleTop div .middle-content a i.sd-icon-google-plus { font-size: 35px; } #sdFooter .middleContent-footer .middleTop div .middle-content a i.sd-icon-google-plus:hover { color: #d34836; } #sdFooter .middleContent-footer .middleTop div .middle-content a i.sd-icon-ntwitter:hover { color: #2cb2e4; } #sdFooter .middleContent-footer .middleTop div .middle-content a i.sd-icon-npinterest27:hover { color: #C92228; } #sdFooter .middleContent-footer .middleTop div .middle-content a i.sd-icon-nyoutube30:hover { color: #e52d27; } #sdFooter .middleContent-footer .middleTop div .middle-content a i.sd-icon-new-instagram13:hover { color: #125688; } #sdFooter .middleContent-footer .middleTop div .middle-content a:hover, #sdFooter .middleContent-footer .middleTop div .middle-content a:focus { text-decoration: none; } #sdFooter .middleContent-footer .middleTop div .middle-content a.underLineOnHover:hover { color: #444!important; } #sdFooter .middleContent-footer .middleTop div .middle-content.payment-methods li { display: table; padding-bottom: 10px; } #sdFooter .middleContent-footer .middleTop div .middle-content.payment-methods li i.sd-icon { font-size: 19px; color: #d7d7d7; display: table-cell; vertical-align: bottom; padding-right: 5px; } #sdFooter .middleContent-footer .middleTop div .middle-content.payment-methods li span { display: table-cell; vertical-align: bottom; } #sdFooter .middleContent-footer .middleBottom a { display: inline-block; } #sdFooter .middleContent-footer .middleBottom a .SDpartnerImage { height: 60px; margin: 20px 42px; } #sdFooter .middleContent-footer .middleBottom a .footerSDpartnerImage { height: 60px; margin: 20px 42px; background-repeat: no-repeat; background-position: 0; } #sdFooter .middleContent-footer .middleBottom a .SDpartnerImg1 { width: 170px; } #sdFooter .middleContent-footer .middleBottom a .SDpartnerImg2 { width: 168px; } #sdFooter .middleContent-footer .middleBottom a .SDpartnerImg3 { width: 161px; } #sdFooter .middleContent-footer .middleBottom a .SDpartnerImg4 { width: 156px; } #sdFooter .middleContent-footer .middleBottom a .footerSDpartnerImg1 { width: 170px; } #sdFooter .middleContent-footer .middleBottom a .footerSDpartnerImg2 { width: 168px; } #sdFooter .middleContent-footer .middleBottom a .footerSDpartnerImg3 { width: 161px; } #sdFooter .middleContent-footer .middleBottom a .footerSDpartnerImg4 { width: 156px; } #sdFooter .lowerContent-footer { background-color: #f7f7f7; padding: 30px 0; width: 100%; min-width: 1024px; margin: 0 auto; } #sdFooter .lowerContent-footer .footer-inner { max-width: 1600px; min-width: 760px; } #sdFooter .lowerContent-footer .brandLabelFooter a { font-size: 12px!important; color: #777!important; } #sdFooter .lowerContent-footer a.brandLabelFooter { font-family: font-bold; } #sdFooter .lowerContent-footer .brandValueFooter a { font-size: 12px; color: #777; } #sdFooter .lowerContent-footer .brandValueFooter .slash { color: #999; font-size: 12px; } #sdFooter .lowerContent-footer .footer-text { font-size: 12px; color: #777; margin-top: 15px; } #sdFooter .lowerContent-footer .footerAboutHeading { font-size: 18px; color: #344c55; margin-top: 30px; text-transform: uppercase; font-weight: 700; } #sdFooter .footerCopyText { font-size: 11.4px; color: #666; padding: 10px 0; border: solid 1px #eee; margin-bottom: 0; padding-top: 14px; height: 47px; } #sdFooter .footerCopyText .footer-inner { max-width: 1600px; min-width: 760px; } @media screen and (max-width: 1279px) { .SDpartnerImage { margin: 20px 35px!important; } } @media screen and (max-width: 1024px) { .tuppleText .subText { font-size: 11px!important; } .individualTupple .sdIconContainer, .individualTupple .tuppleText { margin-top: 12px!important; } .tuppleText .top-heading { font-size: 14px!important; } .registerSubscribeText { font-size: 10px!important; } } .mt12 { margin-top: 12px; } .borderBottom { border-bottom: 1px solid #e2e2e2; } .middleBottom { background-color: #fff; text-align: center; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 25px 0; } .middleBottom .footer-inner { max-width: 1600px; min-width: 760px; } .middleBottom .middleBottomFooter { text-transform: uppercase; font-size: 14px; color: #344c55; text-align: left; } .middleBottom .middleBottomFooterImgs { margin-top: 10px; } .middleBottom .middleBottomFooterImgs .visaIcon { width: 44px; height: 31px; background-position: -48px -6px; } .middleBottom .middleBottomFooterImgs .freechargeImg { width: 43px; height: 41px; background-position: -183px -6px; } .middleBottom .middleBottomFooterImgs .shopoImage { width: 45px; height: 40px; background-position: -227px -6px; } .middleBottom .middleBottomFooterImgs .exclusiveImage { width: 44px; height: 42px; background-position: -269px -7px; } .middleBottom .middleBottomFooterImgs .rupeePowerImage { width: 48px; height: 41px; background-position: -315px -5px; } .middleBottom .middleBottomFooterImgs .amexIcon { width: 43px; height: 32px; background-position: -94px -5px; } .middleBottom .middleBottomFooterImgs .mastercardIcon { width: 42px; height: 34px; background-position: -4px -4px; } .middleBottom .middleBottomFooterImgs .clubIcon { width: 42px; height: 33px; background-position: -138px -4px; } .middleBottom .middleBottomFooterImgs .cashondeliveryIcon { width: 63px; height: 35px; background-position: -189px -117px; } .middleBottom .middleBottomFooterImgs .neftbankIcon { width: 68px; height: 35px; background-position: -120px -117px; } .middleBottom .middleBottomFooterImgs i { border-radius: 5px; } .middleBottom .middleBottomFooterImgs .partnerImgs { width: 40px; height: 40px; border-radius: 5px; display: inline-block; } .middleBottom .footerConnectImgs .facebookfooterIcon { width: 19px; height: 28px; background-position: -5px -35px; } .middleBottom .footerConnectImgs .twitterfooterIcon { width: 29px; height: 28px; background-position: -25px -35px; } .middleBottom .footerConnectImgs .googlefooterIcon { width: 29px; height: 28px; background-position: -56px -35px; } .middleBottom .footerConnectImgs .youtubefooterIcon { width: 29px; height: 28px; background-position: -86px -35px; } .middleBottom .footerConnectImgs .instagramfooterIcon { width: 29px; height: 28px; background-position: -116px -35px; } .middleBottom .footerConnectImgs .pinterestfooterIcon { width: 28px; height: 28px; background-position: -145px -35px; } .middleBottom a:hover { text-decoration: none; } .footerCopyText .heartLine { font-size: 12px; } .footerCopyText .heartLine .heartIcon { color: #fd4b4b; padding-left: 4px; font-size: 16px; margin-right: 9px; margin-left: 3px; -webkit-animation: animateHeart 2.5s infinite; -moz-animation: animateHeart 2.5s infinite; animation: animateHeart 2.5s infinite; } .footerIconsImg { background-image: url(/img/newHomePageIcons@1x.png); display: inline-block; vertical-align: middle; } @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2 1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) { .footerIconsImg { background-image: url(/img/newHomePageIcons@2x.png); background-size: 362px 240px; } } .subscribeInputBox { border: 1px solid transparent; border-top-right-radius: 0; border-bottom-right-radius: 0; } .subscribeInputBox:focus { outline: none; border: 1px solid #ccc!important; } .sucessfulSubscribe, .errorSubscribe { font-size: 12px; color: red; padding-left: 0; line-height: 25px; } @media screen and (min-width: 1024px) and (max-width: 1279px) { .subscribeBtn { font-size: 11px; padding-left: 3px; } } @media screen and (min-width: 1279px) { .middleBottom .middleBottomFooterImgs i { margin-right: 10px; } } @media screen and (min-width: 1070px) { #sdFooter .middleContent-footer .middleBottom a { margin-right: 12px; cursor: pointer; } } @media screen and (max-width: 1024px) { .tuppleText { margin-top: 0; } } @media screen and (max-width: 1024px) { .subscribeBtn { font-size: 10px!important; } } .errorSubscribeEmail { font-size: 12px; color: red; padding-left: 0; clear: both; } .fixed-searchBox #formSearch { position: absolute; left: 0; } .cross-btn { position: absolute; right: 20px; top: 75px; cursor: pointer; text-align: center; font-size: 26px; font-weight: 700; z-index: 89; color: #9e9e9e; } .cross-btn i { font-weight: 700; font-size: 34px; } .cross-btn p { font-size: 12px!important; font-weight: 400!important; margin-top: -4px; } .open.searchAutoSuggstn { display: block; box-shadow: 0 3px 3px 2px rgba(0,0,0,0.1); } .searchAutoSuggstn { position: absolute; display: table!important; bottom: 0; top: 49px; z-index: 50; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 75.6%!important; display: none; } @media screen and (max-width: 1024px) { .searchAutoSuggstn { width: 74.9%!important; } } .autosuggestion-revamp ul.top-products li { list-style-type: none; float: left; width: 140px; border: 1px solid #fff; padding: 5px 5px 10px; min-height: 180px; margin-bottom: 45px; } .autosuggestion-revamp ul.top-products li:hover { border: 1px solid #dcdcdc; } .autosuggestion-revamp ul.top-products li .product-detail { margin-top: 5px; color: #757575; } .autosuggestion-revamp ul.top-products li .product-detail .walletCashBackBlck { font-size: 11px; line-height: 18px; } .autosuggestion-revamp ul.top-products li .product-detail .walletCashBackBlck div .cashBackk, .autosuggestion-revamp ul.top-products li .product-detail .walletCashBackBlck div .effectivePrice { color: #999; } .autosuggestion-revamp ul.top-products li .product-detail .walletCashBackBlck div .cashBackColor, .autosuggestion-revamp ul.top-products li .product-detail .walletCashBackBlck div .effectivePriceColor { color: #515151; } .autosuggestion-revamp ul.top-products li .product-detail .walletCashBackBlck div .freeChargeCircle { display: inline-block; position: relative; margin-left: 2px; top: 1px; color: #E3714D; font-size: 15px; } .autosuggestion-revamp ul.top-products li .product-detail .product-cost { color: #414141; font-weight: 700; line-height: 25px; } .autosuggestion-revamp .product-text { overflow: hidden; word-wrap: break-word; color: #757575; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-height: 15px; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; } #auto-suggestion-v3 { width: 740px; color: #757575; background-color: #e7e7e7; border: 4px solid #dadada; } #auto-suggestion-v3 .main-text { display: block; font-size: 16px; color: #212121; padding: 7px 0 7px 8px; border-bottom: 1px solid #dadada; text-transform: uppercase; } .store-link { color: #004b91; } #auto-suggestion-v3 > ul { width: 215px; height: 430px; list-style: none; position: relative; } #auto-suggestion-v3 .eachSuggestion { font-size: 14px; border-left: 4px solid #dadada; margin-left: -4px; } #auto-suggestion-v3 .eachSuggestion.activeList { border-left: 4px solid #0fa2d9; background-color: #fff; } #auto-suggestion-v3 .eachSuggestion .each-nav { padding: 7px 8px; color: #212121; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #auto-suggestion-v3 .eachSuggestion .search-text { font-weight: 400; color: #757575; text-transform: initial; } #auto-suggestion-v3 .eachSuggestion .content-wrapper { position: absolute; width: 495px; height: 405px; top: 0; left: 215px; background: #fff; padding: 10px 15px 15px; line-height: 16px; } #auto-suggestion-v3 .eachSuggestion.activeList .content-wrapper { z-index: 999; } #auto-suggestion-v3 .eachSuggestion .content-wrapper p { margin-bottom: 22px; } #auto-suggestion-v3 .eachSuggestion .content-wrapper p .suggested-keyword { font-weight: 700; color: #004b91; } #auto-suggestion-v3 .eachSuggestion .content-wrapper h3 { font-weight: 400; color: #212121; } #auto-suggestion-v3 ul.top-products { margin: 10px 0 25px; } #auto-suggestion-v3 ul.top-categories, #auto-suggestion-v3 ul.top-brands { margin: 15px 0 30px; } ul.top-categories, ul.top-brands { max-height: 18px; overflow: hidden; } ul.top-categories li, ul.top-brands li { list-style-type: none; float: left; } ul.top-categories li a, ul.top-brands li a { color: #757575; margin-left: 30px; } ul.top-categories li a:hover, ul.top-brands li a:hover { text-decoration: underline; } ul.top-categories li:first-child a, ul.top-brands li:first-child a { margin-left: 0; } #auto-suggestion-v3 ul.top-products { max-height: 215px; overflow: hidden; } .autoSuggestor_headerRevamphead { border-bottom: 1px solid #dadada; padding: 5px; } .auto-suggestion-v12 { font-size: 14px; border-radius: 0 0 2px 2px; background: #fff; } .auto-suggestion-v12 .suggestionList_menu { clear: left; padding: 0; list-style: none; margin-bottom: 0; } .auto-suggestion-v12 .suggestionList_menu li { clear: both; text-align: left; padding-left: 12px; } .auto-suggestion-v12 .suggestionList_menu li.first:hover { background: none; } .auto-suggestion-v12 .autosuggestion-revamp_left { color: #000; font-size: 16px; } .auto-suggestion-v12 .autosuggestion-revamp_right { color: #004b91; font-size: 16px; text-transform: uppercase; } .auto-suggestion-v12 .suggestionList_menuitem { background: none; cursor: default; } .auto-suggestion-v12 .currenthover { background: #f6f6f6; cursor: pointer; } .auto-suggestion-v12 .suggestionList_menuitem.first { border-bottom: 1px solid #dadada; margin: 0; font-size: 12px!important; } .auto-suggestion-v12 .suggestionList_menuitem.firstItem { border-bottom: none; } .auto-suggestion-v12 .suggestionList_menuitem.first.noborder { border-bottom: none; } .auto-suggestion-v12 .suggestionList_menuitem.first ul { list-style: none; line-height: 22pt; line-height: 21pt; clear: left; padding: 0; margin-bottom: 5px; } .auto-suggestion-v12 .suggestionList_menuitem.first ul li a { padding-left: 36px; font-weight: 400; color: #757575; } .auto-suggestion-v12 .suggestionList_menuitem a { padding: 8px 10px 8px 20px; line-height: 17px; display: block; font-size: 13px; text-decoration: none; text-transform: capitalize; font-weight: 600; color: #000; } span.suggestion-in { color: #757575!important; font-weight: 400!important; } .auto-suggestion-v12 .topProducts_listing_outer { margin-top: -3px; } .auto-suggestion-v12 .moreSugg { float: left; color: #757575; font-size: 12px; line-height: 11px; padding: 6px 9px 2px 18px; text-transform: capitalize; font-weight: 500; } .auto-suggestion-v12 .subdiv span { color: #757575; font-weight: 400; } .auto-suggestion-v12 .highlighted_text { font-weight: 400!important; color: #e40046!important; } .auto-suggestion-v12 .topProducts_head { font-size: 13px; padding: 10px 5px 10px 10px; border-top: 1px solid #ccc; } .auto-suggestion-v12 .topProdhead_right { float: right; font-size: 12px; color: #004b91; padding-right: 5px; cursor: pointer; } .auto-suggestion-v12 ul.top-products { padding: 0 10px 10px; max-height: 230px; overflow: hidden; line-height: 16px; } .auto-suggestion-v12 .topProdhead_left { color: #757575; } .autofill { width: 512px; } .auto-suggestion-v12 .first_menuitem { border-left: 4px solid transparent; } .header-fixed #keyword { width: 377px; } .subDefault { color: #333; border: none; padding: 8px 10px 8px 20px !important; text-transform: capitalize; font-size: 12px; } .subDefault:hover { text-decoration: none; color: #666; } .recentAutoSearchContainer div { border: 0!important; } .bordr-btm { border-bottom: 1px solid #dadada; } .auto-suggestion-v12 .suggestionBox { display: table; width: 100%; } .searchContainer { padding: 20px 0 7px; } .searchContainer .sd-icon-trending { margin-left: 17px; font-size: 22px; width: 2%; color: #9e9e9e; position: relative; top: 4px; } .searchContainer .topsearches { font-size: 11px; width: 40%; font-weight: 600; padding-left: 23px; color: #999!important; text-transform: uppercase; } .elipsisPlaceholderText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (-webkit-min-device-pixel-ratio: 1) { ::i-block-chrome, .auto-suggestion-v12 .suggestionBox, .topSearch-container { margin-top: 65px; display: block; width: 100%; } ::i-block-chrome, .searchAutoSuggstn { width: 100%!important; } } .safari-mac-v7 .auto-suggestion-v12 .suggestionBox { margin-top: 57px; display: block; width: 100%; } .safari-mac .searchAutoSuggstn { width: 100%!important; } .safari-mac .searchformInput { line-height: 0; } .mac-os .dropdownAccount .userLoginEmail { opacity: 1; } .safari-mac input.keyword::-webkit-input-placeholder { padding-top: 10px; } .safari-mac-v7 .topSearch-container { margin-top: 57px; } .topSearch-container .currenthover { background: #f6f6f6; cursor: pointer; } .topSearch-container { font-size: 14px; border-radius: 0 0 2px 2px; background: #fff; } .topSearch-container .topsearch-suggestionBox { display: table; width: 100%; } .topSearch-container ul { clear: left; padding: 0; list-style: none; margin-bottom: 6px; } .topSearch-container ul li { clear: both; text-align: left; background: none; cursor: default; } .topSearch-container ul li div { border-left: 4px solid transparent; } .topSearch-container ul li div a { line-height: 17px; display: block; font-size: 13px; text-decoration: none; text-transform: capitalize; } .search-text { display: initial; } .iconTrend { color: #999; padding-left: 27px; float: left; margin-top: 4px; } .recentCross { position: absolute; top: 10px; color: #757575; } .recentCont { min-height: 32px; } .firstRecntDiv { float: left; min-width: 487px; } .secndRecntDiv { float: right; width: 27px; } .secndRecntDiv .sd-icon-delete-sign { color: #ababab; margin: 9px 6px; transform: none!important; font-size: 12px; } .stickyHead ~ .header-shadow { position: fixed; } .autocompleteEnabled { text-indent: -5000px; } .search-box-wrapper .inputValEntered { left: -8px; } @media screen and (max-width: 760px) { .search-box-wrapper { width: 53%; } } .top-bar-homepage .inputValEntered { left: 8px; } .auto-suggestion-v12 .first_menuitem { border-left: 0 solid; } .overlap { position: absolute; background: #fff; width: 76%; padding: 0 10px 0 32px; color: #333; border-radius: 2px 0 0 2px; height: 37px; line-height: 37px; font-size: 14px; } .inputValEntered { background: #fff; margin: 0!important; width: 81%; border: none; font-size: 17px; color: #bfbfbf; border: solid 1px #e1e0e0!important; border-right: none; height: 43px; line-height: 41px; padding: 0 10px 0 12px; outline: none; text-overflow: ellipsis; margin-left: -16px; position: absolute; text-transform: lowercase; } .inputValEntered .autosuggestedVal { color: #212121; font-weight: 600; } .inputValEntered .search-text { color: #757575; font-weight: 400; } .diffTxt { background-color: #b2d7ff; color: #fff; } .auto-suggestion-v12 .suggestionList_menuitem.noBordBottom { border-bottom: 0!important; } .recentSearc { padding-left: 20px; } .recentLink { color: #333!important; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 487px; } .clearRecentSearches { float: right; font-size: 12px; margin-right: 12px; color: #999; cursor: pointer; } .clearRecentSearches .sd-icon-delete-sign { padding-left: 0; margin-left: 9px; font-size: 12px; } .suggestion-in-text { color: #212121; text-transform: lowercase; font-weight: 500; } .recentSearches .sd-icon-clock { color: #999; padding-left: 23px; } .highlighted_text .search-text { font-weight: 400!important; color: #e40046!important; } .pincodeSalienceModal { bottom: 0; left: 0; display: none; outline: 0 none; position: fixed; right: 0; top: 0; z-index: 110; overflow-y: auto; } .pincodeSalienceModal .pcs-modal-box-backdrop { background: none repeat scroll 0 0 rgba(238,238,238,0.75); left: 0; position: absolute; right: 0; top: 0; bottom: 0; } .pincodeSalienceModal .pcs-modal-box-dialog { width: 570px; background-color: #fff; position: absolute; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08); box-shadow: 0 0 10px rgba(0,0,0,0.08); padding: 20px; } .pincodeSalienceModal .pcs-modal-box-content { width: 60%; margin: 0 auto 10px; position: relative; } .pincodeSalienceModal .btn { height: 30px; line-height: 30px; font-size: 12px; } .pincodeSalienceModal .pcs-modal-box-logo { text-align: center; min-height: 50px; } .pincodeSalienceModal img { transform-origin: bottom; animation: arcMovement 2s ease-out; animation-iteration-count: infinite; } .pincodeSalienceModal #pincode-salience-check { height: 30px; border: 1px solid #dbdbdb; box-sizing: border-box; box-shadow: none; padding: 0 7px 1px; line-height: 30px; font-size: 12px; } .pincodeSalienceModal i { font-size: 18px; color: #B5B5B5; position: absolute; top: 8px; right: 8px; cursor: pointer; } .pincodeSalienceModal p { margin: 10px auto 0; width: 50%; text-align: center; color: #6A7B84; } .pincodeSalienceModal .separator { width: 25px; border: 1px solid #A4AEB4; margin: 5px auto 15px; } .pincodeSalienceModal .pcs-check-msg { font-size: 12px; color: #ef6767; position: absolute; left: 0; bottom: -16px; } .ie8 .pincodeSalienceModal .pcs-modal-box-backdrop { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); background: #f3f3f3; zoom: 1; } @keyframes arcMovement { 0% { transform: rotate(20deg); } 50% { transform: rotate(-20deg); } 100% { transform: rotate(20deg); } } .helpSideBar { width: 50%!important; } #faq_hook_faq_subtitle { font-weight: 400!important; margin-left: 20px; position: absolute; top: 85px; } .faq_search_parent { height: 100%; width: 100%; } .faq_search_panal { height: 100%; padding: 15px; } .faq_search_panal .faq_search_form { border: 1px solid #e1e0e0; border-radius: 2px; width: 100%; font-size: 17px; } .faq_search_panal .faq_search_form:focus { border: none; outline: none!important; } .faq_search_panal .faq_search_title_wrapper { padding: 0 0 10px; font-size: 18px; margin-left: -20px; } .faq_search_panal .faq_hook_faq_container_content { padding: 0 20px 0 0; } .faq_search_panal .scrollbar { float: left; overflow-y: auto; overflow-x: hidden; position: absolute; top: 115px; bottom: 100px; } .faq_search_panal .viewmoreWrapper { padding: 0 50px 0 30px; z-index: 99; } .faq_search_footer { position: absolute; bottom: 0; background-color: #f7f7f7; height: 96px; width: 100%; -webkit-box-shadow: 0 -2px 15px rgba(0,0,0,0.25); -moz-box-shadow: 0 -2px 15px rgba(0,0,0,0.25); box-shadow: 0 -2px 15px rgba(0,0,0,0.25); } .faq_search_footer .help_centre_link { border: 1px solid #1992d4; text-transform: uppercase; color: #1992d4; padding: 8px 50px; font-size: 17px; border-radius: 2px; } .faq_search_footer .help_centre_link:hover { color: #fff; background-color: #1992d4; text-decoration: none; } .faq_search_form .faq_hook_search_text { width: 87%; line-height: 30px; padding: 5px; border: none; background: none; font-size: 17px; } .faq_search_form .faq_hook_search_text:focus { outline: none!important; } .faq_search_form .faq_serachform_button { text-align: right; line-height: 30px; width: 10%; border: none; background: none; font-size: 17px; } .faq_search_form .faq_serachform_button:focus { outline: none!important; } .faq_search_label_row_container { padding: 10px 0!important; } .faq_search_label_row_container .faq_search_list_label_wrapper { padding: 2px 10px 2px 0; } .faq_search_label_row_container .faq_search_list_label_wrapper .faq_label { background-color: #e1e0e0; font-size: 12px; border: 1px solid #e1e0e0; min-width: 100px; max-width: 300px; text-align: center; opacity: .8; filter: alpha(opacity=80); height: 20px; padding: 0 5px; } .faq_search_label_row_container .faq_search_list_label_wrapper .faq_label:hover { opacity: 1; filter: alpha(opacity=100); border: 1px solid #e1e0e0; background-color: #9e9e9e; color: #212121; } .faq_search_label_row_container .faq_search_list_label_wrapper .faq_search_list__label { background-color: #fbfbfb; border: 1px solid #e1e0e0; min-width: 100px; max-width: 300px; text-align: center; opacity: .6; filter: alpha(opacity=60); padding: 0 10px 3px; } .faq_search_label_row_container .faq_search_list_label_wrapper .faq_search_list__label .faq_search_list_label_anchor { opacity: 1; filter: alpha(opacity=100); font-size: 13px; color: #414042; } .faq_search_label_row_container .faq_search_list_label_wrapper .faq_search_list__label:hover { opacity: 1; filter: alpha(opacity=100); border: 1px solid #e1e0e0; color: #212121; } .faq_search_label_row_container .search_label_wrapper { padding: 5px 10px 5px 0; } .faq_search_label_row_container .faq_label { background-color: #fbfbfb; font-size: 13px; border: 1px solid #e1e0e0; min-width: 100px; max-width: 300px; text-align: center; opacity: .8; filter: alpha(opacity=80); height: 20px; padding: 0 5px; } .faq_search_label_row_container .faq_label:hover { opacity: 1; filter: alpha(opacity=100); font-weight: 400; background-color: #e1e0e0; border: 1px solid #e1e0e0; } .no-scroll { overflow-x: hidden; overflow-y: hidden; } .h-center { text-align: center; } .v-center { position: absolute; left: 0; right: 0; top: 38%; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .faq_hook_faq_container_content .faq_search_list { list-style-type: disc; padding: 0 20px; width: 97%; } .faq_hook_faq_container_content .faq_search_list .faq_search_list_Item { width: 100%; padding: 13px; color: #ababab; } .faq_hook_faq_container_content .faq_search_list .faq_search_list_Item .faq_search_list_anchor_wrapper { padding: 0; } .faq_hook_faq_container_content .faq_search_list .faq_search_list_Item .faq_search_list__anchor { color: #414042; font-size: 15px; line-height: 24px; } .faq_hook_faq_container_content .faq_search_list .faq_search_list_Item .faq_search_list__anchor:hover { text-decoration: none; } .faq_hook_faq_container_content .faq_search_list .faq_search_list_Item .faq_search_label_row_container { padding: 2px; } .faq_hook_faq_container_content .faq_search_list .faq_search_list_Item .faq_search_list_anchor_wrapper:hover { text-decoration: underline; } .faq_search_list .faq_list_Item { width: 100%; line-height: 20px; padding: 5px 0; opacity: .9; filter: alpha(opacity=90); } .faq_search_list .faq_list_Item a { color: #414042; font-size: 13px; } .faq_search_panal .noResultUI { width: 100%; color: #212121; text-align: center; position: absolute; top: 60px; font-size: 15px; line-height: 20px; opacity: .6; } a.faq_search_list_label_anchor:hover { text-decoration: none!important; } .helpSideBar { width: 41%!important; } .uberSearchBar #faq_hook_faq_subtitle { font-weight: 400!important; margin-left: 20px; margin-left: 30px; margin-top: 35px; position: inherit; } .uberSearchBar .faq_search_parent { height: 100%; width: 100%; } .uberSearchBar .faq_home_text { color: #9e9e9e; font-size: 20px; padding: 35px; text-align: center; } .uberSearchBar .faq_search_panal { height: 100%; padding: 15px; padding-top: 0; } .uberSearchBar .faq_search_panal .faq_search_form { border: 1px solid #e1e0e0; border-radius: 2px; font-size: 17px; position: relative; width: 85%; margin: auto; padding: 12px; box-sizing: border-box; } .uberSearchBar .faq_search_panal .faq_search_form:focus { border: none; outline: none!important; } .uberSearchBar .faq_search_panal .faq_search_title_wrapper { padding: 0 0 10px; font-size: 18px; margin-left: -20px; } .uberSearchBar .faq_search_panal .faq_hook_faq_container_content { padding: 0 20px 0 0; } .uberSearchBar .faq_search_panal .scrollbar { float: left; overflow-y: auto; overflow-x: hidden; position: absolute; top: 115px; bottom: 100px; } .uberSearchBar .faq_search_panal .viewmoreWrapper { padding: 0 50px 0 30px; z-index: 99; } .uberSearchBar .faq_search_footer { position: absolute; bottom: 0; background-color: #fff; height: 70px; width: 100%; -webkit-box-shadow: 0 -2px 15px rgba(0,0,0,0.25); -moz-box-shadow: 0 -2px 15px rgba(0,0,0,0.25); box-shadow: 0 -2px 15px rgba(0,0,0,0.25); } .uberSearchBar .faq_search_footer .help_centre_link { border: 1px solid #333; text-transform: uppercase; color: #333; padding: 13px 17px; font-size: 17px; border-radius: 2px; } .uberSearchBar .faq_search_footer .help_centre_link:hover { color: #fff; background-color: #333; text-decoration: none; } .uberSearchBar .faq_search_form .faq_hook_search_text { border: none; background: none; font-size: 12px; width: 288px; position: relative; left: 15px; top: -2px; padding: 0; line-height: 17px; line-height: 100%; } .uberSearchBar .faq_search_form .faq_hook_search_text:focus { outline: none!important; } .uberSearchBar .faq_search_form .faq_serachform_button { border: none; background: none; position: relative; width: 0; line-height: 100%; width: 22px; } .uberSearchBar .faq_serachform_button .faq_search_icon { background: transparent url(/img/faqImage/Search.png) no-repeat; display: block; height: 16px; width: 16px; } .uberSearchBar button.faq_search_arrow { position: absolute; top: 0; right: 0; background-color: #333; width: 63px; height: 100%; padding-left: 26px; border: none; } .uberSearchBar .faq_search_arrow .faq_search_arrow_icon { background: transparent url(/img/faqImage/search-arrow.png) no-repeat; display: block; height: 17px; width: 16px; } .uberSearchBar .faq_search_form .faq_serachform_button:focus { outline: none!important; } .uberSearchBar .faq_search_label_row_container { padding: 12px 0!important; } .uberSearchBar .faq_search_label_row_container .faq_search_list_label_wrapper { padding: 2px 10px 2px 0; } .uberSearchBar .faq_search_label_row_container .faq_search_list_label_wrapper .faq_label { background-color: #e1e0e0; font-size: 12px; border: 1px solid #e1e0e0; min-width: 100px; max-width: 300px; text-align: center; opacity: .8; filter: alpha(opacity=80); height: 20px; padding: 0 5px; } .uberSearchBar .faq_search_label_row_container .faq_search_list_label_wrapper .faq_label:hover { opacity: 1; filter: alpha(opacity=100); border: 1px solid #e1e0e0; background-color: #9e9e9e; color: #212121; } .uberSearchBar .faq_search_label_row_container .faq_search_list_label_wrapper .faq_search_list__label { background-color: #fbfbfb; border: 1px solid #e1e0e0; min-width: 100px; max-width: 300px; text-align: center; opacity: .6; filter: alpha(opacity=60); padding: 0 10px 3px; } .uberSearchBar .faq_search_label_row_container .faq_search_list_label_wrapper .faq_search_list__label .faq_search_list_label_anchor { opacity: 1; filter: alpha(opacity=100); font-size: 12px; color: #414042; } .uberSearchBar .faq_search_label_row_container .faq_search_list_label_wrapper .faq_search_list__label:hover { opacity: 1; filter: alpha(opacity=100); border: 1px solid #e1e0e0; color: #212121; background-color: #f6f6f6; } .uberSearchBar .faq_search_label_row_container .search_label_wrapper { padding: 5px 10px 5px 0; } .uberSearchBar .faq_search_label_row_container .faq_label { background-color: #fbfbfb; font-size: 13px; border: 1px solid #e1e0e0; min-width: 100px; max-width: 300px; text-align: center; opacity: .8; filter: alpha(opacity=80); height: 20px; padding: 0 5px; } .uberSearchBar .faq_search_label_row_container .faq_label:hover { opacity: 1; filter: alpha(opacity=100); font-weight: 400; background-color: #e1e0e0; border: 1px solid #e1e0e0; } .uberSearchBar .no-scroll { overflow-x: hidden; overflow-y: hidden; } .uberSearchBar .h-center { text-align: center; } .uberSearchBar .v-center { position: absolute; left: 0; right: 0; top: 50%; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .uberSearchBar .faq_hook_faq_container_content .faq_search_list_new { list-style-type: disc; padding: 0 20px; top: 200px; width: calc(100% - 25px); margin-left: 10px; margin-top: 10px; box-sizing: border-box; } .uberSearchBar .faq_hook_faq_container_content .faq_search_list_new .faq_search_list_Item { width: 100%; padding: 13px; padding-bottom: 30px; padding-top: 0; color: #ababab; } .uberSearchBar .faq_hook_faq_container_content .faq_search_list_new .faq_search_list_Item .faq_search_list_anchor_wrapper { padding: 0; } .uberSearchBar .faq_hook_faq_container_content .faq_search_list_new .faq_search_list_Item .faq_search_list__anchor { color: #212121; font-size: 13.77px; font-weight: 400; } .uberSearchBar .faq_hook_faq_container_content .faq_search_list_new .faq_search_list_Item .faq_search_list__anchor:hover { color: #1F9Fd5; text-decoration: none; } .uberSearchBar .faq_hook_faq_container_content .faq_search_list_new .faq_search_list_Item .faq_search_label_row_container { padding: 2px; } .uberSearchBar .faq_hook_faq_container_content .faq_search_list_new .faq_search_list_Item .faq_search_list_anchor_wrapper:hover { text-decoration: none; } .uberSearchBar .faq_search_list_new .faq_list_Item { width: 100%; line-height: 20px; padding: 5px 0; opacity: .9; filter: alpha(opacity=90); } .uberSearchBar .faq_search_list_new .faq_list_Item a { color: #414042; font-size: 13px; } .uberSearchBar .faq_search_panal .noResultUI { width: 100%; color: #212121; text-align: left; position: absolute; top: 160px; font-size: 15px; line-height: 20px; opacity: .6; margin-left: 10px; } .uberSearchBar a.faq_search_list_label_anchor:hover { text-decoration: none!important; } .irctcLogo { border-left: 1px solid #ccc; margin-left: 10px; padding-left: 5px; width: 95px; height: 30px; display: inline-block; } .irctcLogo img { width: 100%; height: 100%; } .irctcPage .topBar { background: #FFF; } .irctcPage .topBar .menuIconBar { margin: -13px 50px 0 0; height: 59px; } .irctcPage .topBar .cartInner .cartTextSpan, .irctcPage .topBar .cartInner .sd-icon { color: #000; } .irctcPage .topBar .cartInner .cartQuantity { background: #e40046; color: #FFF; } .irctcPage .topBar .myAccountTab .accountInner .accountUserName { color: #000; } .irctcPage .topBar .myAccountTab .accountHeadColor .accountUserName { color: #FFF; } .irctcPage .topBar .myAccountTab .accountInner .accountUserImg .sd-icon-user { backgrond-color: rgba(0,0,0,0.7); } .irctcPage .topBar .myAccountTab .accountHeadColor .accountUserImg .sd-icon-user { backgrond-color: rgba(0,0,0,0.1); } .irctcPage .topBar .menuIconBar .sd-icon-menu { color: #000!important; } .irctcPage .topBar .logoWidth { width: 255px; } @media screen and (min-width: 1024px) { .irctcPage .header_wrapper .search-box-wrapper { width: 50%; } .irctcPage .header_wrapper .searchformButton { width: 20%; } } .sidebar.rightside.open .sidebarin.setPwdModal { background-color: #fff; height: 175px!important; width: 530px!important; border-radius: 3px; -moz-transform: translate3d(0,50%,0); -o-transform: translate3d(0,50%,0); -ms-transform: translate3d(0,50%,0); -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } .sidebar.rightside.open .sidebarin.setPwdModal .sidebarin-content { padding: 15px 35px; border-radius: 3px; height: 95px; box-sizing: border-box; } .sidebar.rightside.open .sidebarin.setPwdModal .sidebarin-heading { border: none; height: 80px; padding: 10px 0 0; font-size: 18px; border-radius: 3px; width: 75%; } .sidebar.rightside.open .sidebarin.setPwdModal .sidebarin-heading h3 { white-space: normal; } .sidebar.rightside.open .sidebarin.setPwdModal .pwdCreateModalTxt { font-size: 13px; margin-bottom: 40px; line-height: 20px; width: 60%; } .sidebar.rightside.open .sidebarin.setPwdModal.noclose .close { display: none; } .sidebar.rightside.open .sidebarin.setPwdModal .close { top: 14px; background: #fff; } .sidebar.rightside.open .sidebarin.setPwdModal .close:hover { background: #bbb; } .sidebar.rightside.open .sidebarin.setPwdModal .sd-icon-ic-more { margin-left: 5px; margin-top: 4px; cursor: pointer; } .sidebar.rightside.open .sidebarin.setPwdModal .pwdInput { width: 60%; background: #fff; border: solid 1px #e5e5e5; font-size: 14px; color: #333; height: 40px; padding: 0 10px; outline: none; text-overflow: ellipsis; border-radius: 3px; font-family: "font-regular"; } .sidebar.rightside.open .sidebarin.setPwdModal .pwdInput ::-webkit-input-placeholder { width: 76px; font-size: 12px; font-weight: 300; font-style: normal; color: #ccc; } .sidebar.rightside.open .sidebarin.setPwdModal .createPwdBtn { position: relative; top: 0; left: 10px; background: #e40046; color: #fff; transition: all .2s ease-out; height: 40px; width: 147px; border: none; cursor: pointer; text-align: center; line-height: 25px; font-size: 14px; border-radius: 3px; } .sidebar.rightside.open .sidebarin.setPwdModal .errMsgDv { color: red; font-size: 11px; padding-top: 6px; padding-left: 5px; } .sidebar.rightside.open .sidebarin.setPwdModal .errMsgDv.green { color: #27B00C; } .sidebar.rightside.open .sidebarin.setPwdModal .errMsgDv.yellow { color: #f69256; }