/*
    ALLIANZ TEMPLATE CSS

    File: grid.css
    Templates: H1, M1, M2, M3, M4, M5, C1a, C1b, C2, C3, C4, C5, L1, U1, U2, U3, F1, F2, F3, F4
    Date: 20 October 2010

*/

/* TEASERS */
.teaser{
	min-height: 150px;
	overflow:hidden;
	float:left;
	padding: 7px;
	margin:2px 0 0 2px;
	background-color:#fff;
}

.teaser-inner{
	min-height:136px;
	position: relative;
	
}


.span-1 { width:148px; }
.span-2 { width: 312px; }
.span-3 { width: 476px; }
.span-4 { width: 640px; }
.span-5 { width: 804px; }
.span-6 { width: 968px; }

/* Half measure used on C6 template only */
.span-1-and-half { width:237px;}
.span-3-and-half { width: 546px; margin-left: 14px !important;}

.span-1.text{
	padding: 0px;
	width: 162px;
	background:none;
}
.span-2.text{
	padding: 7px 0px;
/*	padding: 0px;*/
	width: 326px;
}

.m1 .span-2.text{
	padding: 0px;
	width: 326px;
}
.m1 .span-3.text{
	padding: 0px;
	width: 490px;
}

.span-1.text .teaser-inner{
	background:#FFFFFF;
}


.column148 {
	float: left;
	width: 148px;
	margin: 0 7px;
}



/* News Teaser */
.news .teaser-inner{
	padding: 0px;
	line-height: 1.2em;
}
.teaser-title{
	background-color:#003781;
	padding: 4px 7px 4px 7px;
	color:#FFFFFF;
}
.news h2.title{
	float:left;
	font-size: 1.2em;
	line-height: 1.4;
}

.news .rss{
	float:left;
	margin-left: 7px;
}
.news .more-news-btn{
	font-size: 1.1em;
	float:right;
	line-height: 1.6;
	width: 80px;
	text-align: right;
}
.news .more-news-btn a{
	color:#FFFFFF;
	padding: 0 0 0 14px;
	background:url(../img/linkiconswhite.png) 0px -55px no-repeat;
}
.teaser-inner .more-news-btn a:hover {
	text-decoration: underline;
}	
.news-item{
	padding: 7px 0px 7px 12px;
	height: 28px;
	font-size: 1.1em;
	border-top: 1px solid #d9d9d9;
	background:url(../img/linkicons.gif) 0px -48px no-repeat;
}
.news .teaser-inner p.news-item:first-child {
	border:none;	
}

.m3 .teaser-inner ul{
	display:block;
	float:left;
	width:174px; /* width:144px; */
	list-style:none;
	padding: 7px;
	margin:0px;
}
.m3 .teaser-inner ul{	/* Worldwide presence countries by regions */ 
	 width:144px;
}
.teaser-inner ul li{
	padding: 4px 0px;

}

.teaser-box-link ul {
	padding: 0;
	margin: 0;
}

/* Text teaser */


.text .teaser-inner {
	padding:0px;
	height: 150px;
	font-size: 1.1em;
}
.text .teaser-inner p, .text .teaser-inner h2{
	margin: 0 0 10px 0;
	padding: 7px 7px 0px;
	margin: 0px 7px;
	color: #000000;
	line-height: 1.4;
}
/*.text .teaser-inner strong, */
.text .teaser-inner h2{
	color:	#003781;
	font-size: 1.2em;
}
.text-box-link{
	display:block;
	height: 22px;
	width:100%;
	position:absolute;
		bottom:0px;
		left:0px;
	border-top: 2px #ccc solid;
	background:url(../img/text-link-bg.png) 0 0 #FFFFFF;
}
body.arrow .text-box-link.buy{
	background:url(../img/text-link-bg-red-al.png) 0 0 #FFFFFF;
}
body.pipe .text-box-link.buy{
	background:url(../img/text-link-bg-red-mon.png) 0 0 #FFFFFF;
}

/* @nwo Use for a second button on top */
body.arrow .text-box-link.buy-top {
	background:url(../img/text-link-bg.png) 0 0 #FFFFFF;
	bottom: 24px;
}

.text-box-link p{
	padding:0px !important;
	margin:0px !important;
}
.text-box-link a, .text-box-link a:link, .text-box-link a:visited, .text-box-link a:active{
	padding: 2px 10px 2px 18px;
	color:#fff;
	display: block;
	font-weight:bold;
	background:url(../img/linkiconswhite.png) 5px -52px no-repeat;
}
.teaser-box-link{
	display:block;
	width: 120px;
	padding: 7px;
	font-size: 0.9em;
	position: absolute;
	top: 7px;
	left: 7px;
	background: url(../img/white-tab-bg-2.png) no-repeat bottom;
	/*letter-spacing: -0.8pt;*/
}
.teaser-box-link h2, .teaser-box-link strong, .teaser-box-link img{
	margin: 0 0 5px 0;
}
/*.teaser-box-link strong, #grid.m2 .teaser-inner strong, */
/*.teaser-box-link h2, #grid.m2 .teaser-inner h2 a{
	font-size:1.3em;
	color:#003781; 
	padding-left: 10px;
	line-height: 1.2em;
	display: block;
	margin-bottom: 7px;
}*/
/*#grid.m2 .teaser-inner strong, */
#grid.m2 .teaser-inner h2 {
	font-size: 1.2em;
	font-weight: normal;
}
#grid.m2 .teaser-inner h2 {
	font-size: 0.9em;	
}
.teaser-box-link:hover, #flash-text:hover, .teaser-inner a:hover{
	text-decoration:none;
}
.teaser-inner h2 a:hover, .teaser-inner a:hover h2 {
	text-decoration:underline;
}
/* Page specific */
/*.teaser-box-link strong, #grid.m2 .teaser-inner strong, */
#grid.m2 .teaser-inner h2, .teaser-box-link h2{
	background:url(../img/linkicons.gif) 0px -54px no-repeat;
}
.teaser-box-link span{
	color: #4d4d4d;
}
#grid.m3 .title{
	padding: 0 0 0 10px;
	background:url(../img/linkiconswhite.png) 0px -56px no-repeat;
}
#grid.h1 .teaser-inner, #grid.m1 .teaser-inner{
	height: 150px;
}
#grid.h1 .text .teaser-inner, #grid.m1 .text .teaser-inner{
	height: 164px;
}
/* fix height bug when the text block is in 2 columns */
#grid.h1 .span-2 .teaser-inner, #grid.m1 .span-2 .teaser-inner{
	height: auto;
}
#grid.h1  .span-2.news .teaser-inner {
    height: 150px;
}

#grid.m1 .text{
	height: 164px;
	min-height: 164px;
}
#grid.m1 .text .teaser-inner{
	height: 164px;
	min-height: 164px;
}

#grid.m2 .teaser{
	height: 150px;
	min-height: 150px;
}
#grid.m2 .teaser-inner{
	padding: 7px;
	height:106px;
	min-height: 106px;
}
#grid.m2 .teaser-inner h2{
	padding:0px;
}
#grid.m2 .teaser-inner p {
	color: #666666;
	padding: 0;
	margin: 0;
}
#grid.m3 .teaser{
	min-height:230px;
}
#grid.m4 .teaser{
	min-height: 156px;
}

#grid.m5 .teaser-inner.text h2 {
	font-size: 1.2em;
	font-weight: normal;
}
#grid.m5 .teaser-inner.text h2 a {
	color: #003781;
}

#grid.m5 .teaser-box-link h2{
	background:none;
	padding-left:0px;
}
#grid.m5 .teaser li{
	padding: 2px 0px 2px 10px;
	background:url(../img/linkicons.gif) 0px -53px no-repeat;
}

#grid.m5 .teaser, #grid.m5 .teaser-inner { height: 175px; }

#grid.m5 .teaser-box-link { 
	background-image: url("../img/white-tab-bg-medium.png");
	width: 188px;
	height: 107px;
}
#grid.m5 .opaque .teaser-box-link { 
	background-image: url("../img/white-tab-bg-medium-op.png");
}

#grid.m3 .teaser-title{

/* HIDE ALL FOR DEFAULT ALLIANZ BLUE */
/*blue				background:#1398d3;*/
/*green				background:#12765b;*/
/*grey				background:#858888;*/
/*light-green		background:#77af42;*/
/*orange			background:#dd7c27;*/ 
/*pink				background:#d11f41;*/
/*purple			background:#422e82;*/ 
/*red  				background:#c60000;*/
/*teal 				background:#0d6462;*/
/*yellow 			background:#f1b71c;*/
}

/* Default Allianz Blue Heading */
.opaque .teaser-box-link h2 a, .teaser-box-link h2 a{
	color:#003781;
}

/* Coloured Tabs */
.blue .teaser-box-link strong, 
.green .teaser-box-link strong, 
.grey .teaser-box-link strong,
.light-green .teaser-box-link strong,
.orange .teaser-box-link strong,
.pink .teaser-box-link strong,
.purple .teaser-box-link strong,
.red .teaser-box-link strong,
.teal .teaser-box-link strong,
.blue .teaser-box-link h2, 
.green .teaser-box-link h2, 
.grey .teaser-box-link h2,
.light-green .teaser-box-link h2,
.orange .teaser-box-link h2,
.pink .teaser-box-link h2,
.purple .teaser-box-link h2,
.red .teaser-box-link h2,
.bright_blue .teaser-box-link h2,
.AGA_blue .teaser-box-link h2,
.AGA_red .teaser-box-link h2,
.plum .teaser-box-link h2,
.magenta .teaser-box-link h2,
.olive .teaser-box-link h2,
.gray_blue .teaser-box-link h2,
.yellow .teaser-box-link h2,
.teal .teaser-box-link h2{
	color:#fff;
	background:url(../img/linkiconswhite.png) 0px -54px no-repeat;
}
.blue .teaser-box-link h2 a, 
.green .teaser-box-link h2 a, 
.grey .teaser-box-link h2 a,
.light-green .teaser-box-link h2 a,
.orange .teaser-box-link h2 a,
.pink .teaser-box-link h2 a,
.purple .teaser-box-link h2 a,
.red .teaser-box-link h2 a,
.bright_blue .teaser-box-link h2 a,
.AGA_blue .teaser-box-link h2 a,
.AGA_red .teaser-box-link h2 a,
.plum .teaser-box-link h2 a,
.magenta .teaser-box-link h2 a,
.olive .teaser-box-link h2 a,
.gray_blue .teaser-box-link h2 a,
.yellow .teaser-box-link h2 a,
.teal .teaser-box-link h2 a{
	color:#FFFFFF;
}

.blue .teaser-box-link span, 
.green .teaser-box-link span, 
.grey .teaser-box-link span,
.light-green .teaser-box-link span,
.orange .teaser-box-link span,
.pink .teaser-box-link span,
.purple .teaser-box-link span,
.red .teaser-box-link span,
.bright_blue .teaser-box-link span,
.AGA_blue .teaser-box-link span,
.AGA_red .teaser-box-link span,
.plum .teaser-box-link span,
.magenta .teaser-box-link span,
.olive .teaser-box-link span,
.gray_blue .teaser-box-link span,
.yellow .teaser-box-link span,
.teal .teaser-box-link span
{
	color:#fff;
}

/* Solid Boxes */

.blue .teaser-box-link {background: url(../img/blue-tab-bg.png) no-repeat bottom;} 
.green .teaser-box-link {background: url(../img/green-tab-bg.png) no-repeat bottom;} 
.grey .teaser-box-link {background: url(../img/grey-tab-bg.png) no-repeat bottom;}
.light-green .teaser-box-link {background: url(../img/light-green-tab-bg.png) no-repeat bottom;}
.orange .teaser-box-link {background: url(../img/orange-tab-bg.png) no-repeat bottom;}
.pink .teaser-box-link {background: url(../img/pink-tab-bg.png) no-repeat bottom;}
.purple .teaser-box-link {background: url(../img/purple-tab-bg.png) no-repeat bottom;}
.red .teaser-box-link {background: url(../img/red-tab-bg.png) no-repeat bottom;}
.teal .teaser-box-link {background: url(../img/teal-tab-bg.png) no-repeat bottom;}
.yellow .teaser-box-link {background: url(../img/yellow-tab-bg.png) no-repeat bottom;}
/* Opaque Boxes */
.red.opaque .teaser-box-link {background: url(../img/red-tab-bg-op.png) no-repeat bottom;}
.green.opaque .teaser-box-link {background: url(../img/green-tab-bg-op.png) no-repeat bottom;} 
.orange.opaque .teaser-box-link {background: url(../img/orange-tab-bg-op.png) no-repeat bottom;}
.pink.opaque .teaser-box-link {background: url(../img/pink-tab-bg-op.png) no-repeat bottom;}
.opaque .teaser-box-link{ background: url(../img/white-tab-bg-2-op.png) no-repeat bottom; }
.white.opaque .teaser-box-link{ background: url(../img/white-tab-bg-2-op.png) no-repeat bottom; }
/* new @nwo */
.bright_blue.opaque .teaser-box-link {background: url(../img/small_tab_bright_blue.png) no-repeat bottom;} 
.AGA_blue.opaque .teaser-box-link {background: url(../img/small_tab_AGA_blue.png) no-repeat bottom;} 
.AGA_red.opaque .teaser-box-link {background: url(../img/small_tab_AGA_red.png) no-repeat bottom;} 
.plum.opaque .teaser-box-link {background: url(../img/small_tab_AGA_plum.png) no-repeat bottom;} 
.magenta.opaque .teaser-box-link {background: url(../img/small_tab_magenta.png) no-repeat bottom;} 
.olive.opaque .teaser-box-link {background: url(../img/small_tab_olive.png) no-repeat bottom;} 
.gray_blue.opaque .teaser-box-link {background: url(../img/small_tab_gray.png) no-repeat bottom;} 
.teal.opaque .teaser-box-link {background: url(../img/small_tab_teal.png) no-repeat bottom;} 
.green2.opaque .teaser-box-link {background: url(../img/small_tab_green2.png) no-repeat bottom;} 
/* old unused ones */
.grey.opaque .teaser-box-link {background: url(../img/grey-tab-bg-op.png) no-repeat bottom;}
.light-green.opaque .teaser-box-link {background: url(../img/light-green-tab-bg-op.png) no-repeat bottom;}
.purple.opaque .teaser-box-link {background: url(../img/purple-tab-bg-op.png) no-repeat bottom;}
/*.teal.opaque .teaser-box-link {background: url(../img/teal-tab-bg-op.png) no-repeat bottom;}*/
.yellow.opaque .teaser-box-link {background: url(../img/yellow-tab-bg-op.png) no-repeat bottom;}

/* @nwo */
.links, .teaser-inner ul {
	/*float: none;
	clear: both;
	width: auto;*/
	padding: 0;
	margin: 0;
}
.links li {
	padding: 0;
	list-style: none;
	background: url("../img/linkicons.gif") no-repeat scroll 0 -50px transparent;
    margin-bottom: 2px;
	margin-left: 7px;
}
.links li a {
	color: #003781;
    display: block;
    line-height: 1.2em;
    padding-left: 10px;
	font-size: 1.1em;
	display: inline;
}
.links li  a:hover{
	text-decoration: underline;
}

/* image buttons under the left menu */
.left-btns {}
.left-btn {
	margin-top: 3px;
}

.m5 li {
	list-style: none;
}

/*.teaser-box-link strong, #grid.m2 .teaser-inner strong, */
.teaser-box-link h2 {
	font-size:1.3em;
	color:#003781; 
	padding-left: 10px;
	line-height: 1.2em;
	display: block;
	margin-bottom: 7px;
}
#grid.m2 .teaser-inner h2 {
	font-size:1.2em;
	color:#003781; 
	padding-left: 10px;
	line-height: 1.2em;
	display: block;
	margin-bottom: 7px;
}
#grid.m2 .teaser-inner h2 a {
	color:#003781; 
	line-height: 1.2em;
	display: block;
}