@charset "utf-8";

/*-------------------------------------------------------------------------------------------*/
/* RESET */
/*-------------------------------------------------------------------------------------------*/

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;	border: 0;	outline: 0;	font-size: 100%;		background: transparent;
}
body { line-height: 1; }
ul
{ list-style:none;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

h1,h2,h3,h4,h5,h6
{ margin:0; padding:0;}

/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/

/* Floating & Alignment */

.ac{text-align: center;}
.ar{text-align: right;}

/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;	border: 0;	clear: both;	display: block;	float: none;	font-size: 0;	list-style: none;	margin: 0;	padding: 0;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}

/*-------------------------------------------------------------------------------------------*/

/* Default styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Lucida Sans Unicode","Lucida Grande", Arial, sans-serif, Helvetica; */
	font-size: 11px;
	color: #989898;
	line-height: 18px;
	background: #e5e6eb;
	margin: 0 !important;
}

/* Clearfix ----------- */
.clearfix {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.clear {
	clear: both;
	line-height: 0;
	height: 0
}

.fl {
	float: left;
}

.fr {
	float: right;
}

input[type=checkbox] {
	padding: 0;
	margin: 2px 0 3px 0;
}

/* ----------- Layout Elements ----------- */
.mainWrapper {
	margin: 0;
	padding: 0;
}

.container990 {
	margin: 0 auto;
	width: 1000px;
	clear: both;
}

.topHeader {
	position: relative;
	width: 1000px;
	height: 70px;
	/*background:  url(../../../../instances/sodexo/banner.jpg) no-repeat left top;*/
}

.topHeader a {
	display: block;
	border: 0px none;
	outline: 0px none;
}

.mainContents {
	float: left;
	width: 1000px;
}

.sideBar {
	float: left;
	width: 229px;
}

.contentWrap {
	float: left; .
float: right;
	padding: 15px 18px; .
						padding: 21px 35px 21px 35px;
	width: 730px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background: #ffffff;
}

.contentWrap-fullpage {
	background: none repeat scroll 0 0 #FFFFFF;
	height: auto !important;
	margin: 32px auto 0px auto;
	min-height: 425px;
	padding: 20px 30px 0;
}

.footerContainer {
	width: 100%;
	clear: both;
	background: #0B2835 url(../bg-footer.png) no-repeat center top;
}

.footerImage {
	width: 100%;
	clear: both;
	height: 34px;
}

.footerWrap {

	padding: 0px;
	margin: 30px auto 0 ;
	width: 1000px;
	color: #525252;
	position: relative;
	background: #fff !important;
}

.nav-footer {
	text-align: center;
	font-size: 11px;
	margin: 0px;
	background: #fff;
	padding: 20px 0px 5px;
}

.nav-footer li {
	background-image: none;
	display: inline;
	font-weight: bold;
	padding: 0;
}

.nav-footer a {
	font-size: 12px;
	color: #77787b !important;
	padding: 0px 10px;
	font-weight: bold;
}

.stop-hunger {
	background: url(../stop-hunger.png) no-repeat center top;
	height: 52px;
	left: 12px;
	top: 45px;
	width: 59px;
}

.company-logo {
	background: url(../sodexo-logo.png) no-repeat center top;
	height: 52px;
	right: 12px;
	top: 45px;
	width: 129px;
}

.stop-hunger,.company-logo {
	display: block;
	position: absolute;
	text-indent: -9999px;
}

.stop-hunger:hover,.sodexo-logo:hover {
	background-position: center bottom;
}

/*-------other Elements ------*/ /*-------Heading ------*/
h1.sodexoLogo {
	width: 1000px;
	height: 70px;
	text-indent: -999999px;
	background: url(../banner.jpg) no-repeat;
	float: left;
}

h2.contentheading {
	font-size: 16px;
	color: #005b9f;
	padding-top: 0px;
}

h2.processingText {
	font-size: 22px;
	color: #333333;
	text-align: center;
	display: block;
	width: 100%;
}

/*-------Top Menu ------*/ /*-------Log out and help bar ------*/
.loginBar {
	float: left;
	width: 1000px;
	text-align: right;
	padding: 7px 0;
}

.loginBar a {
	color: #4397BD;
	text-decoration: none;
	padding: 3px 10px 3px 20px;
	font-size: 13px;
}

.bannerLogin {
	position: absolute;
	right: 4px;
	bottom: 25px;
}

.bannerLogin a:last-child {
	border-right: 1px solid #ccc;
	margin-right: 10px;
}

.bannerLogin a {
	color: #fff;
	font-size: 10px;
	padding: 0px 10px 0px 20px;
	text-decoration: none;
}

.bannerLogin a:hover {
	color: #000000;
}

a.helpLink {
	background: url(../help_icon.png) no-repeat left center;
}

a.singleOperationsLink {
	background: url(../banner-single-operations.png) no-repeat left center;
}

a.logoutLink {
	background: url(../logout_icon.png) no-repeat left center;
}

/* --------FORM ELEMENTS ----------*/
.formColumn-full {
	float: left;
	width: 98%;
	padding: 10px 7px 3px;
}

.formColumn-sidebar { /*float: left;*/
	width: 89%;
	padding: 10px 7px 5px;
	margin: 0px auto;
}

.formColumn-sidebar a {
	margin: 5px 6px 0px 0px !important;
}

.formColumn-half {
	float: left;
	width: 47%;
	padding: 5px 5px;
}

.formColumn-halftabs {
	float: left;
	width: 48%;
	padding: 5px 6px;
}

.formColumn-qtr {
	float: left;
	width: 22%;
	padding: 10px 7px 3px;
}

.formColumn-31 {
	float: left;
	width: 31%;
	padding: 10px 7px 3px;
}

.help-text {
	float: left;
	width: 65%;
	font-size: 9px;
}

.fieldBlock {
	padding: 6px 0px 6px 9px;
	clear: both;
}

.fieldBlock input[type="checkbox"] {
	margin: 0px;
	position: relative;
	top: 2px;
}

.label-1 {
	color: #333333;
	display: block;
}

.label-bold {
	color: #333333;
	display: block;
	font-size: 14px;
}

.label-1-flt {
	color: #333333;
	float: left;
}

.label-title {
	color: #333333;
	float: left;
	font-size: 12px;
	line-height: 15px;
	line-height: 28px;
	padding-right: 3px;
}

.required {
	color: #FF0000 !important;
}

.txtField {
	border: 1px solid #ababab;
	background: #fefefe;
	padding: 3px;
	font-size: 12px;
	color: #666;
	transition: all 0.5s ease;
}

.txtField:focus {
	border: 1px solid #666;
	background: #fff;
	font-size: 12px;
	color: #333;
}

.ui-datepicker-trigger {
	display: none;
}

.hasDatepicker {
	background-image: url(../calender-icon.png);
	background-position: 98% 2px;
	background-repeat: no-repeat;
}

.hasDatepicker:focus {
	border: 1px solid #666;
	background-image: url(../calender-icon.png);
	background-position: 98% 2px;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}

.txtField-disable {
	border: 1px solid #dbe0e2;
	background: #eeeeee;
	padding: 5px 0;
	font-size: 12px;
}

.selectField {
	border: 1px solid #ababab;
	background: #fefefe;
	padding: 3px;
	font-size: 12px;
	color: #666;
	transition: all 0.5s ease;
}

.selectField:focus {
	border: 1px solid #666;
	background: #fff;
	font-size: 12px;
	color: #333;
}

.txtField-error {
	border: 1px solid #FF9A9A !important;
	background: #fff;
	padding: 5px;
	font-size: 12px;
}

.selectField-error {
	border-top: 1px solid #FF9A9A;
	background: #fff;
	padding: 5px;
	font-size: 12px;
}

/*.ui-widget-content {
	background: #FFFFFF !important;
	border: 1px solid #eee !important;
}*/
.qty {
	width: 40px;
}

.lrgFIeld {
	width: 225px;
}

.lrgFIeld-popup {
	width: 80px;
}

.txtfIeld-sidebar {
	width: 96%;
}

.selectField-sidebar {
	width: 100%;
}

.field-120 {
	width: 120px;
}

.select-120 {
	width: 120px;
}

.shipingChrgs {
	width: 198px;
}

.lrgSelect {
	width: 237px
}

.cstmTxtChkbx {
	float: left;
	padding: 5px;
}

.Field-62 {
	width: 62px
}

.select-69 {
	width: 69px
}

.formLink {
	width: 16px;
	height: 16px;
	margin-left: 10px;
}

.formLink_cal {
	width: 20px;
	height: 20px;
	margin-left: 6px;
}

.chkBox {
	float: left;
	margin-right: 7px !important;
}

.txtlink-blue {
	text-decoration: underline;
	color: #00317d;
}

a.txtLink-table {
	color: #666666;
	text-decoration: none;
}

a.txtLink-table:hover {
	color: #666666;
	text-decoration: underline;
}

.formBlock {
	float: left;
	margin: 10px 20px 0 0;
}

.titleSeclection {
	position: absolute;
	right: 5px;
	top: 5px;
}

/*-------Side Bar------*/
.sideBarMenu {
	list-style: none;
	float: left;
	margin: 0px 12px 0px 0px;
	width: 212px;
	background: #ffffff;
	padding-bottom: 20px;
}

.listTitle {
	background: #fff;
	color: #000;
	font-size: 16px;
	padding: 15px 12px 5px 12px;
	border-radius: 5px 5px 0px 0px;
}

.categoryText {
	color: #ffffff;
}

.listTitle a {
	color: #005b9f !important;
}

.sideBarMenuItem {
	display: block;
}

.sideBarMenuItem a {

}

.parent {
	background: #FEFEFE;
	border-bottom: 1px solid #E9EDED;
	padding: 9px 0 9px 10px;
	width: 196px;
	float: left;
	color: #3577b2;
	font-weight: bold;
}

.parent a {
	text-decoration: none;
	color: #000;
	font-size: 13px;
}

.child a {
	text-decoration: none;
	color: #77787b;
	float: left;
	padding-left: 6px;
	width: 168px;
	font-size: 12px;
}

.child.selected a {
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	padding-left: 6px;
	width: 168px;
	font-size: 12px;
}

.child {
	background: none repeat scroll 0 0 #F9FAFA;
	border-bottom: 1px solid #E9EDED;
	padding: 6px 0 5px 10px;
	width: 196px; .
width: 210px;
	float: left;
}

.child.selected {
	background: #77787b;
	color: #ffffff;
}

.listArrow {
	background: url(../listSpanBg.gif) no-repeat right center;
	float: right;
	width: 6px;
	height: 9px;
	margin: 5px 8px 0 0;
}

.listArrow-1 {
	background: url(../arrow-2.gif) no-repeat right center;
	float: left;
	width: 9px;
	height: 9px;
	margin: 4px 0 0 0;
}

/* --------- CSS 3 Snippits ----------*/
.radius-15 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.radius-10 { -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.radius-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.radius-10-0 { -webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

}

.shdw-1-2px {
	-webkit-box-shadow: 1px 1px 3px 2px #e1e3e4;
	-moz-box-shadow: 1px 1px 3px 2px #e1e3e4;
	box-shadow: 1px 1px 3px 2px #e1e3e4;
}

/* --------- Footer Elements ----------*/
.companyInfoTxt {
	color: #6E8799;
	font-style: italic;
	text-align: center;
	font-size: 10px;
	/*padding: 15px 200px;*/
}

.footerLinks {
	text-align: center;
	color: #ffffff;
}

.footerLinks a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.footerLinks a:hover {
	text-decoration: underline;
}

.copyrightTxt {
	font-size: 12px;
	text-align: center;
	padding: 0;
	line-height: 34px;
	color: #77787b;
	background: #fff;
}

/* ---------- Process Steps ---------*/
.stepsGraph {
	float: left;
	width: 718px;
	height: 40px;
	margin: 10px 0 20px 0;
}

.step-1 {
	background-image: url(../stepBg1.png);
	background-repeat: no-repeat;
}

.step-2 {
	background-image: url(../stepBg2.png);
	background-repeat: no-repeat;
}

.gstep-1 {
	background-image: url(../gstep-1Bg.png);
	background-repeat: no-repeat;
}

.gstep-2 {
	background-image: url(../gstep-2Bg.png);
	background-repeat: no-repeat;
}

.step-3 {
	background-image: url(../stepBg3.png);
	background-repeat: no-repeat;
}

.step-4 {
	background-image: url(../stepBg4.png);
	background-repeat: no-repeat;
}

.step-5 {
	background-image: url(../stepBg5.png);
	background-repeat: no-repeat;
}

ul.processFlow {
	list-style: none;
	float: left;
	margin: 10px 0 0 10px;
}

ul.processFlow li {
	float: left;
	display: inline;
	color: #d0dae9;
}

.pSelect {
	padding: 0 20px 0 10px;
}

.cOut {
	padding: 0 33px 0 17px;
}

.pOption {
	padding: 0 29px 0 20px
}

.pVerification {
	padding: 0 20px 0 10px;
}

ul.processFlow li.current,ul.processFlow li.completed {
	color: #FFFFFF !important;
}

ul.processFlow li span {
	display: block;
}

.stepInfo {
	font-size: 13px;
}

.stepName {
	font-size: 16px;
}

/* ---------- Info Bar---------*/
.lftContents {
	float: left;
	width: 100%;
}

.orderInfoBar {
	float: left;
	width: 100%;
	padding: 7px 0 10px 0;
}

p.cardSeletOptn {
	float: left;
	margin: 10px 0;
	padding: 0;
	color: #666;
}

.cardTitle {
	font-size: 17px;
	color: #095193;
}

.genTxt-1 {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}

.genTxt-1-sub {
	font-size: 13px;
	color: #555555;
	line-height: 20px;
	margin-right: 10px;
}

.genTxt-2 {
	font-size: 13px;
	color: #888888;
	line-height: 20px;
	display: block;
	margin-bottom: 5px;
}

.pageIndicator {
	font-size: 15px;
}

/* ----------Card Info box---------*/
.cardInfoBox {
	float: right;
	border: 1px solid #e3d1a5;
	padding: 10px;
	background: url(../cartInfoBg.jpg) repeat-x left bottom;
	width: 280px;
}

.cardInfoBox img {
	float: left;
}

.cartBoard {
	color: #000;
	float: right;
	padding-left: 20px;
	display: block;
}

ul.infoBoxLinks {
	float: right;
	list-style: none;
	margin-top: 8px;
	font-size: 11px;
}

ul.infoBoxLinks li {
	display: inline;
	color: #575757;
	padding: 0 2px;
}

ul.infoBoxLinks li a {
	color: #575757;
	text-decoration: none;
}

ul.infoBoxLinks li a:hover {
	border-bottom: 1px dotted #666666;
}

/* ----------Product Bloack---------*/
.productDisplay {
	float: left;
	position: relative;
	border: 1px solid #dddddd;
	width: 100%;
	height: 355px;
	padding: 0px 9px;
}

ul.productListing {
	float: left;
	padding: 17px;
}

ul.productListing li {
	float: left;
	display: inline;
	padding: 10px 5px;
	width: 135px;
	height: 110px;
	background: #FFFFFF;
	border: 1px solid #ffffff;
	margin: 10px;
}

ul.productListing li:hover {
	background: #e5ebf7;
	border: 1px solid #c4d0e3;
}

.prdtImg {
	display: block;
	text-align: center;
}

.prdtInfo {
	display: block;
	text-align: center;
	color: #666666;
	margin: 5px 0;
}

/* ----------Pagination---------*/
.pagination {
	float: left;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}

a.pLink {
	background: #ccc;
	color: #000000;
	padding: 1px 7px;
	text-decoration: none;
	margin: 0 2px;
}

a.pLink:hover,a.pLink.current {
	background: #002663;
	color: #ffffff;
	padding: 1px 7px;
	text-decoration: none;
}

/* ----------Slider Control---------*/
a.prevBtn {
	position: absolute;
	width: 47px;
	height: 47px;
	background-image: url(../prev-arrow-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999999px;
	left: -24px;
	top: 45%;
}

a.prevBtn:hover {
	background-position: 0 -48px;
}

a.prevBtn.inactive {
	background-position: 0 -96px;
	cursor: default;
}

a.nextBtn {
	position: absolute;
	width: 47px;
	height: 47px;
	background-image: url(../next-arrow-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999999px;
	right: -24px;
	top: 45%;
}

a.nextBtn:hover {
	background-position: 0 -48px;
}

a.nextBtn.inactive {
	background-position: 0 -96px;
	cursor: default;
}

/* ----------Order Process---------*/
.orderprocessTable {
	float: left;
	position: relative;
	width: 100%; .
width: 96%;
border: 0px none;
margin-bottom: 10px;
padding-bottom: 10px;
}

.orderprocessTable .ui-accordion .ui-accordion-content {
	border: 0px none !important;
}

.orderprocessTable-view {
	float: left;
	position: relative;
	width: 100%; .
width: 96%;
}

.ChkOutTable {
	border-collapse: collapse;
	border-bottom: 1px solid #F4E5E5;
}

.ChkOutTable img {
	display: inline;
	float: left;
}

.searchResultTable {
	border-collapse: collapse;
	color: #666666;
	border: 1px solid #ddd;
	width: 100%;
}
.searchResultTable th{
	white-space: nowrap;
}

.searchResultTable th,.searchResultTable td {
	font-weight: normal;
	border-right: 1px solid #E7E7E7;
}

.searchResultTable th:last,.searchResultTable td:last {
	font-weight: normal;
	border-right: 0px none;
}

.ChkOutTable-view {
	border-collapse: collapse;
	float: left;
}

.ChkOutTable tr.odd,.ChkOutTable-view tr.odd,.ChkOutTable-products-view tr.odd,.searchResultTable tr.odd
{
	background: #F5F5F5;
}
.ChkOutTable tr th {
	background: #ededed;
	color: #000000;
	cursor: default;
	padding: 9px 0;
	position: relative;
	text-align: center;
}
.searchResultTable tr {
	cursor: pointer;
}

.searchResultTable tr {
	cursor: pointer;
}

.searchResultTableSimple tr {
	cursor: default;
}

/*.searchResultTable tr:hover {
	background: #EFEFEF;
}*/
.ChkOutTable td,.ChkOutTable-view td,.ChkOutTable-products-view td .orderAmountSummary td
{
	padding: 10px 0;
}

.searchResultTable td {
	padding: 7px 0;
	color: #77787b;
}

.clueTipLink a {
	color: #666666;
}

a.reverse {
	color: #005B88;
}

a.reverse:hover {
	text-decoration: underline;
}

.ChkOutTable th,.ChkOutTable-view th {
	background: #f2f2f2;
	color: #000;
	font-size: 13px;
	padding: 5px 0;
	font-weight: normal;
}

.ChkOutTable .productImgTh {
	float: left;
	margin: 0 10px;
}

.productDetails { /*float: left;*/
	margin-left: 10px;
	color: #666666;
	font-size: 12px;
	width: 100%;
}

.orderAmountSummary {
	background: #eaeaea;
}

.valueLabel {
	color: #1b1b1b;
	font-size: 14px;
}

.valueLabel {
	color: #666666;
	font-size: 14px;
}

ul.billingInfo {
	float: right;
	width: 250px;
	border-left: 1px solid #77787b;
}

ul.billingInfo li {
	display: block;
	border-bottom: 1px solid #77787b;
	text-align: right;
	padding: 5px 0;
	float: left;
	width: 100%;
}

ul.billingInfo li.lastLi {
	border-bottom: none !important;
}

.billingInfo-view {
	float: left;
}

.billingInfo-view tr {
	display: block;
	border-bottom: 1px solid #e9ebed;
	text-align: right;
	padding: 7px 0;
	line-height /*\**/: 32px\9

}

.billingInfo-view .odd {
	background: #f7f7f7;
}

.txtStyle-1 {
	color: #272727
}

.txtStyle-wyt {
	color: #ffffff;
	font-size: 16px;
}

.grTotal {
	background: #005b9f;
	color: #ffffff;
	border-bottom: none !important;
}

.genBlock {
	float: left;
	width: 100%;
	padding: 10px 0px;
	margin-bottom: 10px;
	margin-left: 0px
}

.genBlock a {
	margin: 0px 0px 0px 5px;
}

.bigButton {
	background: none repeat scroll 0 0 #3577b2;
	border: medium none;
	border-radius: 3px;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 6px 0;
	padding: 5px 15px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}

a:hover.bigButton {
	background: #005b9f;
}

input:hover.bigButton {
	background: #005b9f;
}

/*.bigButton span {
	background: url("../bigButton-body.png") no-repeat scroll left center
		transparent;
	color: #FFFFFF;
	float: left;
	height: 58px;
	line-height: 57px;
	padding: 0 0 0 19px;
	text-align: center;
}*/ /*------------- ButtonLrg without any float -------------*/
.buttonLrgSimple {
	background: #3577b2;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 20px;
	text-decoration: none;
	color: #FFFFFF !important;
	line-height: 47px;
	text-align: center;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0px solid #999;
	margin: 6px 2px 2px 0px;
	transition: all 0.5s ease;
}

.buttonLrgSimple:hover {
	background: #005b9f;
}

.buttonLrg {
	background: #3577b2;
	border: medium none;
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 15px;
	text-decoration: none;
	margin: 5px 3px 5px 0px;
	border-radius: 3px;
	color: #fff;
	transition: all 0.5s ease;
}

a:hover.buttonLrg {
	background: #005b9f;
}

input:hover.buttonLrg {
	background: #005b9f;
}

/*.buttonLrg span {
	background: url("../button-body.png") no-repeat scroll left center;
	color: #FFFFFF;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 0 0 20px;
	text-align: center;
}*/
.buttonLrg_btn {
	background: url("../button-close.png") no-repeat right center;
	border: medium none;
	float: left;
	font-size: 14px;
	font-weight: normal;
	padding: 0 17px 0 0;
	text-decoration: none;
	margin: 5px 10px 0 10px;
}

.buttonLrg_btn span {
	background: url("../button-body.png") no-repeat left center;
	color: #FFFFFF;
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 0 0 20px;
	text-align: center;
}

.sectionTitle {
	background: none;
	padding: 10px 0 10px 10px;
	font-size: 14px;
	color: #000;
	margin-bottom: 15px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.quote-italic {
	color: #4c547b;
	font-style: italic;
	font-size: 13px;
}

.quote-italic-1 {
	color: #666666;
	font-style: italic;
	font-size: 13px;
}

.rightContents {
	float: left;
	position: relative;
	width: 98%; .
width: 96%;
padding0: 10px 0;
margin-bottom: 10px;
margin-top: 10px;
}

.contentSegment {
	float: left;
	padding: 15px 15px 5px;
	width: 45%;
}

.subheading2 {
	font-size: 20px;
	color: #000000;
	display: block;
	margin-bottom: 5px;
}

.subheading3 {
	font-size: 18px;
	color: #005b9f;
	display: block;
	margin-bottom: 10px;
}

.subheadingPayMethod {
	font-size: 18px;
	color: #005b9f;
	margin-bottom: 10px;
}

.subheading4 {
	font-size: 16px;
	color: #547f0b;
	display: block;
	margin-bottom: 10px;
}

.contentTxt {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}

.cartdisplayIcon {
	position: absolute;
	margin: 10px;
	right: 10px;
}

.stampdisplayIcon {
	position: absolute;
	margin: 25px 10px;
	right: 10px;
}

.coinsdisplayIcon {
	position: absolute;
	margin: 20px 10px;
	right: 10px;
}

.yellowBlock {
	background: url(../bgString-yellow.jpg) left bottom repeat-x;
	height: 85px;
	border: 1px solid #e3d1a5;
	padding-left: 15px;
}

.grayBlock {
	background: url(../bgString-gray.jpg) left bottom repeat-x;
	height: 155px;
	border: 1px solid #dedede;
	padding-left: 15px;
}

.pinkBlock {
	background: url(../bgString-gray.jpg) left bottom repeat-x;
	border: 1px solid #dedede;
	padding-left: 15px;
}

.whiteBlock {
	/*background: url(../success-img.jpg) left bottom no-repeat;*/
	border: 1px solid #dedede;
	padding-left: 15px;
}

.summaryBadge {
	width: 85px;
	height: 85px;
	position: absolute;
	left: -4px;
	top: -6px;
}

.summaryBlock {
	padding: 10px 15px 5px 16px;
	border: 1px solid #77787b;
	float: left;
	margin: 10px 10px;
	background: #FFFFFF;
}

.summaryBlock-2 {
	padding: 10px 15px 5px 16px;
	float: left;
	margin: 10px 10px;
	background: #ececec;
}

.summaryBlock-3 {
	padding: 0 15px 5px 10px;
	float: left;
	margin: 10px 10px;
}

.contentBlock-2 {
	padding: 10px 15px 5px 16px;
	float: left;
	margin: 30px 0 0 15px;
}

.contentBlock-3 {
	display: block;
	clear: both;
}

.margin-70 {
	margin-left: 70px;
}

.blockHeading {
	font-size: 13px;
	color: #283995;
	display: block;
	text-align: center;
}

.blockHeading2 {
	font-size: 13px;
	color: #888888;
	display: block;
	text-align: center;
	line-height: 20px;
}

.blockHeading3 {
	font-size: 14px;
	color: #000000;
	display: block;
	line-height: 20px;
}

.blockValues {
	font-size: 22px;
	color: #000000;
	display: block;
	line-height: 33px;
	text-align: center;
}

.blockValues-1 {
	font-size: 12px;
	color: #888888;
	display: block;
}

.DataTable_sort_container {
	background: none repeat scroll 0 0 #EDEDED;
	color: #000000;
	cursor: default;
	padding: 9px 0;
	position: relative;
}

.dataTable_header {
	Color: #000;
	padding: 9px 0;
	position: relative;
	cursor: default;
	background: #ececec;
}

.active_sorted_column {
	Color: #ffffff;
	background: url("../tableTitleBg-1-selected.jpg") repeat-x left bottom;
}

.DataTable_sort_container span {
	margin-top: -8px;
	position: absolute;
	right: 0;
	top: 50%;
	float: right;
}

.table-icons {
	background-image: url("../icons_sprite_white.png");
	width: 16px;
	height: 16px;
}

.unsorted {
	background-position: -128px 0;
}

.assendingSrot {
	background-position: 93px -15px;
}

.desendingSrot {
	background-position: 27px -15px;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.tablePaging { /*float: right;*/
	padding: 5px;
	background: #9c9c9c;
	border-radius: 5px 5px 0px 0px;
}

.tablePagingBottom {
	padding: 5px;
	background: #9c9c9c;
	border-radius: 0px 0px 5px 5px;
}

.txtShowing {
	color: #fff;
	font-size: 11px;
	padding: 4px 4px 0 4px;
	text-decoration: none;
	float: left;
	margin-right: 10px;
}

.tablepagingControl { /*	margin-right: 10px;*/
	float: right;
	margin-top: 1px;
}

.tablepagingControl a {
	margin: 0 2px;
}

.DataTable_sort_container a {
	text-decoration: none;
	color: #000;
	white-space: nowrap;
}

.processingText {
	color: #000;
	float: left;
	padding: 8px 0 0 8px;
}

.loadingDiv {
	border: 1px solid #77787b;
	float: left;
	padding: 10px;
}

.loadingDiv img {
	float: left;
}

.spinner {
	width: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	min-height: 30px;
	height: auto;
	width: 160px !important;
	z-index: 2000;
}

/* ------- Field Messages ------- */
.info,.success,.warning,.error,.validation {
	border: 0px none;
	margin: 0px;
	padding: 5px 30px;
	background-repeat: no-repeat;
	background-position: 10px center;
	clear: both;
	margin-bottom: 5px;
	border-radius: 5px;
	font-size: 12px;
}

.info {
	background-color: #def2ff;
	background-image: url("../info.png");
	color: #1473e8;
}

.success {
	color: #359800;
	background-color: #d8f0ca;
	background-image: url(../valid.png);
}

.warning {
	color: #9F6000;
	background-color: #fff3ce;
	background-image: url(../warning.png);
}

.error {
	color: #D8000C !important;
	background-color: #ffe2e2 !important;
	background-image: url(../error.png);
}

.error-popup {
	color: #D8000C;
	background-image: url(../error.png);
	margin: 0;
	padding: 10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 5px center;
	clear: both;
}

/* ------- Popup CSS ------- */
.popupSegment-30 {
	float: left;
	width: 35%;
	padding: 5px;
}

.popupSegment-66 {
	float: left;
	width: 61%;
	padding: 5px;
	border-left: 1px dotted #d3d3d3;
}

.popPrdtInfo {
	display: block;
	/*text-align: center;*/
	color: #000;
	margin: 5px 0 0 0;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
}

.popPrdtDesc {
	display: block;
	/*text-align: center;*/
	color: #000000;
	margin: 5px 0;
	line-height: 16px;
	font-size: 12px;
}

.popURLLink {
	display: block;
	/*text-align: center;*/
	margin: 5px 0;
	text-decoration: none;
	font-size: 12px;
}

.popPrdtImg {
	display: block;
	/*text-align: center;*/
	padding-top: 5px;
}

.rightContent_half {
	border-left: 1px solid #F4E5E5;
	border-right: 1px solid #F4E5E5;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	position: relative;
	width: 381px;
}

.billingViewBlock {
	float: right;
	position: relative;
	width: 302px;
	border: 1px solid #F4E5E5;
	margin-right: 0px;
	margin-top: 10px;
}

.billingInfo-view {
	float: left;
}

.billingInfo-view.odd {
	background: none repeat scroll 0 0 #F7F7F7;
}

.billingInfo-view tr {
	border-bottom: 1px solid #E9EBED;
	display: block;
	padding: 7px 0;
	text-align: right;
}

.blockHeading3 {
	color: #000000;
	display: block;
	font-size: 14px;
	line-height: 20px;
}

.summaryBlock-3 {
	float: left;
	margin: 10px 10px 10px 0;
	padding: 0 15px 5px 0;
}

.watermark {
	color: #989898;
}

.fullwidth {
	width: 97%;
	padding: 10px;
}

.checkboxLabel {
	color: #333333;
}

#idletimeout {
	background: none repeat scroll 0 0 #3577b2;
	border: 3px solid #A80000;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	padding: 30px;
	position: absolute;
	top: 45%;
	left: 35%;
	right: 0;
	z-index: 100000;
	width: 400px;
	display: none;
}

#idletimeout a {
	color: #fff;
	font-weight: bold
}

#idletimeout span {
	font-weight: bold
}

.overlaytimeout {
	opacity: 0.4;
	filter: alpha(opacity =     40);
	position: absolute;
	top: 0;
	left: 0;
	background-color: #005b9f;
	width: 100%;
	z-index: 5000;
	display: none;
}

.smalltext {
	font-size: 10px;
}

.feeTitle {
	color: #000;
}

#accordion {
	margin-bottom: 5px;
}

#accordion h3 {
	background: none;
	font-size: 14px;
	color: #000;
	position: relative;
	padding: 5px 0px;
	font-weight: normal;
	border-bottom: 2px solid #ddd;
}

#accordion div.contents {
	border: 0px;
	padding: 0px;
	height: auto !important;
}

#accordion a.title,#accordion-products a.title {
	color: #fff;
}

#accordion-products a.title {
	padding-top: 7px;
}

.floatRight {
	float: right;
}

.tablepagingControl a {
	margin: 0 0px 0 1px;
	/*	background-image: url(../pagination_control.png);
	background-repeat: no-repeat;*/
	display: inline-block;
	float: left;
	text-indent: -9999px;
	width: 23px;
	height: 20px;
}

.p_firstRec {
	background: url(../first-deactive.png) left top;
}

.p_firstRec:hover {
	background: url(../first-active.png) left top;
}

.p_firstRec.disable {
	background: url(../first-deactive.png) left top;
}

.p_prevRec {
	background: url(../next-deactive.png) left top;
}

.p_prevRec:hover {
	background: url(../next-active.png) left top;
}

.p_prevRec.disable {
	background: url(../next-deactive.png) left top;
}

.p_nextRec {
	background: url(../previous-deactive.png) left top;
}

.p_nextRec:hover {
	background: url(../previous-active.png) left top;
}

.p_nextRec.disable {
	background: url(../previous-deactive.png) left top;
}

.p_lastRec {
	background: url(../last-deactive.png) left top;
}

.p_lastRec:hover {
	background: url(../last-active.png) left top;
}

.p_lastRec {
	background: url(../last-deactive.png) left top;
}

.p_lastRec.disable { /*	background-position: -92px -60px;*/

}

/* new steps */
.txtVerticalSteps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	text-decoration: none;
	padding-left: 2px;
}

.txtVerticalSteps span {
	display: none;
}

.txtVerticalSteps-done {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	text-decoration: none;
}

.txtVerticalStepsNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../pendingStep.png) left center no-repeat;
	text-indent: 8px;
}

.txtVerticalStepsNum span {
	display: none;
}

.verticalStepDone {
	background: url(../succcessStep.png) left center no-repeat;
}

.txtVerticalSteps_view {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

.userInfoBar {
	color: #77787b;
	float: right;
	margin: 0px;
	padding-right: 6px;
	font-size: 11px;
}

.ContentTextStl {
	margin: 15px 0;
	min-height: 450px;
	font-size: 14px;
	color: #000000;
}

.stepContainer {
	border: 1px solid #DDDDDD;
	padding: 10px 5px;
	float: left;
	position: relative;
	/*width: 699px !important;*/
	width: 690px;
	margin-bottom: 5px;
	white-space: nowrap;
}

.searchBtn {
	background: #3577b2;
	border: medium none;
	float: left;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 15px;
	text-decoration: none;
	margin: 5px 8px 5px 0px;
	border-radius: 3px;
	color: #fff;
	transition: all 0.5s ease;
}

.searchBtn:hover {
	background: #005b9f;
}

.loader {
	text-align: center;
	z-index: 100;
	overflow: auto;
	width: 100px;
	height: 50px;
	margin: auto;
}

.collpased {
	background: url("../plus.gif") no-repeat left center;
	margin-left: 8px;
	margin-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}

.collpased a {
	color: #484848;
}

.collpased a:visited {
	color: #484848;
}

.expanded {
	background: url("../minus.gif") no-repeat left center;
	margin-left: 8px;
	margin-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}

.expanded a {
	color: #484848;
}

.expanded a:visited {
	color: #484848;
}

a.small {
	font-size: 9px;
	color: #005b9f;
}

a.small:hover {
	text-decoration: underline;
}

.label {
	color: #444444;
}

.label-1-blue {
	color: #192B9E;
	display: block;
}

.vvcimage {
	margin-top: 16px;
	vertical-align: top;
}

a.ContainerTextLink {
	color: #000;
	text-decoration: none;
}

a.ContainerTextLink:hover {
	text-decoration: underline;
}

.loginInfoBox {
	float: right;
	border: 1px solid #e3d1a5;
	color: #333333;
	padding: 10px;
	background: url(../cartInfoBg.jpg) repeat-x left bottom;
	width: 280px;
}

a.loginLink {
	text-decoration: none;
	color: #19298D;
	font-weight: bold;
}

a.loginLink:hover {
	color: #000000;
}

.messageBlock {
	clear: both;
}

.padding5 td {
	padding: 5px;
}

h3.colapseTitle {
	font-size: 14px;
	color: #000;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	padding: 5px;
}

.viewBtncolapse {
	width: 17px;
	height: 17px;
	background: url(../exp-colps-icon.gif) no-repeat 0 0;
	float: left;
	margin-right: 10px;
}

.viewBtnexpand {
	width: 17px;
	height: 17px;
	background: url(../exp-colps-icon.gif) no-repeat 0 -32px;
	float: left;
	margin-right: 10px;
}

.summaryTable {
	background: #e5ecef;
	padding: 1px;
	color: #77787b;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
}

.summaryTable td {
	padding: 5px 10px;
	width: 50%;
}

.summaryTable td.ColOdd {
	background: #ffffff;
}

.summaryTable td.Coleven {
	background: #F5F5F5;
}

.summaryBox {
	margin-bottom: 15px;
	border: 1px solid #DDDDDD;
}

#accordion-products h3 {
	background: #3577b2;
	border: 0 none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #FFFFFF;
	font-size: 15px;
	height: 36px;
	padding: 0 10px;
	position: relative;
}

.ui-state-default .ui-icon {
	background-image: url("../jquery/images/ui-icons_ffffff_256x240.png")
	!important;
}

.ChkOutTable-products-view th {
	background: #EDEDED;
	color: #000;
	font-size: 12px;
	padding: 5px 0;
	font-weight: normal;
}

a.productsLink {
	text-decoration: none;
	font-size: 16px;
	color: #FFFFFF;
	background: #3577b2;
	width: 185px;
	float: left;
	padding: 10px;
	border-radius: 4px;
}

a:hover.productsLink {
	background: #005b9f;
}

.xlsbutton {
	background: #3577b2 url(../excel-icon.png) no-repeat 5px center;
	border: medium none;
	border-radius: 3px;
	float: right;
	font-size: 12px;
	vertical-align: top;
	font-weight: normal;
	margin: 0px 6px 0 10px;
	padding: 3px 10px 2px 25px;
	text-decoration: none;
	color: #fff;
}

a:hover.xlsbutton {
	background-color: #005b9f;
}

/*.xlsbutton span {
    background: url("../xls-button-body.png") no-repeat left center;
    color: #FFFFFF;
    float: right;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 25px;
    text-align: center;
} */
.batchOrderFieldBlock {
	clear: both;
	margin: 5px 0 5px 0;
}

.popupdiv {
	height: auto;
	min-height: 50px;
	max-height: 700px;
	overflow: auto;
}

.scroller {
	width: 100%;
	max-height: 370px;
	overflow: auto;
	clear: both;
}

.tableSegment-left,.tableSegment-right {
	border: 1px solid #D6D6D6;
	/*border-top:none;*/
	display: inline;
	float: left;
	width: 347px;
}

.tableSegment-left {
	margin: 5px 5px 5px 0;
}

.tableSegment-right {
	margin: 5px 0 5px 5px;
}

.submitBtn_blue {
	background: #3577b2;
	border: medium none;
	float: left;
	font-size: 13px;
	font-weight: normal;
	padding: 3px 15px 4px;
	text-decoration: none;
	border-radius: 3px;
	color: #fff;
	transition: all 0.5s ease;
}

.submitBtn_blue:hover {
	background: #005b9f;
}

.divCtrl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #535353;
	text-decoration: none;
	background: none repeat scroll 0 0 #F0F6F9;
	overflow: auto;
	position: absolute;
	margin:3px 2px
}

.divCtrl2 {
	VISIBILITY: inherit;
	OVERFLOW: auto;
	POSITION: absolute;
	margin: 0px 0px 0 0px;
	height: 18px;
	padding-left: 2px;
	font-size: 12px;
}

/***************************************************************** Tabs Navigation Style ******************************************************/
.topmenu #dmD0 {
	overflow: hidden;
}

.tabText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

.tabTextOver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	/*color: #156b9c;*/
	text-decoration: none;
}

.tab {
	width: 142.8px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	background: url("../menu_bg.jpg") repeat-x left top;
	line-height: 45px;
}

.tabOver {
	width: 142.8px;
	height: 45px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background: url("../menu_tabOver.gif") repeat-x left top;
	line-height: 45px;
	cursor: pointer;
}

.tabSelected {
	width: 142.8px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: url("../menu_tabOver.gif") repeat-x left top;
	cursor: pointer;
	line-height: 45px;
}

.emptyTab {
	background-image: url("../menu_bg.jpg");
	background-position: center bottom;
	height: 45px;
	overflow: hidden;
}

/*.BannerSpacingRound {
	border-radius: 10px;
	overflow: hidden;
	margin: 11px 0 0;
}*/

.lnkHelpLogout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1c4676;
	text-decoration: none;
}

.lnkHelpLogout:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1c4676;
	text-decoration: underline;
}

.lnkSubMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1c4676;
	text-decoration: none;
}

.lnkSubMenu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1c4676;
	text-decoration: underline;
}

.dropDownBg {
	background-color: #fff;
	border: 1px solid #E7F0F3;
	width: 228px !important;
	padding: 2px !important;
	height: auto !important;
}

.menuTable {
	display: block;
	cursor: pointer;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px solid #E7F0F3;
}

.menuTable:hover {
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	background-color: #3577b2;
}

.menuItem {
	padding-left: 5px;
	padding-top: 5px;
}

.lnkDropDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3577b2;
	text-decoration: none;
}

.menuTable:hover .lnkDropDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.txtDropDownDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	padding-left: 4px;
}

.menuTable:hover .txtDropDownDescription {
	color: #f2f2f2;
}

.txtDropDownDescription .menuItem {
	padding-top: 2px;
	padding-bottom: 5px
}

.dropDownSeprator { /*	background-color: #b4b4b4;*/
	width: 228px;
	text-align: center;
	height: 1px;
	background-image: url(../dropdown_seprator.gif);
	background-repeat: repeat-x;
}

.dropDown {
	width: 228px;
	text-align: center;
	height: 0px;
	background-repeat: repeat-x;
}

.lnkDropDownDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.lnkDropDownDescription:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

/***************************************************************** Left Side Widgets ***************************************************************/
a.ContainerTextLink {
	color: #4397BD;
	text-decoration: none;
}

a.ContainerTextLink:hover {
	text-decoration: underline;
}

a.textLinl {
	color: #000;
	font-size: 17px;
	text-decoration: none;
}

a.textLinl:hover {
	text-decoration: underline;
}

.mid-Heading,.mid-Heading a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: 283897;
	text-decoration: none;
}

.mid-Heading a {
	color: #333333;
	text-decoration: underline;
}

.mid-Heading a:hover {
	color: #999999;
	text-decoration: none;
}

.mid-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: 707e93;
	text-decoration: none;
}

.rootMenuSeperator {
	background-image: url("../menu_seprator.gif");
	height: 45px;
	width: 2px;
}

.processingBox {
	margin-top: 100px;
	height: 135px;
	padding: 15px;
	background: #ddd;
}

.processimg {
	margin-right: 20px;
	float: left;
	width: 130px;
	height: 130px;
	padding: 2px;
	background: #ddd;
	border: 1px solid #ddd;
}

.precessingText {
	padding: 16px 0;
	float: left;
	width: 400px;
}

.precessingText p {
	font-size: 13px;
	color: #333333;
	padding: 10px 0;
	margin-top: 30px;
}

.precessingText p a {
	color: #333333;
	text-decoration: none;
}

.precessingText p a:hover {
	text-decoration: underline;
}

.pageTitle {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
}

.txtStyle05 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.txtStyle08 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.fieldRow {
	display: block;
	width: 100%;
	clear: both;
}

.loginHeadings {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
}

ul#twitter_update_list {
	color: #333333;
}

.printBtn {
	background: url("button-close.png") no-repeat scroll right center;
	border: medium none;
	float: left;
	font-size: 14px;
	font-weight: normal;
	padding: 0 16px 0 0;
	text-decoration: none;
	margin: 5px 10px 0 0px;
}

.printBtn span {
	background: url("button-print.png") no-repeat scroll left center;
	color: #FFFFFF;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 37px;
	text-align: center;
}

.emailBtn {
	background: url("button-close.png") no-repeat scroll right center;
	border: medium none;
	float: left;
	font-size: 14px;
	font-weight: normal;
	padding: 0 16px 0 0;
	text-decoration: none;
	margin: 5px 10px 0 0px;
}

.emailBtn span {
	background: url("button-email.png") no-repeat scroll left center;
	color: #FFFFFF;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 37px;
	text-align: center;
}

.selectField1 {
	background: none repeat scroll 0 0 #E6E6E6;
	border-color: #38393A #DBE0E2 #DBE0E2 #38393A;
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	padding: 2px 0;
}

.exportCombo {
	padding: 0px 3px 5px;
	float: left;
}

.select-130 {
	width: 130px;
}

.exportlinkPadding {
	padding-bottom: 10px;
	padding-top: 6px;
}

.actions {
	padding-top: 5px;
	padding-left: 10px;
}

.actions a {
	background-size: 35px;
	width: 37px;
	height: 23px;
}

.actions a.blockcard-active {
	background-image: url(../block-card.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.actions a.blockcard-deactive {
	background-image: url(../block-card-inactive.png);
}

.actions a.activatecard-active {
	background-image: url(../activate-card.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.actions a.activatecard-deactive {
	background-image: url(../activate-card-inactive.png);
}

.actions a.deactivatecard-active {
	background-image: url(../deactivate-card.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.actions a.deactivatecard-deactive {
	background-image: url(../deactivate-card-inactive.png);
}

.actions a.reissuecard-active {
	background-image: url(../reissue-card.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.actions a.reissuecard-deactive {
	background-image: url(../reissue-card-inactive.png);
}

.actions a.cashout-active {
	background-image: url(../cashout-card-active.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.actions a.cashout-deactive {
	background-image: url(../cashout-card-inactive.png);
}

ul.dashboard-widget {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	float: left;
}

ul.dashboard-widget li {
	float: left;
	display: inline-block;
	margin: 18px;
}

ul.dashboard-widget li a {
	width: 256px;
	height: 152px;
	float: left;
	text-align: center;
	padding: 20px 0;
	color: #3577b2;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	transition: all 1s ease;
	background: #fff;
	border: 1px solid #3577b2;
}

ul.dashboard-widget li a:hover {
	background: #3577b2;
	color: #fff;
	border: 1px solid #3577b2;
}

ul.dashboard-widget li a span {
	display: block;
	margin-top: 20px;
}

ul.dashboard-widget li a div {
	width: 114px;
	height: 108px;
	margin: 0px auto;
	transition: background-image 1s ease;
}


ul.dashboard-widget li a.icon-qr-payment div{
	background-image: url("../qr-payment.svg");
	background-repeat: no-repeat;
	background-position: center;
}
ul.dashboard-widget li a:focus.icon-qr-payment div,
ul.dashboard-widget li a:hover.icon-qr-payment div{
	background-image: url("../qr-payment-hover.svg");
}

ul.dashboard-widget li a.manage-cards div {
	background: url(../icon-manage-cards.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.manage-cards div {
	background: url(../icon-manage-cards-hover.png);
}

ul.dashboard-widget li a.order-personalized-card div {
	background: url(../icon-personalized-card.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.order-personalized-card div {
	background: url(../icon-personalized-card-hover.png);
}

ul.dashboard-widget li a.icon-instant-card div {
	background: url(../icon-instant-card.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-instant-card div {
	background: url(../icon-instant-card-hover.png);
}
ul.dashboard-widget li a.icon-batch-inquiry div {
	background: url(../batch-inquiry.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-batch-inquiry div {
	background: url(../batch-inquiry-hover.png);
}
ul.dashboard-widget li a.icon-bulk-card-status div {
	background: url(../bulk-card-status.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-bulk-card-status div {
	background: url(../bulk-card-status-hover.png);
}
ul.dashboard-widget li a.icon-manage-funds div {
	background: url(../icon-manage-funds.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-manage-funds div {
	background: url(../icon-manage-funds-hover.png);
}

ul.dashboard-widget li a.icon-order-history div {
	background: url(../icon-order-history.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-order-history div {
	background: url(../icon-order-history-hover.png);
}

ul.dashboard-widget li a.icon-my-profile div {
	background: url(../icon-my-profile.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-my-profile div {
	background: url(../icon-my-profile-hover.png);
}

/*---- New tiles in seller home added by fishaq01*/
ul.dashboard-widget li a.icon-logout-large div {
	background: url(../icon-logout-large.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-logout-large div {
	background: url(../icon-logout-large-hover.png);
}

ul.dashboard-widget li a.icon-card-enrollment div {
	background: url(../icon-card-enrollment.png) no-repeat center center;
}

ul.dashboard-widget li a:hover.icon-card-enrollment div {
	background: url(../icon-card-enrollment-hover.png);
}

ul.dashboard-widget li a.icon-single-operations div{
	background: url("../icon-single-operations.png") no-repeat scroll center center;
}

ul.dashboard-widget li a.icon-single-operations:hover div{
	background: url("../icon-single-operations-hover.png");
}

ul.dashboard-widget li a.icon-reports div{
	background: url("../transaction_detail_report_icon.png") no-repeat scroll center center;
}

ul.dashboard-widget li a.icon-reports:hover div{
	background: url("../transaction_detail_report_icon_white.png");
}

/*---- New tiles in seller home added by fishaq01*/

.sideBarCustomParent {
	background: none;
	color: #000;
	padding: 8px 0px;
	border-bottom: 1px solid #D2D2D2;
	width: 88%;
	margin: 0px auto;
}

.action-icons a img {
	height: 12px;
	margin-right: 3px;
}

/*-----Multi*/
.multiselect {
	width: 480px;
	height: 220px;
	margin: 0px auto;
}

.multiselect option {
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid #f2f2f2;
}

#switcher {
	margin-top: 20px;
}

form {
	margin: 0;
	padding: 0;
}

.multiselect-header {
	background: #bfbfbf;
}

.multiselect.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_228ef1_256x240.png);
}

.ui-multiselect {
	border: solid 1px #dddddd;
	font-size: 20px !important;
}

.ui-multiselect ul {
	-moz-user-select: none;
}

.ui-multiselect li {
	margin: 0;
	padding: 0;
	cursor: default;
	line-height: 20px;
	height: auto;
	font-size: 13px;
	font-weight: normal;
	list-style: none;
	background: #f8f8f8;
}

.ui-multiselect li a {
	color: #666;
	text-decoration: none;
	padding: 0;
	display: block;
	float: left;
	cursor: pointer;
}

.ui-multiselect li.ui-draggable-dragging {
	padding-left: 10px;
}

.ui-multiselect div.selected {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
	width: 200px;
}

.ui-multiselect ul.selected {
	position: relative;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	background: #fff;
	margin: 0;
	list-style: none;
	border: 0;
	position: relative;
	width: 100%;
}

.ui-multiselect ul.selected li {

}

.ui-multiselect div.available {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
	border-right: 1px solid #dddddd;
}

.ui-multiselect ul.available {
	position: relative;
	padding: 0;
	overflow: auto;
	overflow-x: hidden;
	background: #fff;
	margin: 0;
	list-style: none;
	border: 0;
	width: 100%;
}

.ui-multiselect ul.available li {
	padding-left: 10px;
}

.ui-multiselect .txt-drk-gray {
	margin: 3px 5px !important;
	background: #ddd !important;
	font-size: 12px !important;
	text-transform: capitalize !important;
}

.ui-multiselect .ui-state-default {
	border: none;
	margin-bottom: 1px;
	position: relative;
	padding-left: 20px;
}

.ui-multiselect .ui-state-hover {
	border: none;
}

.ui-multiselect .ui-widget-header {
	border: none;
	font-size: 13px;
	margin-bottom: 1px;
	background: #989898;
}

.ui-multiselect .add-all {
	float: right;
	padding: 7px;
}

.ui-multiselect .remove-all {
	float: right;
	padding: 7px;
}

.ui-multiselect .search {
	float: left;
	padding: 4px;
}

.ui-multiselect .count {
	float: left;
	padding: 7px;
	font-size: 13px;
}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
	position: absolute;
	left: 2px;
}

.ui-multiselect li a.action {
	position: absolute;
	right: 2px;
	top: 2px;
}

.ui-multiselect li span.ui-state-hover .ui-icon,.ui-multiselect li span.ui-state-focus .ui-icon
{
	background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-multiselect input.search {
	height: 14px;
	padding: 1px;
	opacity: 0.5;
	margin: 4px;
	width: 100px;
}

.fieldBlock-multi {
	padding: 4px 1px;
	clear: both;
}

.formColumn-thrice {
	float: left;
	width: 32%;
	padding: 4px 4px;
}

.lrgFIeld-multi {
	width: 190px;
}

.lrgSelect-multi {
	width: 190px
}

.buttonTinySimple {
	background: url(../buttonBg.jpg) repeat-x;
	font-size: 14px;
	font-weight: normal;
	padding: 1px 15px;
	text-decoration: none;
	color: #FFFFFF !important;
	line-height: 15px;
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #999;
	margin: 6px 2px 2px 0px;
}

#tabs .ui-widget-content {
	border: 0px none !important;
}

.cardSeletOptn {
	margin: 10px 0px 15px;
	color: #77787b;
}

.cardSeletOptn a {
	display: none;
	margin-top: 7px;
	color: #3577b2;
	background: url(../redArrow.png) no-repeat left 5px;
	padding-left: 10px;
	width: 20% !important;
}

.cardSeletOptn a:hover {
	color: #000;
	background: url(../newsArrow.png) no-repeat left 5px;
}

.btnBlock a {
	margin-bottom: 0px;
}

.actions a.edit-profile-active {
	width: 45px;
	background-image: url(../edit-profile.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
	height: 29px;
}

.field-170 {
	width: 170px;
}

.select-170 {
	width: 170px;
}

/*--------------------New Classes for eCarte----------------------------*/
.pagination-section {
	background: #77787b;
	border: 3px 3px 0px 0px;
}

.grayBG {
	margin-bottom: 10px;
}

/*.contents .formColumn-half{
	float: none;
    padding: 3px;
    width: 50%;
}*/
.fundsBatchDetails {
	background: url(../loadAmountSummary.png) no-repeat left center
	!important;
	padding: 14px !important;
	padding-left: 45px !important;
}

.batchDetails {
	background: url(../batchDetails.png) no-repeat left center !important;
	padding: 14px !important;
	padding-left: 45px !important;
	height: 29px;
}

.batchDetails a {
	color: #3577b2 !important;
	padding-top: 7px !important;
}

.stepContainer .txtVerticalStepsNum {
	background: none;
	color: #555555;
}

/********************New ones****************/
.stepsSection {
	margin: 0px;
	padding: 12px;
	padding-top: 0px;
}

.stepsSection .stepDone {
	background: url(../succcessStep.png) no-repeat left center;
	padding: 9px;
	padding-left: 25px;
	border-bottom: 1px solid #d2d2d2;
}

.stepsSection .stepProcess {
	background: url(../pendingStep.png) no-repeat left center;
	padding: 9px;
	padding-left: 25px;
	border-bottom: 1px solid #d2d2d2;
}

.stepsSection .stepNormal {
	background: url(../normalStep.png) no-repeat left center;
	padding: 9px;
	padding-left: 25px;
	border-bottom: 0px;
	color: #777;
	border-bottom: 1px solid #d2d2d2;
}

.stepsSection li:last-child {
	border-bottom: 0px none;
}

.managefundsTTLA {
	width: 100%;
	text-align: right;
	padding-left: 105px;
}

.managefundsTTLA span {
	color: #347F09;
}

.managefundsTT {
	font-size: 14px;
	border-right: 1px solid #ddd;
	padding: 5px;
	padding-right: 30px;
	float: left;
}

.managefundsLA {
	font-size: 14px;
	padding: 5px;
	padding-left: 30px;
	float: left;
}

.fileIcons {
	position: relative;
	margin-bottom: 0px;
	top: 7px;
}

.disablefield {
	background: #ddd;
}

.borderfield {
	border: 1px solid #FF0000;
}

.fundingSource {
	margin: 10px auto;
	width: 97%;
	font-size: 14px;
	color: #77787b;
}

.fundingSource h1 {
	font-size: 16px;
	border-bottom: 1px solid #77787b;
	padding: 15px;
	padding-left: 45px;
	color: #3577b2;
}

.fundingSourceLeft {
	float: left;
	width: 52%;
	padding: 10px;
	padding-right: 20px;
	border-right: 1px solid #77787b;
}

.fundingSourceLeft h1 {
	background: url(../fundingSource.png) no-repeat left center;
}

.fundingSourceRight {
	float: right;
	width: 38%;
	padding: 10px;
}

.fundingSourceRight h1 {
	background: url(../loadAmountSummary.png) no-repeat left center;
}

.summaySec {
	border-bottom: 1px solid #77787b;
	padding: 3px 0px;
	margin: 20px 15px;
}

.summaySecLeft {
	float: left;
}

.summaySecRight {
	float: right;
	font-family: 'allerbold';
}

.fundingSourceLeftInner {
	padding: 20px;
}

.fundingSourceLeftInner label {
	font-weight: normal;
}

.fundingSourceLeftInner .selectField {
	width: 100%;
	padding: 2px;
}

.fundingSourceLeftInner .txtField {
	width: 100%;
}

.formFieldSelect {
	width: 100%;
	margin-bottom: 15px;
}

.formFieldLeft {
	float: left;
	width: 48%;
	margin-bottom: 15px;
}

.formFieldRight {
	float: right;
	width: 48%;
	margin-bottom: 15px;
}

.btns-block .buttonLrg {
	margin-right: 6px;
}

.buttonLrgBlack {
	background: none repeat scroll 0 0 #005b9f;
	border: medium none;
	border-radius: 3px;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0;
	padding: 3px 15px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}

.buttonLrgBlack:hover {
	background: none repeat scroll 0 0 #3577b2;
}

.manageCardAccountList {
	font-size: 14px;
	color: #000;
}

.manageCardAccountList span {
	color: #347F09;
}

.orderPersonalizedPop {
	font-size: 12px;
	padding: 5px;
}

.orderPersonalizedPop h2 {
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: normal;
}

.orderPersonalizedPopInner {
	background: #f2f2f2;
	padding: 18px;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 12px;
}

.orderPersonalizedPopInner .OPLeft {
	float: left;
	width: auto;
	padding: 0 5px;
}

.orderPersonalizedPopInner .OPselect {
	width: 70%;
	margin-top: 15px;
	padding-left: 5px;
}

#productspopup .productDisplay {
	width: 97% !important;
}

.summaryBox #productSection,.summaryBox #summarySection {
	padding: 10px;
}

.addFundBatch .fieldBlock {
	width: 40%;
	padding: 15px;
	padding-left: 10px;
	float: left;
	clear: none !important;
	min-height: 42px;
}

.separatorBatch {
	height: 1px;
	border-top: 1px solid #ddd;
	width: 100%;
	margin: 30px auto 20px;
}

.steps-container {
	text-align: left;
	padding: 15px 5px;
}

.steps-container ul {
	display: inline-table;
	list-style: none outside none;
}

.steps-container ul li {
	display: inline-block;
}

.steps-container ul li a.selected-step {
	background-color: #369800;
	background-image: url(../selected-Step.png);
	color: #fff;
}

.steps-container ul li a.selected-step:after {
	border-left-color: #369800;
}

.steps-container ul li a.process-step {
	background-color: #6d6d6d;
	background-image: url(../process-Step.png);
	color: #fff;
}

.steps-container ul li a.process-step:after {
	border-left-color: #6d6d6d;
}

.steps-container ul li a.normal-step {
	background-color: #ddd;
	background-image: url(../normal-Step.png);
	color: #000;
}

.steps-container ul li a.normal-step:after {
	border-left-color: #ddd;
}

.steps-container ul li a {
	color: #000;
	display: block;
	float: left;
	font-size: 12px;
	height: 18px;
	margin: 0 1px 0 0;
	padding: 6px 30px 6px 57px;
	position: relative;
	text-align: center;
	text-decoration: none;
	background-position: 35px center;
	background-repeat: no-repeat;
}

.steps-container ul li a:after {
	border-bottom: 15px solid rgba(0, 0, 0, 0);
	border-left: 15px solid #ddd;
	border-top: 15px solid rgba(0, 0, 0, 0);
	content: "";
	position: absolute;
	right: -15px;
	top: 0;
	z-index: 1;
}

.steps-container ul li a:before {
	border-bottom: 15px solid rgba(0, 0, 0, 0);
	border-left: 15px solid #fff;
	border-top: 15px solid rgba(0, 0, 0, 0);
	content: "";
	left: 0;
	position: absolute;
	top: 0;
}

.steps-container ul li:first-child a {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	padding: 6px 30px 6px 50px;
	background-position: 25px center;
}

.steps-container ul li:first-child a:before {
	display: none;
}

.steps-container ul li:last-child a {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	padding: 6px 30px 6px 57px;
}

.steps-container ul li:last-child a:after {
	display: none;
}

.loadFundsDetails {
	margin: 10px auto;
	width: 97%;
}

.loadFundsDetails h1 {
	font-size: 16px;
	border-bottom: 1px solid #cfcfcf;
	padding: 15px;
	padding-left: 45px;
	padding-right: 0px;
	color: #3577b2;
	background: url(../loadAmountSummary.png) no-repeat left center;
}

.loadFundsDetails h1 a {
	float: right;
	font-weight: normal;
	font-size: 12px;
	padding: 4px 15px 6px;
	margin: 0px;
}

.loadFundsDetailsInner {
	padding: 15px;
}

.loadFundsDetails .summaySec {
	border-bottom: 1px solid #cfcfcf;
	padding: 3px 0px;
	margin: 15px 20px;
	float: left;
	width: 40%;
	font-size: 14px;
}

.loadFundsDetails .summaySecLeft {
	float: left;
}

.loadFundsDetails .summaySecRight {
	float: right;
	font-family: 'allerbold';
}

.rightalign {
	text-align: right;
}

.forgotPasswordView .loginBar,.SignupView .loginBar,.SignupConfirmation .loginBar,.SignupSucessMsg .loginBar
{
	display: none;
}

.forgotPasswordView .BannerSpacingRound,.SignupView .BannerSpacingRound,.SignupConfirmation .BannerSpacingRound,.SignupSucessMsg .BannerSpacingRound,.PublicProductView .BannerSpacingRound
{
	margin: 0px 0 13px;
}

.forgotPasswordView #confirmResetPass {
	height: auto !important;
}

.easyui-linkbutton.IInvaLid.l-btn.l-btn-plain>span>span>span {
	display: block;
	width: auto;
}

.PublicProductView .container990 div.mainContents {
	padding-top: 0 !important;
}

.easyui-linkbutton.IInvaLid.l-btn.l-btn-plain>span>span.invalid-record {
	background-position: 10px 2px;
	padding-left: 25px !important;
}

/*.ui-dialog .ui-dialog-titlebar-close{
	margin-top: -11px !important;
}

.ui-dialog .ui-dialog-titlebar-close span{
	width: 20px;
	height: 20px;
}
.ui-dialog .ui-widget-header .ui-icon{
    background-position: -200px -263px;
    background-size: 512px 480px;
}
.ui-dialog-titlebar .ui-state-hover{
	background: none !important;
	opacity:1 !important;
	border:0px none !important;
}
.ui-dialog-titlebar .ui-state-hover span{
	opacity:1 !important;
	border:0px none !important;
}
.ui-dialog-titlebar .ui-widget-header .ui-icon,
.ui-dialog-titlebar .ui-widget-focus .ui-icon{
	background-image: url("images/ui-icons_ffffff_256x240.png") !important;
    background-position: -200px -263px !important;
    background-size: 512px 480px !important;
}*/
.balanceSec {
	font-size: 16px;
	margin: 10px 0px;
	text-align: center;
	background: #9c9c9c;
	border-radius: 5px;
	padding: 10px;
	color: #333;
}

.balanceSec span {
	color: #ededed;
}

.expanded.activeMainCardRow,
.activeMainCardRow > td{
	color:#ededed;
	font-weight:bold !important;
}
.activeMainCardRow + > tr{ background: #ccc !important;}

.batchFundsDetails {
	margin: 10px auto;
	width: 98%;
}

.batchFundsDetails h1 {
	font-size: 16px;
	border-bottom: 1px solid #cfcfcf;
	padding: 23px 0 11px 50px;
	color: #3577b2;
	background: url(../loadAmountSummary.png) no-repeat left center;
}
.details-holder h4{color:#3577b2;}
.batchFundsDetails h1 a {
	float: right;
	font-weight: normal;
	font-size: 12px;
	padding: 4px 15px 6px;
	margin: 0px;
}

.batchFundsDetailsInner {
	padding: 15px 1px 15px 1px;
}

.batchFundsDetails .summaySec {
	border-bottom: 1px solid #cfcfcf;
	padding: 3px 0px;
	margin: 15px 16px;
	float: left;
	width: 44%;
	font-size: 14px;
}

.batchFundsDetails .summaySecLeft {
	float: left;
}

.batchFundsDetails .summaySecRight {
	float: right;
	font-family: 'allerbold';
}

.NewOrderByFile .stepContainer,.placeAnOrder .stepContainer {
	width: 722px;
}

.NewOrderByFile .productDisplay,.placeAnOrder .productDisplay {
	width: 714px;
}

.fLogos {
	text-align: center;
	padding-top: 15px;
}
.ChkOutTableFlNone{
	float:none !important;
}
.ChkOutTableFlNone th{
	text-align:center;
}

.dialogTable tr td{
	padding:7px;
	color:#000;
}

.searchResultTable .last-column{
	border-right:0px none;
}
.padding-0{
	padding:0px !important;
}
.confirm input{
	background: #005b9f;
	border: medium none;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 8px;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}
.confirm input:hover{
	background:#3577b2;
}

.txtFieldNew{
	border: 1px solid #ababab;
	background: #fefefe;
	padding: 3px;
	font-size: 12px;
	color: #666;

}
.fr .buttonLrg{
	margin: 0px !important;
}




/*---------New Footer---------*/
.footer {
	background: #ffffff none repeat scroll 0 0;
	border-top: 5px solid #fdc400;
	clear: both;
	font-size: 13px;
	padding: 40px 0;
}
.footerLeft{
	width: 62%; float:left; padding-left:20px;
}
.footerRight{
	width: 33%; float:right; padding-right:20px;
}
.footer ul {
	list-style-type: none;
	padding: 0;
}
.footer_menu {
	margin: 0 0 10px;
}
.footer_menu li:first-child {
	padding-left: 0;
}
.footer ul li {
	display: inline-block;
}
.footer_menu li {
	border-right: 1px solid #dcdcdc;
	color: #4c4c4c;
	font-size: 13px;
	font-weight: normal;
	line-height: 13px;
	padding: 0 8px 0 7px;
}
.footer_menu li a {
	color: #006792;
	font-size: 13px;
	font-weight: bold;
}
.footer_payment_methods {
	margin-bottom: 40px;
	text-align: right;
}
.footer_payment_methods li{
	margin-right: 10px;
}
.disclaimer {
	color: #8d97a7;
	font-size: 12px;
	line-height: 20px;
}
.copyright_holder {
	color: #8d97a7;
	font-size: 12px;
	line-height: 20px;
}
.footer .footer_client_logo {
	float: left;
	margin-right: 12px;
}
.copyright_holder {
	color: #8d97a7;
	font-size: 12px;
	line-height: 20px;
}
.copyright_holder a {
	color: #8d97a7;
}
.footer_payment_methods li:last-child {
	margin-right: 0;
}
.footer_menu li:last-child {
	border-right: 0 none;
	padding-right: 0;
}
.footer_payment_methods .clear {
	margin: 10px 0;
}
/*----------------------*/

.easyui-dialog input, .easyui-dialog select{
	padding: 3px 0 !important;
}
.calendarField{
	background:url(../calendar.jpg) no-repeat 98% center;
}
.field-160 {
	width: 160px;
}
.columntitle {
	color: #454545 !important;
	font-weight: bold;
}
.table-summary tr td{ color:#666; }

.gift-lock-section{ color:#666; padding-bottom:10px; }
.gift-lock-section .txtField{ width:230px; }
.gift-lock-section label{ margin-right:20px; }
.ChkOutTable .productDetails .txtField{ text-align:center; }


.regbutton {
	background: url("../regular-button-close.png") no-repeat right center;
	border: medium none;
	float: right;
	font-size: 12px;
	vertical-align: top;
	font-weight: normal;
	margin: 0px 6px 0 10px;
	padding: 0 12px 0 0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
.regbutton span {
	background: url("../reg-button.png") no-repeat left center;
	color: #FFFFFF;
	float: right;
	height: 27px;
	line-height: 27px;
	padding: 0 0 0 14px;
	text-align: center;
}

ul.dashboard-widget li a.icon-gift-card-orders div{
	background: url("../gift_card_orders_icon.png") no-repeat scroll center center;
}

ul.dashboard-widget li a.icon-gift-card-orders:hover div{
	background: url("../gift_card_orders_icon_white.png");
}


fieldset {
	padding: 10px;
	border: 1px solid;

}


fieldset legend {
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	color: #4a4a4a
}
btn_holder .pull-left{width:100%; max-width:75%; }
/** Update **/
.slider_big_image_holder{margin:0 0 15px; }
.slider_big_image_holder .bx-viewport{ height:265px !important;}
.slider_big_image_holder img{ border:0; border-radius:10px; -webkit-border-radius:10px; width:100%; height:auto; }

.bxslider{padding:0; margin:0 auto; }
.bxslider img{max-width:100%; }
.pager-holder{ position:relative; }
.bxslider-pager img{ border-radius:5px; overflow:hidden;   max-width:100%; }
.selectedCard {    opacity: 0.7; }
.panelTitle{     font-size: 16px;    color: #4a4a4a;    padding-top: 0px; margin: 0 0 20px; }
.cardDesignPanel{ margin:0 0 50px;  }
.personalzieCardText img{ text-align: right; }
.carasoule_holder{  background:#f8f8f8;padding:35px; overflow:hidden;}
.carasoule_holder .bx-controls-direction a{ position:absolute; top:50%; width:14px; height: 20px; margin-top:-9px; display:block; background-position: center center; background-repeat:no-repeat; text-indent:5000px; }
.carasoule_holder .bx-controls-direction a.bx-prev{ background-image:url('./../style/images/arrow-left.png'); left:35px; }
.carasoule_holder .bx-controls-direction a.bx-next{ background-image:url('./../style/images/arrow-right.png'); right:35px; }
.personalzieCardText img {    text-align: right;    width: 100%;    max-width: 100%; }
.personalzieCardText .formColumn-half{ width:49.5%; padding:5px 0.25% 5px 0;}
.personalzieCardText .fieldBlock{padding:0; }
.personalzieCardText  .fieldBlock:after {     visibility: hidden;     display: block;     font-size: 0;     content: " ";     clear: both;     height: 0;     }
.personalzieCardText  .fieldBlock { display: inline-block; }
* html .personalzieCardText  .fieldBlock { height: 1%; }
.personalzieCardText  .fieldBlock { display: block; }
.personalzieCardText  .label-1{ font-size:14px; margin:0 0 8px;}
.personalzieCardText  .txtField{margin:0 0 15px; }
.personalzieCardText{padding:0; }
.custom-card-order-summary{  font-size:14px; color:#666;}
.custom-card-order-summary p span{font-weight:bold; margin-left:5px; }
.CardDesignImgHolder h3{margin:20px 0 0 0; text-align:center; }
.bxslider-pager{padding:0; margin:0;}
.bxslider-pager img{width:100%; height:101px; margin-right:0; }
.bxslider-pager li a{    display: block;}
.bxslider-pager li{    display: block;    padding: 1px;    border: 3px solid transparent; }
.bxslider-pager li.selectedCard{border-color:#A9A9A9; border-radius:5px; }
.carasoule_holder .bx-wrapper{max-width:672px !important;}
.CardDesignImgHolder img{ border-radius:15px; }
.clearAfter:after {     visibility: hidden;     display: block;     font-size: 0;     content: " ";     clear: both;     height: 0;     }
.clearAfter{ display: inline-block; }
* html .clearAfter{ height: 1%; }
.clearAfter{ display: block; }
/** Update **/
ul.dashboard-widget li a.icon-user-management div{
	background: url("../user_management_icon.png") no-repeat scroll center center;
}

ul.dashboard-widget li a.icon-user-management:hover div{
	background: url("../user_management_icon_white.png");
}

ul.dashboard-widget li a.icon-stakeholder-management div {
	background: url("../icon-stakeholder-management.png") no-repeat scroll center
	center;
}

ul.dashboard-widget li a.icon-stakeholder-management:hover div {
	background: url("../icon-stakeholder-management-white.svg");
}


ul.dashboard-widget li a.icon-card-registration-update-profile div{
	background: url("../icon-card-registration-update-profile.png") no-repeat scroll center center;
}


ul.dashboard-widget li a.icon-registration-batch-inquiry div{
	background: url("../icon-registration-batch-inquiry.png") no-repeat scroll center 5px;
}

ul.dashboard-widget li a:hover.icon-card-registration-update-profile div {
	background: url(../icon-card-registration-update-profile-hover.png);
}

ul.dashboard-widget li a:hover.icon-registration-batch-inquiry div {
	background: url(../icon-registration-batch-inquiry-hover.png);
}

ul.dashboard-widget li a.icon-manual-payment-distribution div {
	background: url("../icon_manual_payment_distribution.png") no-repeat scroll center
	center;
}

ul.dashboard-widget li a.icon-manual-payment-distribution:hover div {
	background: url("../icon_manual_payment_distribution_hover.png");
}
textarea{ resize:none;}
#contactComments {    max-width: 518px; }
.fullWidth.setFullwidth {
	width: 965px !important;
}

.stepContainer.loadRegisterCardContainer{
	width:100%;
	box-sizing: border-box;
}
.crConfirmDetails{
	width:730px;
	overflow-x:auto;
	overflow-y:hidden;
}
.crConfirmDetails td,
.crConfirmDetails th .dataTable_header{ padding: 7px; }
.mb10{ margin-bottom: 10px !important; }


/** Password Tooltip **/
.isRelative{position:relative; }
input[type="password"]:focus + .pwdTooltip { display:block !important; }
.pwdTooltip {display:none; position: absolute;    right: -260px;    top: 20px;  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%) repeat scroll 0 0;    border: 1px solid #939393;    border-radius: 7px;    z-index: 1; padding:15px;}
.fieldBlock .col_1_3  { position: relative; }
.fieldBlock .divCtrl {    background: #fff none repeat scroll 0 0;    bottom: 3px;    left: 2px;    max-width: 85%;    padding: 0 5px;    position: absolute;    width: 100%;}
/** Password Tooltip **/
.bold{
	font-weight: bold;
}
.underlinediv{
	border-bottom: 1px solid #cfcfcf;
}
.batchFundsDetailsInnerLeft{
	width:50%;
	float:left;
}
.batchFundsDetailsInnerRight{
	width:49%;
	float:right;
}
.batchFundsDetails .summaySecInner{
	border-bottom:1px solid #cfcfcf;
	padding:3px 0px;
	margin:15px 5px;
	float:left;
	width:90%;
	font-size:14px;

}
.formColumn-halftabs-02 { float:none !important; display: inline-block; width: 47% !important; }

.actions a.unblockcard-deactive{
	background-image: url(../unblock-card-inactive.png) !important;
}

.actions a.unblockcard-active{
	background-image: url(../unblock-card.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.actions a.fraudblockcard-deactive{
	background-image: url(../fraudblock-card-inactive.png) !important;
}

.actions a.fraudblockcard-active{
	background-image: url(../fraudblock-card.png);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.field-179{ width: 179px; }
.viewprofile .col3, .editprofile .col3, .cardholder-card-details .col3 {width: 33%; float: left; display: block; min-height: 60px;}
.viewprofile .columnValue, .cardholder-card-details .columnValue { color: #666;}
.cardholder-card-details .columnsHolder, .viewprofile .columnsHolder, .editprofile .columnsHolder { padding: 10px;}
.beneficiary-information, .edit-profile-information { overflow: hidden; }
.editprofile #beneficiaryComments { resize: none; width: 415px !important;}
.orderprocessTable.orderprocessSpacing { margin-bottom: 0; padding-bottom: 0;}

.all_blocks .summaryBox + .tableSegment-right,
.all_blocks .summaryBox { float: left; width: calc(49% - 2px); }

.all_blocks .summaryBox .tableSegment-left { margin: 0 0 10px; }
.all_blocks .summaryBox .tableSegment-right { margin: 0; }

.all_blocks .summaryBox + .tableSegment-right { float: right; margin: 0 0 10px !important; }

.all_blocks #results .summaryBox,
.all_blocks .tableSegment-right .summaryBox { float: none; width: auto; margin: 0; }

.all_blocks #summarySection .tableSegment-left,
.all_blocks #summarySection .tableSegment-right { width: 100%; }
#summaryexeSection, .summaryBox #summarySection{ padding:10px 10px 0;}
.summaryTable{ border:1px solid #D6D6D6; margin-bottom:10px;}
#summaryexeSection .summaryTable:last-child{ margin-bottom:0;}
.tableSegment-right, .tableSegment-left{ border:none; margin-bottom:0 !important;}
.Coleven.colspace{ font-weight:bold;}
.colspace span{ padding:0; width:50%; display:inline-block; vertical-align:top; margin-right:-3px; text-align:right;}
#summaryexeSection .summaryTable td span.text{ width:80%;}
.enrollment_pg .footerWrap, .enrollment-history .footerWrap { overflow: hidden; }
.enrollment-container .btns-right { float: right; width: auto; max-width: 50%; }
.enrollment-container .col_1_3 { float: left !important; width: 31% !important; margin-right:2% !important; padding-right: 0 !important; word-wrap: break-word; }
.enrollment-container .col_1_4 { float: left; width: 23%; margin-right:2%; word-wrap: break-word; }
.enrollment-container .col_1_5 { float: left; width: 40%; margin-right:2%; word-wrap: break-word; }
.enrollment-container .col_1_6 { float: left; width: 48%; margin-right:2%; word-wrap: break-word; }
.enrollment-container .col_1_7 { float: left; width: 58%; margin-right:2%; word-wrap: break-word; }
.enrollment-container .col_1_3:last-child, .enrollment-container .col_1_4:last-child, .enrollment-container .col_1_5:last-child , .enrollment-container .col_1_6:last-child , .enrollment-container .col_1_7:last-child { margin-right: 0 !important; padding-right: 0; }
.enrollment-container .col_1_4:last-child { width: 25%; }
.enrollment-container .col_1_6:last-child { width: 50%; }
.enrollment-container .col_1_3.margin-r50 { margin-right: 50px !important; }
.enrollment-container .margin-b18 { margin-bottom: 18px !important; }
.enrollment-container .genBlock { margin-bottom: 0; padding-bottom: 0; }
.enrollment-container .fieldBlock.margin-b0 { min-height: 90px; }
.enrollment-container .special_section .col_1_3 { margin-bottom: 30px; }
.enrollment-container .special_section .col_1_3:nth-child(3n) { border-right: 0 !important; }
.enrollment-container .special_section2 .col_1_3 { margin-bottom: 30px; }
.enrollment-container .special_section2 .col_1_3:nth-child(3n) { border-right: 0 !important; }
.managefunding-cpbanner .banner-container > div:last-child{width:auto !important}
.loginBar { margin-bottom: 23px; }
#mainDiv.contentWrap-fullpage { border-radius: 4px; }
.enrollment_pg #mainDiv.contentWrap {
	box-sizing: border-box;
	padding: 25px 20px 15px;
	overflow: hidden;
	margin-bottom: 30px;
}
#mainDiv.contentWrap { border-radius: 4px; }
#mainDiv.contentWrap > .orderInfoBar, #mainDiv.contentWrap > #mainDivContent > *:not(.stepContainer):not(.clearfix):not(.messageBlock):not(#accordion) { padding: 15px 40px 0 !important; box-sizing: border-box; overflow: hidden; margin-bottom: 32px; }
#mainDiv.contentWrap > .orderInfoBar{padding: 15px 5px 10px !important; margin-bottom: 15px; }
#mainDiv.contentWrap > #mainDivContent > .container.success-section { margin-bottom: 0 !important; }
.enrollment-container .orderInfoBar { padding-bottom: 12px !important; }
.enrollment-container .green-title_heading { color: #4c5557; font-size: 22px !important; line-height: 1.3; margin-bottom: 0 !important; }
.enrollment-container .cardSeletOptn { margin: 5px 0px 25px !important; }
.enrollment-container .cardSeletOptn p { margin: 0; font-size: 15px; line-height: 1.3; color: #4c5557; }
.enrollment-container .stepContainer.border-t0 > li span { border-top: none; }
.enrollment-container .stepContainer { list-style: none; display: block; margin: 0 auto; box-sizing: border-box; padding: 0; position: relative; margin-bottom: 30px; border: none; margin-top: -25px; }
.enrollment-container .stepContainer > li { display: inline-block; vertical-align: middle; margin: 0; width: 25%; max-width: 25%; word-wrap: break-word; text-align: center; float: left; }
.enrollment-container .stepContainer > li span{ cursor: default; display: block; text-decoration: none; font-size: 12px; line-height: 36px; color: #889399; font-weight: bold; padding: 0; background-color: #f3f6f8; position: relative; border: 1px solid #dfe2e5; border-left: none; position: relative; }
.enrollment-container .stepContainer > li:first-child a{ border-left: none !important; border-right: 1px solid #dfe2e5; }
.enrollment-container .stepContainer > li.active span{ outline: none; text-decoration: none; font-size: 12px; line-height: 36px; color: #ffffff; background-color: #f9a431; border-left: 1px solid; border-right: 1px solid; border-color: #f9a431 #e29123 #f9a431 #e29123; }
.enrollment-container .stepContainer > li.completed span{ outline: none; text-decoration: none; font-size: 12px; line-height: 36px; color: #4c5557; background-color: #ffffff; }
.enrollment-container .stepContainer > li span::before { content: ''; margin-right: 12px; background: url('../top_steps-icon_sprite.png') no-repeat -19.005px 0; width: 17px; height: 16px; display: inline-block; vertical-align: middle; }
.enrollment-container .stepContainer > li.completed span::before { background-position: 0 0; }
.enrollment-container .stepContainer > li.active span::before { background-position: -38px 0; }
.enrollment-container .stepContainer > li:last-child span { border-right: none !important; }
.enrollment-container .stepContainer > li.active:last-child span { border-left: 1px solid #e29123; border-right: 1px solid #e29123; }
.enrollment-container .addEnrollmentFormSection #accordion { margin-bottom: 0; }
.enrollment-container .addEnrollmentFormSection h3, .enrollment-container .reviewConfirmFields h3, .enrollment-container .fieldsTypeSection h3 { background: transparent !important; font-size: 18px; color: #4c5557; border: none !important; line-height: 1.5; font-weight: normal; margin-bottom: 49px; text-transform: uppercase; text-align: center; }
.enrollment-container .addEnrollmentFormSection h3 span, .enrollment-container .reviewConfirmFields h3 span, .enrollment-container .fieldsTypeSection h3 span { border-bottom: 1px solid #dfe2e5; padding: 0 5px 16px; }
.enrollment-container .reviewConfirmFields div.fieldBlock { padding: 30px; background-color: #f7f9fb; border-radius: 4px; margin-bottom: 38px; }
.enrollment-container .reviewConfirmFields div.fieldBlock.special_section2 { padding-bottom: 0px !important; }
.enrollment-container .reviewConfirmFields.success-section div.fieldBlock { margin-bottom: 0px !important; }
.enrollment-container .reviewConfirmFields.success-section div.row { margin-bottom: 15px !important; }
.enrollment-container .reviewConfirmFields.success-section div.row.last-row { margin: 0 auto 15px !important; }
.enrollment-container .reviewConfirmFields.success-section div.row.last-row > .col_1_6 { margin: 0 auto !important; float: none; }
.enrollment-container .reviewConfirmFields .fieldBlock .col_1_3, .enrollment-container .reviewConfirmFields .fieldBlock .col_1_5, .enrollment-container .reviewConfirmFields .fieldBlock .col_1_6, .enrollment-container .reviewConfirmFields .fieldBlock .col_1_7, .enrollment-container .reviewConfirmFields .fieldBlock .section_text, .enrollment-container .container-wrapper .fieldBlock.formFields-section span { border-right: 1px solid #dfe2e5; margin-right: 2%; padding-right: 0; word-wrap: break-word; color: #4c5557; font-size: 14px; min-height: 50px !important; }
.enrollment-container .container-wrapper .fieldBlock.formFields-section span.required { border-right: none; }
.enrollment-container .reviewConfirmFields .fieldBlock .col_1_3:last-child, .enrollment-container .reviewConfirmFields .fieldBlock .col_1_5:last-child, .enrollment-container .reviewConfirmFields .fieldBlock .col_1_6:last-child, .enrollment-container .reviewConfirmFields .fieldBlock .col_1_7:last-child { border-right: none; margin-right: 0; }
.enrollment-container .reviewConfirmFields .fieldBlock  label.label-1, .enrollment-container .container-wrapper .fieldBlock.formFields-section label.label-1 { text-transform: uppercase; font-weight: 600; color: #b5babc; font-size: 12px; margin-bottom: 11px; }
.enrollment-container h2.contentheading { font-size: 15px; color: #4c5557; line-height: 1.3; margin-bottom: 18px; }
.enrollment-container .selectField#shippingMethod { margin-bottom: 10px; }
.enrollment-container .reviewConfirmFields div.fieldBlock.special_section2 { padding-bottom; 0px; }

.enrollment-container .container { margin: 0 auto; padding: 0 15px 15px; text-align: center; max-width: 75%; }
.enrollment-container .container.success-section { max-width: 100%; text-align: left; }
.enrollment-container .form_submit-icon_success { background: url(../success_failure-sprite.png) no-repeat 0 0; width: 100px; height: 100px; margin: 0 auto 22px; }
.enrollment-container .form_submit-icon_error { background: url(../success_failure-sprite.png) no-repeat -115px 0; width: 100px; height: 100px; margin: 0 auto 22px; }
.enrollment-container .error-title_heading { color: #f64949; font-size: 22px; line-height: 1.3; margin-bottom: 15px; padding: 0; }
.enrollment-container .container p { color: #f64949; margin: 0 auto 40px; font-size: 15px; line-height: 1.2; }
.enrollment-container .success-title_heading { color: #257c59; font-size: 22px; line-height: 1.3; margin-bottom: 15px; padding: 0; text-align: center; }
.enrollment-container .container p.success-msg { color: #248960; margin: 0 auto 40px; font-size: 15px; line-height: 1.2; text-align: center; }
.enrollment-container .container p.msg-detail { color: #4c5557; margin: 0 auto 25px; font-size: 14px; line-height: 1.1; }
.enrollment-container .success-section .col_1_6:last-child { width: 48% !important; }
.enrollment-container .success-section .col_1_5 { margin-right: 0 !important; }
.enrollment-container .enrollmentTypeSection, .enrollment-container .container-wrapper { overflow: hidden; }
.enrollment-container .enrollmentTypeSection h3 { margin-bottom: 28px !important; }
.enrollment-container .container-wrapper .fieldBlock:first-child { margin: 0 auto; padding-left: 19%; box-sizing: border-box; padding-right: 19%; }
.enrollment-container .container-wrapper .fieldBlock .col_1_6:last-child { float: right; max-width: 48%; }
.enrollment-container .container-wrapper .boxDiv .bgIcon { background: url(../enrollment_types-sprite.png) no-repeat 0 0; width: 48px; height: 59px; margin: 40px auto 25px; }
.enrollment-container .container-wrapper .boxDiv .bgIcon.iconBR { background-position: 0 0; }
.enrollment-container .container-wrapper .boxDiv.activeBox .bgIcon.iconBR { background-position: 0 -65px; }
.enrollment-container .container-wrapper .boxDiv .bgIcon.iconRP { background-position: -52px 0; }
.enrollment-container .container-wrapper .boxDiv.activeBox .bgIcon.iconRP { background-position: -52px -65px; }
.enrollment-container .container-wrapper .boxDiv { cursor: pointer; min-height: 190px; height: auto; text-align: center; box-sizing: border-box; padding: 0 0 12px !important; font-size: 14px; line-height: 1.5; background-color: #f7f7fa; color: #4c5557; border-radius: 4px; border: 3px solid #dddde5; }
.enrollment-container .container-wrapper .boxDiv.activeBox { border: 3px solid #489b79; position: relative }
.enrollment-container .container-wrapper .boxDiv.activeBox::after { content: ''; position: absolute; right; 0; background: url(../enrollment_types_active-icon.png) no-repeat 0 0; width: 24px; height: 24px; top: -12px; right: -12px; }
.enrollment-container .container-wrapper .fieldBlock { margin: 0 auto; display: block; padding: 28px 0; }
.enrollment-container .container-wrapper .fieldBlock.formFields-section { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #dfe2e5; margin: 12px auto 32px; padding-bottom: 40px; padding-top: 33px; }
.enrollment-container .search_icon-btn { color: transparent !important; border: 0px solid !important; background: rgba(0, 0, 0, 0) url(../search_icon.png) no-repeat 0 0 !important; width: 16px; height: 15px; padding: 0; margin: 10px 5px 5px 0px; float: right; }
.enrollment-container .search_icon-btn span { color: transparent !important; }
.enrollment-container input, .enrollment-container select { border-color: #c4c9cc !important; border-radius: 4px; padding: 9px 12px !important; color: #4c5557; }
.enrollment-container input.txtField-error, .enrollment-container select.txtField-error { border-color: #FF9A9A !important; }
.enrollment-container .addEnrollmentFormSection .selectField-sidebar { max-width: 250px; }
.enrollment-container .addEnrollmentFormSection .fieldBlock .col_1_3 { position: relative; margin-bottom: 8px; }
.enrollment-container .hasDatepicker { background-image: url(../calendar-icon_dark.png) !important; background-position: 98% !important; background-repeat: no-repeat; }
.enrollment-container .addEnrollmentFormSection h3 { margin-bottom: 51px !important; }
.enrollment-container .addEnrollmentFormSection h2.contentheading { margin-bottom: 23px !important; padding-left: 10px !important; }
.enrollment-container .addEnrollmentFormSection .section-wrapper { border-bottom: 1px solid #dfe2e5; padding-bottom: 25px; margin-bottom: 28px; }
.enrollment-container .addEnrollmentFormSection .label-1 { color: #b5babc; font-size: 12px; text-transform: uppercase; line-height: 1.3; font-weight: 600; padding-bottom: 6px; }
.enrollment-history .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f6f6f6; }
.enrollment-history .sideBar { word-wrap: break-word; box-sizing: border-box; }
.enrollment-history .sideBar .sideBarMenu { padding-top: 20px; background-color: #ffffff; border-radius: 4px; width: 215px; min-height: 752px; }
.enrollment-history .sideBar .sideBarMenu #enrollmentHistoryForm { padding: 0px 20px 40px; width: 100%; max-width: 170px !important; }
.enrollment-history .sideBar .sideBarMenu #enrollmentHistoryForm .label-1 { color: #b5babc; font-size: 11px; text-transform: uppercase; line-height: 1.3; font-weight: 600; padding-bottom: 6px; }
.enrollment-history .sideBar .sideBarMenu #enrollmentHistoryForm .formColumn-sidebar { width: 95%; margin: 0px auto 5px; padding-left: 0; padding-right: 0; }
.enrollment-history .sideBar .titleHdng { padding: 0px 20px 5px; margin: 0 auto; }
.enrollment-history #mainDiv { width: 775px !important; max-width: 775px !important; min-height: 832px; padding: 20px 20px !important; }
.enrollment-history .cardSeletOptn p { margin-bottom: 22px; }
.enrollment-container .selectField, .enrollment-history .selectField { padding: 3px 15px 3px 5px; font-size: 13px; line-height: 1.2; border-radius: 4px; }
.enrollment-history .titleHdng a { color: #4c5557 !important; outline: none; }
.enrollment-history .titleHdng { background: transparent; color: #4c5557; font-size: 22px; padding: 0; line-height: 1.3; }
.enrollment-history input, .enrollment-history select:not(#noOfRecordsPerPage) { border-color: #c4c9cc !important; border-radius: 4px; padding: 5px 3px !important; color: #4c5557; }
.enrollment-history input.txtField-error, .enrollment-history select.txtField-error { border-color: #FF9A9A !important; }
.enrollment-history .tablePaging { padding: 5px 0px 9px; background: transparent !important; border-radius: 0; float: left; width: 100%; }
.enrollment-history #pagingForm .tablePaging { width: 100%; }
.enrollment-history #pagingForm .tablePaging .fl { display: none; }
.enrollment-history .tablePagingBottom { margin-top: 20px; }
.enrollment-history .tablePaging .fr { float: left; }
.enrollment-history .tablePaging .fr .txtShowing { padding-left: 0; padding-top: 8px; font-size: 11px; line-height: 1.3; color: #b5babc; font-weight: 600; }
.enrollment-history .tablePagingBottom .txtShowing { font-size: 13px; line-height: 1.3; color: #4c5557; margin-top: 0; }
.enrollment-history .tablePagingBottom .tablepagingControl { color: #4c5557; margin-top: 0; float: right }
.enrollment-history .searchResultTable th:last-child, .enrollment-history .searchResultTable td:last-child { border-right: none !important; }
.enrollment-history .searchResultTable { border-collapse: unset; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.enrollment-history .searchResultTable thead > tr > th:first-child { border-top-left-radius: 6px; }
.enrollment-history .searchResultTable thead > tr > th:last-child { border-top-right-radius: 6px; }
.enrollment-history .light_green-bg th { padding: 14px !important; background-color: #257c59; border-right-color: #155139 !important; }
.enrollment-history .dark_green-bg { background-color: #216f50 !important; color: #ffffff; font-size: 11px; font-weight: 600; line-height: 0.7; }
.enrollment-container .messageBlock { padding-left: 40px; padding-right: 40px; margin: 0 auto; }
.enrollment-container .error { color: #A63C60 !important; background-color: #F8D7DA !important; border: 1px solid #f5c6cb; background-image: none !important; border-radius: 4px; padding: 10px 25px !important; margin: 0 auto 20px; }
.enrollment-container .error .fieldBlock { font-size: 13px; line-height: 1.5; padding: 5px 0; }
.enrollment-container .error .fieldBlock::before { content: "\25CF"; display: inline-block; padding-right: 15px; font-weight: 600; font-size: 11px; }
.enrollment-container .info { background-position-x: 25px; background-color: rgba(217,233,255,.8); border: 1px solid #d9e9ff; border-radius: 4px; padding: 10px 35px 10px 48px; margin: 0 auto 20px; }
.enrollment-container .info .fieldBlock { color: #3e8ef7; font-size: 13px; line-height: 1.5;  }
.enrollment-history select:not(#noOfRecordsPerPage) { width: 101% !important; }
.enrollment-history .exposeSSN a, .enrollment-container .exposeSSN a { color: #faa532; font-size: 11px; font-weight: 600; text-decoration: underline; line-height: 1.2; outline: none; padding-left: 12px; vertical-align: middle; }
.enrollment-history #enrollmentHistoryForm > .formColumn-sidebar:last-child { padding: 8px 0 5px !important; margin: 0 auto !important; width: 100% !important; }
.enrollment-history #enrollmentHistoryForm > .formColumn-sidebar .buttonLrgGray { float: left; margin-left: 0 !important; padding: 5px 15px; }
.enrollment-history #enrollmentHistoryForm > .formColumn-sidebar .buttonLrg-custom { margin-right: 0px !important; padding: 5px 15px; }
.enrollment-container .reviewConfirmFields .detail_review-container div.fieldBlock { margin-bottom: 25px !important; }
.enrollment-container .reviewConfirmFields .detail_review-container div.fieldBlock.margin-b0 { margin-bottom: 0 !important; }

.enrollment-history .chosen-container-single .chosen-single div b { background-position: 3px 4px !important; background-color: rgba(225, 225, 225, 1); }
.enrollment-history .chosen-container .chosen-results { margin: 0 0px 4px 0; }
.enrollment-history .chosen-container-single .chosen-single { border-radius: 4px; height: 26px; background: #fff !important; padding-top: 1px; }
.enrollment-container .reviewConfirmFields.success-section .text-greenBold { font-weight: 600; color: #248960 !important; }
/*
.enrollment-history .tablepagingControl a { background: url('../enrollment_history-data_table.png') no-repeat -11px 0; width: 5px !important; height: 9px !important; }
.enrollment-history .tablepagingControl a.p_lastRec { background-position: 0 0; }
.enrollment-history .tablepagingControl a.p_nextRec { background-position: -30px 0; }
.enrollment-history .tablepagingControl a.p_prevRec { background-position: -22px 0; }*/
/*---------------------------------------*/
.enrollment-success{ text-align:center;}
.enrollment-success > .col_1_6{ float:none; display:inline-block; vertical-align:top; margin: 0 20px 20px 0 !important; width:48.7%;}
.enrollment-success > .col_1_6:nth-child(3n+2){ margin-right: 0 !important;}
.enrollment-success > .col_1_6:nth-last-child(2), .enrollment-success > .col_1_6:last-child{ margin-bottom:0 !important;}
.enrollment-success > .col_1_6 .fieldBlock{ text-align:left;}

#campaign-details-panel .contentTxt .allowed-merchants {vertical-align: top; display: inline-block;}
/*
#campaign-details-panel .contentTxt .merchants {width: 36%; display: inline-block; vertical-align: top;}
*/

.custom-select-holder { position: relative; max-width: 250px; box-sizing: border-box; }
.custom-select-holder * { box-sizing: border-box; }
.multiSelectCheckboxes {max-height: 100px; width: 100%; display: block; overflow-y: scroll; background: #fff; font-size: 12px; color: #333; overflow-x: hidden; padding: 8px 10px; float: none; transition: all 0.5s ease;border: 1px solid rgb(171, 171, 171); border-top: 0; position: absolute; top: 100%; left: 0;}
.selectedCheckboxes { border: 1px solid #ababab;width: 100%;height: 26px;line-height: 26px;padding: 0 18px 0 7px;display: block;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: #fefefe;font-size: 12px;color: #666;transition: all 0.5s ease;font-family: 'allerregular'; cursor: default; }
.custom-select-holder.allowedmerchants {max-width: 234px;}
.selectField.lrgSelect.timezoneSelect { width: 233px;}
#selectedCheckboxesValues:focus {
	border: 1px solid #666;
	background: #fff;
	font-size: 12px;
	color: #333;
}
.selectedCheckboxes .downarrow {
	top: 0;
	right: 0;
	width: 18px;
	height: 100%;
	position: absolute;
	background-color: #e1e1e1;
	border: solid #adadad 1px;
}
.selectedCheckboxes .downarrow:after,
.selectedCheckboxes .downarrow:before {
	top: 8px;
	bottom: 8px;
	content: '';
	width: 1px;
	margin: 0 2px;
	position: absolute;
	background: #565656;
}
.selectedCheckboxes .downarrow:after {
	left: 4px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.selectedCheckboxes .downarrow:before {
	right: 4px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.multiSelectCheckboxes input[type="checkbox"]{width: 20px; float: left;clear: left;margin: 0 0 5px;}
.multiSelectCheckboxes .checkboxLabel {
	display: block;
	padding-left: 5px;
	overflow: hidden;
	margin: 0 0 6px;}
.multiSelectCheckboxes:focus {border: 1px solid #666;}
.pad-right.new-icon a.fr { margin-right: 5px; }

#campaignFieldBlock .formColumn-half.inline-block {
	float: none;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

ul.dashboard-widget li a.icon-reissue-inquiry div {
	background: url("../cp-tile-icon-reissue-inquiry.png") no-repeat scroll center
	center;
}


ul.dashboard-widget li a.icon-reissue-inquiry:hover div {
	background: url("../cp-tile-icon-reissue-inquiry-hover.png");
}

ul.dashboard-widget li a.icon-event-management div {
	background: url("../event_icon.svg") no-repeat scroll center
	center;
}


ul.dashboard-widget li a.icon-event-management:hover div {
	background: url("../event_icon_Hover.svg") no-repeat scroll center
	center;}

#fileUploadDivFlow .file-upload {
	background: #3577b2;
}
#fileUploadDivFlow .file-upload:hover {
	background-color: #005b9f;
}

.header-menu {  background: #005B9F;}
.header-navigation .parent-navigation {  margin: 0;  position: relative; padding:0;}
.header-navigation .parent-navigation > li {  display: inline-block;  position: relative;background: none;}
.header-navigation .parent-navigation > li > a { background: transparent; color: #fff;display: inline-block;padding: 10px 30px;font-size: 13px;border-right: 1px solid #bbb;}
.header-navigation .parent-navigation > li:last-child a{border-right: none;}
.header-navigation .parent-navigation > li > a:hover ,
.header-navigation .parent-navigation > li > a:focus,
.header-navigation .parent-navigation > li:focus > a,
.header-navigation .parent-navigation > li.active > a{  background: #3e7db5;  color: #fff;}
.header-navigation .parent-navigation > li:hover > ul ,
.header-navigation .parent-navigation  ul.show-menu {  display: block;   color: #fff;}
.header-navigation .parent-navigation > li  ul {  position: absolute;  display: none;   width:230px; border:1px solid #E7F0F3; z-index: 1;background: #ffffff !important;}
.header-navigation .parent-navigation > li  ul li {border-bottom: none}
.header-navigation .parent-navigation > li  ul a {  color:#3e7db5;  font-size: 12px;  padding: 7px 10px 20px;  display: block;  }
.header-navigation .parent-navigation > li ul a .moduletitle {  font-size: 12px;  font-weight: bold;  margin: 0 0 5px;  display: block; color: #3e7db5;}
.header-navigation .parent-navigation > li ul a .module-description {  font-size: 11px !important; color: #a1a1a1}

.header-navigation .parent-navigation > li ul li > a:hover,
.header-navigation .parent-navigation > li ul li > a:focus,
.header-navigation .parent-navigation > li ul li.active > a { text-decoration: underline;background: #3e7db5;  color: #ffffff;}
.header-navigation .parent-navigation > li ul li > a:hover span,
.header-navigation .parent-navigation > li ul li > a:focus span,
.header-navigation .parent-navigation > li ul li.active > a span{  color:#ffffff !important;}

.contentWrap-fullpage.reportwrapper-cp{padding: 20px 13px;}
.reportwrapper-cp .sidebar {width: 19.6%;}
.reportwrapper-cp .rightSection{width: 77%;}
.reportwrapper-cp .grayBar{width: 99.7%;}

.tab-info .manageglcodes-tab-nav .active .buttonLrg {
	background: #3e7db5 !important;
	color: #fff
}

.tab-info .manageglcodes-tab-nav .buttonLrg {
	background:#eee !important;
	color: #555
}

.trust-seal {
	max-width: 91px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.trust-seal img{
	max-width: 100%;
}
.trust-seal a{
	text-decoration: none;
	display: block;
}