@import url("../webfonts/Metric/stylesheet.css");
@import url("../webfonts/Metric_Bold/stylesheet.css");
@import url("../webfonts/Metric_Semibold/stylesheet.css");
@import url("../webfonts/Metric_Italic/stylesheet.css");

/*We shall not control healer CSS but this is an exception*/
.header .hp_logo a.hf_logo
{
	height: 50px !important;
}
select:focus
{
	outline-color: #01A982 !important;
	border-width: 1px;
	border-style: solid;
}
body
{
	color: #333333;
	margin: 8px;
	font-family: Metric, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	/*background-color: #ffffff !important;*/
}


.imagestyle {
	background-image: url(../../content/images/partnerportalBG.jpg);
	background-size: 100% 100%;
	width: 200px;
	height: 650px;
}

div.body
{
	position: relative;
	height: auto;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background-color: #ffffff;
}
div.bodyNew {
/*	position: relative;
	height: auto;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/partnerportalBG.jpg) no-repeat center center fixed;
	background-size: contain;*/
	background: url(../images/partnerportalBG.jpg) no-repeat center center fixed;
	background-size: contain;
}

/*Header Logoff & Welcome Part Begins*/
#everything
{
	width: 1000px;
	margin: auto;
	display: block;
}

div.top_buyhp
{
	/*text-transform:uppercase;*/
	background-color: #00B388;
	height: 15px;
	padding: 5px;
	padding-top: 10px;
	border-bottom: 1px solid #ffffff;
}

#top_buyhp a
{
	color: #f2f2f2;
	text-decoration: none;
}

#top_buyhp .separator
{
	margin-left: 10px;
	margin-right: 10px;
}

#top_buyhp a:hover
{
	text-decoration: underline;
}

.hf_row2 .col
{
	width: 50%;
	display: inline-block;
	float: left;
}

.hf_row2 .col span
{
	color: #ffffff;
}

.hf_float_max
{
	float: right;
}

/*Header Logoff & Welcome Part Ends*/

h1, h2, h3, h4, h5, h6
{
	font-family: Metric, Arial;
	color: #333333;
	font-weight: 100;
}

.fontFamily_Rg
{
	font-weight: normal;
}

h1
{
	font-size: 18px;
}
h2
{
	font-size: 16px;
	font-weight: inherit;
}
h3
{
	font-size: 14px;
	font-size: 14px\9 !important;
}
h4
{
	font-size: 14px;
}
h5, h6
{
	font-size: 12px;
}

/*******  Default Input & textarea Style  *******/
.hiddenIE
{
	display: none;
	visibility: hidden;
}

input[type="text"], input[type="password"], textarea
{
	border: 1px solid #CCCCCC;
	border-radius: 0px;
	box-shadow: none; /*padding: 4px 6px;*/
	color: #333333;
	outline: none;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
	/*font-size: 12px;*/ /*line-height: 22px;*/
	font-family: Metric, Arial, sans-serif;
}
input[type="text"], input[type="password"], textarea
{
	border-color: #CCCCCC;
	color: #333333;
}
input[type="text"][readonly], input[type="password"][readonly], textarea[readonly], input[type="text"][disabled], input[type="password"][disabled], textarea[disabled]
{
	background: #E5E5E5;
	border-color: #CCCCCC;
	color: #333333;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
	border-color: #01A982;
	color: #333333;
	/*
    border-width: 1px;
	border-style: solid;
   */
}
textarea
{
	/*box-shadow: 0 0 3px #ccc, 0 10px 15px #eee inset;*/
	padding: 6px;
	font-family: Metric, Arial, sans-serif;
}
textarea:read-only
{
	user-select: none;
}
textarea:read-write
{
	user-select: text;
}
textarea[readonly], textarea[disabled]
{
	resize: none;
}
input:focus:invalid, textarea:focus:invalid
{
	/* when a field is considered invalid by the browser */
	border-color: #FF454F;
}
input:required:valid, textarea:required:valid
{
	/* when a field is considered valid by the browser */
	border-color: #008424;
}
input[disabled], input[readonly], textarea[disabled], textarea[readonly]
{
	/*background-color: #EAEDED;     border-color: transparent;  */
	cursor: default;
	text-shadow: 0 1px 1px #eeeeee;
	background: #E5E5E5;
	border-color: #CCCCCC;
	color: #5a5a5a;
}
input[type="text"][disabled].placeholder:hover, input[type="password"][disabled].placeholder:hover, textarea[disabled].placeholder:hover, input[type="text"][disabled].placeholder:focus, input[type="password"][disabled].placeholder:focus, textarea[disabled].placeholder:focus, input[type="text"][readonly].placeholder:hover, input[type="password"][readonly].placeholder:hover, textarea[readonly].placeholder:hover, input[type="text"][readonly].placeholder:focus, input[type="password"][readonly].placeholder:focus, textarea[readonly].placeholder:focus
{
	background: #E5E5E5;
	border-color: #CCCCCC;
	color: #B3B3B3;
}


/*******  Default input: button; Style  *******/
input[type="button"], input[type="reset"], input[type="submit"]
{
	border: 1px solid #AFAFAF; /*	border-radius: 4px;*/
	background: #f6f6f6; /* Old browsers */
	color: #333333;
	font-size: 14px;
	padding: 4px 8px;
	cursor: pointer;
	font-family: Metric, Arial, sans-serif;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover
{
	color: #01A982;
}
input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], input[type="button"][disabled]:hover, input[type="reset"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="button"][disabled]:active, input[type="reset"][disabled]:active, input[type="submit"][disabled]:active
{
	background: #f2f2f2;
	border-color: #EAEAEA;
	box-shadow: none;
	color: #cccccc;
	cursor: default;
	text-shadow: none;
}
::-webkit-input-placeholder
{
	/* WebKit browsers */
	color: #4D4D4D;
}
:-moz-placeholder
{
	/* Mozilla Firefox 4 to 18 */
	color: #4D4D4D;
}
::-moz-placeholder
{
	/* Mozilla Firefox 19+ */
	color: #4D4D4D;
}
:-ms-input-placeholder
{
	/* Internet Explorer 10+ */
	color: #4D4D4D;
}
/*******  Default button Style  *******/
button
{
    font-family: Metric, Arial, sans-serif;
	height: 36px !important; /*	border-radius: 0 4px;*/
	vertical-align: middle;
	font-size: 14px !important;
	/*background-color: #00B388;*/
    background-color: #425563;
	color: #ffffff;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	cursor: pointer;
	margin-right: 5px\9;
	border-width: 0px;
	border-style: solid;
}

.button_inline
{
	height: 36px;
	font-size: 16px;
}

button:hover
{
	background-color: #c6c9ca;
	color: #000000;
	border-width: 0px;
	border-style: solid;
}
button[disabled], button[disabled]:hover, button[disabled]:active
{
	background: none repeat scroll 0 0 #CCCCCC;
	border-color: #EAEAEA;
	box-shadow: none;
	color: #999999;
	cursor: default;
	text-shadow: none;
}

.critical
{
    /*background-color: #614767 !important;*/
	background-color: #00B388 !important;
	color: #FFFFFF !important;       
}

.critical:hover
{
	background-color: #01A982 !important;
	color: #FFFFFF !important;
}

button.critical
{
	background-color: #614767;
	color: #FFFFFF;
}

button.critical:hover
{
	background-color: #47248B;
	color: #FFFFFF;
}

button[disabled].critical
{
	background-color: #CCCCCC !important;
	color: #777777;
}

button.secondary
{
	/*background-color: #767676;*/
    background-color: #425563;
	color: #FFFFFF;
}

button.secondary:hover
{
	background-color: #c6c9ca;
	color: #000000;
}

button.secondary:disabled
{
	background-color: #CCCCCC;
	color: #FFFFFF;
}

/*******Customized a.button style*******/
a.primaryBtn
{
	border-radius: 0 0px;
	vertical-align: middle;
	font-size: 14px !important;
	/*background-color: #00B388;*/
    background-color: #425563;
	color: #FFFFFF;
	width: auto;
	padding: 11px 15px 11px 15px;
	margin-right: 5px;
	border: 0px;
	text-decoration: none;
	cursor: pointer;
}

a.primaryBtn:hover
{
	/*background-color: #006699;*/
	background-color: #c6c9ca!important;
	color: #000000!important;
	text-decoration: none;
}

a.primaryBtn:visited
{
	color: #FFFFFF;
}

a.primaryBtn[disabled], a.primaryBtn[disabled]:hover, a.primaryBtn[disabled]:active
{
	background: none repeat scroll 0 0 #CCCCCC;
	border-color: #EAEAEA;
	box-shadow: none;
	color: #999999;
	cursor: default;
	text-shadow: none;
}

/**Buttons in the jqGrid*/
.ui-jqdialog-content td.EditButton a
{
	border-radius: 0 0px;
	vertical-align: middle;
	font-size: 14px;
	/*background-color: #00B388;*/
    background-color: #425563;
	color: #FFFFFF;
	width: auto;
	padding: 11px 15px 11px 15px;
	margin-right: 5px;
	border: 0px;
	text-decoration: none;
	cursor: pointer;
}

.ui-jqdialog-content td.EditButton a:nth-child(2)
{
	background-color: #614767;
}

.ui-jqdialog-content td.EditButton a:nth-child(2):hover
{
	background-color: #47248B;
}

.ui-jqdialog-content td.EditButton a span
{
	background: transparent;
}

.ui-jqdialog-content td.EditButton a:hover
{
	background-color: #c6c9ca;
	color: #000000;
	text-decoration: none;
}
/**jqGrid Buttons end**/

/*******  Default a Style  *******/
a
{
	text-decoration: none; /*	color: #007DBA;*/
	color: #00B388;
	cursor: pointer;
}
a:hover
{
	color: #01A982;
	text-decoration: underline;
}
a:visited
{
	color: #822980;
}

/*******For secondary Nav bar*******/
#hpfs_header_subnav
{
	border-bottom: 1px solid #cccccc;
}

#hpfs_header_subnav a
{
	text-decoration: none;
	position: relative;
	color: #767676;
}

#hpfs_header_subnav a:hover
{
	color: #01A982;
}


#hpfs_header_subnav .subnavTabActive a
{
	color: #333333;
}

.subnavTabActive a
{
	border-bottom: 4px solid #00B388;
	padding-bottom: 7px;
}

/***CSS Dropdown begins***/
select::-ms-expand
{
	display: none;
	visibility: hidden;
	height: 31px;
	/*font-size: 12px;*/
	line-height: 22px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	background: url('../images/s-21px-hpe.png') no-repeat right;
	-ms-background-position-x: 176px;
	-ms-background-position-y: -1429px;
	padding-right: 25px !important;
}

select
{
	height: 28px;
		/*font-size: 12px;*/
	line-height: 22px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: url('../images/arrowdown.png') no-repeat right;
	background-position: 97% 50% !important;
	background-image: url('../images/arrowdown.png');
	padding-right: 25px !important;
	font-family: Metric, Arial, sans-serif;
}

.dropdownFundation
{
	width: 200px;
	height: 28px;
}

select option
{
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 45px 8px 10px;
}

select option:hover
{
	/*background-color: #01A982;*/
}

select:disabled
{
	color: #000000 !important;
	background-color: #E5E5E5 !important;
	background-position-y: -1458px;
}

select:hover
{
	border-color: #01A982;
	border-width: 1px;
	border-style: solid;
}

.optionSelected
{
	color: #333333;
}

option
{
	color: #333333;
}
.optionSelected:hover
{
	background: #01A982;
}

.option:hover
{
	background: #01A982;
}

.formFieldLabel tbody select
{
	height: 23px;
	width: 115px;
	width: auto\9;
	line-height: 22px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../images/arrowdown.png') no-repeat right;
	background-image: none\9;
	background-position: 92px -1430px;
}

.formFieldLabel tbody > tr:nth-child(2) select, #QuickQuoteListForm tbody > tr:nth-child(2) select
{
	width: 60px;
	background-position-x: 37px;
}

.formFieldLabel tbody > tr > td:nth-child(4) select
{
	width: 230px;
	background-position-x: 207px;
}

#QuickQuoteListForm tbody > tr:nth-child(3) > td:nth-child(2) select
{
	width: 140px;
	background-position-x: 118px;
}

/***************Checkboxes and Radio Buttons css style ******************/

input[type="checkbox"]
{
	padding: 0;
	color: #333333;
}

input[type="checkbox"]::-ms-expand
{
	display: none;
	visibility: hidden;
}

input[type="checkbox"]
{
	display: inline-block;
	outline: none;
	width: 18px !important;
	height: 18px !important;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: checkbox;
	background: url(../images/s-21px-hpe.png) left top no-repeat;
	cursor: pointer;
}
input[role="checkbox"]
{
	margin: -1px 0px 0 0;
}
input[type="checkbox"]:hover
{
	background-position: left -45px;
}
input[type="checkbox"]:checked
{
	background-position: left -90px;
}

input[type="checkbox"]:disabled
{
	background-position: left -135px;
	cursor: default;
}

input[type="radio"]
{
	color: #333333;
}

input[type="radio"]
{
	padding: 0;
	display: inline-block;
	outline: none;
	width: 18px !important;
	height: 18px !important;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: radio;
	text-indent: 0.01px;
	text-overflow: '';
	background: url(../images/s-21px-hpe.png) left -225px no-repeat;
	cursor: pointer;
}

input[type="radio"]::-ms-expand
{
	display: none;
	visibility: hidden;
}

input[type="radio"]:hover
{
	background-position: left -271px;
}

input[type="radio"]:checked
{
	background-position: left -317px;
}

.stepImage
{
	height: 22px;
	width: 22px;
	display: inline-block;
	padding-right: 7px;
}

.stepNumberOne
{
	background-image: url("../images/CreditApplicationScreen/Number_Indicator_No1.png");
	background-repeat: no-repeat;
}

.stepNumberTwo
{
	background-image: url("../images/CreditApplicationScreen/Number_Indicato_No2.png");
	background-repeat: no-repeat;
	background-position-y: -23px;
}

.stepNumberThree
{
	background-image: url("../images/CreditApplicationScreen/Number_Indicato_No3.png");
	background-repeat: no-repeat;
	background-position-y: -23px;
}

.arrowRight
{
	background-image: url("../images/CreditApplicationScreen/Arrow_right_gray-5x11.png");
	background-repeat: no-repeat;
	height: 12px;
	width: 7px;
	display: inline-block;
}

.imageHolderCA
{
	height: 12px;
	width: 7px;
	display: inline-block;
	padding: 0px 10px 0px 10px;
	margin-top: 14px;
}

.circleImageHolder
{
	height: 22px;
	width: 22px;
	display: inline-block;
	float: left;
	margin-top: 10px;
}

.inbox_contrainer
{
	position: relative;
	width: 20px;
	height: 22px !important;
	padding: 0px 10px !important;
	float: right;
	margin-right: 10px;
}


.hpfs_inbox_bg
{
	height: 24px !important;
	width: 25px;
	position: absolute;
    top: -10px;
	left: 21px;
	padding: 0px !important;
	background: url("../images/emailbubbles.png") no-repeat;
	outline: none;
	text-align: center;
	background-position: -8px -42px;
}

.longMailCount
{
	width: 41px;
	background-position: -1px 0px;
}

.hpfs_inbox_bg:hover
{
	text-decoration: none;
}

.hpfs_inbox_bg span
{
	color: #FFFFFF;
	/*font-size: 12px;*/
	line-height: 22px;
}

a.hpfs_inbox_bg span:hover
{
	text-decoration: none;
}

.hpfs_bubble_bg
{
	left: 70px !important;
	top: 5px !important;
	height: 31px !important;
	width: 30px;
	position: absolute;
	padding: 0px !important;
	outline: none;
	text-align: center;
	font-size: 20px;
}


.hpfs_bubble_bg:hover
{
	text-decoration: none;
}

.hpfs_bubble_bg span
{
	color: #FAFAFA;
	font-size: 20px;
	line-height: 26px;
	font-family: Metric_Bold;
}

a.hpfs_bubble_bg span:hover
{
	text-decoration: none;
}


/*****Experiment***********/
.hpfs_container
{
	position: relative;
	width: inherit;
	padding: 15px;
}

.hpfs_subContainer
{
	position: relative;
	width: initial;
	display: inline-block;
	height: auto;
}

.grid_container
{
	width: 50%;
	display: inline-block;
	height: auto;
}

.verticalPadding
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.verticalPaddingNew {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: 700;
}

.horizontalPadding
{
	padding-left: 10px;
	padding-right: 10px;
}

.specificLoading
{
	margin-left: auto;
	margin-right: auto;
	padding: 5px !important;
	border: 2px solid #CCCCCC !important;
}
.hiddenDivForAD
{
	position: absolute;
	left: 131px;
	top: 82px;
}

/*******New dropdown like Navigation*******/
.headerPopups
{
	margin: 0;
	padding: 0;
	height: auto;
}
.headerPopups li
{
	list-style: none;
	float: left;
	z-index: 9900;
}
.headerPopups li a
{
	display: block;
	padding: 3px 8px;
	color: #333333;
	text-decoration: none;
	margin-top: 7px;
	border-right: 1px solid #cccccc;
	margin-bottom: -2px;
}
.headerPopups li ul
{
	display: none;
	width: auto;
}
.headerPopups li:hover ul
{
	display: block;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	z-index: 101;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 3px solid #617D78;
	margin-left: 7px;
	position: absolute;
	z-index: 9900;
}
.headerPopups li:hover li
{
	float: none;
}
.headerPopups li li a
{
	border-right: 0px;
	font-size: 14px;
	margin-top: 0px;
	font-family: Metric, Arial, sans-serif;
}
.headerPopups li:hover li a
{
	border-bottom: 1px solid #fff;
	color: #333333;
}
.headerPopups li li a:hover
{
	color: #ffffff;
	background-color: #01A982;
}

.headerPopups li.top_corner
{
	background: url("../images/s-hf-v3.gif") no-repeat;
	background-position: -188px 7px;
	display: inline-block;
	width: 17px;
	height: 17px;
	float: none;
	margin: 0px;
	position: absolute;
	top: -17px;
	left: 10px;
}

/*******Navigation Ends**************/

/*******Widgets***********/
.widgetTitle
{
	padding-top: 10px;
	padding-left: 5px;
	font-size: 22px;
	font-family: Metric_semibold;
	color: #000000;
	
}
.pipelineWidget
{
	height: 235px;
	background-color: #fafafa;
	margin-bottom: 0px;
}
.pipelineWidget .marginT110
{
	margin-top: 75px !important;
}
.pipelineWidget .marginLeftM15
{
	margin-left: 0px !important;
	margin-top: 10px;
}
.widgetHead
{
	border-bottom: 4px solid #617D78;
	background-color: #FFFFFF;
	height: 30px;
}

.widgetHead:after
{
	content: '';
	display: block;
	position: relative;
	top: 33px;
	left: 20px;
	width: 0;
	height: 0;
	border-color: #617D78 transparent transparent;
	border-style: solid;
	border-width: 8px 10px 10px;
}

.lowerPipeline
{
	background-color: #f2f2f2;
	height: 200px;
}
#quickQuote-SC-0 .quickQuote-pipeline > span, #creditApp-SC-1 .creditApplication-pipeline > span, #creditDecision-SC-2 .creditDecision-pipeline > span, #finalQuote-SC-3 .createFinalQuote-pipeline > span, #leaseBooked-SC-4 .leaseBooked-pipeline > span
{
	color: #777777;
	width: 110px;
	text-align: center;
	white-space: nowrap;
}

.innerPipeline
{
	padding-top: 30px;
	margin-left: 35px;
	color: #333333;
}
.innerPipelineText
{
	color: #333333;
	font-size: 1.1em;
	font-family: "Metric_Semibold";
}
.innerPipelineWithPromotions
{
	padding-top: 25px;
	margin-left: 10px;
}
.widgetsContainer
{
	height: 240px;
	width: 1000px;
}
.widgetContainer
{
	height: auto;
	background-color: #f2f2f2;
}
.widgetsContainerWithPromotions
{
	height: 240px;
	width: 960px;
	float: right;
}

div.innerPipeline .pipeline-step0, .pipeline-step1, .pipeline-step2, .pipeline-step3, .pipeline-step4
{
	height: inherit;
	position: relative;
	display: inline-block;
}

.settingIcon_layout, .helpIcon_layout, .userIcon_layout
{
	height: 22px;
	width: 22px;
	position: relative;
	outline: none;
	float: right;
	margin-top: 2px;
	cursor: pointer;
}
.settingIcon_layout .headerPopups .navTab:hover
{
	border: none;
}
.quickQuote-pipeline, .creditApplication-pipeline, .creditDecision-pipeline, .createFinalQuote-pipeline, .leaseBooked-pipeline
{
	height: 75px;
	width: 110px;
	position: relative;
	outline: none;
	float: left;
}

.mail_layout
{
	height: 23px;
	width: 28px;
	position: relative;
	outline: none;
	float: right;
}
.company_mode
{
	height: 19px;
	position: relative;
	outline: none;
	float: right;
	cursor: text;
	padding-top: 5px;
	max-width: 40px;
}



.settingIcon_layout
{
	background: url("../images/DashboardWidgets/settings_layout.png") no-repeat;
}
.helpIcon_layout
{
	background: url("../images/DashboardWidgets/help_layout.png") no-repeat;
}
.userIcon_layout
{
	background: url("../images/DashboardWidgets/user_layout.png") no-repeat;
	margin-right: 5px;
}
.mail_layout
{
	background: url("../images/DashboardWidgets/mail_layout.png") no-repeat;
	background-position: 0px 3px;
}

.quickQuote-pipeline
{
	background-repeat: no-repeat;
	background-image: url(../images/DashboardWidgets/pipeline/QuickQuote1.png);
}
.creditApplication-pipeline
{
	background-repeat: no-repeat;
	background-image: url(../images/DashboardWidgets/pipeline/CreditApplication1.png);
}
.creditDecision-pipeline
{
	background: url("../images/DashboardWidgets/pipeline/CreditDecision1.png") no-repeat;
}
.createFinalQuote-pipeline
{
	background: url("../images/DashboardWidgets/pipeline/CreateFinalQuote1.png") no-repeat;
}
.leaseBooked-pipeline
{
	background: url("../images/DashboardWidgets/pipeline/LeaseBooked1.png") no-repeat;
}

.PromotionsWidget
{
	font-style: normal;
	font-size: 16px;
	color: #333333;
	position: absolute;
	top: 30px;
	z-index: 100;
	left: -605px;
}
.promotionsPanel
{
	position: absolute;
	width: 600px;
	height: 200px;
	float: left;
	background: #F1F1F1;
	border-left: 2px solid #617D78;
	border-right: 2px solid #617D78;
	border-bottom: 2px solid #617D78;
	border-top: 2px solid #617D78;
	border-width: 2px;
	border-style: solid;
	box-shadow: 1px 3px #cccccc;
}
.promotionsPanelContent
{
	height: 94%;
	padding-left: 25px;
	padding-right: 25px;
}
.promotionsPanelContent hr
{
	border: none;
	height: 1px;
	background-color: #00B388;
}
.promotionTextSubject
{
	font-size: 16px;
	color: #333333;
	font-style: normal;
	text-align: left;
	line-height: 19.2px;
}
.promotionPath
{
	background-color: #ffffff;
	border-left: 5px solid #00B388;
}
#PromotionsSliderImage
{
	position: absolute;
	left: 602px;
	top: 0px;
	width: 30px;
	height: 120px;
	z-index: 3;
}
.promotionsLabel
{
	position: absolute;
	top: 60px;
	left: 587px;
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #00B388;
	font-size: 14px;
	font-style: normal;
	line-height: 16.8px;
	text-align: left;
	z-index: 5;
}
.promotionsMegaphone
{
	position: absolute;
	top: 15px;
	left: 606px;
	height: 16px;
	width: 16px;
	transform: rotate(25deg);
	z-index: 5;
}
#promotionsDate
{
	height: 25px;
	padding-top: 20px;
}
.promotionsTable
{
	width: 550px;
	table-layout: fixed;
	background-color: #ffffff;
	border-left: 5px solid #00B388;
	padding-left: 15px;
	color: #333333;
}
.promotionsTable tr
{
	padding-left: 10px;
	width: 550px;
}
.promotionsTable tr td
{
	padding-left: 10px;
	word-wrap: break-word;
	white-space: normal;
}
#promotionTableSpacer
{
	height: 20px;
}
.PromotionTableRowSubject
{
	font-size: 16px;
	color: #333333;
	font-style: normal;
	text-align: left;
	line-height: 19.2px;
}
.PromotionTableRowDescription
{
	font-size: 14px;
	color: #333333;
	font-style: normal;
	text-align: left;
	line-height: 16.8px;
}
.PromotionTableRowDate
{
	/*font-size: 12px;*/
	color: #333333;
	font-style: normal;
	text-align: right;
	line-height: 14.4px;
	padding-right: 5px;
}
ul.bjqs
{
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: none;
}
li.bjqs-slide
{
	position: absolute;
	display: none;
}
ul.bjqs-controls
{
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9999;
}
ul.bjqs-controls.v-centered li a
{
	position: absolute;
}
ul.bjqs-controls.v-centered li.bjqs-next a
{
	right: 0;
}
ul.bjqs-controls.v-centered li.bjqs-prev a
{
	left: 0;
}
ol.bjqs-markers
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
ol.bjqs-markers.h-centered
{
	text-align: center;
}
ol.bjqs-markers li
{
	display: inline;
	padding: 2px;
}
ol.bjqs-markers li a
{
	display: inline-block;
}
p.bjqs-caption
{
	display: block;
	width: 96%;
	margin: 0;
	padding: 2%;
	position: absolute;
	bottom: 0;
}
.bjqs-next a
{
	top: 98% !important;
}
.bjqs-prev a
{
	top: 98% !important;
}
li.active-marker a
{
	text-decoration: underline;
}
.arrowRight-Pipeline
{
	height: 16px;
	width: 16px;
	margin-top: 30px;
	margin-right: 3px;
	margin-left: 2px;
	outline: none;
}

/*******Floating*********/
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}

/*******Display**********/
.display_IB
{
	display: inline-block;
}
.display_B
{
	display: block;
}
.display_I
{
	display: inline;
}
.display_N
{
	display: none;
}

/******Height********/
.height200
{
	height: 200px;
}
.height240
{
	height: 240px;
}
.height330
{
	height: 330px;
}
.height440
{
	height: 440px;
}
.height480
{
	height: 480px;
}
.heightAuto
{
	height: auto;
}

/******Width********/
.autoWidth
{
	width: auto;
}
.quarterWidth
{
	width: 25%;
}
.width45P
{
	width: 45%;
}
.halfWidth
{
	width: 50%;
}
.width33P
{
	width: 33%;
}
.fullWidth
{
	width: 100%;
}

.width160
{
	width: 160px;
}
.width720
{
	width: 720px;
}
.width180
{
	width: 180px;
}
.width110
{
	width: 110px;
}
.width120
{
	width: 120px;
}
.width1000
{
	width: 1000px;
}
.width200IM {
    width: 200px !important;
}
.width200
{
	width: 200px;
}
.width30P
{
	width: 30%;
}
.width69P
{
	width: 69%;
}

/******Padding********/
.paddingT3
{
	padding-top: 3px;
}
.paddingT5
{
	padding-top: 5px;
}

.paddingL5
{
	padding-left: 5px;
}
.paddingL15
{
	padding-left: 15px;
}
.paddingL50
{
	padding-left: 50px;
}
.paddingL100
{
	padding-left: 100px;
}

.verticalPadding
{
	padding: 15px 0px;
}

/******Margin**********/
.marginT5
{
	margin-top: 5px;
}
.marginT8
{
	margin-top: 8px;
}
.marginT10
{
	margin-top: 10px;
}
.marginT15
{
	margin-top: 15px;
}
.marginT25
{
	margin-top: 25px;
}
.marginT40
{
	margin-top: 40px;
}
.marginT60
{
	margin-top: 60px;
}
.marginT75
{
	margin-top: 75px;
}
.marginT110
{
	margin-top: 110px;
}
.marginT105
{
	margin-top: 105px;
}
.marginT120
{
	margin-top: 120px;
}

.marginL14
{
	margin-left: 14px;
}
.marginL20
{
	margin-left: 20px;
}
.marginL28
{
	margin-left: 28px;
}
.marginR28
{
	margin-right: 28px;
}
.marginB15
{
	margin-bottom: 15px;
}
.marginLeftM10
{
	margin-left: -10px;
}
.marginLeftM15
{
	margin-left: -15px;
}


/******Z-index*********/
.zindex11
{
	z-index: 11;
}

/*******Font***********/
.font14
{
	font-size: 14px;
}
.font16
{
	font-size: 16px;
}

/********Line-height********/
.lineH24
{
	line-height: 24px;
}

/*********Left***********/
.leftM13
{
	left: -13px;
}

/*******Visibility*******/
.invisible
{
	visibility: hidden;
}


.NormalSubMenu, .ActiveSubMenu
{
	min-width:  150px;
	padding: 5px;
}
.ActiveSubMenu
{
	font-weight: bold;
}
.ActiveSubMenu:before
{
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #617d78;
	float: left;
	margin-top: 4px;
	padding-right: 3px;
}
.HiddenElement
{
	visibility: hidden;
}

/**************table start mcg 20150423***************************/


/**********FONTSIZE START********/
.fontsize15
{
	font-size: 15px;
}
/**********FONTSIZE START********/


/**********BORDER START********/
.BorderBottom1
{
	border-bottom: 1px solid cccccc;
}
/**********BORDER START********/



/**********WIDTH START********/
.width940
{
	width: 940px;
}
.width600
{
	width: 600px;
}
.width530
{
	width: 530px;
}
.width500
{
	width: 500px;
}
.width480
{
	width: 480px;
}
.width460
{
	width: 460px;
}
.width400
{
	width: 400px;
}
.width300
{
	width: 300px;
}.width300im
{
	width: 300px !important;
}
.width320
{
	width: 320px;
}
.fontWeightNormal
{
    font-weight:normal
}
.width250
{
	width: 250px;
}
.width210
{
	width: 210px;
}
.width207
{
	width: 207px;
}
.width130
{
	width: 130px;
}
.width40
{
	width: 40px;
}
.width30
{
	width: 30px;
}
.width349
{
	width: 345px;
}
.width0height0
{
	width: 0;
	height: 0;
}
/**********width END********/



/**********HEIGHT START*****/
.height10
{
	height: 10px;
}
.height340
{
	height: 340px;
}
/**********HEIGHT END*****/



/**********TOP START***************/
.top0
{
	top: 0px;
}
.top32
{
	top: -32px;
}
/*********TOP END****************/



/*********MARGIN START****************/
.marginleft12
{
	margin-left: 12px;
}
.marginLeft30
{
	margin-left: 30px;
}
.marginLeft0
{
	margin-left: 0px;
}
.MarginTop100
{
	margin-top: 100px;
}
/*********MARGIN END****************/

.marginLeft125 {
    margin-left: 125px;
}

/*********PADDING END****************/
.PaddingT18
{
	padding-top: 18px;
}
.PaddingB8
{
	padding-bottom: 8px;
}
/*********PADDING END****************/



/********COLOR START****************/
.colorRed
{
	color: Red;
}
.smallButton 
{
    text-align: center;
    text-decoration: none;
    width: 75px;
    border: 0px solid #AFAFAF !important;
}
.colorBgRed
{
    /*background-color: red !important;*/
    background-color: #FF8D6D !important;
    color: white !important;
	cursor: pointer;
}
.colorBgRed:hover
{
    background-color: rgba(255, 0, 0, 0.6) !important;
}
.color656561
{
	color: #656561;
}
/********COLOR END******************/

.colorBgDeepGray {
    background-color: rgba(0,0,0,0.6) !important;
    color: white !important;
}
.ProductCategoryListOverLay
{
	height: 28px;
	background-position-x: 185px;
}
#ReadonlyPriTxtBox
{
	width: 100px;
	height: 23px;
}
input[name=UnitPriTxtBox], input[name=QuantityTxtBox], input[name=ProductManualDescription]
{
	width: 150px;
	padding: 4px 6px;
	height: 20px;
}
#ProductXXX, #ProductCatXXX
{
	width: 210px;
	/*background-color: #E5E5E5;*/
	height: 28px;
	color: #333333;
	background-position-x: 185px;
}
.moreInfoSpan1
{
	margin-top: 0px;
	margin-left: 93px;
	left: -400px;
	top: -58px;
	width: 280px;
}
.moreInfoSpan2
{
	margin-top: 0px;
	margin-left: -45px;
	left: -262px;
	top: -58px;
	width: 280px;
}
.formFieldElement_QuickQuoteDiv
{
	left: 180px !important;
}


.logoimg
{
	width: 77px;
	height: 77px;
}
.divider hr, .areaLineHr
{
	height: 3px;
	background-color: #ccc;
	border: 0;
	margin-top: 12px;
	margin-bottom: 12px;
}
.ReportDetailListModelSelect
{
	background-position-x: 166px;
	height: 26px;
	width: 190px;
}

.DraftDiv
{
	padding-top: 18px;
	padding-bottom: 8px;
	border-bottom: 1px solid cccccc;
}
#hiddenDivForAD
{
	position: absolute;
	left: 131px;
	top: 88px;
}

#brizalLegals th
{
	width: 150px;
}
.MastheadTitle
{
	font: 24px Arial;
	color: #f2f2f2;
	padding: 32px 18px 18px 18px;
}

.loadDiv
{
	display: block;
	left: 392px;
	/*font-size: 12px;*/
	line-height: 22px;
}
.loadDiv img
{
	margin-right: 6px;
	position: relative;
	top: 3px;
}

.cursorPointer
{
	cursor: pointer;
}

/*=============Tables START=====================*/
.table_data
{
	border: 1px solid #CCCCCC;
	border-right: none;
	margin: 0 0 20px 0;
}
.table_data th, .table_data td
{
	padding: 5px 10px;
	text-align: left;
	/*font-size: 12px;*/
	line-height: 14px;
	border-right: 1px solid #CCCCCC;
	color: #777777;
}
.table_data tr.odd
{
	background-color: #FFFFFF;
}
.table_data tr.even
{
	background-color: #FFFFFF;
}
.table_data th
{
	vertical-align: bottom;
	color: #333333;
	background-color: #CCCCCC;
}
.table_data td
{
	vertical-align: middle;
}
.table_data .center
{
	text-align: center;
}
.table_data .right
{
	text-align: right;
}

/*This element will have impact on Training & promotion and marketing tables alignment*/
.PTMHeaderPadding .table_data td
{
	vertical-align: middle;
	width: 75%;
}.width40p {
     width: 40%;
 }
 .width5p {
     width: 5%;
 }
 .height100 {height: 100px !important;}
 .width6p {width: 6%;}
 .width50 {width: 50px !important;}
/*=============Tables END=====================*/

/**************table end mcg 20150423***************************/
.hiddenText
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    #inboxRedIcon{ top: 2px;}
}