@media only screen and (max-width: 960px) {
    .microsite-blue, .microsite-purple, .microsite-orange, .microsite-pale-red, .microsite-tiemba-blue, .microsite-tiemba-purple, .microsite-green {
        padding-bottom: 80px !important;
    }
}

.microsite-purple h1,.microsite-purple h2,.microsite-purple h3,.microsite-purple h4,.microsite-purple h5,.microsite-purple h6 {
	color:#731372;
}
.microsite-blue h1,.microsite-blue h2,.microsite-blue h3,.microsite-blue h4,.microsite-blue h5,.microsite-blue h6 {
	color:#003990;
}
.microsite-orange h1,.microsite-orange h2,.microsite-orange h3,.microsite-orange h4,.microsite-orange h5,.microsite-orange h6 {
	color:#F5821F;
}
.microsite-pale-red h1,.microsite-pale-red h2,.microsite-pale-red h3,.microsite-pale-red h4,.microsite-pale-red h5,.microsite-pale-red h6 {
	color:#B8274C;
}
.microsite-tiemba-blue h1,.microsite-tiemba-blue h2,.microsite-tiemba-blue h3,.microsite-tiemba-blue h4,.microsite-tiemba-blue h5,.microsite-tiemba-blue h6 {
    color:#00286C;
}
.microsite-tiemba-purple h1,.microsite-tiemba-purple h2,.microsite-tiemba-purple h3,.microsite-tiemba-purple h4,.microsite-tiemba-purple h5,.microsite-tiemba-purple h6 {
    color:#7E318E;
}
.microsite-green h1,.microsite-green h2,.microsite-green h3,.microsite-green h4,.microsite-green h5,.microsite-green h6 {
    color:#006e51;
}


/*** Navigation Color ***/
.microsite-purple .mini-nav a.active.ui-link, .microsite-purple .mini-nav a.active.ui-link:hover {
    color: #731372;
    font-weight: bold;
}
.microsite-purple .mini-nav a.ui-link {
    color: #731372;
    font-size: 16px;
}
.microsite-purple .mini-nav a.ui-link:hover {
    color: #4B0B4A;
}

/*** Navigation Color ***/
.microsite-blue .mini-nav a.active.ui-link, .microsite-blue .mini-nav a.active.ui-link:hover {
    color: #003990;
    font-weight: bold;
}
.microsite-blue .mini-nav a.ui-link {
    color: #003990;
    font-size: 16px;
}
.microsite-blue .mini-nav a.ui-link:hover {
    color: #002863;
}

/*** Navigation Color ***/
.microsite-orange .mini-nav a.active.ui-link, .microsite-orange .mini-nav a.active.ui-link:hover {
    color: #F5821F;
    font-weight: bold;
}
.microsite-orange .mini-nav a.ui-link {
    color: #F5821F;
    font-size: 16px;
}
.microsite-orange .mini-nav a.ui-link:hover {
    color: #E67614;
}
/*** Navigation Color ***/
.microsite-pale-red .mini-nav a.active.ui-link,.microsite-pale-red .mini-nav a.active.ui-link:hover {
    color: #B8274C;
    font-weight: bold;
}
.microsite-pale-red .mini-nav a.ui-link {
    color: #B8274C;
    font-size: 16px;
}
.microsite-pale-red .mini-nav a.ui-link:hover {
    color: #A02242;
}

/*** Navigation Color ***/
.microsite-tiemba-blue .mini-nav a.active.ui-link, .microsite-tiemba-blue .mini-nav a.active.ui-link:hover {
    color: #00286C;
    font-weight: bold;
}
.microsite-tiemba-blue .mini-nav a.ui-link {
    color: #00286C;
    font-size: 16px;
}
.microsite-tiemba-blue .mini-nav a.ui-link:hover {
    color: #002863;
}

/*** Navigation Color ***/
.microsite-tiemba-purple .mini-nav a.active.ui-link, .microsite-tiemba-purple .mini-nav a.active.ui-link:hover {
    color: #7E318E;
    font-weight: bold;
}
.microsite-tiemba-purple .mini-nav a.ui-link {
    color: #7E318E;
    font-size: 16px;
}
.microsite-tiemba-purple .mini-nav a.ui-link:hover {
    color: #4B0B4A;
}

/*** Navigation Color ***/
.microsite-green .mini-nav a.active.ui-link, .microsite-green .mini-nav a.active.ui-link:hover {
    color: #006e51;
    font-weight: bold;
}
.microsite-green .mini-nav a.ui-link {
    color: #006e51;
    font-size: 16px;
}
.microsite-green .mini-nav a.ui-link:hover {
    color: #006e51;
}

/*** Dock Color for all themes***/
.microsite-purple .dock ul li a {
	background: #731372;
}
.microsite-purple .dock ul li a:hover {
	opacity: 0.8;
}

.microsite-blue .dock ul li a {
	background: #003990;
}
.microsite-blue .dock ul li a:hover {
	opacity: 0.8;
}
.microsite-orange .dock ul li a {
	background: #F5821F;
}
.microsite-orange .dock ul li a:hover {
	opacity: 0.8;
}
.microsite-pale-red .dock ul li a {
	background: #B8274C;
}
.microsite-pale-red .dock ul li a:hover {
	opacity: 0.8;
}
.microsite-tiemba-purple .dock ul li a {
	/** to green doc button **/
    background: #006e51;
}
.microsite-tiemba-purple .dock ul li a:hover {
    opacity: 0.8;
}
.microsite-tiemba-blue .dock ul li a {
    background: #00286C;
}
.microsite-tiemba-blue .dock ul li a:hover {
    opacity: 0.8;
}

.microsite-green .dock ul li a {
    background: #006e51;
}
.microsite-green .dock ul li a:hover {
    opacity: 0.8;
}

/*** Hide Chevron in microsite docks **/
.microsite-pale-red .dock .arrow, .microsite-orange .dock .arrow,.microsite-blue .dock .arrow,  .microsite-purple .dock .arrow, .microsite-tiemba-purple .dock .arrow, .microsite-tiemba-blue .dock .arrow, .microsite-green .dock .arrow {
    display: none;
}

/****Button primary color in microsites**/
.microsite-pale-red .btn-primary{
    background-color: #B8274C;
}
.microsite-orange .btn-primary{
    background-color: #F5821F;
}
.microsite-blue .btn-primary{
    background-color: #003990;
} 
.microsite-purple .btn-primary {
    background-color: #731372;
}
.microsite-tiemba-purple .btn-primary {
    background-color: #006e51;
}
.microsite-tiemba-blue .btn-primary {
    background-color: #00286C;
}

.microsite-green .btn-primary {
    background-color: #006e51;
}

.microsite-pale-red .btn-primary:hover{
    background-color: #B8274C;
    opacity: 0.8;
}
.microsite-orange .btn-primary:hover{
    background-color: #F5821F;
    opacity: 0.8;
}
.microsite-blue .btn-primary:hover{
    background-color: #003990;
    opacity: 0.8;
} 
.microsite-purple .btn-primary:hover {
    background-color: #731372;
    opacity: 0.8;
}
.microsite-tiemba-purple .btn-primary:hover {
    background-color: #006e51 !important;
}
.microsite-tiemba-purple .btn-primary:active {
    background-color: #006e51 !important;
    opacity: 0.8;
}
.microsite-tiemba-blue .btn-primary:hover {
    background-color: #00286C;
    opacity: 0.8;
}

/*** green micro site ***/


.microsite-green .panels-ipe-portlet-content {
    colour: #006e51;
}


.microsite-green a.btn.btn-primary.ui-link.btn.btn-primary.ui-link {
    background-color: #006e51 !important;
}

.microsite-tiemba-purple  .panel-accordion .panel-title .accordion-arrow {
	background:url("../img/accordion-arrow-purple.png") -3px -18px;
	background-repeat:no-repeat;
	height:8px;
	margin:5px;
	padding:0px 4px;
	
}


.microsite-tiemba-purple .panel-accordion .panel-title .accordion-arrow.down{
	background:url("../img/accordion-arrow-purple.png") -3px 5px;
	background-repeat:no-repeat;
	height:8px;
	margin:5px;
	padding:0px 4px;
	
}

.microsite-green  .panel-accordion .panel-title .accordion-arrow {
	background:url("../img/accordion-arrow-green.png") -3px -18px;
	background-repeat:no-repeat;
	height:8px;
	margin:5px;
	padding:0px 4px;
	
}
.microsite-green .panel-accordion .panel-title .accordion-arrow.down{
	background:url("../img/accordion-arrow-green.png") -3px 5px;
	background-repeat:no-repeat;
	height:8px;
	margin:5px;
	padding:0px 4px;
	
}
.microsite-green #thumbs-wrapper #prevCP {
    background: transparent url(../img/sprite-carousel-arrow-green.png) no-repeat 0 0;
    display: block;
    width: 16px;
    height: 28px;
    margin-top: -28px;
    position: absolute;
    top: 50%;
}

.microsite-green #thumbs-wrapper #nextCP {
	 background: transparent url(../img/sprite-carousel-arrow-green.png) no-repeat 0 0;
    display: block;
    width: 16px;
    height: 28px;
    margin-top: -28px;
    position: absolute;
    top: 50%;
	background-position : -16px 0; 
}

.microsite-green #thumbs-wrapper #thumbs a:hover span, #thumbs-wrapper #thumbs a.selected span {
    background: url(../img/bar-arrow-down-green.png) center bottom repeat-x;
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px), not all, not all, not all, only screen and (max-width: 960px) and (min-resolution: 192dpi), only screen and (max-width: 960px) and (min-resolution: 2dppx){
	.microsite-green .carousel-container .carousel-content .carousel-arrow.arrow-right span {
		background-image: url(../img/green-sprite-icons2x.png) !important;
	}
}


@media only screen and (max-width: 960px){
	.microsite-green .carousel-container .carousel-content .carousel-arrow.arrow-right span {
		background-repeat: no-repeat;
		background-position: -279px -262px;
		display: block;
		height: 30px;
		position: relative;
		right: 10px;
		width: 30px;
		background-image: url(../img/green-sprite-icons.png) !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px), not all, not all, not all, only screen and (max-width: 960px) and (min-resolution: 192dpi), only screen and (max-width: 960px) and (min-resolution: 2dppx){
	.microsite-green .carousel-container .carousel-content .carousel-arrow.arrow-right span {
		background-image: url(../img/green-sprite-icons2x.png) !important;
	}
}
@media only screen and (max-width: 960px){
	.microsite-green .carousel-container .carousel-content .carousel-arrow.arrow-left span {
		background-repeat: no-repeat;
		background-position: -229px -262px;
		display: block;
		height: 30px;
		left: -10px;
		position: relative;
		width: 30px;
		background-image: url(../img/green-sprite-icons.png) !important;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px), not all, not all, not all, only screen and (max-width: 960px) and (min-resolution: 192dpi), only screen and (max-width: 960px) and (min-resolution: 2dppx){
	.microsite-green .carousel-container .carousel-content .carousel-arrow.arrow-left span {
		background-image: url(../img/green-sprite-icons2x.png) !important;
	}
}