/******************************************************************************************/
/* GENERIC SETTINGS                                                                       */
/******************************************************************************************/
html {text-align:center; height:100%}
body {font-family:arial, helvetica, sans-serif; text-align:center; margin:0px auto 0px auto; color:#666666; background-color:#f3f3f2; font-size:70%}
a:link, a:visited, a:active {text-decoration:none; color:#0066cc}
a:hover {text-decoration:underline}
a:active {outline:none}

img {border:none; margin:0px}
hr {display:none}
form {margin:0px 0px 0px 0px; padding:0px}
input, select, textarea {font-family:arial, helvetica, sans-serif; font-size:100%}

h2 {color:#452663; margin:2px 0px 6px 0px; font-size:130%; line-height:120%;}
h3 {color:#452663; margin:2px 0px 6px 0px; font-size:120%; font-weight:normal;line-height:120%;}
h4 {color:#452663; font-weight:bold; margin:0px 0px 3px 0px;line-height:120%;}
h5 {margin:0px 0px 0px 0px; font-size:100%}


/******************************************************************************************/
/* DECORATIVE / STRUCTURE CLASSES                                                         */
/******************************************************************************************/
.fleft {float:left}
.fright {float:right}

.aright {text-align:right}
.clear {clear:both; height:1px; overflow:hidden}
.clearfields {clear:both; width:100%; height:8px; overflow:hidden}
.null {margin:0px; padding:0px}

.hidden {position:absolute; top:-200px; left:-200px; visibility:hidden}

.hr1 {background:url('../Group_images/div.gif'); height:1px; margin:0.8em 0px 0.8em 0px}
.hr2 {background:url('../Group_images/div.gif'); height:1px; margin:0px 0px 0px 0px}

.table_style {padding:0.4em 0px 0.4em 0px; background:url('../Group_images/vertpat.gif') center repeat-y}
.table_style .fleft {width:48%}
.table_style .fright {width:48%}

.table_cell_alt1 {background-color:#F1ECF9; color:#454545 !important; padding:3px;}
.table_cell_alt2 { padding:3px; }

ul.arrows {list-style-image: url('../Group_images/arrow_front.gif'); margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:130%}
ul.arrows li {margin:0px 0px 10px 0px}

ul.arrows2 { list-style-image: url('../Group_images/arrow_front.gif'); margin:5px 0px 0px 20px; }
ul.arrows2 li {margin:0px 0px 5px 0px}

ol.results {list-style-type:decimal; margin:10px 0px 10px 0px; padding:0px 0px 0px 20px}
ol.results li {margin:0px 0px 12px 0px}

.br3 {height:3px; overflow:hidden}
.br5 {height:5px; overflow:hidden}
.br8em {height:0.8em; overflow:hidden}
.br10 {height:10px; overflow:hidden}
.br15 {height:15px; overflow:hidden}
.br20 {height:20px; overflow:hidden}
.br30 {height:30px; overflow:hidden}

.field_100pc {width:99%}

.mandatory {background:url('../Group_images/mandatory.gif') left 3px no-repeat; padding:0px 0px 0px 8px}

.inline {display:inline; margin:0px; padding:0px; list-style-type:none}
.inline li {display:inline}
.inline_divs div {display:inline; white-space:nowrap}
.inline_images img {display:inline; white-space:nowrap}
.table {display:table}

.pic_right {border:1px solid #e2dde9; margin:0px 0px 6px 6px}
.pic_centre {border:1px solid #e2dde9; margin:6px 0px 6px 0px}
.cs_image {float:right; margin:0px 0px 6px 6px}
#promos_column .cs_image {float:none !important; margin:6px 0px 6px 0px !important; border:1px solid #e2dedf}
.body_image {float:left; margin:6px 6px 6px 0px}
.image_wrap {padding:0px 0px 4px 0px; border:1px solid #eeebe4; background-color:#eeebe4; color:#333333; font-size:90%}

.intro_text {color:#452663; font-size:110%; line-height:130%; margin:0px 0px 20px 0px}

.date_txt {font-size:90%; color:#a35491}
.job_title_txt {color:#a35491; margin:-5px 0px 0px 0px}
.question {font-weight:bold; margin:0px 0px 2px 0px}
.answer {margin:0px 0px 20px 0px}

.arr_linkfore {background:url('../Group_images/arrow_front.gif') left 0.4em no-repeat; padding:0px 0px 0px 6px}
.arr_linkback {background:url('../Group_images/arrow_back.gif') left 0.4em no-repeat; padding:0px 0px 0px 6px}
.pdflink {margin:0.4em 0px 0.4em 0px; padding:4px 0px 0px 20px; background:url('/sagentia_images/pdf.gif') left top no-repeat; line-height:100% !important}

/******************************************************************************************/
/* MAIN PARTS                                                                             */
/******************************************************************************************/

#wrapper {text-align:center; width:752px; margin:40px auto 20px auto; padding:0px 4px 0px 4px; background:url('../Group_images/backgr.gif') repeat-y}
#page {text-align:left; margin:0px auto 0px auto; border:1px solid #e7e7e5}

.feature {background-color:#eeede4; border:1px solid #e2d0b5; margin:0px 0px 5px 0px; padding:20px 10px 20px 10px;}

/* HEADER */
#header {height:90px; padding:0px 15px 0px 15px}
#logo {float:left; margin:40px 0px 0px 0px}
#header #tools {float:right; margin:65px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:none; color:#666666}
#header #tools li {display:inline; margin:0px 0px 0px 1em; background:url('../Group_images/arrow_front.gif') left 0.4em no-repeat; padding:0px 0px 0px 6px}


/* NAVIGATION BAR */
#navigation {text-align:left; position:relative; background:#eae8de url('../Group_images/navbackgr.gif'); height:29px; overflow:hidden; margin:0px 6px 9px 6px; padding:0px 0px 0px 0px}
#navbar {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:29px; overflow:hidden; list-style-type:none}
#navbar li {display:inline; margin:0px 0px 0px 0px}
#navbar li img {padding:0px 9px 0px 7px; background:url('../Group_images/navdiv.gif') right no-repeat;}
#navbar #search {margin:0px 0px 0px 98px}
#navbar #search img {background:none !important}

/* MAIN PHOTO & SECTION TITLE */
#mainphoto {margin:0px 15px 15px 15px; line-height:140%; text-align:right}
#mainphoto .white_block {width:270px; min-height:100px; _height:100px; background-color:#ffffff; color:#333333; margin:0px auto 0px auto; padding:15px 15px 15px 15px; text-align:left}
#mainphoto .banner_background {width:700px; padding:10px 10px 10px 10px; height:100%; display:block}

/* MAIN CONTENT */
#main_content {text-align:left; margin:0px 15px 0px 15px; line-height:130%}

/* HOME PAGE */
.home_box {background-color:#f7f5f7; padding:15px 15px 0px 15px; border:1px solid #e2d0b5; overflow:hidden; float:left; width:204px}


/* 2ND LEVEL PAGE STRUCTURE */
#lefthand_nav {float:left; width:162px; margin:0px 30px 0px 0px}
#main_body {float:left; width:358px; margin:0px 30px 0px 0px}
#main_body p {margin:5px 0px 2em 0px}
#promos_column {float:left; width:140px}

/* LEFT HAND-SIDE NAV */
#lefthand_nav ul {list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#lefthand_nav ul li {background:url('../Group_images/nav1.gif') top no-repeat; padding:4px 0px 6px 6px}
#lefthand_nav ul li ul {margin:3px 0px -3px 0px}
#lefthand_nav ul li ul li {background:url('../Group_images/nav2.gif') top no-repeat; padding:4px 0px 4px 10px !important}
#lefthand_nav ul ul a:link, #lefthand_nav ul ul a:visited, #lefthand_nav ul ul a:active {color:#666666 !important}

/* CONTACT US */
.contact_left {float:left; margin:0px 0px 0px 0px; width:350px}
.contact_right {float:right; width:320px}


/* FOOTER */
#footer {background:url('../Group_images/footerbackgr.gif') repeat-x; margin:40px 15px 30px 15px; padding:8px 0px 0px 0px}
#footer ul.inline li b {color:#666666 !important; font-weight:normal}

/******************************************************************************************/
/* COMPONENTS                                                                             */
/******************************************************************************************/
.area_140 {width:140px; float:left; overflow:hidden}
.area_230 {width:230px; float:left; overflow:hidden}
.area_475 {width:475px; margin:0px 15px 0px 0px; float:left; overflow:hidden}
.search_results_area {width:550px; margin:0px 15px 0px 0px}

.margin_15 {margin:0px 15px 0px 0px}
.margin_27 {margin:0px 27px 0px 0px}

.blue_box {background-color:#e2dde9; color:#454545 !important; padding:15px 10px 15px 10px}
.blue_box h4 {font-size:100%; color:#454545 !important; line-height:120%; margin:0px 0px 0px 0px; font-weight:bold}

.purple_box {background-color:#eae8de; color:#454545; padding:15px 10px 15px 10px}

.group_box {border:1px solid #e2d0b5; background:#f7f5f7 url('../Group_images/groupbackgr.gif') repeat-y}
.group_box .content_part {width:470px; float:right; background:url('../Group_images/groupdiv.gif') center repeat-y}
.group_box .content_part .left_area {width:200px; float:left; padding:10px 10px 10px 10px}
.group_box .content_part .right_area {width:200px; float:right; padding:10px 10px 10px 10px}


.case_study {background-color:#f7f6f7; padding:6px 6px 6px 6px; border:1px solid #e2d0b5;  overflow:hidden}
#promos_column .case_study {margin:0px 0px 10px 0px	}
.case_study b {color:#452663}

/* Shaded area */
.shaded_area {display:block}
.shaded_area * {display:block; height:1px; overflow:hidden; background:#eeebe4}
.shaded_area1 {border-right:1px solid #f7f6f3; padding-right:1px; margin-right:3px; border-left:1px solid #f7f6f3; padding-left:1px; margin-left:3px; background:#f2f0ea}
.shaded_area2 {border-right:1px solid #fdfdfc; border-left:1px solid #fdfdfc; padding:0px 1px; background:#f1eee9; margin:0px 1px}
.shaded_area3 {border-right:1px solid #f1eee9; border-left:1px solid #f1eee9; margin:0px 1px}
.shaded_area4 {border-right:1px solid #f7f6f3; border-left:1px solid #f7f6f3}
.shaded_area5 {border-right:1px solid #f2f0ea; border-left:1px solid #f2f0ea}
.shaded_area_content {padding:0px 5px; background:#eeebe4} 

.h2sub { color:#452663; margin:2px 0px 6px 0px; font-size:110%; font-weight:bold; line-height:120%;}


.colourbox {background-color:#efebf6; border:1px solid #f7e8ed; margin:0px 0px 5px 0px; padding:8px 8px 8px 8px; line-height:120%  }
.colourbox h3 {margin:0px 0px 0.5em 0px; padding:0px 0px 0px 0px; font-size:130%; font-weight:normal; color:#452663}
.colourboxtip {background-color:#452663; color:#ffffff; font-size:120%; padding:0.2em 0.2em 0.2em 0.5em; font-weight:normal}
.searchimage {	background-image: url("/Group_images/btn_arr_dpur.gif"); background-repeat: no-repeat;}