/***

	GENERIC STYLESHEET

	Branding and layout styles. 

	@Authors
	iris Digital

	-[Contents]------------------------
	1. Inports
		1.1 Tabs
		1.1 Box
	2. Content tabs
		2.1 Tab 1
		2.2 Tab 2
		2.3 Tab 3
		2.4 Tab 4
	3. Generic styles
	4. sIFR
	5. Brightcove
	-----------------------------------

***/

/****************************************************************************
	1. Inports
*/

@import "tabs/tabs.css";
@import "box/box.css";
@import "content.css";

/****************************************************************************
	2. Content tabs
*/

@import "../tabspecific/tab1.css";
@import "../tabspecific/tab2.css";
@import "../tabspecific/tab3.css";
@import "../tabspecific/tab4.css";
@import "../tabspecific/tab5.css";

/****************************************************************************
	3. Generic styles 
*/

/*#cp_tab1 p,
#cp_tab2 p,
#cp_tab3 p,
#cp_tab4 p*/
.viva-cafe p
{
	color: #4d200e;
}

/*#cp_tab1 h2,
#cp_tab1 h3*/
.viva-cafe h3
{
	color: #9c1a22;
}

.tab4_mainBgPos h5 {
margin-top:0;
padding-top:20px;
}

#p-rcb a.cta
{
	background: transparent url(../../images/generic/bg-cta.gif) no-repeat scroll right 3px;
	color:#9c1a22;
	padding:0 10px 0 0;
}

#p-rcb a.cta:hover
{
	background-position: right -15px;
	color: #4d200e;
	text-decoration: none;
}

.hr
{ 
	background: transparent url(../../images/generic/bg-hr.jpg) no-repeat scroll -1px 0;
	height:17px;
}

.hr hr
{
	display: none;
}


/****************************************************************************
	4. sIFR replacements 
*/

.sIFR-active #p-rcb h2
{
	visibility: hidden;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.sIFR-active #p-rcb h3
{
	visibility: hidden;
	padding-bottom: 0px;
	margin: 0px;
}
.sIFR-active #p-rcb h4
{
	visibility: hidden;
	padding-bottom: 0px;
	margin: 0px;
}
.sIFR-active #p-rcb h5
{
	visibility: hidden;
	padding-bottom: 0px;
	margin: 0px;
}
/* These are sIFR equivalents to make the titles look roughly the same when sIFR does not work (offline editing) */
/*#p-rcb h2*/
.viva-cafe h2
{
	font-size: 26px;
	padding: 20px 0 16px 0;
}
/*#p-rcb h3*/
.viva-cafe h3
{
	font-size: 25px;
	padding: 26px 0 16px 0;
}
/*#p-rcb h4*/
.viva-cafe h4
{
	font-size: 21px;
	padding: 13px 0 10px 0;
}
/*#p-rcb h5*/
.viva-cafe h5
{
	font-size: 17px;
	padding: 14px 0 9px 0;
}

/* Flash Header */

#p-rcb #flashheader_wrapper
{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #ffffff;
}

.no-tabs #cp_tabmenu
{
	display: none;
}

#p-rcb #flashheader_wrapper, #p-rcb #flashheader_wrapper #flashheader
{
	height: 275px;
	min-height: 275px;
}
#p-rcb #flashheader_wrapper object
{
	outline: none;
}


/****************************************************************************
	5. Brightcove 
*/
.video-content a
{
	display: block;
	background: transparent url(../../images/generic/video.png) no-repeat scroll 0 0;
	height:282px;
	width:331px;
}

#overlayDiv.popup {width:auto;/*750px;*/ /* player height + padding left and right (486 + 20)*/display:none;background:#fff;border:1px solid black;padding:4px;}
#overlayDiv.popup .navigation {float:right;	}
#overlayDiv.popup .content{padding:10px;text-align:center;}
#overlayDiv.popupbrightcove{height:auto; /* player height + padding top and bottom + close button height (412 + 20 + 15)*/}
#popupManBackground {background:#333;}
#overlayDiv .close_btn{ cursor: pointer; color : #000000; font-weight:bold; }

.reg {
	font-size: 11px;
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}