body {margin:0 auto; width:780px; background-color:#FFFFFF; color:#4876CB}
body.popup {width:330px; background-color:#FFFFFF; color:#4876CB}

div, span {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#4876CB; 
line-height:130%}
td {vertical-align:top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#4876CB; line-height:130%}
li {line-height:120%; list-style-type:circle}

.header {position:absolute; top:0px; width:780px; height:20px; float:left; border:1px solid #000000;
background-image:url("../images/global/top.jpg"); background-repeat:repeat-x; z-order:1}
.contentall {position:absolute; top:20px; width:780px; float:left; border:1px solid #000000}

a {text-decoration:none}
a:link {color:#777777}
a:hover {color:#000000}
a:active {color:#000000}
a:visited {color:#777777}

/* NAVIGATION */
/* navigation */
table.navigation, table.navigation2 {padding:0px; margin:0px}
table.navigation2 {width:599px}

td.stroke {border-bottom:1px solid #000000}
td.navsubmenuwrapper, td.navsubmenuwrapper2, td.navsubmenuwrapper3, td.navsubmenuwrapper4, td.navsubmenuwrapper5, td.navsubmenuwrapper6 {padding:0px; margin:0; border-right:1px solid #000000}
td.navsubmenuwrapper {background-color:#CACDD6}
/* whyautomate */
td.navsubmenuwrapper2 {background-color:#5E554E}
td.navsubmenuwrapper3 {background-color:#5B544C}
td.navsubmenuwrapper4 {background-color:#62697C}
td.navsubmenuwrapper5 {background-color:#020611}
td.navsubmenuwrapper6 {background-color:#FFFFFF}
/* whyautomate */
.navsubmenu {padding:50px 0}
td.navsubmenuwhite {padding:35px 0; border-right:1px solid #000000}

td.shadow, td.shadowwhite, td.navbarwhite {background-repeat:repeat-x; background-position:top; padding:0px}
td.shadow {background-image:url("../images/global/shadow.jpg")}
td.shadowwhite {background-image:url("../images/global/shadowwhite.jpg"); vertical-align:bottom; z-order:0}
td.navbarwhite {background-image:url("../images/global/navbar.jpg"); border-bottom:1px solid #000000}

.crumb, A.crumb:link, A.crumb:hover, A.crumb.active, A.crumb:visited {font-size:7pt; color:#777777}
/* navigation */

/* sub navigation */
.menuwrapper {background-image:url("../images/global/navsubmenu.gif"); background-repeat:no-repeat; background-position:bottom; padding:0 0 20px 0; cursor:hand; display:block}
.navtitle {font-size:11pt; font-weight:900; padding:0 10px; display:block}       
.menuarrow {background:url("../images/global/arrow-up-title.gif"); 
background-position:center left; background-repeat:no-repeat}
.menuarrowdown {background:url("../images/global/arrow-down-title.gif"); 
background-position:center left; background-repeat:no-repeat}
.menuarrow, .menuarrowdown, .menuarrowno  {margin:5px 0 5px 13px}
.menutitle {font-size:8pt; font-weight:600; padding:0 10px; display:block}
.menutitle#current {color:#000000}
A.menutitle:link {}
A.menutitle:hover {color:#000000}
A.menutitle:active {color:#000000}
A.menutitle:visited {}
.menutitlealt {font-size:8pt; font-weight:600; padding:0 13px 0 23px; display:block}
.menuwrappersub {background-color:#FFFFFF; margin:5px 10px 5px 10px; display:block}  
.subitem {font-size:7pt; font-weight:400; line-height:150%; padding-left:18px; display:block}
.subitem#current {color:#000000; background-color:#A9BDDE; font-weight:700; display:block}
A.subitem:link {}
A.subitem:hover {color:#000000; background-color:#BBD0F4}
A.subitem:active {color:#000000; background-color:#BBD0F4}
A.subitem:visited {}
/* sub navigation */

/* sub sub navigation */
.subsubmenu {color:#000000; line-height:110%}
.subsub {line-height:110%; display:block}  
A.subsub:hover {cursor:hand; color:#000000}
/* sub sub navigation */
/* NAVIGATION */


/* content */
.contentleft {width:450px; padding:20px 10px 0px 10px}
.contentleft2 {width:600px; padding:20px 10px 0px 10px}
.contentright {width:150px; padding:20px 10px 0px 10px}
.contentspan {width:600px; padding:10px}
/* content */

/* FONTS */

.title, .title2 {font-size:16px; font-weight:900; line-height:150%; padding-bottom:2px}
.title {color:#000000}
.title2 {color:#9900CC}

.subtitle, .subtitle4  {font-size:12px; font-weight:700; line-height:200%; padding-top:5px}
.subtitle {color:#000000}
.subtitle4 {color:#555555}

.subtitle2, .subtitle5 {line-height:150%; font-size:9pt; font-weight:900}
.subtitle5 {padding:3px 0}
.subtitle3a, .subtitle3b {color:#555555; margin-bottom:2px}
.subtitle3a {margin-top:0px}
.subtitle3b {margin-top:8px}

.normal {padding:10px; line-height:110%}
.normal2 {font-weight:800}
.normalcontent {line-height:150%; font-size:8pt; padding:0 10px 0 10px; text-align:left}
.map {line-height:110%; font-size:7pt; padding:0 10px 0 10px; text-align:left; color:#777777}
.caption {padding:10px; line-height:110%; font-weight:500}
.subnormal {background-color:#FFFFFF; color:#999999}
.moreinfo {font-size:7pt; color:#CC0000; font-style:italic}

.pretitle, .pretitle2 {color:#000000; line-height:120%}
.pretitle {font-size:12px; font-weight:700}
.pretitle2 {font-size:10px; font-weight:400}

/* alternative colour titles */
.titlealt {font-size:16px; font-weight:900; line-height:150%; padding-bottom:2px; color:#874398}
.subtitlealt {font-size:12px; font-weight:700; color:#874398; padding-top:5px}
/* alternative colour titles */

/* why automate */
.emphasize {font-size:10pt; font-weight:900; line-height:150%; padding:5px 0px 5px 10px; color:#9EA0AF}
.emphasize4 {line-height:110%; padding:6px 2px 0px 20px; vertical-align:middle}
.emphasize2, a.emphasize2:link, a.emphasize2:hover, a.emphasize2.active, a.emphasize2:visited {font-size:10pt; font-weight:500; color:#5588BF; padding-bottom:2px}
.emphasize3 {font-size:8pt; color:#9EA0AF; padding-left:12px; padding-top:2px}

.alternative, .alternative2 {font-size:7pt; line-height:120%}
.alternative {color:#000000}
.alternative2 {color:#FFFFFF; padding-left:4px; display:block}

table.panels {margin-top:10px}
/* why automate */

/* footer */
.footer {font-size:6pt; vertical-align:bottom; padding:5px 10px 0 10px; z-order:2}
td.footerlogo {vertical-align:bottom; width:100px}
td.footertext {vertical-align:bottom; padding:0 0 5px 5px; font-size:6pt; color:#4E4E71}

.navextra {position:absolute; top:0px; left:620px; z-order:2; font-size:7pt; font-weight:500; vertical-align:top; padding:0px 10px 0px 10px; color:#FFFFFF}
.navextra2, A.navextra2:link, A.navextra2:hover, A.navextra2.active, A.navextra2:visited {color:#FFFFFF}
td.footergradient {background-image:url("../images/global/footer.jpg"); background-repeat:no-repeat; background-position:left; background-color:#D9E3EC}
.boxedstyle {color:#999999; font-weight:900}
/* footer */
/* FONTS */



/* TABLE LAYOUT */
td.formatlefttitle, td.formatcentertitle, td.formatcentertitle2, td.formatrighttitle 
{background-color:#A8D5DB; color:#000000; padding:5px; border-bottom:2px solid #FFFFFF}
td.formatleft, td.formatcenter, td.formatcenter2, td.formatright 
{background-color:#E0EFF2; padding:5px; border-bottom:1px solid #FFFFFF}
/* TABLE LAYOUT */


/* CONTENT BOXES */
/* borders */
/* flash and grey */
td.stroke2, td.stroke3 {border-bottom:1px solid #CCCCCC}
td.stroke3 {border-top:1px solid #CCCCCC}
img.box, img.box2, img.box3, img.box4, img.box5, img.box6 {border:1px solid #CCCCCC}
img.box2 {padding:10px}
img.box3 {margin:10px; clear:both}
img.box4 {margin:5px}
img.box5 {margin:10px 2px 10px 0px}
img.box6 {padding:10px; margin:10px 0px}
/* flash and grey */

/* black */
td.outline {border:1px 1px 0px 1px solid #000000}
img.outline {border:1px solid #000000; margin:10px 2px 10px 0px}
img.outline2 {border:1px solid #000000}
img.banner {border-top:1px solid #000000; border-bottom:1px solid #000000}
/* black */
/* borders */

/* shaded boxes */
.shadebox, .shadebox2, .shadebox3 {vertical-align:middle}
.shadebox, .shadebox3, .shadebox4 {background-color:#D2EAED}
.shadebox2 {background-color:#A7D6DD; padding:2px}
.shadebox3, .shadebox4 {padding:5px}
.shadebox4 {vertical-align:top}
table.tinted {margin-top:10px}

.container {background-color:#5588BF; vertical-align:top; padding:4px}
/* shaded boxes */

td.gradient {border-bottom:3px solid #FFFFFF;
background-image:url("../images/whyautomate/selectbusinessback.jpg"); background-repeat:repeat-y; height:51px}

td.thumbnail {width:85px; height:51px; padding:0px; border-bottom:3px solid #FFFFFF}
/* CONTENT BOXES */

img.style3b, img.style2b, .style1, img.style2 {clear:both}
.style1, img.style2 {text-align:center; padding:10px 0px 10px 0}
img.style3, img.style4, .tick {text-align:left; float:left; clear:left}

.tick {padding:2px}

img.style2b {padding:10px 0px 10px 0}
img.style3, img.style3b  {padding:0px 10px 10px 0px}
img.style4 {padding:4px 10px 10px 0px}
img.style6 {padding:20px 10px 20px 0px}

ul.style5 {padding-top:10px}


/* HOWARD DAVIES CHANGES */
A.newsarchive:link {color:#4876CB; font-weight:bold}
A.newsarchive:active {color:#4876CB; font-weight:bold}
A.newsarchive:visited {color:#4876CB; font-weight:bold}
A.newsarchive:hover {color:red; font-weight:bold}
.newstitle {font-size:16px; font-weight:900; line-height:150%; color:#000000}
.newstitle2 {font-size:16px; font-weight:900; line-height:150%; color:#4876CB}
.newsdate  {vertical-align:top; font-size:8pt; text-align:left; color:#000000; width:80px}
A.headline:link {color:#4876CB}
A.headline:active {color:#4876CB}
A.headline:visited {color:#4876CB}
A.headline:hover {color:red}
A.headline2:link {color:black; font-weight:bold}
A.headline2:active {color:black; font-weight:bold}
A.headline2:visited {color:black; font-weight:bold}
A.headline2:hover {color:red; font-weight:bold}
.contentbox {height:100%; background-image:url("../images/global/boxback.jpg"); background-repeat:repeat-y; background-position:left; width:130px}
.contentboxwrapper {width:130px; padding-left:5px; padding-top:4px; font-size:7pt}
.contentboxtitle {width:130px; padding-left:5px; font-size:8pt; color:#000000; font-weight: normal}
.contentboxbullet {vertical-align:top; padding-left:5px; padding-top:4px; font-size:7pt}