/* ======================================================================== */
/* GLOBAL STYLES FOR HTML TAGS */

HTML {
height: 100%;
width: 100%;
}

BODY {
height: 100%;
width: 100%;
background: url(/en/images/site/bg_site.gif) repeat-x top center #b5bf00;
font-family: Verdana;
font-size: 12px;
line-height: 16px;
color: #47484a;
}

#contentLeft P {
margin: 16px 0px;
}

#contentRight P {
margin: 16px 0px;
}

A {
text-decoration: none;
}

#contentLeft A {
color: #0451a3;
text-decoration: underline;
}

#contentLeft A.cta, #lowerTouts A {
color: #47484a;
}

#contentRight A {
color: #0451a3;
}

#contentRight A.cta {
color: #47484a;
}

A:hover {
text-decoration: underline;
}

.small {
font-size: 10px;
line-height: 12px;
}

.big {
font-size: 18px;
font-weight: normal;
}

.copyUL LI {
list-style-type: disc;
margin-left: 16px;
}

.indentedCopy {
padding: 0px 40px;
}

.moreFaqCopy {
display: none;
}

.redLink {
color: #ff0000 !important;
}

.nowrap {
white-space: nowrap !important;
}

/* ======================================================================== */
/* STYLES FOR CUSTOM IDs/CLASSes */

#master {
position: relative;
width: 957px;
margin: 0 auto;
}



/* ======================================================================== */
/* HEADER STYLES */

#header {
position: relative;
height: 100px;
padding: 0px 8px;
overflow: hidden;
}

#header_logo {
position: absolute;
top: 14px;
left: 8px;
height: 62px;
width: 240px;
background: url(/en/images/site/header_logo.gif) no-repeat;
text-indent: -9999px;
}

#header h3 {
position: absolute;
top: 51px;
right: 8px;
height: 16px;
width: 429px;
background: url(/en/images/site/header_slogan.gif) no-repeat;
text-indent: -9999px;
}

#navTop {
position: absolute;
top: 10px;
right: 3px;
}

#navTop LI {
float: left;
font-size: 11px;
padding: 0px 4px;
color: #efefef;
}

#navTop A {
color: #efefef;
}



/* ======================================================================== */
/* BODY-CONTENT STYLES */

#body {
position: relative;

}

#navContainer {
position: relative;
height: 119px;
background: url(/en/images/site/bg_container.png) repeat-y;
}



/* ======================================================================== */
/* PRIMARY NAVIGATION STYLES */

#navPrimary {
background: url(/en/images/site/nav_primary.gif) no-repeat;
height: 69px;
width: 100%;
}

#navPrimary LI A, #navSecondary LI A {
text-indent: -9999px;
}

#navPrimary1 {
position: absolute;
top: 16px;
left: 28px;
}

	#navPrimary1 A {
	display: block;
	height: 50px;
	width: 149px;
	background: url(/en/images/site/nav_primary.gif) no-repeat;
	background-position: -28px -16px;
	}
	
	#navPrimary1 A:hover, #page_home #navPrimary1 A {
	background-position: -28px -85px;
	}

#navPrimary2 {
position: absolute;
top: 16px;
left: 179px;
}

	#navPrimary2 A {
	display: block;
	height: 50px;
	width: 140px;
	background: url(/en/images/site/nav_primary.gif) no-repeat;
	background-position: -179px -16px;
	}
	
	#navPrimary2 A:hover, #page_products #navPrimary2 A {
	background-position: -179px -85px;
	}

#navPrimary3 {
position: absolute;
top: 16px;
left: 321px;
}

	#navPrimary3 A {
	display: block;
	height: 50px;
	width: 131px;
	background: url(/en/images/site/nav_primary.gif) no-repeat;
	background-position: -321px -16px;
	}
	
	#navPrimary3 A:hover, .groupHelp #navPrimary3 A {
	background-position: -321px -85px;
	}
	
#navPrimary4 {
position: absolute;
top: 16px;
left: 454px;
}

	#navPrimary4 A {
	display: block;
	height: 50px;
	width: 141px;
	background: url(/en/images/site/nav_primary.gif) no-repeat;
	background-position: -454px -16px;
	}
	
	#navPrimary4 A:hover, #page_aboutUs #navPrimary4 A {
	background-position: -454px -85px;
	}

#navPrimary5 {
position: absolute;
top: 16px;
left: 597px;
}

	#navPrimary5 A {
	display: block;
	height: 50px;
	width: 151px;
	background: url(/en/images/site/nav_primary.gif) no-repeat;
	background-position: -597px -16px;
	}
	
	#navPrimary5 A:hover, #page_contactUs #navPrimary5 A {
	background-position: -597px -85px;
	}

#navPrimary6 {
position: absolute;
top: 16px;
left: 747px;
}

	#navPrimary6 A {
	display: block;
	height: 50px;
	width: 202px;
	background: url(/en/images/site/nav_primary.gif) no-repeat;
	background-position: -747px -16px;
	}
	
	#navPrimary6 A:hover, #page_getQuote #navPrimary6 A {
	background-position: -747px -85px;
	}







/* ======================================================================== */
/* CONTENT STYLES */

#content {
padding: 0px 23px 0px 26px;
background: url(/en/images/site/bg_container.png) repeat-y;
}

#hero {
text-indent: -9999px;
}

#contentContainer {

}

#contentContainerTop {
height: 13px;
background: url(/en/images/site/content_frameTop.gif) no-repeat;
overflow: hidden;
}

#contentContainerBottom {
height: 10px;
background: url(/en/images/site/content_frameBottom.gif) no-repeat;
overflow: hidden;
}



/* ======================================================================== */
/* LEFT-COLUMN STYLES */

#contentLeft {
position: relative;
float: left;
width: 605px;
background: url(/en/images/site/bg_content.gif) repeat-y;
}

.contentLeftInner {
padding: 10px 37px 10px 37px;
overflow: hidden;
}

.contentLeftInnerNoLeft {
padding: 10px 37px 10px 0px;
overflow: hidden;
}



/* ======================================================================== */
/* RIGHT-COLUMN STYLES */

#contentRight {
float: right;
width: 291px;
padding: 0px 2px 0px 10px;
}

#contentContainer H2 {
font-size: 18px;
font-weight: normal;
color: #333;
margin: 30px 0px 16px 0px;
}

#contentContainer h3 {
font-size: 14px;
}

#contentContainer h4 {
margin: 16px 0px;
font-size: 12px;
}

#tout_quote {
position: relative;
height: 130px;
width: 291px;
background: url(/en/images/site/tout_getQuote.gif) no-repeat;
text-indent: -9999px;
}

	#tout_quote A {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 130px;
	width: 291px;
	}

#tout_access {
position: relative;
height: 140px;
width: 291px;
background: url(/en/images/touts/tout_access.gif) no-repeat;
text-indent: -9999px;
margin: 14px 0px;
}

	#tout_access A {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 130px;
	width: 291px;
	}
	
#tout_broker {
position: relative;
height: 164px;
width: 291px;
margin: 14px 0px 0px 0px;
background: url(/en/images/site/tout_findaBroker.gif) no-repeat;
text-indent: -9999px;
}
	#tout_broker A {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	height: 164px;
	width: 291px;
	}

#tout_faq {
background: url(/en/images/touts/tout_bg_copy.gif) repeat-y;
}

#tout_faq H3 {
height: 127px;
width: 291px;
margin: 14px 0px 0px 0px;
background: url(/en/images/touts/faq_top.gif) no-repeat;
text-indent: -9999px;
}

.tout_bottom {
height: 6px;
width: 291px;
background: url(/en/images/touts/tout_bottom.gif) no-repeat;
overflow: hidden;
}

.tout_inner {
background: url(/en/images/touts/tout_top.gif) no-repeat;
padding: 35px 22px;
}


.tout_inner UL.tout_copy {
overflow: hidden;
margin: 20px 0px;
}

.tout_inner UL.tout_copy LI {
float: left;
}

.q {
font-size: 24px;
line-height: 24px;
color: #42b7e4;
width: 30px;
}

.a {
font-size: 24px;
line-height: 24px;
color: #9da700;
width: 30px;
}

.qaUL {
margin: 20px 0px;
}

.qaUL .columnLeft {
float: left;
width: 50px;
}

.qaUL .columnRight {
float: right;
width: 480px;
}

.greenDotUL {
margin-left: 20px;
position: relative;
}

.greenDotUL LI {
background: url(/en/images/site/li_greenDot.gif) no-repeat 0px 6px;
padding: 0px 0px 0px 12px;
margin: 10px 0px;
}

.greyDotUL {
margin-left: 0px;
}

.greyDotUL LI {
background: url(/en/images/site/li_rightColumn.gif) no-repeat 0px 6px;
padding: 0px 0px 0px 12px;
margin: 8px 0px;
}

.numberOL {
margin-left: 20px;
}

.numberOL LI {
list-style-type: decimal;
margin: 10px 0px;
}

.tout_inner UL.tout_copy LI.col1 {
float: left;
width: 30px;
}

.tout_inner UL.tout_copy LI.col2 {
float: right;
width: 200px;
}

.tout_inner A {
text-decoration: underline;
}

A.cta {
font-weight: bold;
color: #47484a;
text-decoration: underline;
padding: 0px 17px 0px 0px;
background: url(/en/images/icons/link_greenArrow.gif) no-repeat bottom right;
}

P.backToTop {
text-align: right;
}


#contentLeft HR {
background: url(/en/images/site/hr_content.gif) no-repeat;
height: 13px;
border: 0;
overflow: hidden;
margin: 0px 0px 0px -37px;
}

#contentLeft .HR {
background: url(/en/images/site/hr_content.gif) no-repeat;
height: 13px;
border: 0;
overflow: hidden;
margin: 0px 0px 0px -37px;
}

.contentImage {
float: left;
width: 123px;
}

.contentImageRight {
float: right;
width: 405px;
}

.bigGreen {
font-size: 20px;
color: #b5bf00;
}

.middle {
margin: 10px 0px;
}

.contentLeftInnerBlock {
margin: 30px 0px;
}

.linkContainer {
margin: 20px 0px 15px 0px;
}

/* ======================================================================== */
/* FOOTER STYLES */

#footer {
position: relative;
margin: 0px 0px 100px 0px;
}

#footer_top {
position: relative;
background: url(/en/images/site/bg_container.png) repeat-y;
height: 95px;
padding: 40px 28px 0px 28px;
}

#footer_top P.first {
margin-top: 0px;
}

#footer_top P {
font-size: 11px;
line-height: 13px;
}

#footer_left {
float: left;
width: 700px;
}

#footer_left P {
margin-top: 8px;
}

#footer_logo {
position: relative;
float: left;
height: 42px;
width: 215px;
background: url(/en/images/site/footer_logo.gif) no-repeat;
}

#footer_logo A {
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 42px;
width: 215px;
text-indent: -9999px;
}

#footer_tout {
float: right;
height: 77px;
width: 164px;
background: url(/en/images/site/footer_tout.gif) no-repeat;
}
	
	#footer_tout A {
	display: block;
	height: 77px;
	width: 164px;
	text-indent: -9999px;
	}

#footer_links {
margin: 25px 0px 0px 12px;
float: left;
}

#footer_links LI {
float: left;
padding: 0px 3px;
color: #00529c;
}

#footer_links A {
color: #00529c;
}

#footer_bottom {
position: relative;
height: 60px;
overflow: hidden;
}

#footer_bottomBG {
position: absolute;
top: 0px;
left: 0px;
background: url(/en/images/site/footer_bottom.png) no-repeat;
height: 60px;
width: 100%;
}

#footer_bottom p {
position: relative;
text-align: center;
padding-top: 20px;
}

#footer_bottom A {
color: #47484a;
}

/* AXA on the web */
#axaWebCall .deco {position: absolute; top: -10px; left: 0; width: 151px; height: 10px; display: block;}
#axaWeb {width: 164px; height: 77px; position: absolute; right: 30px; top: 40px; background: url('../../images/site/axa-web-ie6.gif') 0 0 no-repeat; font-size: 0.909em; z-index: 700; font-size: 10px;}
#axaWebCall {width: 151px; display: block; position: absolute; bottom: 8px; left: 7px; background: url('../../images/site/axa-web-b.gif') 0 100% no-repeat; z-index: 744;}
#axaWebCall strong {font-weight: normal; font-size: 1em; display: block; padding: 0 10px 0 0; background: url('../../images/site/axa-web-call.png') 100% 50% no-repeat; margin: -4px 4px 4px 10px; z-index: 755; position: relative;}
#axaWebSites {width: 145px; height: 130px; overflow-y: scroll; margin: 0 0 10px 0; position: absolute; top: -9999px; z-index: 755;}
#axaWebCall:hover #axaWebSites {position: static; top: auto;}
#axaWebSites span {display: block; font-weight: bold; padding: 0 0 1px 10px; color: #666;}
#axaWebSites ul {width: 125px; margin: 0 0 3px 3px;}
#axaWebSites a {display: block; padding: 0 0 0 12px; color: #333333;}
#axaWebSites a:hover {background: #fbdddc;}
#axaWebCall .deco {position: absolute; top: -10px; left: 0; width: 151px; height: 10px; display: block;}
html>body #axaWebCall .deco {background: url('../../images/site/axa-web-t.png') 0 100% no-repeat;}