/* CSS Document */ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0; padding:0;background: #fff url(../images/bg.jpg) repeat-x scroll left top; font-family:Arial, Helvetica, sans-serif} p {font-size:11px; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; margin:0; color:#666666} h1 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:22px; margin:0; padding:0 0 0 0; font-weight:bold} h2 { color:#303293; font-family:"Trebuchet MS", Verdana, Arial; font-size:14px; margin:0; padding:0 0 0 5px; font-weight:bold} h3 { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0 0 3px 22px; font-weight: bold; text-transform:uppercase; background:url(../images/icon_announcements.jpg) no-repeat; margin-bottom:10px;} h4 { color:#26298e; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0 0 0 7px; font-weight: bold;} h5 { color:#FF9900; font-size:11px; margin:0; padding:0; padding-bottom:3px} /* --------------------------------------------- 02. WRAPPER --------------------------------------------- */ #wrapper { width:800px; z-index:1; margin:0 auto} /* --------------------------------------------- 03. HEADING, LOGO AND PHONE NUMBER --------------------------------------------- */ #header { width:800px; height:88px; background:#f2f2f2 url(../images/headerbg.jpg) no-repeat; margin:0; padding:0; margin-top:16px} #logo { width:280px; height:80px;padding:5px 0 0 10px; float:left} #phone { width:130px; height:23px; float:right; color:#6a6c6f; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:7px;} .blue { color:#303293} /* --------------------------------------------- 04. MAIN HEADER - WELCOME TO... --------------------------------------------- background:url(../images/globe.jpg) no-repeat top right; */ #welcome { width:798px; border:1px solid #e6e6e6; background: #fff url(../images/welcomebg.jpg) no-repeat scroll left bottom; float:left} #welcome #wleft { width:358px; float:left; padding-left:10px; padding-top:10px;} #wleft .list { margin:0; padding-left:15px; margin-top:10px; margin-left:20px; width:250px; list-style-image:url(../images/arrow.jpg);} #wleft .list li {background:url(images/arrow.jpg) no-repeat 0 3px;margin-bottom:6px; font-size:12px; color:#999} #wleft .confbuttons { width:174px; height:61px; float:left; margin-top:20px; margin-right:5px; margin-bottom:20px;} #welcome #wright { width:422px; height:230px; float:right; margin:0; padding-right:2px; padding-top:2px;} html>body #welcome #wright { width:422px; height:230px; float:right; margin:0; padding-right:2px; padding-top:2px; padding-bottom:2px} #wright .splash {width:422px; height:230px; z-index:-99;} #wright .splashcaption { width:150px; position: relative; float:right; margin-top:-200px; padding-right:5px;} #wright p { color:#fff; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:15px; margin:0; padding:5px; font-weight:normal; line-height:1.3em} /* --------------------------------------------- 05. CONTENT --------------------------------------------- */ #content { width:792px; border:1px solid #e6e6e6; background:#FFFFFF url(../images/content_bg.jpg) repeat-x scroll left bottom; float:left; margin-top:2px; padding:3px;} /* --------------------------------------------- 06. CONTENT- LEFTPANEL --------------------------------------------- */ #content #leftpanel { width:174px; float:left;} #leftpanel p {font-size:11px; padding-left:7px; margin:0; padding-bottom:0; padding-right:8px; color:#666666; padding-top:2px;} #login { width:174px; height:143px;border:1px solid #e6e6e6; background-color:#FFFFFF;padding:9px; padding-bottom:0; background: url(../images/content_welcomebg.jpg) repeat scroll left top;} #login .loginimg { margin:0 auto; width:173px; height:61px; padding-bottom:13px; } #annoucements { width:170px; height:310px; margin-top:3px; padding:9px;border:1px solid #e6e6e6; background-color:#FFFFFF; padding-bottom:0} html>body #annoucements { width:170px; height:230px; margin-top:3px; padding:11px;border:1px solid #e6e6e6; background-color:#FFFFFF; padding-bottom:0} /* --------------------------------------------- 07. CONTENT- RIGHTPANEL --------------------------------------------- */ #content #rightpanel {width:592px; float: right; } #rightpanel h4 { color:#26298e; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:15px; margin:0; padding:10px 0 5px 0; font-weight: bold;} #rightpanel h3 { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0 0 3px 27px; font-weight: bold; text-transform:uppercase; background-image:none;} #content_welcome { width:590px; height:152px; border:1px solid #e6e6e6; background:url(../images/content_welcomebg.jpg) repeat scroll left top; margin:0;} #content_welcome p{ font-size:12px; line-height:1.3em; color:#666666} .content_logo { width:93px; height:70px; float:left; margin-top:28px; padding-left:10px; padding-right:10px;} .content_text { width:450px; float:left; margin-top:0px; margin-left:7px} .content_customer { width:150px; float:left; margin-top:10px; margin-left:10px} #content ul{font:Arial, Helvetica, sans-serif; font-size:12px; color:#666666} #content ul li{font:Arial, Helvetica, sans-serif; font-size:12px;} #content_highlights { width:584px; padding:3px; height:230px; border:1px solid #e6e6e6; background:url(../images/content_welcomebg.jpg) repeat scroll left top; margin-top:3px;} .high_howitworks { width:190px; float:left; background:url(../images/highlight_bg.jpg) no-repeat; padding-left:3px;} .high_howitworks p { font-size:12px; line-height:1.3em; color:#666666; padding-right:10px; padding-left:5px; } .img_howitworks { width:190px; height:44px; margin-bottom:10px; } .high_services { width:180px; float:left; background:url(../images/highlight_servicebg.jpg) no-repeat; padding-left:3px;} .img_services { width:180px; height:44px; margin-bottom:10px;} .servicelinks {width: 160px;font-size:12px;} .servicelinks ul { list-style:none; margin:0; padding:0;} .servicelinks li {margin: 0; width:160px;} .servicelinks li a {display: block; text-align: left;padding: 6px 0px 8px 10px; background:url(../images/divider_small.jpg) no-repeat bottom right;color: #6365AE;text-decoration: none;width:100%} .servicelinks li a:hover {color: #4A4C92;} .high_features { width:200px; float:left; padding-left:3px;} .img_features { width:200px; height:44px; margin-bottom:10px;} .featurelinks { width:175px; float:left;padding-left:10px; padding-right:5px; margin-bottom:10px} .featurelinks p { font-size:11px; line-height:1.3em; color:#666666} .readmore { color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0px 0 0px 12px; margin-top:4px; width:200px; float:right} .readmore a:link, .readmore a:visited {color:#ff9900; text-decoration:none} .readmore a:hover {color:#999999; text-decoration:none} .readmore_feature { color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0px 0 0px 0px; margin-top:7px; width:60px; float:right; text-align:right} .readmore_feature a:link, .readmore_feature a:visited {color:#FF9900; text-decoration:none} .readmore_feature a:hover {color:#999999; text-decoration:none} /* --------------------------------------------- 07.b FAQS --------------------------------------------- */ #faqs{font:Arial, Helvetica, sans-serif; font-size:12px;color:#666666} #faqs ul{font:Arial, Helvetica, sans-serif; font-size:12px;} #faqs ul li{font:Arial, Helvetica, sans-serif; font-size:12px;} /* --------------------------------------------- 08. FOOTER --------------------------------------------- */ #footer { width:780px; height:40px; color:#000;display:block; margin-top:10px; margin-bottom:10px; margin:0 auto} #footer p {color:#999999; margin-top:10px; font-weight: normal; font-size:11px;width:380px; float:left; margin-bottom:20px} #footer #footerlinks { font-size:11px; width:370px; float:right; padding-left:5px; margin-top:11px;text-align:right; color:#3474B1} #footer #footerlinks a:link, #footer #footerlinks a:visited { padding-left:7px; padding-right:7px;color:#3474B1; text-decoration:none} #footer #footerlinks a:hover {text-decoration:none; color:#3474B1} /* --------------------------------------------- 09. INNERPAGE - HEADER --------------------------------------------- */ #header_inner { width:800px; height:146px; float:left; margin-top:1px;} /* --------------------------------------------- 10. INNERPAGE - SCALEABLE CONTENTS- BG --------------------------------------------- */ .innercontent_topborder { width:793px; height:6px; margin:0 auto} .innercontent_middlebg { width:793px; background-image:url(../images/innercontent_bg.gif); float:left} .innercontent_bottomborder { width:793px; height:11px; float:left} /* --------------------------------------------- 11. INNERPAGE - LEFTPANEL --------------------------------------------- */ #leftpanel_inner { width:174px; height:587px; padding:9px; float:left; margin:0; padding:10px; padding-bottom:0px} #feedback { width:174px; height:143px; background-color:#FFFFFF; margin-top:10px} .inner_leftimg { width:174px; height:61px; margin-bottom:4px; padding:0} #client_header{ font-size:12px; line-height:20px;} /* --------------------------------------------- 12. INNERPAGE - RIGHTPANEL --------------------------------------------- */ #rightpanel_inner { width:564px; float:left;margin:0; margin-left:5px; padding:10px; padding-bottom:0px; padding-left:15px} #rightpanel_inner p{ font-size:12px; line-height:1.2em} #rightpanel_inner h4 { font-size:20px; font-family:"Trebuchet MS", Verdana, Arial;font-weight:normal; margin:0; padding:0;} .content-img { border:7px solid #F2F2F2} #rightpanel_inner #rates_text{width:150px;float:left;line-height:20px} #rightpanel_inner #rates{width:400px;float:right;line-height:20px; vertical-align:middle;} /* --------------------------------------------- 13. MISCELLANEOUS --------------------------------------------- */ .txtgrey { color:#666666} .txtblue { color:#303293; font-size:12px; font-style: normal; padding-left:6px; padding-right:3px;} .txtsmall { font-size:15px;} .dividersmall { width:190px; height:5px; float:left; margin-left:-10px; margin-top:3px; margin-bottom:3px;} .dividerbig { width:565px; height:10px; float:left; margin-bottom:10px;}