/**
  * ### MICARDIS CSS TEMPLATE (version 2)
  *
  * AUTHOR : Craig McNicholas
  * DATE   : 25/01/2008
  * Edited 091217 by Michael Ludwig

  *
  **/

/**
  * ### GENERAL PAGE STYLES
  *
  **/

body
{
	background:#ffffff url("/Images/general/bg_macardis_mediacentre.jpg") repeat-x top left;
}

body, div, form, h1, h2, p
{
	font-family:arial, verdana, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
}

body, div, form /* CONTAINER FONT SIZE */
{
	font-size:1em;
}

h1 /* HEADER TEXT STYLES */
{
	color:#00B358;
	font-size:0.8em;
	font-weight:900;
}

h2, p /* TEXT FONT SIZE */
{
	font-size:0.75em;
}

h2 /* SUB HEADER TEXT STYLES */
{
	font-weight:900;
}

a, a:link, a:visited, a:active /* LINK STYLES */
{
	color:#00B159;
	text-decoration:none;
}

a:hover
{
	color:#00B159;
	text-decoration:underline;
}

ul /* LIST STYLES */
{
	list-style-type:none;
	list-style-position:outside;
}

a img /* IMAGE LINK STYLE */
{
	border:0 none;
}

select /* SELECT STYLES */
{
	width:200px;
}

textarea /* TEXTAREA STYLES */
{
	width:300px;
}



/**
  * ### PAGE HOLDER STYLES
  *
  **/
  
#main_holder
{
	width:980px;
	margin: auto;
	height: auto;
	overflow: hidden;
	background-color: #FFFFFF;
	*margin-bottom: -20px;
	*padding-bottom: 0;
	
}

/**
  * ### PAGE HEADER STYLES
  *
  **/

#header
{
	width:980px;	
}

#bar_dropshadow
{
	width:auto;
	margin: 0px 0px 20px 0px;
	padding-bottom:2px;
	background:none;
	height:80px;
}

#bar
{
	width:auto;
	background:transparent url("/Images/general/bg_header.gif") repeat-x top;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding-top:4px;
	font-size:0.85em;
	height:80px;
}

#logo_area
{
	width:450px;
	float:left;
}

#micardislogo, #micardispluslogo /* MICARDIS LOGO */
{
	margin-top: -5px;
	width: 165px;
	height: 70px;
	display: inline-block;
	margin-left: 12px;
}


#micardispluslogo /* MICARDIS PLUS LOGO */
{
	width: 185px;
}

#bi_logo /* BI LOGO */
{
	width:114px;
	height:70px;
	margin-top: -9px;
	margin-left: 10px;
	float: left;
}

#bar #search_area
{
	width:auto;
	text-align:right;
	margin:0px 12px 0 0;
	overflow:visible;
	color:#0083c6;
	font-size:1.1em;
}

#bar #search_area form
{
	color:#FFFFFF;
	font-weight: bold;
	font-size:0.75em;
	margin-top: 6px;
	padding-top: 14px;
	background: url("/Images/general/bg_search.jpg") no-repeat top right
}

#bar #search_area form p
{
	font-size:1em;
}

#bar #search_area p a /* SEARCH BAR LINKS */
{
	margin-left:6px;
	line-height:18px;
	color: #ffffff;
}

#bar #search_area form #search_bar /* SEARCH BAR STYLES */
{
	background:transparent url("/Images/general/bg_searchbar.gif") no-repeat top left;
	border:0px none;
	color:#000000;
	font-size:12px;
	width:120px;
	height:23px;
	margin-right: 10px;
	vertical-align:middle !important;
	position:relative;
}

#bar #search_area form .search_button, #bar #search_area form .search_button_hover /* SEARCH BUTTON STYLES */
{
	background:transparent url("/Images/general/bg_searchbutton.gif") no-repeat top left;
	border:0px none;
	cursor:pointer;
	font-size:12px;
	width:31px;
	height:23px;
	margin-right: 12px;
	vertical-align:middle !important;
	position:relative;
	margin-top:-2px;
	margin-left:-6px;
}

#bar #search_area form .search_button_hover /* HOVER CLASS FOR SEARCH BUTTON */
{
	background:transparent url("/Images/general/bg_searchbutton_hover.gif") no-repeat top left;
}



/**
  * ### NAVIGATION STYLES
  *
  **/

#nav_menu
{
	width:230px;
	*width:220px;
	float:left;
	border-right:1px solid #ffffff;
	height:700px;
	margin: 0;
}

#nav_menu ul /* LEVEL 1 NAVIGATION */
{
	padding-left: 6px;
	margin:4px 0 0 10px;
	
}

#nav_menu ul li
{
	margin: 0;
	padding: 5px 0px 5px 0px;
	font-size:0.7em;
	border-bottom: solid 1px #CDCDCD;
}

#nav_menu ul li a /* NAVIGATION LINKS */
{
	color:#00B159;
	margin:-4px 0 0 0;
}

#nav_menu ul li a:link, #nav_menu ul li a:hover, 
#nav_menu ul li a:visited, #nav_menu ul li a:active
{
	color:#00B159;
}

#nav_menu ul li ul /* LEVEL 2+ NAVIGATION */
{
	list-style-image:none;
	margin:0 0 0 18px;
	padding-left:0;
	color:#A0A0A0;
}

#nav_menu ul li ul li
{
	font-size:1em;
	border: none;
}

#nav_menu ul li ul li a
{
	color:#A0A0A0;
}

#nav_menu ul li ul li a:link, #nav_menu ul li ul li a:hover, 
#nav_menu ul li ul li a:visited, #nav_menu ul li ul li a:active
{
	color:#A0A0A0;
}



/**
  * ### CONTENT HOLDER STYLES
  *
  **/

#content
{
	width:744px !important;
	margin: 0;
	float: right;
	*margin: 0;
}

#content .box
{
	width:100%;
	margin-left:10px;
	margin-bottom:10px;

}
embed {
	/* *display: none; */
	*border: 0px solid #ff0000;
	*background: #fff;
	*position: absolute;
	*top: 0px;
	*margin-bottom: -50px;
	
}	
script {
border: 1px solid #ff00ff;
}
#content embed {
	*display: block;
	*border: 0px solid #ff0000;
	*position: relative;
	*top: -20px;
	*margin-bottom: 0px;
}	
#content #columns
{
	width:491px;
	float:left;
}
		
#content #columns .box
{
	margin-left:10px;
	margin-bottom:10px;
	width:481px !important;
	/*background-image:url('/Images/general/bg_boxes.png');*/
	background-color: #f2f2f2;
	border: 1px solid #E9E9E9;
}

#content #columns .box .left_img /* IMAGES IN MEDIA CENTRE DOUBLE CONTENT */
{
	float:left;
	width:233px;
}

#content #columns .box .push
{
	height:154px;
	margin-left:233px;
	width:auto;
}


#content #columns #left
{
	width:243px;
	float:left;
}

#content #columns #right
{
	width:auto;
	margin-left:243px;
}

#content #columns #left .box, #content #columns #right .box
{
	margin-left:10px;
	margin-bottom:10px;
	width:233px !important;
	/*background-image:url('/Images/general/bg_boxes.png');*/
	background-color: #f2f2f2;
}

#content #columns_right
{
	width:243px;
	margin-left:491px;
}
		
#columns_right #toolbar
{
	width:233px !important;
	margin-left:10px;
	margin-bottom:10px;
	/*background-image:url('/Images/general/bg_toolbar.png');*/
	background-color: #FFFFFF;
	border: 1px solid #E9E9E9;

}

#columns_right #toolbar div /* TOOLBAR DROPDOWN BUTTON */
{
	/*background:transparent url('/Images/general/bg_toolbar_dropdown.gif') repeat-x top;*/
	position:relative;
	width:100%;
	height:28px;
	margin:0;
	vertical-align:middle;
}

#columns_right #toolbar div a, #toolbar div a:hover /* TOOLBAR DROPDOWN BUTTON LINK */
{
	display:block;
	font-weight:900;
	width:95%;
	height:100%;
	text-decoration:none !important;
	margin:0 0 0 10px;
	line-height:20px;
	font-size:0.8em;
	vertical-align:middle;
	color: #ED4336;
	padding-top:5px;
}
		
#columns_right .box
{
	width:233px !important;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url("/Images/general/bg_boxes.png");
}



/**
  * ### BOX INNER STYLES
  *
  **/

.box h1, #toolbar h1 /* HEADER COLUMN STYLES */
{
	margin:0 10px 6px 10px;
	padding-top:6px;
}

.box h2 /* HEADER COLUMN STYLES */
{
	margin:0 10px 6px 10px;
	padding-top:6px;
}

#toolbar h2 /* HEADER COLUMN STYLES */
{
	margin: 0px 0px 6px 0px;
	padding: 6px 10px 6px 10px;
	color: #ED4336;
	background-color: #F2F2F2;
	border-top: 1px solid #E9E9E9;
	border-bottom: 1px solid #E9E9E9;
}

.box p, #toolbar p /* PARAGRAPH COLUMN STYLES */
{
	margin:0 10px 0 10px;
	padding-top:6px;
	padding-bottom:10px;
}

.box ul, #toolbar ul /* ONE LEVEL CONTENT LINK LIST */
{
	list-style-image:url("/Images/general/icon_nav_dot_green.png");
	margin:0 10px 0 10px;
	padding-top:6px;
	padding-bottom:10px;
	padding-left:10px;
}

#toolbar ul
{
	list-style-image:url("/Images/general/icon_nav_dot_red.png");
}

.box ul li, #toolbar ul li
{
	margin:0 10px 0 10px;
	font-size:0.75em;
}

.box ul li .content_list
{
	font-size:1.3em;
}

.box form ul /* LISTS IN FORMS */
{
	list-style-image:none;
	padding-top:0;
}

.box form ul li p /* LISTS IN FORMS */
{
	padding-bottom:4px;
}

.box ul li a /* CONTENT LINKS */
{
	margin:-4px 0 0 0;
}

#toolbar  ul li a /* CONTENT LINKS */
{
	margin:-4px 0 0 0;
	color: #000000;
}

.box span, #toolbar span /* ADD/PRINT/SEND BUTTONS */
{
	margin:10px 0 0 0;
	padding-top:6px;
	padding-bottom:10px;
	font-size:0.8em;
}

.box span .break_left, #toolbar span .break_left
{
	margin-left:6px;
}

.box span .single, #toolbar span .single
{
	margin-top:10px;
}

.box span p, #toolbar span p
{
	padding-top:0;
	padding-bottom:0;
}

.box .detail /* DETAIL BOX IN CONTENT */
{
	margin:8px;
	float:right;
	background:#ffffff;
	width:50%;
}


/**
  * ### FOOTER STYLES
  *
  **/

#footer
{
	background-color:#EBEBEB;
	height: 50px;
	text-align:right;
	font-size:0.7em;
	width:960px;
	float:left;
	margin: 0px 10px 0px 10px;
	*margin: 0 0 0 0;
}
#footer span#bi_logo {
	display: block;
	width: 720px;
	text-align: left;
}
#footer a, #footer a:hover /* FOOTER LINKS */
{
	margin: 20px 0px 0px 20px;
	*margin: 25px 0px 0px 20px;
	display: block;
	float: left;
	color: #565656;
}



/**
  * ### CONTENT TABS STYLES
  *
  **/
#content_tabs
{
	width:auto;
	margin:12px 10px 0 10px;
}

#content_tabs ul
{
	margin:0;
	padding:0;
}

#content_tabs ul li /* TAB BUTTONS */
{
	display:inline !important;
	background:transparent url("/Images/general/icon_tab.gif") repeat top;
	margin:0 6px 0 0;
	padding:4px 18px 0 4px;
	font-size:0.75em;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, 
body#tab4 li.tab4 , body#tab5 li.tab5 /* STYLES FOR SELECTED TAB */
{
	background:transparent url("/Images/general/icon_tab_hit.gif") repeat top;
}



/**
  * ### CONTENT LIST STYLES
  *
  **/
.content_list /* STYLES FOR CONTENT LISTS */
{
	width:100%;
	margin:0;
	padding:0;
	padding-bottom:12px;
}

.content_list h1
{
	font-size:1.1em;
}

.content_list p
{
	padding-top:4px;
	padding-bottom:0;
}

.content_list img
{
	float:left;
	margin:4px 10px 0 10px;
}

.content_list .left
{
	width:auto;
	margin-right:30%;
}

.content_list .right
{
	width:30%;
	float:right;
}



/**
  * ### STYLES FOR LOGIN AND DIRECTION PAGES
  *
  **/

#welcome
{
	width:980px;
}

#welcome .box
{
	background-image:url("/Images/general/bg_boxes.png");
}

#welcome .middle
{
	width:700px;
	margin:120px 140px 200px 140px;
}

#welcome .middle .left
{
	width:350px;
	float:left;
}

#welcome .middle .right
{
	margin-left:350px;
	width:auto;
}

#welcome .middle .full
{
	background:transparent url("/Images/general/bg_welcome_button.png");
}

#welcome .middle #left
{
	width:auto;
	margin-right:210px;
}

#welcome .middle #right
{
	width:200px !important;
	float:right;
}

#welcome .middle #left, #welcome .middle #right
{
	margin-left:10px;
}



/**
  * ### OTHER STYLES
  *
  **/

.page_count /* SEARCH PAGE COUNTS */
{
	float:right;
}

.img_left /* HACK TO NUDGE THE UL NEXT TO AN IMAGE */
{
	list-style-position:inside;
	margin-left:10px;
}

.push .img_left
{
	margin-left:0;
	padding-left:0;
}

.force_100 /* FORCES VERTICAL HEIGHT TO 100 FOR THUMBNAILS */
{
	height:100px;
}
/*imageFlow */
#content #columns .flashbox {
	margin-left:10px;
	margin-bottom:10px;
	width:480px !important;
}
#flashContent {
	width: 480px;
	height: 288px;
	margin: -3px 0 0 0 !important;
	padding: 0 !important;
}
	*:not(hr) #flashContent {
		margin: 0 !important;
	}
	#flashContent object {
		margin: 0 !important;
	}
	#flashContent .noJS {
		width: 480px;
		height: 288px;
		background: url("/wcms_pm/micardis_prod/Images/imageFlow/noFlash.jpg") no-repeat; 
		color: red;
		font-weight: bold;
		text-align: center;
	}
.videoSelector {
	margin: 0 15px 10px 15px !important;
	padding: 0 !important;
}
*:not(hr) .videoSelector {
	margin: 0 10px 10px 10px !important;
	padding: 0 10px 10px 10px !important;
}
	.videoSelector li{
		padding: 1px 0;
	}
.videoSelector a {
	color: black !important;
}
	.videoSelector .active, .videoSelector a:hover {
		font-weight: bold;
	}
	.videoSelector .active a:hover {
		cursor: default; 
		text-decoration: none;
	}
.box.catList {
	padding: 0;
	margin: -8px 0 0 0;
}
/*end imageFlow */

ul.searchpagecontrols 
{
	list-style: none !important;
}

ul.searchpagecontrols li 
{
	display: inline;
	list-style: none !important;
	margin: 0px !important;
	padding: 0px !important;
}
