/*
______________________________________________________________________________________________________________ 
	
Author: 	Thomas Thorstensson
Date: 		06 February 2004
Desc:		CSS file required for enterprise OUTER TEMPLATEs.
			See comments contained in this CSS file:
______________________________________________________________________________________________________________
*/

#hubBoxCom {
	z-index:1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 186px;
	background-color: #D90035;
}

#hubBoxCom a, #hubBoxCom a:active, #hubBoxCom a:link, #hubBoxCom a:visited {
	text-decoration:none;
	color: #D90035;

}

#hubBoxCom a:hover {
	color: #AA002B;	/*can be set to rollover color*/
}

/*
We use a holder div for the menu and position it at absolute coordinates.
The nested divs are then relative (to top) within.
*/

#verticalmenuOuterHolder {
	z-index:500;
	position: absolute;
	visibility: visible;
	left: 7px;
	top: 112px;
	width: 184px;
	background-image: url(/images/nav/menu_com_verticalTile.gif);
}

#mozilla{
	margin: 0px 0px 3px 0px;
	position:relative;
	top: 14px;
	background-color: #D90035;
	visibility: visible;
	height: 15px;
	width: 186px;
	border-bottom-width:thin; 
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/*
Below comes the settings for the menu in open state, containing list items.
It is all set with classes as we have more than one menu layer.
Only states which give the menu focus on an open state or current selection are set with specific ids (#).
*/

.nav {
	position: relative;
	left: 0px;
	top: 10px;
	width: 186px;
	background-color:#FFFFFF;
}

.nav ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;

}

.nav li, .nav a {
	margin: 0px 0px 0px 0px;
	text-decoration:none;
}

/*
display:block makes entire li row responsive, instead of just the text.
*/

.nav a:active, .nav a:link, .nav a:visited {
    display: block;
	padding: 1px 0px 1px 18px;
	width: 155px;
	color: #D90035;
}

.nav a:hover {
	background-image:    url(/images/nav/menu_com_IconOn.gif);
	color: #AA002B;	/*can be set to rollover color*/
}

.closed {
	/*
	Applies lines to the closed nav.
	Needs to be separate from .closed li or Mozilla
	Will show double lines!
	*/
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.closed li{
	padding: 2px 0px 2px 4px;
}

.closed, .closed li {
	background-color:transparent;
	margin-top:0px;
}

.closed a:link, .closed a:visited, .closed a:active {
	padding: 0px 0px 2px 0px;
}

.closed a:hover {
	background-image:none;
	padding: 0px 0px 2px 0px;
	background-color:transparent;
	color: #AA002B;
}


.multi_footer, .multi_footer a:link,  .multi_footer a:active, .multi_footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color: #003366;
	margin:0px 5px 0px 0px;
	font-weight: bold;
}

.multi_footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #666666;
}





/*
#section is the first non-indented option in the menu.
Not to be confused with the #focus; which indicates selection.
*/

#section a:link, #section a:visited, #section a:hover {
	padding: 1px 0px 1px 4px;
	text-decoration: none;
	background-image:   url(/images/nav/menu_com_IconBlank.gif);
}

/* HIDE FROM IE MAC \*/
#focus {
	background-image:    url(/images/nav/menu_com_IconOn.gif);
	background-position-y: 3px;
}
/* ! END HIDING FROM IE MAC */
/* ! END MENU */

/*
Styles for the divs that generally do not change from page to page (outer).
*/

#logoOuter {
	position: absolute;
	visibility: visible;
	z-index: auto;
	left: 0px;
	top: 0px;
	width: 192px;
	height:105px;
}

#headerOuter {
	position: absolute;
	visibility: visible;
	z-index: auto;
	left: 192px;
	top: 0px;
	width: 586px;
	height: 105px;
}

#formOuter {
	position: relative;
	visibility: visible;
	z-index: 300;
	left: 0px;
	top: 0px;
	width: 184px;
	height: 101px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	background-color: transparent;
}

#horizontalmenuOuter {
	position: absolute;
	visibility: visible;
	z-index: 200;
	left: 192px;
	top: 105px;
	width: 586px;
}

/* 
Styles for the inner template and footer.
placeHolder makes inner content relative to its top. 
*/

	/*
	The Header (H1, H+n) tags for innercontent[hubname]:importance in decending order.
	*/


H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	color: #D90035;
}


#innercontentNorm H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #D90035;
}

/*In the fixed one the height is set: used for hub_template to align footer to this div*/


/*
Positioning of sideboxes. These are unique.
*/

#sideboxrow1 {
	position:relative; 
	visibility: visible; 
	width:181px; 
	left: 392px; 
	top: 0px;
	z-index:auto; 
	background-image:   url(/images/com_sidebox_bgnd.gif); 
	layer-background-image:   url(/images/com_sidebox_bgnd.gif);
	background-color: #D90035;
	border: 1px none #000000; 
	padding: 5px 0px 5px 5px;
}

#sideboxrow2 {
	position: relative;
	visibility: visible; 
	width: 181px;
	left: 392px;
	top: 10px;
	z-index: auto;
	background-image:    url(/images/com_sidebox_bgnd.gif);
	layer-background-image:   url(/images/com_sidebox_bgnd.gif);  
	background-color: #D90035;
	border: 1px none #000000; 
	padding: 5px 0px 5px 5px;
}

#sideboxrow3 {
	position: relative;
	visibility: visible;
	width: 186px;
	height: 300px;
	left: 391px;
	top: 20px;
	z-index: auto;
	border: 1px none #000000;
	padding-left: 0px;
	padding: 0px 0px 0px 0px;
}

/*
This box is for company hub: the lowest sidebox needs a set height due to that
it has a backoground image which must always be visible. This of courses raises the
question: what if there is more text than it's height? Suggest as rule should exist here.
*/

#sideboxrow3Pic {
	position: relative;
	visibility: visible;
	width: 181px;
	left: 392px;
	top: 20px;
	z-index: auto;
	background-color: #D90035;
	border: 1px none #000000;
	padding-left: 5px;
	padding: 5px 0px 5px 5px;
	height: 100px;
}

/*Aligns a href with bottom of this promo box.*/
#sideboxrow3Pic a {
	position:absolute;
	left:5px;
	bottom:5px;
	top: 80px;
}

/*comServiceBoxes:company_services_template*/

#boxr1c1 {
	overflow:auto;
	position:absolute;
	left:0px;
	top: 70px;
    /* Publicis Edit
    Need a width in these boxes so that text wraps
    */
    width:185px
}

#boxr1c1 a:hover {
	color:#009933;
}

#boxr1c1 H1, #boxr1c1 a {
	padding-left:0px;
	font-size:10px;
	font-weight:bold;
	color:#4eb12b;
	text-decoration:none;
}

#boxr1c2 {
	overflow:auto;
	position:absolute;
	top:70px;
	left: 195px;
    /* Publicis Edit
    Need a width in these boxes so that text wraps
    */
    width:185px
}

#boxr1c2 a:hover {
	color:#00182f;
}

#boxr1c2 H1, #boxr1c2 a {
	margin: 3px 0px 3px 0px;
	padding-left:0px;
	font-size:10px;
	font-weight:bold;
	color:#003565;
	text-decoration:none;
}

#boxr1c3 {
	overflow:auto;
	position:absolute;
	top:70px;
	left: 390px;
    /* Publicis Edit
    Need a width in these boxes so that text wraps
    */
    width:185px
}

#boxr1c3 a:hover {
	color:#109298;
}

#boxr1c3 H1, #boxr1c3 a{
	padding-left:0px;
	font-size:10px;
	font-weight:bold;
	color:#15bcc5;
	text-decoration:none;
}

#boxr2c2 {
	position:absolute; 
	visibility: visible; 
	width:181px; 
	left: 195px; 
	top: 290px;
	z-index:auto; 
	background-image:   url(/images/com_sidebox_bgnd.gif); 
	layer-background-image:   url(/images/com_sidebox_bgnd.gif);
	background-color: #D90035;
	border: 1px none #000000; 
	padding: 5px 0px 5px 5px;
}

#boxr2c3 {
	position:absolute;
	visibility: visible; 
	width: 181px;
	left: 390px;
	top: 290px;
	z-index: auto;
	background-image:    url(/images/com_sidebox_bgnd.gif);
	layer-background-image:   url(/images/com_sidebox_bgnd.gif);  
	background-color:#D90035;
	border: 1px none #000000; 
	padding: 5px 0px 5px 5px;
}