/* Online databases - tables*/
html { font-weight: normal; font-family: verdana, tahoma, arial, sans-serif; height:100%; border:0px; padding:0px; margin:0px; }
body {border:0px; padding:0px; margin: 0 0 0 0; font-size: 90%; height:100%; color: #424242; background-image: url(../images/bg/body_bg.gif); background-repeat: repeat-x; text-align:center;}
.center-layout { height:100%; width:100%;}
/* no borders on images */
img { border: 0px; }
/* centering the site
make all outer layout tables have {margin-left:auto; margin-right:auto; }
use either on body or a center-layout div {text-align:center;}
*/
.center-layout table.outer { text-align:left; margin-left:auto; margin-right:auto; width:990px; border: solid 0px #999999; margin-top:0px; margin-bottom:20px; border-collapse:collapse;}
.center-layout table.outer td { padding-bottom:0px; padding-top:0px; margin:0px;}
/* HEADER */
td.logo { background-image: url(../images/bg/logo.gif); background-repeat:no-repeat; padding:0px; margin:0px; border-collapse:collapse;}
td.home { text-align:right; font-size:9px; padding-bottom:0px; line-height:10px;}
td.home .top_links { margin-top:5px; margin-bottom:5px;}
.home a { text-decoration: none;}
/* logo layout */
.header { color:#ffffff; padding-left:0px; padding-right:0px; margin-bottom:0px; width:100%;}
.header table { width:100%; border-collapse:collapse; padding:0px; height:68px; background-color:#ffffff; }
.header td.logo {text-align:left; height:70px; }
.header td.tel { height:70px; text-align:right; float:right;}
.header td.left { background-image: url(../images/header/left.gif); background-repeat: no-repeat; height:68px; width:13px; padding-bottom:0px;}
.header td.right { background-image: url(../images/header/right.gif); background-repeat: no-repeat; background-position:right; height:68px; width:13px; padding-bottom:0px;}
/* top nav */
td.nav { white-space:nowrap; width:100%; }
.topnav {width:100%; margin-top:0px; background-image: url(../images/bg/nav_bg.gif); background-repeat: repeat-x; height:35px;}
.topnav ul { display: inline; margin:0px 0px 0px 0; width:100%; }
.topnav ul li { display: inline; margin: 0; padding: 0; }
.topnav ul li a { display: block; float:left; padding-top:8px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:center; color:#ffffff; text-decoration:none; border-right: groove 1px #ffffff; font-size:12px;}
.topnav ul li a:hover { background-image: url(../images/bg/nav_bg_over.gif); background-repeat: repeat-x; text-decoration: none; color:#ffffff; }
/* highlight current page nav item*/
#bm #i1 a, #t #i2 a, #council #i3 a, #tm #i4 a, #ap #i5 a, #bespoke #i6 a, #bulletin #i7 a {background-image: url(../images/bg/nav_bg_over.gif); background-repeat: repeat-x; height:18px;}
#bm #i1 a:hover, #t #i2 a:hover, #council #i3 a:hover, #tm #i4 a:hover, #ap #i5 a:hover, #bespoke #i6 a:hover, #bulletin #i7 a:hover {background-image: url(../images/bg/nav_bg.gif); background-repeat: repeat-x; height:18px;}
/* links */
.home { clear:both; margin:0; padding: 0px 15px 5px 15px !important; text-align:right; font-size:.6em; color:#ffffff; }
.home a { color:#ffffff; }
.home a:hover { color:#3AA500; text-decoration:none; }
.bottom a, .content a { text-decoration:none; color:#3d57a7;}
.bottom a:hover, .content a:hover {color:#2f8800; text-decoration: underline;}
.colleft h3 a, .colleft h3 a:hover {color:#ffffff; text-decoration:none;}
.maincontent a { font-size:12px;}
/*Formatting*/
/*
eb8a15 = orange
160587 = dark blue
cfdcf6 = light blue
424242 = dark grey
*/
/* text formats */
h1 {margin:.4em 0 .7em 0; padding:0;}
h2 {margin:.0 0 .7em 0; font-size:1.4em; line-height:2em;}
h1, h2 { border-bottom: solid 1px #2f8800; font-weight:normal; }
h3 { margin:.1em 0 1em 0; font-size:12px; line-height:20px; font-weight:normal;}
h4 { font-size:1em; line-height:1.7em; font-weight:bold; margin: 20px 0 5px 0; border-bottom: solid 1px #2f8800; }
.colleft h3, .colright h3 {margin:.7em 0 1em 0; font-size:14px; line-height:20px; color:#ffffff; padding: 5px 0px 10px 10px; background-image: url(../images/bg/h3_bg.gif); background-repeat: no-repeat ; height:20px;}
/*
.colleft h3, .colright h3 {margin:0px 0 0px 0; padding: 2px 0px 0px 8px; font-size:14px; height:30px; line-height:20px; color:#ffffff; background-image: url(../images/bg/h3_bg.gif); background-repeat: no-repeat ; }
*/
.title { font-size:.9em; font-weight:bold; line-height:normal; padding-top:20px; width:100%; border-bottom: solid 1px #2f8800; margin-bottom:3px; padding-bottom:3px;}
.legal .title { font-size:12px;}
h1.col1 { font-size:24px; line-height:30px; font-weight:bold; border-bottom: solid 0px #2f8800;}
h2.col1 { font-size:16px; font-weight:normal; border-bottom: solid 0px #2f8800; line-height:normal; margin-bottom:20px; }
h3.col1 { font-size:16px; font-weight:normal; border-bottom: solid 0px #2f8800; line-height:normal; margin-bottom:20px; }
.legal h2 {font-size:18px; line-height:20px; border-bottom: solid 1px #2f8800;}
/* home page*/
table.boxes { width:100%;}
.home-box { margin-bottom:-2px; padding-bottom:0px; }
.home-bottom ul { margin-top:5px; margin-left:27px; padding-left:0px; font-size:11px; padding-bottom:0px;}
.home-bottom li { padding-bottom:4px; line-height:16px;}
.home-bottom { margin-bottom:20px; padding-top:0px; margin-top:0px; background-image: url(../images/home/bottom-300.gif); background-repeat:no-repeat; height:108px; width:300px; background-position:bottom ;}
.action {margin-left:0px; margin-top:-5px; float:right;}
td.home-text { vertical-align:top; padding-right:10px;}
/* main content */
.content { margin-top:10px; margin-bottom:10px; }
.content table.main { width:100%; margin-top:15px; font-size:12px; line-height:20px; border-collapse:collapse; }
.content td.colleft {vertical-align:top; width:190px; border-right: dotted 1px #424242; padding-right:10px; }
.content td.right {vertical-align:top; width:180px; border-left: dotted 1px #424242; padding-right:0px;}
.content td.maincontent {padding-left:10px; padding-right:10px; vertical-align:top; }
.content td.mainhome {padding-left:10px; padding-right:10px; padding-right:10px; vertical-align:top;}
.spacer { width:100%; border-bottom: dotted 1px #424242; line-height:1px; margin-top:10px;}
.bank_logo { margin-bottom:-10px; margin-top:20px;}
ul {font-size:12px; list-style-type:square;}
li {padding-bottom:5px; color:#5fb843; font-weight:normal;}
li .normal { color:#424242; font-weight:normal;}
ol li { font-weight:bold;}
/* register now button*/
.left_nav { margin-top:0px; margin-bottom:30px; }
.left_nav_bullet ul {margin-top:0px; margin-bottom:0px; margin-left:20px; padding-left:0px; margin-right:0px;}
.left_nav_bullet li {padding-left:5px; list-style-type: square; color:#5fb843; font-weight:bold;}
.left_nav_bullet li .normal { font-size:12px; color:#424242;}
.bulletin { margin-top:20px;}
.colleft p { font-size:13px; font-weight: normal;}
.colleft .button { text-align:left; margin-top:5px; margin-left:10px;}
.colleft .button a {color:#ffffff; background-image: url(../images/buttons/button-register.gif); background-repeat: no-repeat ; padding-bottom:15px; }
.colleft .button a:hover {color:#ffffff; background-image: url(../images/buttons/button-register_o.gif); background-repeat: no-repeat ;}
/* two col list*/
.leftul { float:left; width:220px; position: relative; margin-left:0px; }
.rightul { float:left; width:350px; position: relative; }
/* left col nav*/
.left_nav ul {font-size:12px; list-style-type:none; white-space:nowrap;}
.left_nav ul li {margin-left:-40px; color:#5fb843; vertical-align:middle; margin-top:0px; margin-bottom:-5px; border-top: solid 1px #999999;}
.left_nav ul li a { display:block; padding-top:5px; padding-bottom:5px; color:#000000; font-weight: normal; padding-left:30px; background-image: url(../images/bg/nav_arrow.gif); background-repeat: no-repeat ; display:block; background-position: center left;}
.left_nav ul li a:hover {color:#2f8800; background-image: url(../images/bg/nav_arrow_over.gif); background-repeat: no-repeat; background-color:#c1c1c1;}
.left_nav ul li a.current {color:#2f8800; background-image: url(../images/bg/nav_arrow_over.gif); background-repeat: no-repeat; background-color:#c1c1c1;}
.left_nav ul li.last {border-bottom: solid 1px #999999; padding-top:0px; padding-bottom:0px;}
.left_nav ul .subtitle a {border-top: solid 0px #999999;}
.left_nav ul .subnav {font-size:11px; list-style-type:none; margin-top:-5px; padding-bottom:3px; border-top: solid 0px #999999;}
.left_nav ul .subnav li { margin-left:-15px; color:#5fb843; vertical-align:middle; margin-top:0px; margin-bottom:-10px; border-top: solid 0px #999999;}
.left_nav ul .subnav li a { display:block; line-height:15px; padding-left:25px; padding-top:5px; padding-bottom:5px; background-image: url(../images/bg/nav_arrow.gif); background-repeat: no-repeat; background-position: center left;}
.left_nav ul .subnav li a:hover { color:#2f8800; background-image: url(../images/bg/nav_arrow_over.gif); background-repeat: no-repeat ; background-color:#c1c1c1; }
.left_nav ul .subnav li a.current { color:#2f8800; background-image: url(../images/bg/nav_arrow_over.gif); background-repeat: no-repeat ; background-color:#c1c1c1;}
/*right-hand login/register table */
table.login { font-weight:bold; font-size:10px; margin: -5px 0 30px 0; border-collapse:collapse;}
.login { text-align:left; color:#333333;}
.login-b { font-size:10px; border: solid 1px #a7a7a7; width:180px;}
td.input { padding-bottom:5px;}
td.register { padding-left:3px; padding-top:10px;}
td.submit { background-image: url(../images/buttons/login.gif); background-repeat: no-repeat ; height:18px; }
td.submit:hover { background-image: url(../images/buttons/login_over.gif); background-repeat: no-repeat ; height:18px; cursor:pointer; }
.spacer { width:100%; border-bottom: dotted 1px #424242; line-height:.1em; margin-top:10px;}
/* request a demo button*/
.demo {height:44px; width:158px; }
.demo a { background-image: url(../images/buttons/demo_button.gif); background-repeat: no-repeat ; border:0; display:block; }
.demo a:hover { background-image: url(../images/buttons/demo_button_over.gif); background-repeat: no-repeat ; cursor:pointer; }
/*login button*/
.login-button { background-image: url(../images/buttons/login_big_blue.gif); background-repeat: no-repeat ; height:26px; width:66px; margin-top:10px; margin-bottom:20px;}
.login-button:hover { background-image: url(../images/buttons/login_big_over.gif); background-repeat: no-repeat ; height:26px; width:66px; cursor:pointer; }
/* register now button*/
/*
td.colleft {vertical-align:top; padding-right:10px;}
.left_nav { margin-bottom:30px;}
.left_nav .button { text-align:left;}
.left_nav p { font-size:13px; font-weight: normal;}
.left_nav .button a {color:#ffffff; background-image: url(../images/buttons/button-register.gif); background-repeat: no-repeat ; }
.left_nav .button a:hover {color:#ffffff; background-image: url(../images/buttons/button-register_o.gif); background-repeat: no-repeat ;}
.registerbutton { margin-top:-10px;}
.button { margin-top:10px; margin-left:25px;}
.button a {color:#ffffff; background-image: url(../images/buttons/button-register.gif); background-repeat: no-repeat ; display:block; height:29px; width:117px; }
.button a:hover {color:#ffffff; background-image: url(../images/buttons/button-register_o.gif); background-repeat: no-repeat;}
*/
/* product thumbnail */
p.pic { margin-right:40px;}
/* right col */
.colright {padding-left:10px; float:right; width:190px; }
td.right .colright ul{ margin-top:0px; margin-left:20px; padding-left:0px; margin-right:0px; }
td.right .colright li .normal { font-size:13px; color:#424242; font-weight:bold;}
td.right .colright ul li { padding-left:5px; list-style-type: square; color:#5fb843; font-weight:bold;}
td.right .colright ul li.right_sub {font-size:11px; line-height:normal; list-style-type: none; margin-top:-8px; margin-bottom:3px; margin-left:0px; color:#424242; font-weight:normal;}
td.right .colright .right_bullet { float:left; position:static; margin-right:0px; margin-top:20px; padding:0px;}
.normal { color: #333333;}
.start { float:left; position:relative;}
/* this height is specific to the index page */
.right-pic { margin-top:10px;}
.right-pic-index { margin-left: 8px; margin-top:15px;}
/* contact page */
.fixed { float: left; width:100%;}
.spacer-contact { float:left; width:100%; border-bottom: dotted 1px #424242; line-height:.1em; margin-top:10px; margin-bottom:15px;}
.address, .tel, .email { font-size:12px; line-height:1.4em;}
.address { float:left; position:relative; padding-left:0px; padding-right:20px; width:238px; height:130px;}
.tel { float:left; position:relative; padding-left:0px; padding-right:10px; width:240px; height:130px;}
.email { float:left; position:relative; padding-left:10px; padding-right:10px; width:240px; height:130px;}
.contact-b { font-size:12px; border: solid 1px #a7a7a7; width:180px; height:20px;}
.contact-b2 { font-size:12px; border: solid 1px #a7a7a7; width:180px; height:80px;}
.contact-b3 { font-size:12px; border: solid 1px #a7a7a7; width:400px; height:50px;}
.contact_table { width:100%; font-size:.9em;}
.contact_table td { vertical-align:top;}
.contact_table td.box {padding:10px;}
table.buttons { margin-top:0px;}
table.buttons td {padding:5px;}
.map { margin-top:60px; margin-left:325px;}
.error { color:#ff0000; font-weight: bold;}
td.reset .submit { background-image: url(../images/buttons/reset.gif); background-repeat: no-repeat ; height:25px; width:66px; padding-top:3px;}
td.reset .submit:hover { background-image: url(../images/buttons/reset_over.gif); background-repeat: no-repeat ; height:25px; width:66px; padding-top:3px; cursor:pointer; }
td.send .submit { background-image: url(../images/buttons/submit.gif); background-repeat: no-repeat ; height:25px; width:66px; padding-top:3px; }
td.send .submit:hover { background-image: url(../images/buttons/submit_over.gif); background-repeat: no-repeat ; height:25px; width:66px; padding-top:3px; cursor:pointer; }
/* pricing table*/
.costs table { width:100%; font-size:12px; line-height:22px; margin-top:15px;}
.costs tr.title { background-color:#2f8800; color:#ffffff; font-size:12px; }
.costs tr.title td { line-height:22px; }
.costs td { border-bottom: solid 1px #2f8800; padding:8px; }
/* platform pros and cons table*/
.platform table { width:100%; font-size:8pt; line-height:12pt;}
.platform td { vertical-align:top; padding-top:5px; padding-bottom:5px;}
.platform tr.title td { padding-top:5px; padding-bottom:5px; }
.platform tr.title { background-color:#eb8a15; color:#ffffff; text-align:center;}
.platform tr.title td.arepotitle { background-color:#100372; color:#ffffff; text-align:center; }
.platform td.first, td.third { padding:5px; border: solid 1px #eb8a15;}
.platform td.second {padding:5px; border: solid 1px #100372; height:100%; background-color:#c9d2f2;}
.platform p { margin-bottom:15px; margin-top:0px;}
.platform .pros, .platform .pros2 { border-bottom: dotted 1px #666666; }
.platform .pros {margin-top: 10px; font-weight:bold; }
.shelf .pros { text-align:left;}
.arepo .pros { text-align:center; float:none; position:relative;}
.bespoke .pros { text-align:right; }
.platform .pros2 { font-weight:bold;}
.shelf .pros2 { text-align:left; margin-top:24px; }
.arepo .pros2 { text-align:center; float:none; margin-top:103px;}
.bespoke .pros2 { text-align:right; margin-top:23px;}
.platform .p2 { margin-top:47px;}
.bespoke .p2 { margin-top:15px;}
/*.shelf .p2 { margin-top:47px;}
.arepo .left .p2 { margin-top:47px;}
.arepo .right .p2 { margin-top:47px;}
*/
.arepo .left { float:left;}
.arepo .right { float:right; text-align:right;}
.bespoke { text-align:right;}
/* footer */
td.bottom {border-top:1px dotted #424242; margin-top:10px; padding-bottom:10px; background-image: url(../images/bg/footer_bg.gif); background-repeat: repeat-x; height:130px;}
td.bottom-old { text-align:right; background-color: #e4e4e4; border-top: solid 3px #333333; border-left: solid 1px #999999; border-right: solid 1px #999999; border-bottom: solid 1px #999999;}
td.bottom p {font-size:10px; padding:10px; margin:0; border-bottom:1px dotted #424242;}
td.bottom .copy {text-align:right;}
td.bottom .copy a {font-size:10px;}
td.bottom .bottom-menu { margin-top:5px; line-height:18px;}
td.bottom .bottom-menu .company { float:left; position:relative; padding-left:10px; padding-right:10px; border-right: solid 1px #888888; width:180px; height:90px;}
td.bottom .bottom-menu .links { float:left; position:relative; padding-left:10px; padding-right:10px; border-right: solid 1px #888888; width:180px; height:90px;}
td.bottom .bottom-menu h1 {font-size:12px; border-bottom: solid 1px #2f8800; color:#000000;}
td.bottom .bottom-menu a {font-size:12px; color:#424242; }
td.bottom .bottom-menu a:hover {font-size:12px; color:#276e01;}
/*
.arepo_link {float: left; font-size:10px; padding-left:5px; display:inline; line-height:30px;}
.copy { color:#666666; font-size:10px; margin-top:10px; margin-bottom:10px; padding-right:5px; display:inline; line-height:30px;}
.copy a, .arepo_link a { text-decoration:none; color:#666666;}
.copy a:hover, .arepo_link a:hover {color:#990000; text-decoration: underline}
*/