/******************************************************************************* LAYOUT INFORMATION: Layout styles *******************************************************************************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} #wrapper {border: none; background: transparent none; width: 900px; padding: 0px 0 0 -410px; height:100%; position: absolute; left: 45%; top: 0; text-align:center; overflow:visible;} h1 {font-size: 35px; line-height: 45px;f ont-weight: normal; color: #1f2122; margin: 0px; text-shadow:0 2px 0 #000;} h1.grey {color:#999} h1.black {color:#000} h2 {font-size: 25px;line-height: 30px;font-weight: normal;color: #1f2122;margin: 0px; text-shadow: 1px 1px 0 rgba(151, 151, 151, 0.3);} h2.masthead {color: #1f2122; background-color: #f7f3ed;} .h2-footer-logo {background-image:url(images/ww-logo_footer.gif)!important;width:73px!important;height:74px!important;margin:-6px 0 0 10px!important;_top:0;_position:relative;text-indent:-9999em;} h3 {color: #1f2122;font-size: 18px;margin: 5px 0 5px 0; text-shadow:0 1px 0 #eee;} .column-third h3 {} h3.grey {color:#999} h3.white {color:#FFF;} h4.grey {color:#999} h4.black {color:#000; text-shadow:0 1px 0 #000;} h4 {font-size: 16px;color: #1f2122; /*margin-top: 5px; margin-bottom: 5px;line-height: 21px; text-shadow:0 1px 0 #979797;*/; margin: 12px 0 12px 0;} h5 {color: #a17c55;margin-top: 1px;margin-bottom: 1px;font-size: 14px;line-height: 16px;} p {line-height: 18px; font-size: 1em; margin-top: 5px;} #content p {color:#666;} #content p .italics {color:#666; font-family:"Times New Roman", Times, serif; font-style:italic;} html,body {position:relative;height:100%;} ol,ul {list-style:none;} .pullDownList {margin:12px 0 20px 35px; text-indent: 5px; color: #666} .pullDownList ul {line-height: 18px; list-style-image: url(images/images/grey_arrow.gif);} .pullDownList li {margin-top: 10px;} .pullDownHead {font-size: 16px; color: #1f2122; margin: 12px 5px 12px 0;} html {overflow: -moz-scrollbars-vertical; } body {height: 100%; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background: #e9e9e9 url(images/images/gradient-bg.jpg) no-repeat scroll 0 153px; text-align:center;} #content {font-family:Arial, Helvetica, sans-serif; font-size: 12px; float: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0px; position: relative; width: 900px; background-color: #FFF; text-align:left;} #masthead {color: #1f2122; width: 875px; background: #efefec url(images/images/bgImgs/masthead-bg.jpg) repeat-x top left; padding: 20px 0 25px 25px;} .footerBox {background-color:#efefec; padding: 20px; width: 860px; text-align:left;} .grey-line-pr {background-color:#d5d5d5; width:95%;height:1px; border-top:8px solid white; border-bottom:5px solid white; margin:0} .grey-line-light-pr {background-color:#F1F1F1;width:95%; height:1px; border-top:8px solid white;border-bottom:5px solid white; margin:0} .dkGrey-line-greyBg {background-color: #eee; margin: 0px; width: 95%; border-top: dotted 5px #ffff;border-bottom: solid 8px #fff;} hr {color: #ddd;} /*Revision 7.21.11 to header */ .header {position:relative; overflow:hidden; height:155px; background-color:#27292a;} h1 a {background:transparent url(images/images/sc-logo.gif) no-repeat scroll top left; width:360px; height:71px;text-indent:-9999em; display:block; margin:15px 0 0 12px;} .navCont {position:relative; background-color:#1f2122; margin-top:44px;} .navCont form {position:absolute;right:50px;top:0;padding:3px 3px;background-color:#1f2122; height:26px;} .navCont form {_width:180px;top:-125px;background-color:transparent;} .navCont form fieldset input.text {display:inline;float:left;width:141px;height:26px;padding:0 6px;line-height:26px;font-size:14px;border:0 none; color:#FFF; background-color:#4D4D4D;position:relative;} .navCont form fieldset input {opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);} .form-hover {cursor:pointer!important;} .navCont form h5 {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:14px; color: FFF; margin: 3px 2px;} /*Navigation*/ #navigation {height:25px;line-height:10px;padding:0;margin:0; background-color:#1f2122;} #navigation li {float:left;display:inline;} #navigation li a {display:block; height:25px;line-height:10px;overflow:hidden;text-indent:-9999em;background:transparent url(images/images/nav.gif) no-repeat scroll top left;} #navigation li a:hover {text-decoration:none;background-color:#4D4D4D;color:#FFF;} #navigation li.current a, #navigation li.current a:hover,#navigation li.dropdown a,#navigation li.dropdown a:hover{text-decoration:none;background-color:#FFF;color:#1f2122;} #navigation li.chat a {width:140px; background-position:-760px 0;} #navigation li.chat a:hover {background-position:-760px -25px;} #navigation li.forms a {width:140px;background-position:-550px 0;} #navigation li.forms a:hover {background-position:-550px -25px;} #navigation li.fees a {width:74px;background-position:-687px 0;} #navigation li.fees a:hover {background-position:-687px -25px;} /* START: Site Header */ div #site_bar {/* site header navigation */ margin: 0px; padding: 0px; height: 50px;} #site_bar .nav_links {/* header navigation outer wrapper */ position: relative; z-index: 100; height: 50px; } /* positioning for buttons and rollovers */ #site_bar .nav_menu li#home {background:url('images/images/menu-images/nav_home.png') no-repeat left top; width:82px;} #site_bar .nav_menu li#home:hover{background:url('images/images/menu-images/nav_home.png') no-repeat left -50px;} #site_bar .nav_menu li#corpServ {background:url('images/images/menu-images/nav_corp_services.png') no-repeat left top; width:115px;} #site_bar .nav_menu li#corpServ:hover {background:url('images/images/menu-images/nav_corp_services.png') no-repeat left -50px;} #site_bar .nav_menu li#openAcct {background:url('images/images/menu-images/nav_tools.png') no-repeat left top; width:115px;} #site_bar .nav_menu li#openAcct:hover{background:url('images/images/menu-images/nav_tools.png') no-repeat left -50px;} #site_bar .nav_menu li#tools {background:url('images/images/menu-images/nav_instInvest.png') no-repeat left top; width:115px;} #site_bar .nav_menu li#tools:hover{background:url('images/images/menu-images/nav_instInvest.png') no-repeat left -50px;} #site_bar .nav_menu li#about {background:url('images/images/menu-images/nav_about.png') no-repeat left top; width:115px;} #site_bar .nav_menu li#about:hover{background:url('images/images/menu-images/nav_about.png') no-repeat left -50px;} #site_bar .nav_menu li#instInvest {background:url('images/images/menu-images/nav_services.png') no-repeat left top; width:115px;} #site_bar .nav_menu li#instInvest:hover{background:url('images/images/menu-images/nav_services.png') no-repeat left -50px;} #site_bar .nav_menu li#service {background:url('images/images/menu-images/nav_services.png') no-repeat left top; width:115px;} #site_bar .nav_menu li#service:hover{background:url('images/images/menu-images/nav_services.png') no-repeat left -50px;} #site_bar .nav_menu li#openAcct {background:url('images/images/menu-images/nav_OpenAcct.png') no-repeat left top; width:115px;} #site_bar .nav_menu li#openAcct:hover{background:url('images/images/menu-images/nav_OpenAcct.png') no-repeat left -50px;} li#home a {width:82px; height:50px;} li#invest a {width:115px; height:50px;} li#corpServ a {width:115px; height:50px;} li#openAcct a {width:115px; height:50px;} li#tools a {width:115px; height:50px;} li#instInvest a {width:115px; height:50px;} li#about a {width:115px; height:50px;} li#service a {width:115px; height:50px;} #site_bar .nav_menu {/* header navigation list B */ position: absolute; top: 0px; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; *padding-left: 0px; left: 1px; height: 53px; width: 899px; } /* This is for the support pulldown */ #site_bar .nav_menu li.goBlur, #site_bar .nav_menu li.goFocus {/* home button CSS - */ float: left; position: relative; list-style: none; margin: 0px; padding: 0px; height: 50px; color: #333;} #site_bar .nav_menu a.m, #site_bar .nav_menu a.m {display: -moz-inline-block; /* FF2 */ display: inline-block; padding: 0px 0px 0px 0px; height: 50px; text-decoration: none; font-weight: bold; color: #000; white-space: nowrap;} /* Nav bar includes */ #site_bar .nav_menu li.goBlur a.m b, #site_bar .nav_menu li.goFocus a.m b {visibility: hidden;} /* ****************************** */ /* ** GLOBAL NAV ** */ /* ****************************** */ .topflyinc a {color: #000000;} .topflyinc a:visited {color: #000000;} div.topflylinks a:visited {color: #05A;} .new_label {color: #ff6600; font-weight: bold;} /* GLOBAL NAV */ #site_bar .nav_bar {/* header navigation inner wrapper */ height: 50px; width: 900px; /*must have this for firefox to work properly*/ position: relative; left: 0px; /*position all the items*/ background:url('images/images/menu-images/sitenav_bg2.png') no-repeat left top; _background:url('images/images/menu-images/sitenav_bg2.gif') no-repeat left top; /* FOR IE6 */} #topdeck #site_bar .nav_bar {position: absolute; top: 0px; left: 0px; z-index: 100; /*position all the items*/ background: transparent url('images/images/menu-images/sitenav_bg.png') no-repeat left top; _background:transparent url('images/images/menu-images/sitenav_bg.png') no-repeat left top; /* FOR IE6 */} /* Main Navigation Links. These go into anything with Site Bar and rollover positioning */ #site_bar .nav_menu li#home a.m {width: 82px; background: url('images/images/menu-images/nav_home2.png') no-repeat 0px 0px;} #site_bar .nav_menu li#home.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#home.goFocus a.m {background-position: 0px -50px;} #site_bar .nav_menu li#invest a.m {width: 115px; background: url('images/images/menu-images/nav_invest.png') no-repeat 0px 0px;} #site_bar .nav_menu li#invest.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#invest.goFocus a.m {background-position: 0px -50px;} #site_bar .nav_menu li#corpServ a.m {width: 115px; background: url('images/images/menu-images/nav_corp_services.png') no-repeat 0px 0px;} #site_bar .nav_menu li#corpServ.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#corpServ.goFocus a.m {background-position: 0px -50px;} #site_bar .nav_menu li#openAcct a.m {width: 115px; background: url('images/images/menu-images/OpenAcct.png') no-repeat 0px 0px;} #site_bar .nav_menu li#openAcct.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#openAcct.goFocus a.m {background-position: 0px -50px;} #site_bar .nav_menu li#tools a.m {width: 115px; background: url('images/images/menu-images/nav_tools.png') no-repeat 0px 0px;} #site_bar .nav_menu li#tools.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#tools.goFocus a.m {background-position: 0px -50px;} #site_bar .nav_menu li#about a.m {width: 115px; background: url('images/images/menu-images/nav_about.png') no-repeat 0px 0px;} #site_bar .nav_menu li#about.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#about.goFocus a.m {background-position: 0px -50px;} #site_bar .nav_menu li#instInvest a.m {width: 115px; background: url('images/images/menu-images/nav_inst_invest.png') no-repeat 0px 0px;} #site_bar .nav_menu li#instInvest.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#instInvest.goFocus a.m {background-position: 0px -50px;} #site_bar .nav_menu li#service a.m {width: 115px; background: url('images/images/menu-images/services.png') no-repeat 0px 0px;} #site_bar .nav_menu li#service.hereNav a.m {background-position: 0px -100px;} #site_bar .nav_menu li#service.goFocus a.m {background-position: 0px -50px;} /* CONTROLS POSITION OF DROPDOWN BOX TABLE */ #fly16 {margin-left: 3px !important;} #fly101 {margin-left: 3px !important;} #fly104 {margin-left: -115px !important;} #fly102 {margin-left: 3px; _margin-left: -115px !important; } #fly103 {margin-left: -79px !important;} #fly106 {margin-left: 3px !important;} div#openAcct_inc .topflylinks {margin-top: 5px;} div#openAcct_inc {background: url('images/images/menu-images/menu-panel-1.png') no-repeat left top; _background: url('images/images/menu-images/menu-panel-1.gif') no-repeat left top; /* FOR IE6 */ width: 435px; height: 305px;} /* New open acct container */ div.regionPanelContainer {width:400px; height:290px;position:absolute;/* left:45px; top:250px;*/text-align:left;} div.regionListContainer ul {margin:2px 0 0 0; padding:0 0px 0 0;} div.regionListContainer ul li {list-style-type:none; padding:2px 0 0px 0; border-bottom:1px solid #666;} div.regionListContainer ul li.bottom {border-bottom:none;} div.regionListContainer a {background:url(icon_trans_arrow_forward_medium.gif) right no-repeat; color:#ddd; display:block;text-decoration:none;} div.regionListContainer a:hover {color:#fff;} /* End new open acct container */ /*Customer service drop down. service_inc contains styles for the drop down panel*/ div#service_inc {background: url('images/images/menu-images/flybg_support_10.png') no-repeat left top; _background: url('images/images/menu-images/flybg_support_10.gif') no-repeat left top; /* FOR IE6 */ width: 191px; height: 286px;} div#service_inc {font-family: Tahoma, Arial, Helvetica; font-size: 12px; color: #000;} div#service_inc ul {list-style: none;} /*fly_services is the styling for the drop down panel*/ ul#fly_services {margin: 0px 0px 0px 2px; padding: 0px;} ul#fly_services li {*width: 191px; width: 166px; margin: 0px; padding: 0px 0px;} ul#fly_services li.support_divider {width: 177px; height: 2px; margin: 0; padding-top: -15px; padding-bottom: 15px; _margin-bottom: -15px; /* For IE6 */} ul#fly_services a {display: block; width: 159px; height: 23px; padding: 5px 0px 0px 18px; text-decoration: none;} ul#fly_services a:hover {background: #444; text-decoration: none;} /*About Us drop down. about_inc contains styles for the drop down panel*/ div#about_inc {background: url('images/images/menu-images/flybg_support_9.png') no-repeat left top; _background: url('images/images/menu-images/flybg_support_9.gif') no-repeat left top; /* FOR IE6 */ width: 191px; height: 286px;} div#about_inc {font-family: Tahoma, Arial, Helvetica; font-size: 12px; color: #000;} div#about_inc ul {list-style: none;} ul#fly_about {margin: 0px 0px 0px 2px; padding: 0px;} ul#fly_about li {width: 166px; margin: 0px; padding: 1px 0px; text-decoration: none;} ul#fly_about li.support_divider {width: 177px; height: 2px; margin: 0; padding-top: -15px; padding-bottom: 15px; _margin-bottom: -15px; /* For IE6 */} ul#fly_about a {display: block; width: 159px; height: 23px; padding: 5px 0px 0px 18px; text-decoration: none;} ul#fly_about a:hover {background: #444; text-decoration: none;} /*tools drop down.*/ div#tools_inc {background: url('images/images/menu-images/flybg_support_9.png') no-repeat left top; _background: url('images/images/menu-images/flybg_support_9.gif') no-repeat left top; /* FOR IE6 */ width: 191px; height: 286px;} div#tools_inc {font-family: Tahoma, Arial, Helvetica; font-size: 12px; color: #000;} div#tools_inc ul {list-style: none;} /*fly_services is the styling for the drop down panel*/ ul#fly_tools {margin: 0px 0px 0px 2px; padding: 0px;} ul#fly_tools li {width: 166px; margin: 0px; padding: 1px 0px;} ul#fly_tools li.support_divider {width: 177px; height: 2px; margin: 0; padding-top: -15px; padding-bottom: 15px; _margin-bottom: -15px; /* For IE6 */} ul#fly_tools a {display: block; width: 159px; height: 23px; padding: 5px 0px 0px 18px; text-decoration: none;} ul#fly_tools a:hover {background: #444; text-decoration: none;} /*Investment service drop down. invest_inc contains styles for the drop down panel*/ div#invest_inc {background: url('images/images/menu-images/flybg_support_8.png') no-repeat left top; _background: url('images/images/menu-images/flybg_support_8.gif') no-repeat left top; /* FOR IE6 */ width: 191px; height: 286px;} div#invest_inc {font-family: Tahoma, Arial, Helvetica; font-size: 12px; color: #000;} div#invest_inc ul {list-style: none;} ul#fly_invest {margin: 0px 0px 0px 2px; padding: 0px;} ul#fly_invest li {width: 166px; margin: 0px; padding: 1px 0px;} ul#fly_invest li.support_divider {width: 177px; height: 2px; margin: 0; padding-top: -15px; padding-bottom: 15px; _margin-bottom: -15px; /* For IE6 */} ul#fly_invest a {display: block; width: 159px; height: 23px; padding: 5px 0px 0px 18px; text-decoration: none;} ul#fly_invest a:hover {background: #444; text-decoration: none;} div#openAcct_links {width: 323px;} #tblopenAcct tr {padding-bottom: 50px;} /* START: Top navigation Rollover includes */ div.topflyinc {width: 395px; position: relative; padding: 5px; font-size: 11px; font-weight: bold;} .topflyinc table {margin-top:2px;} .topflyinc table * {text-align: center; vertical-align: bottom;} .topflyinc img, .topflyinc a {border: none; text-decoration: none; color: #FFF;} .topflyinc a:visited, .topflyinc a:active {text-decoration: none; color: #DDD;} .topflyinc a:hover {text-decoration: underline;} .topflyinc .topflylinks {margin: 5px 5px 0px 2px; padding: 5px 10px 5px 10px; background: #fff;} .topflyinc .topflylinks ul {list-style-type: none; text-align: left; margin: 0px; padding: 0px 0px 0px 6px;} .topflyinc .topflylinks ul li {display: inline; padding-right: 10px;} .topflyinc .topflylinks a {color: #05a;} .topflyinc .price {font-size: 90%; color: #9e9e9e;} .topflyinc .price sup {position: relative; bottom: 3px; font-size: .75em;} /* END: Top navigation flyover includes */ .isBox {margin-top: 0px; margin-bottom: 12px; padding:10px; background: #F5F5F5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); background: #f5d5b8; /* Old browsers */ background: -moz-linear-gradient(top, #f5d5b8 0%, #fefcea 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5d5b8), color-stop(100%,#fefcea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5d5b8 0%,#fefcea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5d5b8 0%,#fefcea 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f5d5b8 0%,#fefcea 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d5b8', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f5d5b8 0%,#fefcea 100%); /* W3C */} .isBox2 {margin-top: 0px; margin-bottom: 12px; padding:10px; background: #f1f1f1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #ddd 1px solid;} .boxes {float: left;} .isBox .boxes h2 {margin-bottom: 2px; padding: 10px 6px 0 10px; color: #6a6a6a; font: normal 24px/36px "Arial Narrow", Tahoma, sans-serif; text-align: center;} a.orange-button {padding: 0 1px 3px 1px;display: inline-block;} a.orange-button:hover {text-decoration: none;} a.orange-button span, a.orange-button:link span, a.orange-button:visited span {padding: 0 14px 0 16px; color: #fff;font: normal 14px/29px "gnuolane-1", "gnuolane-2", "Arial Narrow", Tahoma, sans-serif; text-shadow: 1px 1px 0 rgba(51, 51, 51, 0.6); letter-spacing: 1px; text-align: center; display: inline-block; height: 29px; background: #ff7c00 url(../images/button-orange.png) repeat-x left top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); cursor: pointer; cursor: hand;} a.orange-button:hover span {background-position: left -29px;} a.orange-button:active span {position: relative; top: 2px; left: 1px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);} #overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 10;display: none;} .bodyContent {margin-top: 0; margin-bottom: 25px;} .container_12,.container_16 {margin-left:auto; margin-right:auto; width:860px; padding:20px;} .container_12 .grid_1 {width:840px} .container_12 .grid_2 {width:140px} .container_12 .grid_4 {width:300px} .container_12 .grid_5 {width:250px} .container_12 .grid_7 {width:540px} .container_12 .grid_8 {width:600px} .grid_8 .openAcct-content {width:490px; margin:15px auto; background:#fff; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:0 1px 3px #8493a6; -webkit-box-shadow:0 1px 3px #8493a6; box-shadow:0 1px 3px #8493a6; font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;} .grid_8 .openAcct-content a {font-size: 12px; background: transparent url(images/images/icons/pdf.gif) no-repeat; margin:0px; outline: none; padding:3px 15px 0 20px;} .grid_8 .openAcct-content h4 {font-weight: bold; border-bottom: 1px solid #E5E5E5; padding-bottom: 8px} .grid_8 .openAcct-content p {margin-top: 8px; font-weight: normal;} .container_16 .grid_1 {width:40px} .container_16 .grid_2 {width:100px} .container_16 .grid_3 {width:160px} .container_16 .grid_5 {width:295px} .container_16 .grid_6 {width:320px} .container_16 .grid_7 {width:400px} .container_16 .grid_9 {width:520px} .container_12 .prefix_1 {padding-left:80px} .container_12 .suffix_1 {padding-right:80px} #column-third {width: 270px; display: block; padding-top: 20px; padding-left: 20px; padding-right: 10px; padding-bottom: 15px; float: left} #column-two-third {width: 560px; display: block; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; float: left} .begin {margin-left:0} .ending {margin-right:0} #footer {position:relative;overflow:hidden;_overflow:visible;_zoom:1; line-height:50px; background-color:#dbdbda; color:#656363;} #footer a {font-family: 'arial narrow' ,'Liberation sans'; text-align: center; color: #252323;font-size:12px; text-decoration:none; font-weight:bold; margin-right: 8px;} #footer a:hover {color: #555353; text-decoration:underline;} #footer p {font-size: 11px; line-height: 18px;margin-bottom: 20px;} .line {*zoom:1;padding:0 10px 0 15px;} .unit {float:left;} .unit-right {float:right;} .mod {margin-right:10px; margin-left:5px;} .size1of5 {width:20%; _width:19.9%;} /* End body styles */ #investContainTemp {background-image: url(images/images/bgImgs/leftnavTanBG.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FFFFFF;display: block;padding: 5px;width: 260px; float: left; margin-top:5px; height:340px} #investContainTemp p {line-height: 18px; margin: 3px 8px 5px 8px; color: #000000; font-size: 12px;} a {color: #1990f5; font-weight: bold;} /*sothanaka-tabs*/ .tab-container {width: 550px; margin: 10px auto;} .tab-container ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%;} .tab-container ul.tabs li {float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden; position: relative;} .tab-container ul.tabs li a {text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; outline: none;} .tab-container ul.tabs li a:hover {background: #ccc;} html ul.tabs li.active, html ul.tabs li.active a:hover {background: #e9edf1; border-bottom: 1px solid #e9edf1;} .tab_container {border: 1px solid #ccc; border-top: none; clear: both; float: left; width: 100%; background: #e9edf1; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} .tab_content {padding: 20px; font-size: 1.2em;} .tab_content h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em;} .tab_content h3 a {color: #254588;} .tab_content img {float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 5px;}