/*------------------------------------------------------------------ [Secondary Stylesheet] Project: American Express Version: 1.1 Last change: 05/05/08 [Round Corner Bug fixed] Assigned to: Yannick Stroobants - Ogilvy Interactive Belgium Primary use: SCREEN-WRAPPER -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. WRAPPER / #wrapper] */ div#wrapper {width:1005px; height:auto; margin:0; padding:0; background-color:#FFFFFF} /*------------------------------------------------------------------ [2. HEADER / #header] */ div#header {width:1005px; height:auto; margin:0 0 15px 0; padding:0; float:left; background:#FFFFFF url(../img/bg.topNav.jpg) repeat-x 0 0; #width:1000px; #height:auto; #margin:0 0 15px 0; #padding:0; #float:left; #background:#FFFFFF #url(../img/bg.topNav.jpg) repeat-x 0 0 } div#logo_amex {width:83px; height:87px; margin:0; padding:0; float:left} div#logo_amex img {position:relative; left:0; top:35px} /*------------------------------------------------------------------ [2.1 HEADER NAV-TOP-WRAP / #nav_top_wrap]*/ div#nav_top_wrap {width:916px; height:18px; margin:0; padding:1px 0 0 0; float:left} /* div#nav_top_wrap ul {list-style:none; padding:0 5px 0 0; margin:0} div#nav_top_wrap ul li {height:24px; display:inline; color:#FFFFFF; font-size:.85em; padding-top:3px} */ div#nav_top_wrap ul#nav_top {margin:0; padding:0; float:left; height:20px; list-style:none} div#nav_top_wrap ul#nav_top li {height:20px; padding:0; margin:0 10px 0 0; display:inline; float:left; color:#FFFFFF; font-size:.85em; line-height:17px} div#nav_top_wrap ul#nav_top li.active {background:white url(../img/navtop_bg_tab.jpg) repeat-x top left; } div#nav_top_wrap ul#nav_top li.active a {color:#004162; text-decoration:none} div#nav_top_wrap ul#nav_top li a {color:#FFFFFF; display:block; float:left} span.nav_top_left_corner {width:5px; height:16px; margin:0; padding:0; background:url(../img/navtop_left_corner.jpg) no-repeat top left; display:block; float:left} span.nav_top_right_corner {width:5px; height:16px; margin:0; padding:0; background:url(../img/navtop_right_corner.jpg) no-repeat top left; display:block; float:left} .left_pipe_blue {border-left:1px solid #2ea3e5} div#nav_top_wrap ul#nav_top li.active {padding-left:0; padding-right:0; background:white url(../img/navtop_bg_tab.jpg) repeat-x top left; height:20px} div#nav_top_wrap ul#nav_top_global_area {width:200px; margin:0 15px 0 0; float:right; list-style:none} div#nav_top_wrap ul#nav_top_global_area li {height:17px; padding-left:5px; margin-left:5px; display:inline; float:right; font-size:.85em; padding-top:0; line-height:16px} ul#nav_top_global_area a {color:#FFFFFF; padding-top:15px} /*------------------------------------------------------------------ [2.2 HEADER NAV-MAIN-WRAP / #nav_main_wrap]------------------------- ------------------------------------------------------------------*/ /*-[2.2.1 HEADER NAV-TOOLS / #nav_tools]-*/ /*div#wrapper div#nav_main_wrap {height:auto; margin:0; padding:0} div#wrapper div#nav_main_wrap div#nav_tools {margin:0; padding:0}*/ /*-[2.2.2 HEADER TOOLS / #tools]-*/ div#tools {width:910px; margin:0; padding:0} div#tools ul {list-style:none; margin:4px 15px 0 0; padding:0} div#tools ul li {display:inline; color:#666; font-size:.85em; padding-left:5px; margin-left:2px; border-left:1px solid #aaa} div#tools ul li a:link, div#nav_tools ul li a:visited {color:#aaa; text-decoration:none} div#tools ul li a:hover {color:#202020; text-decoration:underline} /*-[2.2.3 HEADER NAV LEVEL1 / #nav_level1_wrap]-*/ div#nav_level1_wrap {margin:0; padding:0} div#nav_level1_wrap ul#nav_level1 {list-style:none; text-align:left; margin:0; padding:0} div#nav_level1_wrap ul#nav_level1 li {display:inline; float:left; margin:0; padding:2px 2px 0 2px; font-size:11px} div#nav_level1_wrap ul#nav_level1 a {display:block; float:left; color:#333333; padding:4px} div#nav_level1_wrap ul#nav_level1 a:link, div#nav_level1_wrap ul#nav_level1 a:visited {color:#333333; text-decoration:none} div#nav_level1_wrap ul#nav_level1 a:hover {color:#003A61; text-decoration:none; background-color:#FFFFFF} div#nav_level1_wrap ul#nav_level1 a.active {color:#003A61; text-decoration:none; background-color:#DBE9F4} div#nav_level1_wrap ul#nav_level1 a.active:hover {color:#003A61; text-decoration:none; background-color:#DBE9F4} div#nav_level2_wrap {width:916px; margin:0; padding:0; background:#DBE9F4; float:left} div#nav_level2_wrap ul#nav_level2 {margin:0; padding:0; list-style:none} div#nav_level2_wrap ul#nav_level2 li {display:inline; float:left; margin:0; padding:0; font-size:11px} div#nav_level2_wrap ul#nav_level2 li a.active {display:block; float:left; color:#006699; padding:5px; background:white; text-decoration:none} div#nav_level2_wrap ul#nav_level2 li a {display:block; float:left; color:#333333; padding:5px} div.bt_login_wrap {float:right; background:#FCCC00 url(../images/bt.login.repeat.gif) repeat-x top left; height:19px; width:auto; margin:3px 15px 0 0; padding:0; overflow:hidden; color:black; font-size:11px; line-height:19px} div.bt_login_wrap a:link, div.bt_login_wrap a:hover, div.bt_login_wrap a:visited, div.bt_login_wrap a:active {color:black; text-decoration:none} /*------------------------------------------------------------------ [3 MAIN / #content_main_wrap]--------------------------------------- ------------------------------------------------------------------*/ div#content_main_wrap {width:1005px; height:auto; margin:0; padding:0} div#content_toolbar {width:1005px; /*height:24px;*/; display:none; margin:0; padding:0; background:#FFFFFF url(../images/bg.main.utils.gif) repeat-x top left} div#content_toolbar ul {list-style:none; margin:0; padding:0 15px 0 0} div#content_toolbar ul li {display:inline; color:#5391b3; font-size:.85em; line-height:24px; padding-left:5px; margin-left:2px; border-left:1px solid #aaa} div#content_toolbar ul li a:link, div#content_toolbar ul li a:visited {text-decoration:underline; color:#5391b3} div#content_toolbar ul li a:hover {text-decoration:none; color:#5391b3} div#content_main {width:833px; margin:0; padding:0} div#content_wrap {width:610px; margin:15px 0 20px 0; padding:0} /*------------------------------------------------------------------ [3.1 MAIN LEFT COLUMN / #left_column]------------------------------- ------------------------------------------------------------------*/ div#left_column {width:160px; margin:0; padding:0; float:left} div#nav_left_column {width:auto; height:auto; background-color:transparent} div#nav_left_column h2 {font-size:11px; font-weight:400; margin:0} div#nav_left_column h2 {font-size:11px; font-weight:400; margin:0} div#nav_left_column h2.nav_left_active {font-weight:400; padding-left:10px; } .nav_left_active {font-weight:700} div#nav_left_column h2 a:link, a:visited, div#nav_left_column ul li ul#subnav_left a:link, div#nav_left_column ul li ul#subnav_left:visited {color:#757575; text-decoration:none} div#nav_left_column h2 a:hover, div#nav_left_column ul li ul#subnav_left a:hover {color:#757575; text-decoration:underline} div#nav_left_column h2 a.ask-gold:link, a.ask-gold:visited {color:#c99c59; text-decoration:none} div#nav_left_column h2 a.ask-gold:hover {color:#c99c59; text-decoration:underline} div#nav_left_column ul {margin:0; padding:0; color:#757575} div#nav_left_column ul li {margin:0; padding:0 0 0 10px; border-top:1px solid #d9eaf2; font-size:11px; line-height:32px} div#nav_left_column ul li.active {margin:0; padding:0 0 0 0; font-size:11px; border-top:1px solid #d9eaf2} div#nav_left_column ul li ul#subnav_left {margin:0 0 10px 0; padding:10px 10px 0 10px; font-size:11px; border:none!important; list-style:none} div#nav_left_column ul li ul#subnav_left li {margin:0; padding:0 0 5px 0; font-size:11px; border:none!important; line-height:12px; width:135px} /*------------------------------------------------------------------ [3.2 MAIN RIGHT COLUMN / #right_column]----------------------------- ------------------------------------------------------------------*/ div#right_column_wrap {width:210px; background-color:#d9eaf2; margin:0; padding:15px 0; text-align:left} /* RIGHT COLUMN */ div.rhs_wrap {width:190px; /*height:145px;*/ margin:0 0 15px 0; padding:0; border:2px solid white} div.rhs_img_wrap {width:190px; /*height:96px;*/ margin:0; padding:0} p.rhs_content {margin:8px 0 0 0; padding:0 0 10px 10px; width:170px; font:11px Arial, Helvetica, sans-serif; color:#757575; line-height:15px} /* ----TBC--- */ .bg_rhs_grey {background-color:#e7ecef} .bg_rhs_white {background-color:white} /*------------------------------------------------------------------ [4 FOOTER / #footer_wrap]------------------------------------------- ------------------------------------------------------------------*/ div#footer_wrap {width:1000px; border-top:1px solid #EBEBEB; margin:0; padding:15px 0 0 5px; font-size:11px; color:#929292; background:url(../images/bg.footer.jpg) repeat-x top left; height:60px} div#footer_wrap ul#footer_nav {list-style:none; margin:0; padding:0; width:600px} div#footer_wrap ul#footer_nav li {display:inline} div#footer_wrap ul#footer_nav li a {float:left; text-align:left; color:#929292; padding-left:2px; padding-right:6px; margin-left:4px; border-right:1px solid #AAAAAA} div#footer_rights {width:300px; margin:0; padding:0 10px 0 0} .nav_active {font-weight:700!important} .border_bottom {border-bottom:1px solid #d9eaf2}