/* SRC main CSS Created: 29/06/07 By: Scott Chapman */ /* Main elements */ /*=============================================================================================================*/ body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding:0; } #container { position:relative; width: 780px; margin: 0 auto; text-align: left; padding: 0; } #header_logo { float: left; width: 495px; height: 70px; } #header_login { position:relative; float: right; width: 285px; height: 75px; background:url(../images/bg/search_bg.gif) top right no-repeat; } #header_login ul { position:absolute; top: 5px; left: 5px; margin: 5px 0 0 5px; padding: 0; } #header_login li { list-style: none; display: inline; } #header_login li a { font-size: 11px; font-weight: bold; color: #063771; text-decoration: none; margin: 0 20px 0 0; } #header_login li a:hover { font-size: 11px; font-weight: bold; color: #063771; text-decoration: none; margin: 0 20px 0 0; } #header_login input.submitBtn { position:absolute; top:5px; right:10px; width:auto; height:auto; border:0; } #header_login input { width: 110px; height: 14px; color: #A3ABBD; border: 1px solid #000; } #main_container { width: 790px; } #main { float: left; width: 570px;} #page_title { font-size: 18px; color: #8ba5bf; margin: 10px 0 0 10px; height: 180px;} #page_title_dm { font-size: 22px; color: #003366; margin: 10px 0 0 10px; min-height:180px; height:auto !important; height:180px; } #page_title1 { font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #003366; bold; margin: 10px 0 0 10px; height: 180px;} #page_title b { font-size: 28px; color: #003366; } #roll_info { margin: 10px 0 0 5px; } #sections_container { float: left; padding: 0px; margin-bottom: 15px; margin-top: 5px; clear:both;} #sections_container1 { position: absolute; top: 95px; left:5px; padding: 0px 0 0 0px; margin-bottom: 15px; margin-top: 5px; clear:both;} #sections_container2 { position: absolute; top: 145px; left:5px; padding: 0px 0 0 0px; margin-bottom: 15px; margin-top: 5px; clear:both;} #sections_container3 { position: absolute; top: 165px; left:5px; padding: 0px 0 0 0px; margin-bottom: 15px; margin-top: 5px; clear:both;} #sections_container4 { position: absolute; top: 2px; left:5px; padding: 0px 0 0 0px; margin-bottom: 15px; margin-top: 5px; clear:both;} #sections_container5 { position: absolute; top: 220px; left:5px; padding: 0px 0 0 0px; margin-bottom: 15px; margin-top: 5px; clear:both;} #benefits { width: 180px; float: left; margin: 10px 0 0 10px; padding:0; display: inline;} #glance { width: 180px; float: left; margin: 10px 0 0 350px; padding:0; display: inline;} #case_study { width: 180px; float: left; margin: 10px 0 0 10px; padding:0; display: inline; } #news_sec { width: 180px; float: left; margin: 10px 0 0 10px; padding:0; display: inline; } .sections_top { background:url(../images/bg/sections_top_bg.gif) top left no-repeat; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #FFF; height: 23px; padding:7px 0pt 0pt; } .sections_top b { padding-top: 10px; padding-left: 10px; } .sections_mid { background:url(../images/bg/sections_mid_bg.gif) top left repeat-y; font-size: 11px; color: #036; min-height: 70px; padding: 10px; } .sections_mid1 { background:url(../images/bg/sections_mid_bg.gif) top left repeat-y; font-size: 11px; color: #036; min-height: 70px; padding: 10px 10px 10px 0px; } .sections_mid a, a:hover { color: #7bc56e; text-decoration: none; } .sections_bot { background:url(../images/bg/sections_bot_bg.gif) top left no-repeat; height: 10px; } #bot_banner { width: 760px; border-top: 1px solid #D3DFEF; border-bottom: 1px solid #D3DFEF; border-top: 1px solid #ccc; padding: 0px 10px 0 10px 0; clear:both; } a img {border:0px; } /* TOP NAV drop down */ /*=============================================================================================================*/ #nav_container { position: relative; clear:both; width: 780px; height: 32px; background:url(../images/bg/top_nav_bg.gif) repeat-x; z-index: 1000; } li#home { width:3.5em; } li#who { width:5.7em; } li#what { width:5.6em; } li#guid { width:4.2em; } li#ind { width:4.8em; } li#study { width:6.4em; } li#news { width:7em; } li#cont { width:5.5em; } ul#top-nav, ul#top-nav ul { width: 120px; margin: 0; padding: 0; font-size: 14px; } ul#top-nav { position: absolute; left: 5px; width: 650px; height: 32px; background: transparent; border: 0px solid black; margin: 0; } ul#top-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul#top-nav li { position: relative; list-style: none; float: left; height: 32px; white-space:nowrap; /* Width of Menu Items */ } ul#top-nav li a { display: block; font-size: 12px; text-decoration: none; color: #003366; padding: 5px 5px 5px 10px; } ul#top-nav li li a { display: block; font-size: 12px; text-decoration: none; color: #003366; padding: 5px; } /* Fix IE. Hide from IE Mac \*/ * html ul#top-nav li { float: left; height: 1%; } * html ul#top-nav li a { height: 1%; } * html ul#top-nav li li { width:158px; } /* End */ ul#top-nav ul { position:absolute; display: none;} ul#top-nav ul ul { left: 130px; top: 0; } ul#top-nav li ul li a { padding: 2px 5px 2px 10px; } /* Sub Menu Styles */ ul#top-nav li:hover ul ul, ul#top-nav li:hover ul ul ul, ul#top-nav li.over ul ul, ul#top-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */ ul#top-nav li:hover ul, ul#top-nav li li:hover ul, ul#top-nav li li li:hover ul, ul#top-nav li.over ul, ul#top-nav li li.over ul, ul#top-nav li li li.over ul { display: block; } /* The magic */ ul#top-nav li.menuparent { } ul#top-nav li.menuparent a, ul#top-nav li.menuparent a:hover { padding-top: 12px;} ul#top-nav li.menuparent ul li a { color: #FFFFFF; font-size: 12px; width:130px; background-color:#003366; height: 100%;} ul#top-nav li.menuparent ul li a:hover { color: #7BC56E; background-color: #003366; height: 100%; } ul#top-nav li.menuparent:hover, ul#top-nav li.over { color: #FFFFFF; background:url(../images/bg/top_nav_bg_over.gif) repeat-x; } ul#top-nav li.over a { color: #FFFFFF; } ul#top-nav li a:hover { color: #FFFFFF; background:url(../images/bg/top_nav_bg_over.gif) repeat-x; } ul#top-nav li li a:hover { color: #B1CEE5; background-color: #FFFFFF; background: none; } /* SIDE Nav */ /*=============================================================================================================*/ #navside_container { float:left; display:inline; margin: 10px 0 0 0; padding: 0; width: 211px; } #navside_top_bg { width: 211px; height: 25px; background:url(../images/bg/side_nav_top_bg.gif) top left no-repeat; } .navside_section { float:left; background:url(../images/bg/side_nav_mid_bg.gif) top left repeat-y; xmin-height: 60px; width:210px; padding-bottom:15px; border-bottom: 1px solid #D3DFEF; } #legal .navside_section_blue { float:left; background:url(../images/bg/side_nav_mid_bg_blue.gif) top left repeat-y; xmin-height: 60px; width:210px; padding-bottom:15px; border-bottom: 1px solid #D3DFEF; } .navside_section1 { float:left; background:url(../images/bg/side_nav_mid_bg1.gif) top left repeat-y; xmin-height: 60px; width:210px; padding-bottom:15px; border-bottom: 1px solid #D3DFEF; } #navside_bot_bg { float:left; width: 211px; height: 15px; background:url(../images/bg/side_nav_bot_bg.gif) top left no-repeat; } #legal #navside_bot_bg { background:url(../images/bg/side_nav_bot_bg_blue.gif) top left no-repeat; } .navside_L1 { float: left; width: 193px; padding: -15px 0 0 15px; height: 21px; font-size: 13px; font-weight: bold; color: #003366; text-decoration: none; padding:3px 0pt 3px 15px; } a:hover.navside_L1 { background:url(../images/bg/side_nav_highlight_bg.gif) top left no-repeat; color: #FFF; padding: -15px 0 0 15px; } #navside_on { background:url(../images/bg/side_nav_highlight_bg.gif) top left no-repeat; color: #FFF; margin:0 0 0 1px; } .navside_L2 { float: left; display:inline; width: 160px; margin: 0 0 0 15px; font-size: 12px; color: #a2aebd; text-decoration: none;} a.navside_L2 { padding: 0px 0 0 15px; } a:hover.navside_L2 { color: #83c977; } #navside1_on { float: left; width: 193px; padding: 0px 0px 0px 0px; background:url(../images/bg/side_nav_highlight_bg.gif) top left no-repeat; color: #83c977; text-decoration: none; padding:3px 0pt 3px 1px; } .navside_L3 { float: left; width: 193px; padding: 0 0 0 15px; height: 21px; font-size: 13px; font-weight: bold; color: #003366; text-decoration: none; padding:3px 0pt 3px 15px; } #navside_on1 { background:url(../images/bg/side_nav_highlight_bg1.gif) top left no-repeat; color: #FFF; margin:0 0 0 2px; } #navside_on2 { background:url(../images/bg/side_nav_highlight_bg2.gif) top left no-repeat; margin:0 0 0 1px;} .navside_L4 { float: left; width: 193px; padding: 0 0 0 28px; font-size: 12px; color: #003366; text-decoration: none; } a.navside_L4 { padding: 0 0 0 15px; } a:hover.navside_L4 { color: #83c977; } .navside_L5 { float: left; width: 240px; padding: 0 0 0 15px; font-size: 12px; color: #003366; text-decoration: none; } a.navside_L5 { padding: 0 0 0 0px; } a:hover.navside_L5 { color: #83c977; } .navside_L6 { float: left; width: 340px; padding: 0 0 0 15px; font-size: 12px; color: #003366; text-decoration: none; } a.navside_L6 { padding: 0 0 0 0px; } a:hover.navside_L6 { color: #83c977; } /* SIDE Nav */ /*=============================================================================================================*/ #test_container { float:left; display:inline; margin: 10px 0 0 0; padding: 0; width: 211px; } #test_top_bg { width: 211px; height: 25px; background:url(../images/bg/side_nav_top_bg.gif) top left no-repeat; } .test_section { float:left; background:url(../images/bg/side_nav_mid_bg.gif) top left repeat-y; xmin-height: 60px; width:210px; padding-bottom:15px; border-bottom: 1px solid #D3DFEF; } #test_bot_bg { float:left; width: 211px; height: 15px; background:url(../images/bg/side_nav_bot_bg.gif) top left no-repeat; } #roll_info { position: relative; margin: 10px 0 0 5px; width: 557px; } #roll_info_solutions { position: relative; margin: 60px 0 0 3px; width: 557px; } .picture {position: absolute; top: 155px; left:220px; z-index:1;} #sec1 {position: relative; top: 5px; left:5px; display:block; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 100; background:url(../images/bg/section_1_bg.gif) top left no-repeat; padding: 100px 0 0 15px;} #sec2 {position: relative; top: 5px; left:5px; display:none; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 200; background:url(../images/bg/section_2_bg.gif) top left no-repeat; padding: 100px 0 0 15px;} #sec3 {position: relative; top: 5px; left:5px; display:none; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 300; background:url(../images/bg/section_3_bg.gif) top left no-repeat; padding: 100px 0 0 15px;} #sec4 {position: relative; top: 5px; left:5px; display:none; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 400; background:url(../images/bg/section_4_bg.gif) top left no-repeat; padding: 100px 0 0 15px;} #sec5 {position: relative; top: 5px; left:5px; display:none; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 500; background:url(../images/bg/section_5_bg.gif) top left no-repeat; padding: 100px 0 0 15px;} #sec6 {position: relative; top: 8px; left:7px; display:block; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 100; background:url(../images/bg/bg_section1.gif) top left no-repeat; padding: 10px 0 0 10px;} #sec7 {position: relative; top: 8px; left:7px; display:block; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 100; background:url(../images/bg/bg_section2.gif) top left no-repeat; padding: 10px 0 0 10px;} #sec8 {position: relative; top: 8px; left:7px; display:block; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 100; background:url(../images/bg/bg_section3.gif) top left no-repeat; padding: 10px 0 0 10px;} #sec9 {position: relative; top: 8px; left:7px; display:block; width: 557px; min-height:300px; height:auto !important; height:300px; z-index: 100; background:url(../images/bg/bg_section4.gif) top left no-repeat; padding: 10px 0 0 10px;} #sec10 {position: relative; top: 85px; left:8px; display:block; width: 557px; min-height: 70px; background:url(../images/bg/bg_section_top.gif) top left no-repeat; padding: 10px 0 0 10px;} #sec11 {position: relative; top: 7px; left:8px; display:block; width: 557px; min-height: 100px; z-index: 100; background:url(../images/bg/bg_section_repeat.gif) top left repeat-y; xmin-height: 1px; padding: 0px 0 5px 10px;} #sec12 {float:left; width: 790px; min-height: 25px; z-index: 100; background:url(../images/bg/bg_section_bot.gif) top left no-repeat; padding: 0px 0px 0px 0px;} #sec13 {position: relative; top: 80px; left:8px; display:block; width: 557px; min-height: 70px; z-index: 100; background:url(../images/bg/bg_section_top.gif) top left no-repeat; padding: 10px 0 0 10px;} #sec14 {position: relative; top: 10px; left:10px; display:block; width: 557px; min-height: 10px; z-index: 100; background:url(../images/bg/bg_cs1.gif) top left no-repeat; padding: 0px 0 0 10px;} #sec15 {position: relative; top: 35px; left:15px; display:block; width: 120px; min-height: 100px; z-index: 100; font-size: 1.0em;} .section_link { position: relative; z-index: 600; color: #fff; } .section_link a, .section_link a:hover { color: #FFF; font-family:Arial; font-weight: bold; text-decoration: none;} #one { position: absolute; top: 10px; left:10px; width: 102px; height: 72px;} #one a, #one a:hover { position: absolute; top: 0px; left:0px; font-size: 13px; width: 102px; height: 72px;} #two { position: absolute; top: 10px; left:125px; width: 102px; height: 72px;} #two a, #two a:hover { position: absolute; top: 0px; left:0px; font-size: 13px; width: 102px; height: 72px;} #three { position: absolute; top: 10px; left:235px; width: 102px; height: 72px;} #three a, #three a:hover { position: absolute; top: 0px; left:0px; font-size: 13px; width: 102px; height: 72px;} #four { position: absolute; top: 10px; left:344px; width: 102px; height: 72px;} #four a, #four a:hover { position: absolute; top: 0px; left:0px; font-size: 13px; width: 102px; height: 72px;} #five { position: absolute; top: 10px; left:454px; width: 102px; height: 72px;} #five a, #five a:hover { position: absolute; top: 0px; left:0px; font-size: 13px; width: 102px; height: 72px;} .cols { width: 245px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 15px; } .cols1 { width: 500px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 15px; } .cols2 { width: 245px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 15px; } .cols3 { width: 100px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 15px; } .cols4 { width: 170px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 15px; } .cols5 { width: 330px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 0px; } .cols6 { width: 310px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 20px; } .cols7 { width: 150px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 25px; } .cols8 { width: 150px; font-size: 12px; color: #737F99; float: right; margin: 15px 0 0 60px; } .cols9 { width: 270px; font-size: 12px; color: #737F99; float: left; margin: 5px 0 0 15px; } .cols10 { width: 500px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 20px; } .cols11 { width: 170px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 15px; } .cols12 { width: 330px; font-size: 12px; color: #737F99; float: left; margin: 15px 0 0 15px; } .cols14 { width: 30px; font-size: 12px; color: #737F99; float: left; margin: -20px 0 0 500px; } /* SRC LEGAL */ /*=============================================================================================================*/ #legal #roll_info { margin-bottom:10px; } #legal #sec1 { background:url(../images/bg/section_1_bg_no4.gif) top left no-repeat; } #legal #sec2 { background:url(../images/bg/section_2_bg_no4.gif) top left no-repeat; } #legal #sec3 { background:url(../images/bg/section_3_bg_no4.gif) top left no-repeat; } #legal #sec4 { background:url(../images/bg/section_4_bg_no4.gif) top left no-repeat; } #legal #one { width:127px;} #legal #one a { width:127px; } #legal #two { width:127px; left:150px;} #legal #two a { width:127px; left:0px; } #legal #three { width:127px; left:290px;} #legal #three a { width:127px; left:0px; } #legal #four { width:127px; left:430px;} #legal #four a { width:127px; left:0px; } #legal .cols1 ul { margin:0; padding:0; } #legal .cols1 ul li { padding:0 0 5px 0px; margin-left:20px } #legal #page_title_dm { font-size: 22px; color: #003366; margin: 10px 0 0 10px; min-height:205px; height:auto !important; height:205px; } .boxes { background:url(../images/bg/bg_section_repeat.gif) repeat-y left top; width:557px; clear:both; margin:20px 0 0 8px; } .boxes-outer { background:url(../images/bg/bg_section_top.gif) left top no-repeat; } .boxes-inner { background:url(../images/bg/bg_section_bot.gif) -219px bottom no-repeat; padding:10px 10px 5px 10px; } .boxes h3 { color:#003366; font-size:100%; margin:0 0 10px 0; } .boxes p { font-size:80%; margin-top:0; } #legal .testimonials { min-height:250px; height:auto !important; height:250px; position:relative; } #legal .pagination { position:absolute; right:10px; bottom:0; } #legal .pagination a { color:#7BC56E; } #legal .colX { width:155px; padding-right:22px; border-right:1px solid #737F99; } #legal .colX ul { margin-left:0; padding-left:15px; margin-bottom:0; } #legal .colX ul li { padding:0 0 2px 0px; } #legal .colY { width:330px; margin-top:0; } #legal .colY h3 { font-size:100%; } #legal .colY img { display:block; margin-top:20px } .clearbox { background:url(../images/bg/blue_bg.gif) left top repeat-y; margin:0 0 20px 10px; padding:0; } .clearbox-outer { background:url(../images/bg/blue_bg_bot.gif) left bottom no-repeat; } .clearbox h3 { background:url(../images/bg/blue_heading_bg.gif) repeat-y left top; color:#FFF; font-size:100%; margin:0 0 15px 0; padding:5px 10px; } .clearbox h4 { font-size:90%; color:#003366; margin:0; } .clearbox p { margin-left:50px; position:relative; font-size:80%; } .clearbox img { position:absolute; top:0; left:-50px; } .clearbox a { color:#7BC56E; display:block; font-size:100%; margin-top:10px } .clearbox ul { padding:0; margin:0 0 0 30px } .clearbox ul li { list-style:none; padding:0 30px 20px 0; margin:0; float:left; min-height:120px; height:auto !important; height:120px; width:230px; } /* BOT NAV */ /*=============================================================================================================*/ #botnav_container { position: relative; clear:both; width: 780px; height: 30px; margin: 15px 0 0 0; background:url(../images/bg/bot_nav_bg.gif) no-repeat;} #botnav_corner { width: 95px; height: 30px; color: #FFF; padding: 10px 0 0 50px; } #botnav_sitemap { width: 50px; height: 30px; color: #FFF; padding: 0 0 0 5px; } #botnav_policy { width: 75px; height: 30px; color: #FFF; padding: 0 0 0 5px; } li#bhome { width:3.5em; } li#bwho { width:6.5em; } li#bwhat { width:6.4em; } li#bind { width:4.8em; } li#bstudy { width:6.8em; } li#bnews { width:8em; } li#bcont { width:5.5em; } ul#bot-nav { width: 780px; margin: 0; padding: 0; font-size: 11px; } ul#bot-nav ul { margin: 0; padding: 0; } ul#bot-nav { position: absolute; left: 5px; width: 780px; height: 32px; background: transparent; border: 0px solid black; margin: 0; } ul#bot-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul#bot-nav li { position: relative; list-style: none; float: left; height: 32px; white-space:nowrap; /* Width of Menu Items */ } ul#bot-nav li a { display: block; font-size: 11px; text-decoration: none; color: #FFF; padding: 10px 5px 5px 10px; } /* Fix IE. Hide from IE Mac \*/ * html ul#bot-nav li { float: left; height: 1%; } * html ul#bot-nav li a { height: 1%; } /* End */ ul#bot-nav ul { position:absolute; display: none;} ul#bot-nav li.over a { color: #FFF; } ul#bot-nav li a:hover { color: #FFF; } /* SRC CSS FILE INFORMATION */ /*=============================================================================================================*/ .mainbodylinks{ font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; color: #6A91CA; padding-top: 2px; text-decoration: none; } .mainbodylinks:hover{ text-decoration: underline; color:#002152; } .mainheading{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #78C469; } .secondaryheading{ font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; color: #002152; } .sublinks{ font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; color: #243E68; padding-top: 2px; text-decoration: none; } .sublinks:hover{ text-decoration: underline; color:#002152; } .custsublinks{ font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: normal; color: #78C469; padding-top: 2px; text-decoration: underline; } .custsublinks:hover{ text-decoration: none; color:#002152; } /* -------------------------------------------------------------- CLEAR FLOATS -------------------------------------------------------------- */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display: inline-block; } /* hides from IE/Mac \*/ * html .clear { height: 1%; } .clear { display: block; } /* end hide from IE-Mac */ /*** end clearing hack ***/