/****************************************************
	These are custom styles that should be read last
	by the browser. Add quick custom CSS here to keep
	side wide styles decoupled.
****************************************************/

/****************************************************
    LIVE CHAT POP UP BOX
****************************************************/

#welcomeMessage .bcText a div {
	color: #FEA829;
	text-align: left;
	text-decoration: underline;
}


/****************************************************
    MAIN NAV SECTION LAYOUT FIX 
****************************************************/
#breadcrumbs .links {
    margin-top: 21px;
}

.utility_nav li i {
	color: #007BB6;	
}

li.utility_livechat {
	background: url('/images/ico_chat.png') no-repeat;
	padding-left: 24px;	
}

/****************************************************
    HOME PAGE
****************************************************/
.provider-number {
    font-size: 12px;
    position: absolute;
    left: 160px;
    top: 73px;
	z-index: 1;
}

.provider-number.front-end-master {
	top: 67px;	
}

/****************************************************
    Frontend.Master Header section
****************************************************/
.header.front-end-master {
    height: 89px;
}

.products-page {
    margin-top: -9px;   
}


/****************************************************
    DISCOUNT OFFER MODAL
****************************************************/

.leaving-offer {
	background: url(/images/coupons/bg-repeat-y.png) repeat-y;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	min-width: 310px;
}

.leaving-offer span {
	color: yellow;
	font-weight: bold;	
}

.leaving-offer .close {
	margin-top: -10px;	
}

.leaving-offer .header-img {
	max-width: 100%;
	position: initial;	
}

.leaving-offer .img-container {
	display: none;
}

.leaving-offer .modal-body {
	background-size: 45%;
	overflow: hidden;
	background-position: right 11px;	
}

.leaving-offer .modal-footer,
.leaving-offer .modal-header {
	box-shadow: none;
	border: none;
	padding: 5px 10px;	
}

.leaving-offer .modal-footer {
	background: url(/images/coupons/footer-bg-repeat-x.png) repeat-x;
}

.leaving-offer .promo-code {
	color: yellow;
	padding: 10px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.leaving-offer .main {
	font-weight: 100;
}

.leaving-offer .lg-offer-text {
	font-size: 21px;
	letter-spacing: 2px;
	margin-bottom: 5px;	
	text-align: left;
}

.leaving-offer .list-of-reasons {
	padding-bottom: 10px;	
}

.leaving-offer .list-of-reasons li {
	margin-bottom: 0;	
	letter-spacing: 1.5px;
}

.leaving-offer .modal-footer {
	font-weight: 100;	
}

.leaving-offer .modal-footer .register-button {
	margin-top: 11px;
	box-shadow: none;
	border: none;
}

@media (min-width: 768px) {
	
	.leaving-offer .promo-code {
		top: 18%;
		border: 1px solid yellow;
		position: absolute;
	}
	
	.leaving-offer .main {
		position: absolute;
		top: 35%;	
	}
	
	.leaving-offer {
		width: 750px;
		left: 45%;	
	}
	
	.leaving-offer .header-img {
		max-width: 62%;
		position: absolute;
		top: 7%;	
	}
	
	.leaving-offer .img-container {
		margin-right: -30px;
		margin-bottom: -36px;
		display: inline-block;	
	}
	
	.leaving-offer .list-of-reasons li {
		margin-bottom: 6px;	
		letter-spacing: 1.5px;
	}
}

@media (max-width: 767px) {
	.leaving-offer {
		position: absolute;	
	}	
}