/*------------------------------------------------------------------
[SECONDARY STYLESHEET]

Project:		American Express
Version:		1.1
Last change:	05/20/08 
Assigned to:	Yannick Stroobants - Ogilvy Interactive Belgique
Primary use:	SCREEN - CONTENT
-------------------------------------------------------------------*/

/*MAIN-CONTENT A CHANGER PAR UNE BALISE TITLE */
div#pg_title_card {width:160px; height:auto; background-color:#D9EAF2; color:#0093D1}
div#pg_title_card h1 {padding:0 0 0 10px; font-weight:400; margin:0; font-size:1.1em; padding-top:10px}

#round_wrap { padding:8px 10px 12px 10px; width:590px; margin:0; color:#000; height:auto} 
#round_wrap, #round_wrap .sb-inner {background:#FFF}

div#content_footnotes {width:580px; color:#7c7c7c; margin:15px 0; padding:0 10px}
div#content_footnotes p {font-size:11px}
div#content_footnotes ul {margin:0 0 0 20px; padding:0}
div#content_footnotes ul li {font-size:11px; padding:0; margin:0}
div#content_footnotes a:link, div#content_footnotes a:visited {text-decoration:underline; color:#7C7C7C}
div#content_footnotes a:hover {text-decoration:none; color:#000}

div#megabanner_content_wrap {width:590px; height:168px; margin:0 0 15px 0; padding:0}
div#megabanner_content {width:590px; height:168px; margin:0; padding:0; background:url(../img/tmp.topbanners_celot.jpg) no-repeat top left; }
div#megabanner_content h2 {font-weight:400; margin-top:30px; font-size:1.5em}

div#megabanner2_content_wrap {width:590px; height:968px; margin:0 0 15px 0; padding:0}
div#megabanner2_content_wrap_celot {width:590px; height:1038px; margin:0 0 15px 0; padding:0}
div#megabanner2_content_wrap_celot_ru {width:590px; height:888px; margin:0 0 15px 0; padding:0}
div#megabanner2_content_wrap_atvert_ru {width:590px; height:418px; margin:0 0 15px 0; padding:0}
div#megabanner2_content_wrap_serviss {width:590px; height:840px; margin:0 0 15px 0; padding:0;
#width:590px; #height:968px; #margin:0 0 15px 0; #padding:0;
_width:590px; _height:840px; _margin:0 0 15px 0; _padding:0
}
div#megabanner2_content_wrap_serviss_ru {width:590px; height:718px; margin:0 0 15px 0; padding:0;
#width:590px; #height:918px; #margin:0 0 15px 0; #padding:0;
_width:590px; _height:718px; _margin:0 0 15px 0; _padding:0;
}
div#megabanner2_content {width:590px; height:168px; margin:0; padding:0; background:url(../img/tmp.topbanners_celot.jpg) no-repeat top left;}
div#megabanner2_content_atvert_ru {width:590px; height:168px; margin:0; padding:0; background:url(../img/tmp.topbanners_atvert.jpg) no-repeat top left;}
div#megabanner2_content_atvert_lv {width:590px; height:168px; margin:0; padding:0; background:url(../img/tmp.topbanners_atvert.jpg) no-repeat top left;}
div#megabanner2_content h2 {font-weight:400; margin-top:30px; font-size:1.5em; color:#c09553;}

div#megabanner3_content_wrap {width:590px; height:168px; margin:0 0 15px 0; padding:0}
div#megabanner3_content {width:590px; height:168px; margin:0; padding:0; background:url(../img/tmp.topbanners_drosiba.jpg) no-repeat top left;}
div#megabanner3_content h2 {font-weight:400; margin-top:30px; font-size:1.5em; color:#c09553;}

div#megabanner4_content_wrap {width:590px; height:168px; margin:0 0 15px 0; padding:0}
div#megabanner4_content {width:590px; height:168px; margin:0; padding:0; background:url(../img/tmp.topbanners_notdef.jpg) no-repeat top left;}
div#megabanner4_content h2 {font-weight:400; margin-top:30px; font-size:1.5em; color:#c09553;}

div#megabanner_overview_wrap {width:280px; height:168px; float:right; margin:0; padding:0}
div#megabanner_overview {width:280px; height:168px; float:right; margin:0; padding:0}

div#megabanner2_overview_wrap {width:280px; height:168px; float:right; margin:0; padding:0}
div#megabanner2_overview {width:280px; height:168px; float:right; margin:0; padding:0}

div#megabanner3_overview_wrap {width:280px; height:168px; float:right; margin:0; padding:0}
div#megabanner3_overview {width:280px; height:168px; float:right; margin:0; padding:0}

.megabanner_goldcard {background:url(../img/tmp.topbanners_notdef.jpg) no-repeat top left;}


.megabanner_platinumcard {background:url(../img/brand_banner_platinum_card.jpg) no-repeat top left;}
.megabanner_blue {background:url(../img/brand_banner_blue.jpg) no-repeat top left;}
.megabanner_bluecredit {background:url(../img/brand_banner_blue_credit.jpg) no-repeat top left;}
.megabanner_green {background:url(../img/brand_banner_green.jpg) no-repeat top left;}
.megabanner_unicef {background:url(../img/brand_banner_unicef.jpg) no-repeat top left;}
.megabanner_bair_classic {background:url(../img/brand_banner_bair_classic.jpg) no-repeat top left;}
.megabanner_bair_premium {background:url(../img/brand_banner_bair_premium.jpg) no-repeat top left;}
.megabanner_bair_classic_promo0908 {background:url(../img/bair_classic_promo_0908.jpg) no-repeat top left;}
.megabanner_insurances {background:url(../img/Assurances/brand_banner_insurance_generic.jpg) no-repeat top left;}
.megabanner_nogo {background:url(../img/Assurances/brand_banner_nogo.gif) no-repeat top left;}
.megabanner_snow {background:url(../img/Assurances/brand_banner_snow.gif) no-repeat top left;}
.megabanner_travel_assist {background:url(../img/Assurances/brand_banner_travel_assistance.jpg) no-repeat top left;}
.megabanner_student {background:url(../img/Assurances/brand_banner_student_contract.jpg) no-repeat top left;}
.megabanner_critical_illness {background:url(../img/Assurances/brand_banner_critical_illness.jpg) no-repeat top left;}
.megabanner_mobile {background:url(../img/Assurances/brand_banner_mobile.jpg) no-repeat top left;}
.megabanner_life_level {background:url(../img/Assurances/brand_banner_life_level.jpg) no-repeat top left;}
.megabanner_child_protection {background:url(../img/Assurances/brand_banner_child_protection.jpg) no-repeat top left;}
.megabanner_security {background:url(../img/Assurances/brand_banner_personal_security.jpg) no-repeat top left;}
.megabanner_hospital_plan {background:url(../img/Assurances/brand_banner_hospital_plan.jpg) no-repeat top left;}

p#card_definition {float:right; width:120px; padding-top:5px; font-weight:bold} /* */
div#megabanner_overview .gold { color:#C09553 } 
div#megabanner_overview .green { color:#2A9D66 } 
div#megabanner_overview .platinum { color:#484B4C } 
div#megabanner_overview .blue { color:#004f7f } 

div#elibibility_wrap {}
div.left_column_box {width:190px; height:auto; margin:0 0 15px 0; padding:0; border:2px solid white; background-color:#FFFFFF} /* */
div.left_column_box h4 {background-color:#C0DEF1; margin:0 0 10px 0; padding:8px 0 7px 10px; font-size:11px}
div.left_column_box p {margin:8px 0 5px 0; padding:0 0 0 10px; width:170px; font-size:11px; color:#666}

div.left_column_box ol {font-size:11px; color:#666; margin:auto -3em .5em 0; padding:0; position:relative; left:-3em; overflow:hidden; width:210px}
div.left_column_box ol li {margin-top:0.25em;margin-bottom:0.25em}
ol li {margin-left:5.5em}


div#content-tabs {height:auto; width:auto; margin:0px 0 0 0; padding:0 0 0 0}
div#content-tabs a {display:block}
div#content-tabs ul {list-style:none; margin:0 0 0 18px; padding:0}
div#content-tabs ul li {display:inline; float:left; height:39px; line-height:45px; margin:0; padding:0; background:url(../img/bg.tab.unactive.jpg) repeat-x top left; font-size:11px}
div#content-tabs ul li a {background:url(../img/tab.left.unactive.jpg) no-repeat top left; height:39px; margin:0; padding:0; color:#595959; text-decoration:none}
div#content-tabs ul li a span {background:url(../img/tab.right.unactive.jpg) no-repeat top right; height:39px; display:block; padding:0 20px}

div#content-tabs ul li.active {display:inline; float:left; height:39px; line-height:45px; margin:0; padding:0; background:url(../img/bg.tab.active.jpg) repeat-x top left}
div#content-tabs ul li.active a {background:url(../img/tab.left.active.jpg) no-repeat top left; height:39px; margin:0; padding:0; color:#595959; text-decoration:none}
div#content-tabs ul li.active a span {background:url(../img/tab.right.active.jpg) no-repeat top right; height:39px; display:block; padding:0 20px}

/* CTA Buttons */
/* STYLE1 - ROUND CORNER WITHOUT IMAGE */
div#call_to_action_wrap {width:auto; height:25px; overflow:hidden; margin:0 10px 10px 0; padding:0; background:none}
div#call_to_action {line-height:25px; font-size:11px; color:white}
div#call_to_action a:link, div#call_to_action a:hover, div#call_to_action a:visited, div#call_to_action a:active {text-decoration:none; color:white}
/* STYLE2 - UK GREY STYLE */
div.cta_grey_wrap {float:right; background:#E4E4E4 url(../img/bg.cta.grey.gif) repeat-x top left; height:20px; width:auto; margin:3px 15px 0 0; padding:0; overflow:hidden; color:black; font-size:11px; line-height:21px} 
div.cta_grey_wrap a {display:block; float:left}
div.cta_grey_wrap a:link, div.cta_grey_wrap a:hover, div.cta_grey_wrap a:visited, div.cta_grey_wrap a:active {color:black; text-decoration:none}
/* STYLE3 - UK BLUE CTA */
div.cta_blue_wrap {float:right; background:#4c93c1 url(../img/bg.cta.blue.gif) repeat-x top left; height:20px; width:auto; margin:3px 15px 0 0; padding:0; overflow:hidden; color:black; font-size:11px; line-height:21px} 
div.cta_blue_wrap a {display:block; float:left}
div.cta_blue_wrap a:link, div.cta_blue_wrap a:hover, div.cta_blue_wrap a:visited, div.cta_blue_wrap a:active {color:white; text-decoration:none}



div#overview, div#overview_key, div#overview_all {width:550px; height:auto; margin:10px 0 0 0; padding:0 0 0 20px; color:#666; font-size:11px}
div#overview h3, div#overview_key h3, div#overview_all h3 {font-weight:400; font-size:11px; margin:0 0 10px 0; padding:0}

div#nav-benefits {margin:0; padding:0; width:auto; height:auto}
div#nav-benefits ul {list-style:none}
div#nav-benefits ul li {list-style:none}

div.box-avantages {margin:0; padding:0; width:360px; height:auto}
div.box-avantages h4 {margin:0; padding:0; color:#5a3e12; font-size:1.1em}
div.box-avantages p {margin:5px 0 0 0; padding:0}
div.box-avantages a, div.box-avantages a:link, div.box-avantages a:visited {color:#c49d4b; text-decoration:underline}
div.box-avantages a:hover {color:#c49d4b; text-decoration:none}
div.box-avantages ul {padding:0 0 0 20px}

div.box-avantages-gold {margin:0; padding:0; width:360px; height:auto}
div.box-avantages-gold h4 {margin:0; padding:0; color:#5a3e12; font-size:1.1em}
div.box-avantages-gold p {margin:5px 0 0 0; padding:0}
div.box-avantages-gold a, div.box-avantages-gold a:link, div.box-avantages-gold a:visited {color:#c49d4b; text-decoration:underline}
div.box-avantages-gold a:hover {color:#c49d4b; text-decoration:none}
div.box-avantages-gold ul {padding:0 0 0 20px}

div.box-avantages-blue {margin:0; padding:0; width:360px; height:auto}
div.box-avantages-blue h4 {margin:0; padding:0; color:#004f7f; font-size:1.1em}
div.box-avantages-blue p {margin:5px 0 0 0; padding:0}
div.box-avantages-blue a, div.box-avantages-blue a:link, div.box-avantages-blue a:visited {color:#499fd5; text-decoration:underline}
div.box-avantages-blue a:hover {color:#499fd5; text-decoration:none}
div.box-avantages-blue ul {padding:0 0 0 20px}

div.box-avantages-green {margin:0; padding:0; width:360px; height:auto}
div.box-avantages-green h4 {margin:0; padding:0; color:#005b2b; font-size:1.1em}
div.box-avantages-green p {margin:5px 0 0 0; padding:0}
div.box-avantages-green a, div.box-avantages-green a:link, div.box-avantages-green a:visited {color:#62cf95; text-decoration:underline}
div.box-avantages-green a:hover {color:#62cf95; text-decoration:none}
div.box-avantages-green ul {padding:0 0 0 20px}

div.box-avantages-plat {margin:0; padding:0; width:360px; height:auto}
div.box-avantages-plat h4 {margin:0; padding:0; color:#484B4C; font-size:1.1em}
div.box-avantages-plat p {margin:5px 0 0 0; padding:0}
div.box-avantages-plat a, div.box-avantages-plat a:link, div.box-avantages-plat a:visited {color:#b4b7b8; text-decoration:underline}
div.box-avantages-plat a:hover {color:#b4b7b8; text-decoration:none}
div.box-avantages-plat ul {padding:0 0 0 20px}

div.box-avantages-unicef {margin:0; padding:0; width:360px; height:auto}
div.box-avantages-unicef h4 {margin:0; padding:0; color:#2b5372; font-size:1.1em}
div.box-avantages-unicef p {margin:5px 0 0 0; padding:0}
div.box-avantages-unicef a, div.box-avantages-unicef a:link, div.box-avantages-unicef a:visited {color:#80a6c8; text-decoration:underline}
div.box-avantages-unicef a:hover {color:#80a6c8; text-decoration:none}
div.box-avantages-unicef ul {padding:0 0 0 20px}

div.box-avantages-ba-classic {margin:0; padding:0; width:360px; height:auto}
div.box-avantages-ba-classic h4 {margin:0; padding:0; color:#9f0000; font-size:1.1em}
div.box-avantages-ba-classic p {margin:5px 0 0 0; padding:0}
div.box-avantages-ba-classic a, div.box-avantages-ba-classic a:link, div.box-avantages-ba-classic a:visited {color:#ffa27b; text-decoration:underline}
div.box-avantages-ba-classic a:hover {color:#ffa27b; text-decoration:none}
div.box-avantages-ba-classic ul {padding:0 0 0 20px}



div#overview_wrap {background:white url(../img/bg.content.jpg) repeat-y 2px 0; margin:0; padding:0 0 5px 0; width:588px; height:auto} /* */
div#overview_wrap_celot {background:white url(../img/bg.content.jpg) repeat-y 2px 0; margin:0; padding:0 110 5px 0; width:588px; height:auto} /* */
div#content-card {width:588px; height:58px; margin:10px 0 0 0; padding:0px 0 0 0; background:url(../img/rc.top.content2.jpg) no-repeat 1px bottom}
div#content-footer {height:13px; width:596px; background:transparent url(../img/bg.content.footer.jpg) no-repeat 1px top}
div#card_wrap {float:right; width:155px}

div.box-key-avantages {margin:0; padding:0; width:230px; height:auto}
div.box-key-avantages-2 {margin:0 0 0 40px; padding:0; width:230px; height:auto}
div.box-key-avantages h4, div.box-key-avantages-2 h4 {margin:0; padding:0; color:#5a3e12; font-size:1.1em}
div.box-key-avantages p, div.box-key-avantages-2 p {margin:5px 0 0 0; padding:0}
div.box-key-avantages a, div.box-key-avantages a:link, div.box-key-avantages a:visited, div.box-key-avantages-2 a, div.box-key-avantages-2 a:link, div.box-key-avantages-2 a:visited {color:#c49d4b; text-decoration:underline}
div.box-key-avantages a:hover, div.box-key-avantages-2 a:hover {color:#c49d4b; text-decoration:none}
div.box-key-avantages ul, div.box-key-avantages-2 ul {padding:0 0 0 20px}

div.box-key-avantages-gold {margin:0; padding:0; width:230px; height:auto}
div.box-key-avantages-gold-2 {margin:0 0 0 40px; padding:0; width:230px; height:auto}
div.box-key-avantages-gold h4, div.box-key-avantages-gold-2 h4 {margin:0; padding:0; color:#5a3e12; font-size:1.1em}
div.box-key-avantages-gold p, div.box-key-avantages-gold-2 p {margin:5px 0 0 0; padding:0}
div.box-key-avantages-gold a:hover, div.box-key-avantages-gold-2 a:hover {color:#c49d4b; text-decoration:none}
div.box-key-avantages-gold ul, div.box-key-avantages-gold-2 ul {padding:0 0 0 20px}


div.box-key-avantages-blue {margin:0; padding:0; width:230px; height:auto}
div.box-key-avantages-blue-2 {margin:0 0 0 40px; padding:0; width:230px; height:auto}
div.box-key-avantages-blue h4, div.box-key-avantages-blue-2 h4 {margin:0; padding:0; color:#004f7f; font-size:1.1em}
div.box-key-avantages-blue p, div.box-key-avantages-blue-2 p {margin:5px 0 0 0; padding:0}
div.box-key-avantages-blue a:hover, div.box-key-avantages-blue-2 a:hover {color:#499fd5; text-decoration:none}
div.box-key-avantages-blue ul, div.box-key-avantages-blue-2 ul {padding:0 0 0 20px}

div.box-key-avantages-green {margin:0; padding:0; width:230px; height:auto}
div.box-key-avantages-green-2 {margin:0 0 0 40px; padding:0; width:230px; height:auto}
div.box-key-avantages-green h4, div.box-key-avantages-green-2 h4 {margin:0; padding:0; color:#005b2b; font-size:1.1em}
div.box-key-avantages-green p, div.box-key-avantages-green-2 p {margin:5px 0 0 0; padding:0}
div.box-key-avantages-green a:hover, div.box-key-avantages-green-2 a:hover {color:#62cf95; text-decoration:none}
div.box-key-avantages-green ul, div.box-key-avantages-green-2 ul {padding:0 0 0 20px}

div.box-key-avantages-plat {margin:0; padding:0; width:230px; height:auto}
div.box-key-avantages-plat-2 {margin:0 0 0 40px; padding:0; width:230px; height:auto}
div.box-key-avantages-plat h4, div.box-key-avantages-plat-2 h4 {margin:0; padding:0; color:#484B4C; font-size:1.1em}
div.box-key-avantages-plat p, div.box-key-avantages-plat-2 p {margin:5px 0 0 0; padding:0}
div.box-key-avantages-plat a:hover, div.box-key-avantages-plat-2 a:hover {color:#b4b7b8; text-decoration:none}
div.box-key-avantages-plat ul, div.box-key-avantages-plat-2 ul {padding:0 0 0 20px}

div.box-key-avantages-unicef {margin:0; padding:0; width:230px; height:auto}
div.box-key-avantages-unicef-2 {margin:0 0 0 40px; padding:0; width:230px; height:auto}
div.box-key-avantages-unicef h4, div.box-key-avantages-unicef-2 h4 {margin:0; padding:0; color:#2b5372; font-size:1.1em}
div.box-key-avantages-unicef p, div.box-key-avantages-unicef-2 p {margin:5px 0 0 0; padding:0}
div.box-key-avantages-unicef a:hover, div.box-key-avantages-unicef-2 a:hover {color:#80a6c8; text-decoration:none}
div.box-key-avantages-unicef ul, div.box-key-avantages-unicef-2 ul {padding:0 0 0 20px}

div.box-key-avantages-ba-classic {margin:0; padding:0; width:230px; height:auto}
div.box-key-avantages-ba-classic-2 {margin:0 0 0 40px; padding:0; width:230px; height:auto}
div.box-key-avantages-ba-classic h4, div.box-key-avantages-ba-classic-2 h4 {margin:0; padding:0; color:#9f0000; font-size:1.1em}
div.box-key-avantages-ba-classic p, div.box-key-avantages-ba-classic-2 p {margin:5px 0 0 0; padding:0}
div.box-key-avantages-ba-classic a:hover, div.box-key-avantages-ba-classic-2 a:hover {color:#ffa27b; text-decoration:none}
div.box-key-avantages-ba-classic ul, div.box-key-avantages-ba-classic-2 ul {padding:0 0 0 20px}



div.box-all-details {margin:0; padding:0; width:550px; height:auto}
div.box-all-details h4 {margin:0; padding:0; color:#5a3e12; font-size:1.1em}
div.box-all-details p {margin:5px 0 0 0; padding:0}
div.box-all-details a, div.box-all-details a:link, div.box-all-details a:visited {color:#c49d4b; text-decoration:underline}
div.box-all-details a:hover {color:#c49d4b; text-decoration:none}
div.box-all-details ul {padding:0 0 0 20px}

/* Specific benefits */
div#content-specific {width:588px; height:45px; margin:10px 0 0 0; padding:0}
div#specific_wrap {background:white; margin:0; padding:0; width:588px; height:auto} /* */
div#specific-footer {height:13px; width:596px}
p#title-specific {font-size:19px; font-weight:300; padding:0 0 0 20px; margin:0; line-height:35px}


/* TABLE BENEFITS STYLE */
table.table-all-benefits {border:none; margin:0; padding:0; border-spacing: 1px}
table.table-all-benefits tr {margin:0; padding:0}
table.table-all-benefits td {border:none; margin:0; padding:9px; border:1px solid #dbdbdb}
table.table-all-benefits th {border:none; margin:0; padding:9px}
table.table-all-benefits th.table_title {background:#dbdbdb}