/*=====================
Skin 
=====================*/
#mall-info {
	border-top: 1px solid #dddddd;
}
footer .inner-wrapper {
	border-top: 1px solid #dddddd;
}
.quick-access {
	border-bottom: none;
	background-color: #e1413f; /*Primary Colour*/
	color: #fff!important;
}

.quick-access a {
	color: #fff;
}

.input-field {
	border: 1px solid #ddd;
	border-radius: 3px;
	height: 52px;
}
.input-field.style2 {
 height: 243px;
}

.internal-nav {
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 1px 2px 2px rgba(0,0,0,0.15);
}


/* Flex overlay */
.flex-overlay {
	background: rgba(92, 194, 168, 0.8); /*Secondary Colour RGB*/
}

/*===========================Icon-Colors======================*/
.internal-nav .fa {
	color: #4f4c4d !important;
}
/*text color*/
.internal-nav h3 {
/*color:#c00 !important; */
}
.internal-nav li.active .fa {
	color: #e1413f !important; /*Primary Colour*/
}
/*text color*/
.internal-nav li.active h3 {
/*color:#c00 !important; */
}


/* Allow for customizability of triangle image in subnav */
.internal-nav li:after {
	content: '';
	background: #5cc2a8/*Secondary Colour*/ url(/assets/frontend/img/basic/tri_alt.png) center center no-repeat;
}

.mall-hour-controls li.active:after {
	content: '';
	background: #e1413f/*Primary Colour*/ url(/assets/frontend/img/basic/tri_alt.png) center center no-repeat;
}


/* Directions page circle customization */
.mall-location .icon_pin_alt{
    border-radius: 40px;
    color: #fff;
    background-image: none!important;
}

/*===========================Background-Colors======================*/


body, .about-wrapper, .opportunity, .brand-sale, .brand-contact li h5 {
	background-color: #fafafa;
}
.job-table .description a {
    color: #000;
}
.job-table h3:after {
	background-color: #f6f6f6;
}
footer, .svg-map-wrapper {
	background-color: #ebebeb;
}
#mall-info, .panel-body, .access_style2, .news-event.event-dark, .location.style2, .position.style2, .description.style2, .style-red {
	background-color: #ebebeb;
}
.mall-location {
	border: 2px solid #9C9999;
	background-color: #fff;
}

.brand-info .tags li a, .job-opportunity {
	background-color: #CECECE;
}

#news .loadmore, .mall-location i {
	border: 2px solid #9C9999;
}

.contact-tabs .clear-form, #news .loadmore:hover, .mall-location .icon_pin_alt, .get-direction {
	background-color: #9C9999;
}

#advertisng a:hover, #leasing-callout-module a:hover, #mall-hour, #directories, .navbar-default, .internal-nav {
	background: #fff;
}
.newsletter-info:after {
	background-image: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}

.navbar-header {
	margin-top: 2px;
	margin-bottom: 8px;
}

/*orange , (May change it with any color code)*/
.brand-contact li span, .brand-contact .dropdown-menu ,.download-form span, .contact-tabs button, .subscribe button:hover, #carousel-home span:hover, #about-prev span:hover, #about-next span:hover,.brand-sale .hover-content a:hover,.event-hover-content a:hover,a.about-content:hover,.contact-tabs button:hover,.nav-tabs > li > a:hover,.nav-tabs > li.active > a:hover, #carousel-home span:hover,#about-us-slider .top-nav span:hover .navbar-default .navbar-toggle:hover .icon-bar, .panel-default > .panel-heading, h2:after, .navbar-nav > li.active:after, #mall-info h3:after, .navbar-nav > li:after, .navbar-nav > li:hover:after, #about-mall .about-content.mall-timings h3 span:after, .newsletter, .mall-finder, #mall-hour .section-head h2:after, .section-head h2:after, .event-hover-content a, .deal .hover a, #signup .section-head h2:after, #signup button, #advertisng h2:after, #leasing-callout-module h2:after, #gifts h2:after, #lost .section-head:after, .job-opportunity h2:after, .brand-sale .hover-content a, .mall-location i, #accessibility .section-head h2:after, .popup .buttons a, #shareFunctional {
	background-color: #e1413f; /*Primary Colour*/
}
.promotions:after {
	background: rgba(80,166,79,0.97);
}

/* Green ,(May change it with any color code) */
.promotions.call-to-action, .newsletter.style3 .newsletter-form button:hover, .navbar-default .navbar-toggle:hover .icon-bar, .newsletter-form button, .news-event .event, .newsletter.style3 .newsletter-form button, .brand-info .tags li a:hover, .download-form span:hover, .popup .buttons a:hover, .news-event .hover a.pop-event-trigger:hover, #signup button:hover, .deal .hover a:hover, .newsletter-form button:hover, .panel-default > .panel-heading:hover, .about-content.style-fb:hover {
	background-color: #5cc2a8; /*Secondary Colour*/
}
.about-content {
	background-color: #5cc2a8; /*Secondary Colour*/
	background-color: rgba(92, 194, 168, 0.8); /*Secondary Colour RGB*/
}

/* Directions buttons */
.print-map a{
	background: #e1413f; /*Primary Colour*/;
	color: #fff;
}

.contact-tabs button:hover, .print-map a:hover{
	background: #5cc2a8; /*Secondary Colour*/;
	color: #fff;
}

.newsletter-form button:hover, .print-map span{
	color: #fff;
}

/* Directions accordion*/
.panel-body {
	background: #FFF;
}

#directories li:hover {
	background: #FFF;
}

/*=========================Text Colors=================================*/

#news .loadmore, .get-direction button:hover, #direction-trigger:hover {
	color: #9C9999;
}
#advertisng a.btn:hover, .brand-contact li a, .brand-contact li h5, .opportunity h3 ,.weekly-hour h3, .mall-hour-controls li, .news-event, .accessibility-controls li, body, h2, .internal-nav li.active h3, #directories h3, #mall-info h3, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .news-event .hover a.pop-event-trigger:hover, .news-event a.pop-event-trigger, .deal-content h5, .contact-tabs li p a, #jobs .section-head, .job-table h4, .job-table h5, .description, a.collapse-trigger {
	color: #000;
}
.navbar-nav > li.active a, .internal-nav h3:hover, .news-event .hover a.pop-event-trigger:hover {
	color: #000 !important;
}
a.about-content:hover, #carousel-home span:hover,  #about-prev span:hover, #about-next span:hover, .opportunity-detail .download-form a:hover span, .download-form a:hover span, .event-hover-content a span, .brand-info .tags li a:hover, .brand-contact li span, .popup .buttons a span, .deal .hover a span{
	color: #fff;
}
.download-form span:hover, .news-event .hover a.pop-event-trigger:hover, #signup button:hover, .hover-content a:hover {
	color: #fff!important;
}
.contact-tabs li span, .job-table h5 span, .popup h3 {
	color: #333;
}
.download-form h5:hover, .brand-detail h1, .brand-contact li h5 .btn, a.store-expand:hover, .inner-wrapper li a:hover, #mall-info .contact-info li a:hover, .quick-links li a:hover, .whats-new .event a:hover, .flex-content a.btn:hover, .stores-nav span, .record span, .brand-sale h3, #jobs .section-head span, .flex-content h3, .internal-nav li.active span, .mall-hour-controls li.active, .accessibility-controls li.active, .news-event h3, .opportunity a.opportunity-expander, .opportunity li span, .popup.event-style h3 {
	color: #e1413f!important; /*Primary Colour*/
}
.news-event span, .download-form h5, .opportunity li, .brand-sale h4, .weekly-hour h4, #directories li a, #mall-info, #mall-info .contact-info li a, .quick-links li a, .deal-content h3 {
	color: #656565;
}
.deal-wrapper:hover > .deal-content h3 {
	color: #fff !important;
}
.whats-new-nav a:hover, .contact-tabs li span, a.store-expand, #directories li a:hover, .whats-new .event a, #mall-info .contact-info.style-2 li span, .access_style2 a {
	color: #5cc2a8; /*Secondary Colour*/
}
#news .loadmore:hover, #direction-trigger, #accessibility .access, .news-event .event, .deal .hover a, #signup, #signup .section-head h2, .contact-tabs button, .contact-tabs .clear-form, #advertisng, #leasing-callout-module, .header-bg, #advertisng h2, #leasing-callout-module h2, #gifts, #gifts h2, .newsletter.style3, .job-opportunity h2, #carousel-home, .newsletter, .mall-finder, .go-up {
	color: #fff;
}
#accessibility .section-head h2, .news-event .hover a.pop-event-trigger {
	color: #fff !important;
}

@media (max-width: 1000px) {
.navbar-nav > li.active a {
	color: #e1413f!important; /*Primary Colour*/
}
}

@media (max-width: 600px) {
.deal-wrapper:hover > .deal-content h3 {
	color: #656565!important;
}
}


/*=========================border Colors=============================== */


.quick-access .directions {
	border-color: rgba(255,255,255,0.4)!important;/*Should be 40percent lighter than primary*/
}

.weekly-hours, .directions, .web-access {
	border-color: #dddddd;
}
.internal-nav li:after, .mall-hour-controls li.active:after, .accessibility-controls li.active:after {
	border-top-color: #e1413f; /*Primary Colour*/
}
.im-tooltip h4, #directories h3, .mall-hour-controls li.active, .accessibility-controls li.active {
	border-color: #e1413f; /*Primary Colour*/
}

#directories li {
	border-bottom: 1px solid #E4E4E4;
}

.access_style2 a {
	border-color: transparent;
}
.accessibility-controls li {
	border-color: #000;
}




/* MALL MAP */




svg #BACKGROUND path{
	fill: #BFBFBF;
}



#news .loadmore {
	font-weight: bold
}




/*======================Do Not Modify - Universal===============*/

.dir_sale {
	background-color: #ff1000;
	color: #fff !important;
}

.dir_promotion, .dir_promotion:hover {
	background-color: #FFEB00;
	color: #000!important;
	border-color: #FFEB00;
}

.dir_hiring, .dir_hiring:hover {
	background-color: #319765;
	color: #FFF!important;
	border-color: #319765;
}


.legend-wrapper {
	background: #CECECE;
	padding: 14px;
}

.map-legend h4 {
	background-color: inherit;
	color: #BFBFBF;
	font-weight: 600;
	padding: 0 0 5px 0;
	display: table;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 16px;
}


.im-clear-button {
	background-color: #151515;
	margin: 10px 0;
}

.newsletter.style3 {
	background: center center repeat-x #e1413f;
}

#carousel-home span, #about-prev span, #about-next span {
	background: rgba(255, 255, 255, 0.6);
}