/* ETHICAL INVESTMENT STYLES - Author:P Perry - July 2008 */ /* COLOURS: TAN #CB9869, CREAM #FAF0CD, DARK GREEN c, GREEN #378E49, LEAF #9EB758, LIME #DFED94 promo backgrounds: purple #8F489E, orange #CA831C, lime #9FBC29 */ body {background:url('../images/body-bg.gif') repeat-x 0 100% ; text-align: center; font-family:Arial; font-size:100%; font-weight:normal; margin:10px 0px; } body.home {background:url('../images/body-bg.gif') repeat-x 0 0%; text-align: center; font-family:Arial; font-size:100%; font-weight:normal; margin:10px 0px; } /*#accesskeys {position:absolute; top:-9999; left:-9999;}*/ #wrapper {margin-left:auto; margin-right:auto; margin-top:0px; text-align:left; width:940px; padding:0px; height:100%;} /*#logo {margin:0px; padding:0px; height:58px;} #logo a {font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;} */ /* HEADER SECTION - LOGO */ #logo {margin:0px; padding:0px; height:58px; background:url('../images/ethinv-headerbg.jpg')} #logo img {margin-top:9px; margin-left:0px;} #logo a {font-weight:bold; background:none; display:inline; padding:0px; margin:20px 0px 0px 20px; height:auto; text-decoration:underline;} /* HEADER SECTION - LINKS */ #logo div {float:right; margin-top:-10px; margin-right:5px;} #logo div ul {list-style-type:none;} #logo div li {font:70% Arial bold; display:inline; float:left; border-left:1px solid #ccc; padding:0px 5px; margin:0px;} #logo div li.first {border-left:none;} #logo div a.toplinks:link, #logo div a.toplinks:visited, #logo div a.toplinks:active {color:#fff; text-decoration:none; margin:0px;} #logo div a.toplinks:hover {color:#fff; text-decoration:underline;} /* HEADER SECTION - TABS*/ #homepagebar{height:2.5em; width:100%; margin:0px; background:url('../images/tab-bar-bg.gif') repeat-x 0 100% #6BA9D9; border-top:1px solid white; } #tabs {height:2.3em; width:100%; margin:0px 0px 0px 0px; } #tabs ul {margin:0px 0px 1px 0px; padding:0px; } /*margin:0px 0px 1px 2px; */ #tabs li {height:2.3em; display:inline; float:left; text-align:center; } #tabs li a.tab {height:2.3em; display:block; float:left; line-height:1; color:#FFF; text-align:center; text-decoration:none; font-family:arial; font-size:80%; border-left:1px solid #9AC8FC; border-top:1px solid #9AC8FC; border-right:1px dotted #fff; padding:2px 10px; font-weight:bold;} #tabs li.here {height:2.3em; font-size:80%; display:block; float:left; line-height:1; border-left:1px solid #7E9CD2; border-top:1px solid #7E9CD2; border-right:1px dotted #fff; background: url('../images/tab-bg-on.gif') repeat-x 0% 100% #528AB5; text-align:center; text-decoration:none; color:#FAF0CD; padding:2px 12px; font-weight:bold;} #tabs li a.tab:visited {background:none;} #tabs li a.tab:hover {background:url('../images/tab-bg-on.gif') repeat-x 0% 100% #528AB5; color:#FAF0CD; border-left:1px solid #7E9CD2; border-top:1px solid #7E9CD2;} #tabs li.here a {padding:0px; font-size:100%; text-decoration:none; color:#FAF0CD; font-weight:bold; border:none;} #tabs li.here a:hover {padding:0px; font-size:100%; text-decoration:none; color:#FFF; font-weight:bold; border:none;} /* HEADER SECTION - BUTTONS */ #tabs #headerbtns {float:right; margin:1px 4px 0px 0px; } #tabs #headerbtns div.loginbtn {float:left; width:97px; height:28px; padding-top:5px; margin-right:0px; background:url('../images/btn-login-bg.gif') no-repeat; } #tabs #headerbtns div.regbtn {float:left; width:95px; height:28px; padding-top:5px; background:url('../images/btn-register-bg.gif') no-repeat; } #tabs #headerbtns div.loginbtn a.login {background:yellow; margin-top:0px; margin-left:25px; display:inline; text-align:left; color:#fff; font-family:arial; font-size:80%; font-weight:bold; text-decoration:none; padding-right:15px; background:url('../images/btn-arrow.gif') no-repeat 100% 55%;} #tabs #headerbtns div.regbtn a.register {margin-top:0px; margin-left:9px; display:inline; text-align:left; color:#fff; font-family:arial; font-size:80%; font-weight:bold; text-decoration:none; padding-right:15px; background:url('../images/btn-arrow.gif') no-repeat 100% 80%;} #tabs #headerbtns div a:hover {color:#EAE3F1;} /*#tabs li a {display:block; float:left; line-height:1; color:#FFF; text-align:center; __text-transform:uppercase; text-decoration:none; background:url('../images/divider-tab.gif') repeat-y 100% 0 _#9EB758; padding:2px 12px; font-size:85%; font-weight:bold;} #tabs li a:hover {background:url('../images/divider-tab.gif') repeat-y 100% 0 #378E49; color:#FAF0CD;} #navfull {color:wheat;list-style:none; width:189px; text-align:left; background:#9EB758; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;} #navfull a {font-weight:bold; color:#fff; text-decoration:none; font-size:70%; float:none; background:none; display:inline; padding:0px; height:auto; margin:0px;} #navfull a:hover {color:#99660; border-bottom:1px solid wheat; } #navfull ul {display:none; list-style:none;} #navfull li {background: url('../images/arw.gif') no-repeat 0 8px; margin:0px 4px 0px 4px; padding-left:10px; font-weight:bold;} #navfull li.here {background: url('../images/arw-on.gif') no-repeat 0 8px;} #navfull li.here span { color:#004000; font-size:70%;} #navfull li.here a {color:#004000;} #navfull li.here a:hover {color:#99660; border-bottom:1px solid #004000;; } #navfull ul.showsubmenu {display:block; margin-left:0px; padding-left:0px;} #navfull ul.showsubmenu li {background: url('../images/arw.gif') no-repeat 0 3px; margin:0px 4px 0px 4px; padding-left:10px; font-weight:bold;padding-top:0px; padding-bottom:0px; } #navfull ul.showsubmenu li a {display:block; margin:4px 0px; padding:0px;} #navfull ul.showsubmenu li a:hover {text-decoration:underline; border-bottom:none;} #navfull li.here ul.showsubmenu li a {color:#fff;} #navfull ul.showsubmenu li a.here {color:#004000;}*/ #nav-top-img {width:183px; height:26px; background:url('../images/menu-top.gif') no-repeat #fff; margin:-5px 0px 0px 0px; padding:0px; }/*margin:-9px 0px 0px 0px;*/ #nav {float:left; width:163px; padding-top:2px; background:url('../images/divider-menu-1.gif') repeat-x 0 0 #9EB758; /* border:1px solid red; */} #nav-menu {} #nav-menu ul {margin:1px 0px 0px 0px;list-style:none; font:bold 75% Arial; } #nav-menu ul li {list-style:none;padding:0px; margin:0px 0px 0px -40px; border-bottom:1px solid #B4D065;} #nav-menu ul li.here {padding:4px 2px 6px 12px; background:url('../images/nav-bg-on.gif') repeat-x 0 100% #59B055; color:#FAF0CD;}/*divider-menu-1.gif*/ #nav-menu li a:hover {background:url('../images/nav-bg-on.gif') repeat-x 0 100% #59B055; color:#FAF0CD;} #nav-menu a:link, a:visited, a:active {display:block; background:url('../images/nav-bg.gif') repeat-x 0 100% #BCD96B; /*height:24px;*/ color:#fff; padding:4px 2px 6px 12px; text-decoration:none;} #nav-btm-img {height:37px; background:url('../images/menu-btm.gif') no-repeat #fff; margin:0px; padding:0px;} /* skip to links for accessibility #acceskeys {position:absolute; top:0px left:0px; padding:0px; margin:0px; width:680px; text-align:left; z-index:1000; } #acceskeys a {font-size:73%; z-index:1000; left:0px; overflow:hidden; width:0px; color:#000000; position:absolute; top:0px; left:0px; height:0px;} #acceskeys a:active, #acceskeys a:focus {padding:3px; margin:auto; overflow:visible; width:auto; position:absolute; height:auto; background-color:#e7ff44; } */ /* -------------------------------------*/ #acceskeys {padding:0px; margin:auto; width:780px; position:relative; text-align:left; background-color:#378E49;} #skiplinks {display:block; left:0px; width:100%; clip:rect(0px 490px 20px 0px); position:absolute; top:0px; height:20px; text-align:left} #skiplinks ul {padding:0px; margin:0px; list-style-type:none} #skiplinks li {padding:0px; margin:0px; display:inline; list-style-type:none} #skiplinks a {background-image:none; font-size:0.8em! important; font-weight:bold; z-index:1000; left:0px; overflow:hidden; width:0px; color:#fff; position:absolute; top:0px; height:0px} #skiplinks a:active {padding:3px; margin:auto; overflow:visible; width:auto; position:absolute; height:auto; } #skiplinks a:focus {background-image:none; padding:3px; margin:auto; overflow:visible; width:auto; position:absolute; height:auto;} /* #skiplinks {display:block; left:0px; width:100%; clip:rect(0px 290px 20px 0px); position:absolute; top:5px; height:20px; text-align:left} #skiplinks UL {padding:0px; margin:0px; list-style-type:none} #skiplinks LI {padding:0px; margin:0px; display:inline; list-style-type:none} #skiplinks A {font-size:1em! important; z-index:1000; left:0px; overflow:hidden; width:0px; color:#000000; position:absolute; top:0px; height:0px} #skiplinks A:active {padding:3px; margin:auto; overflow:visible; width:auto; position:absolute; height:auto; background-color:#e7ff44} #skiplinks A:focus {padding:3px; margin:auto; overflow:visible; width:auto; position:absolute; height:auto; background-color:#e7ff44} */ div.div1 {border:1px solid #BCD96B; width:490px; float:left; margin:10px 0px; padding:10px 10px 10px 150px; background:url('../images/leaves.jpg') no-repeat 0 0;} .div1 h1 {text-align:left; padding:0px; margin:0px; } .div1 h2 {text-align:left; padding:0px; margin:0px; color:#016533; } .div1 ul { margin-left:-25px; margin-top:0px; font-size:80%; color:#016533; list-style:disc;} .div1 a {font-weight:bold; color:#996600; } .div1 a:visited {color:#017A4B; text-decoration:underline; float:none; display:inline; background:none; width:auto; padding:0px; margin:0px; } .div1 a:active {color:#7F1300; text-decoration:underline; float:none; display:inline; background:none; width:auto; padding:0px; margin:0px;} .div1 a:hover {color:#7F1300; text-decoration:underline; } div.div2 {width:285px; float:right; padding:0px; margin:9px 0px 0px 0px; text-align:right; } .div2 img {border:1px solid white;} div.div0 {float:left; width:650px; padding:0px;} div.div3 {height:10em; margin-right:1px; border:1px solid #BCD96B; border-right:1px solid white; width:215px; float:left; padding:10px 0px;background:url('../images/bg-lime.gif') repeat-x 0 0 #FAFDF3;} .div3 h3 {margin-left:10px; margin-top:0px; font-size:90%;} .div3 ul { list-style-image:url('../images/arw-green.gif'); margin-left:-15px; margin-top:0px; font-size:80%; color:#016533;} .div3 a:link {color:#016533; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:none; width:180px; height:auto; } .div3 a:visited {color:#017A4B; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:none; } .div3 a:active {color:#7F1300; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:none; } .div3 a:hover {color:#7F1300; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:underline; } div.last {border-right:1px solid #BCD96B; width:214px;} div.first {border-left:1px solid #BCD96B;} /* -------------------------------------*/ .promobox { width:275px; float:left; margin:15px 0px 0px 0px;} .promobox img {margin-bottom:13px} .pboxtop {padding:15px;} .pbox {padding:10px 8px 15px 8px; float:right; width:260px; background:url('../images/bg-purple.gif') repeat-x bottom left #8F489E; } .lime {background:url('../images/bg-lime2.gif') repeat-x bottom left #9FBC29;} .green {background:url('../images/bg-green.gif') repeat-x bottom left #4EA900;} .orange {background:url('../images/bg-rust.gif') repeat-x bottom left #A94900; } .purple {background:url('../images/bg-purple.gif') repeat-x bottom left #86299C; } .pbox img {border:none; margin-top:-15px; } .pbox .left {text-align:left;} .pbox .right {text-align:right;} .pbox h2 {padding:0px; margin-top:0px; font:italic 150% Times New Roman; color:white; } .pbox h2 span {font:normal 90% Arial Black; color:white; line-height:0.7em;} .pbox h3 {font:bold 90% Arial; color:#FAF0CD; padding:0px; margin:0px; } .pbox p {font:bold 80% Arial; color:white; padding:0px; margin:0px;} .pbox p span {font:italic 160% Times New Roman;} .pbox a {text-decoration:none; color:#fff; width:257px; } .pbox a:hover {text-decoration:none; float:none; display:inline; background:none; width:260px; padding:0px; margin:0px; color:white;} .pbox a:visited {text-decoration:none; float:none; display:inline; background:none; width:260px; padding:0px; margin:0px; color:white;} .pbox a:active {text-decoration:none; float:none; display:inline; background:none; width:260px; padding:0px; margin:0px; color:white;} #siteintro {border:1px solid blue; width:300px; float:left; margin:15px 0px; padding:0px;} h1 {font:normal 150% Arial Black; color:#3D9661; margin-top:0px; } h2 {clear:both; font:bold 100% Arial; color:#CB9869; margin:5px 0px 5px 0px; padding-top:20px;} h3 {font:bold 75% Arial; color:#016533; } p {font:normal 75% Arial; color:#016533; margin:0em 10px 10px 0em;} #siteintro p {margin:0px; padding:0px; } #siteintro ul {margin:0px; padding:10px 0px 0px 16px; } #siteintro a:link {color:#996600;} #siteintro a:visited, a:hover; a:active {color:#016533;} .reginfo {clear:left; float:left; margin:0px 0px 0px 20px; width:260px; } .reginfo p {text-align:left; margin-top:10px; color:#656666; font-size:70%; } .reginfo img {margin:10px 10px 10px 10px ;} .contact {float:left; width:290px; margin:10px 0px 0px 58px; } .contact img {margin:0px 10px 10px 0px ;} .contact p {font-size:70%; margin-bottom:7px; text-align:left; color:#656666;} .contact span {font-size:120%; font-family:arial black; font-weight:bold; letter-spacing:-0.15em;} #mid {float:left; padding-right:8px; border-right:2px dotted #dcdfbb; width:550px; margin:0px;} #rightcol {background:#fff; float:right; width:160px;} a.body:link {color:#996600; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;} a.body:visited {color:#017A4B; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;} a.body:active {color:#7F1300; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;} a.body:hover {color:#7F1300; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;} #introbox {float:left; } #introbox p {margin-bottom:15px;} #introbox h1 {margin-bottom:5px;} #introbox h2 {font:bold 100% Arial; color:#004000; padding:0px; margin:0px 10px 10px 0px;} #navbox {width:189px; margin-right:10px; margin-bottom:3px;} #navbox-wrapper {width:210px; float:left; } #getquotebox { float:left; width:538px; margin:0px 30px 10px 0px;} #getquotebox-top {background:url('../images/boxtop-crm.gif'); height:11px;} /* width:752px; */ #getquotebox-btm {width:538px; background:url('../images/boxbtm-crm.gif'); height:9px;} #getquotebox-body {width:538px; float:left; background:url('../images/boxbg-crm.gif') repeat-x 0 0 #F5DEB3; padding:0px; margin:0px} #getquotebox img {margin-bottom:20px;} #getquotebox a {padding:0; margin:0px; } #getquotebox p {padding:0px 10px 5px 10px; margin:0px; } #getquotebox-body ul {padding:0px 10px 10px 0px; margin:0px 0px 0px 220px; font:italic 75% Arial; color:#004000; } #getquotebox-body ul li {} #emailbox {width:156px; float:left; margin-right:0px; padding-bottom:15px;} #emailbox-body {width:156px; padding:0px; margin:0px} #emailbox-body img {margin-top:0px;} #emailbox-body a {padding:0; margin:0px;} #emailbox-body p {color:#996600;text-align:center; padding:5px 10px 5px 10px; margin:0px; } #ifabox {float:right; width:146px; text-align:center; margin:2px 10px 20px 0px; padding:20px 0px; border-top:2px dotted #dcdfbb; } #ifabox p {color:#808080; padding:0px; font-size:65%; margin:0px; } #ifabox p.disclaimer {color:#004000; padding:15px 0px 0px 0px; font-size:75%; margin:0px; } #ifabox a {color:#808080; } #ifabox a:hover {color:#7F1300} #ifabox img {margin:10px 0px 5px 0px;} #box {background:url('../images/podbtm.gif') 0 100% no-repeat; padding:0px; margin:20px 0px; width:670px;} #box-top {background:url('../images/podtop.gif') 0 0 no-repeat; padding:0px; margin:0px 0px; } #box p {text-align:left; margin:0px 15px; padding:15px 0px 0px 0px;} #box ol {margin:0px 35px; padding:0px;} .boximg {position:relative; float:right; margin:10px;} #homecontent {background:url('../images/body-bg2.gif') repeat-x 0 0%; float:left; width:940px; margin:0px 0px 0px 0px; padding:0px;} #content {float:left; width:700px;/*width:665px;*/ margin:0px 0px 0px 30px; padding:0px; } h1 {font:normal 150% Arial Black; color:#3D9661; margin-top:0px; text-align:center;} h2 {clear:both; font:bold 90% Arial; color:#CB9869; margin:5px 0px 5px 0px; padding-top:20px;} h2.compact {margin:0px 0px 5px 0px; padding-top:0px;} h3 {font:bold 75% Arial; color:#016533; } p {font:normal 75% Arial; color:#004000; margin:0em 10px 10px 0em; text-align:justify;} p.intro {font-size:75%; font-weight:bold} p.lb {font-size:90%; font-weight:bold; text-align:left; margin:0px 10px 10px 0px;} .compact {padding:0px; margin-top:0px; margin-bottom:0px} .num {letter-spacing:-0.15em;} .tel {font-size:140%; font-weight:bold;} .clear {clear:both;} p.lb span {font-weight:normal;} div.indent {margin-left:25px;} div.indent p {margin-left:16px;} #content ul {font:normal 75% Arial; color:#004000; margin-top:-10px; list-style-image:url('../images/arw-green.gif');} #content ul li {} #content ol {font:normal 75% Arial; color:#004000; margin-top:-10px;} #content ol li {} #content a {font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;} #content a:link {color:#996600;} #content a:visited {color:#017A4B;} #content a:active {color:#7F1300} #content a:hover {color:#7F1300} #ctextbox {float:left; width:205px;} #ctextbox h2 {font:bold 100% Arial; color:#004000; padding:0px; margin:16px 10px 0px 0px;} #commbox { margin:8px 0px 0px 0px; padding-bottom:10px; float:left; } #commbox #table2 {margin:0px; font-size:73%; color:#004000; border:1px solid #719F63;} .fr {float:right;} .fl {float:left;} .fl-1 {float:left; width:340px;} .fr #table2 {margin:0px 10px 10px 10px;} #table2 {border:1px solid #719F63; margin:26px; font-size:73%; color:#004000; width:333px; margin-left:auto; margin-right:auto; } #table2.wide {width:70%; /*margin:0px 0px 16px 0px;*/margin-left:auto; margin-right:auto;} #table2 th {background:rgb(218,236,183); color:#004000; padding:2px 10px 2px 3px; border-left:1px dotted #719F63; text-align:center;} #table2 th.first {border-left:none;} #table2 tr td {background:#fff; padding:2px 10px 2px 3px; border-top:1px dotted #719F63; border-left:1px dotted #719F63; text-align:center;} #table2 tr td.first {background:#fff; border-left:none; } #table2 tr.shade td {background:#f0f9ea; } #table2 tr td.center {text-align:center;} #table3 {border:1px solid #719F63; margin:26px; font-size:73%; color:#004000; margin-left:auto; margin-right:auto; } #table3.wide {width:70%; /*margin:0px 0px 16px 0px;*/margin-left:auto; margin-right:auto;} #table3 th {background:rgb(218,236,183); color:#004000; padding:2px 10px 2px 3px; border-left:1px dotted #719F63; text-align:center;} #table3 th.first {border-left:none;} #table3 tr td {background:#fff; padding:2px 10px 2px 3px; border-top:1px dotted #719F63; border-left:1px dotted #719F63; text-align:left; vertical-align:top;} #table3 tr td.first {background:#fff; border-left:none; } #table3 tr.shade td {background:#f0f9ea; } #table3 tr td.center {text-align:center;} td ul {padding-top:10px; } td ul li {font:normal 150% Arial;} #table {border:1px solid #719F63; margin:26px; font-size:73%; color:#004000; margin-left:auto; margin-right:auto; } #table.wide {width:70%; /*margin:0px 0px 16px 0px;*/margin-left:auto; margin-right:auto;} #table th {background:rgb(218,236,183); color:#004000; padding:2px 10px 2px 3px; border-left:1px dotted #719F63; text-align:center;} #table th.first {border-left:none;} #table tr td {background:#fff; padding:2px 10px 2px 3px; border-top:1px dotted #719F63; border-left:1px dotted #719F63;} #table tr td.first {background:#fff; border-left:none; } #table tr.shade td {background:#f0f9ea; } #table tr td.center {text-align:center;} /*.reginfo {text-align:center; margin:35px 0px 0px 0px;} .reginfo p {width:80%; color:#808080; font-size:60%;}*/ /* landing page */ .landing {float:left; width:520px; margin-right:20px; } .landing h2 {border-top:2px dotted #CC9966; margin-top:10px; padding:10px 0px 0px 0px;} .landing p.intro {/*background:url('../images/intro-bg.gif') repeat-x 0% 100%;*/margin:0px; padding:0px; } .landing p {margin:0px 0px 0px 0px;} .landing img {float:left; margin:0px 10px 15px 0px; padding:0px;} .promo-small {float:left; width:160px; background:url('../images/bg-rust.gif') repeat-x 0% 100%; } .landing .promo-small a{color:#fff; text-decoration:none;} .landing .promo-small a:visited{color:#fff; text-decoration:none;} .landing .promo-small a:hover {color:#fff; text-decoration:none;} .landing .promo-small a{color:#fff; text-decoration:none;} .promo-small p {margin:5px; text-align:left; color:#fff; font-weight:bold; } .promo-small h3 {margin:5px; text-align:left; color:#fff; font-weight:bold; } #footerbar {height:1em; clear:both; width:100%; margin-top:15px; margin-bottom:10px; padding:5px 0px 8px 0px; background:url('../images/tab-bar-bg.gif') repeat-x 0 96% #BCD96B;} #footerbar a {color:#004000;text-decoration:none; border-right:1px dotted wheat; float:left; background:none; font-size:70%; display:block; padding:0px 10px; height:auto; } #footerbar a:hover {text-decoration:underline; } /* #333300 */ #footerlinks {clear:both; text-align:center; border-top:2px dotted #dcdfbb; margin-top:15px; margin-bottom:10px; padding:1px 6px 6px 0px;} #footerlinks div {padding:4px 0px 0px 0px;} hr {color:#ccc; padding:2px; margin:0px;} #footerlinks a {color:#996600; border-bottom:1px solid wheat; text-decoration:none; float:none; background:none; font-size:70%; display:inline; padding:0px; height:auto; margin-right:4px;} #footerlinks a:hover {color:#99660; border-bottom:1px solid #996600; } /* #333300 */ /* popup window styles */ #pop-headerbar {width:600px; height:20px; margin:-2px 0px 10px 0px; background:#9EB758; border-top:1px solid white; text-align:center;} #pop-content {margin-left:auto; margin-right:auto; width:600px; border-top:20px solid #9EB758; border-bottom:2px dotted #dcdfbb; padding-top:10px; padding-bottom:15px; } #pop-content p {font:normal 75% Arial; color:#004000; text-align:left; } #pop-content p.qtn {font:bold 100% Arial; margin-bottom:3px;} #pop-content p.ans {font:bold 100% Arial; } #pop-content div.qtn {float:left; padding:0px 6px 0px 0px; margin:-11px 10px 0px 0px; height:150px; font:bold 150% Arial Black; color:#CB9869; } #pop-content a.button {display:block; width:6em; float:right; margin:15px; color:#fff; font-weight:bold; cursor:pointer; padding:0px; background:#3D9661 url('../images/btn-bg.gif') repeat-x; text-decoration:none; border-top:2px solid rgb(102,204,153);border-left:2px solid rgb(102,204,153);border-bottom:2px solid #006600;border-right:2px solid #006600;} #pop-content a.button:hover {background:#3D9661;} .flowbox-top {width:432px; background:url('../images/3dbox-top.gif') no-repeat 0 0; padding:30px;} .flowbox-btm {margin-left:55px; width:492px; background:url('../images/3dbox-btm.gif') no-repeat 0 100%; }