/******************************************************************************************/
/* CLEARFIX
/******************************************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/******************************************************************************************/
/* GENERIC SETTINGS                                                                       */
/******************************************************************************************/
html {text-align:center}
body {font-family:arial, helvetica, 'sans serif'; font-size:70%; margin:0px auto 0px auto; padding:0px 0px 0px 0px; color:#333333; background-color:#f5f5f5; line-height:150%}
a:link, a:visited, a:active {text-decoration:none; color:#0066cc}
a:active {outline:none}
a:hover {text-decoration:underline !important}
img {border:none; margin:0px; padding:0px}
form {margin:0px; padding:0px}
input, select, textarea {font-family:arial, helvetica, 'sans serif'; font-size:100%; color:#333333}

h1.null, h2.null, h3.null {font-size:1px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
h2 {font-size:160%; font-weight:normal; margin:0px 0px 0.5em 0px; padding:0px 0px 0px 0px; line-height:120%}
h3 {font-size:140%; font-weight:normal; margin:0px 0px 0.5em 0px; padding:0px 0px 0px 0px}
h3.smaller {font-size:120%; font-weight:normal; margin:0px 0px 0.3em 0px; padding:0px 0px 0px 0px}
h3.smallest {font-size:110%; font-weight:bold; margin:0px 0px 0.2em 0px; padding:0px 0px 0px 0px}
h4 {font-size:100%; font-weight:bold; margin:0px 0px 0.2em 0px; padding:0px 0px 0px 0px}

/******************************************************************************************/
/* DECORATIVE / STRUCTURE CLASSES                                                         */
/******************************************************************************************/
.fleft {float:left}
.fleft50 {float:left; width:49%}
.fright {float:right}
.fright50 {float:right; width:49%}
.aright {text-align:right !important}
.acenter {text-align:center}
.abottom {vertical-align:bottom}
.clear {clear:both; width:100%; height:1px; overflow:hidden}
ul.inline_list {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none}
ul.inline_list li {display:inline}
.inline_divs div {display:inline}
.italic {font-style:italic}
.hidden {position:absolute; top:-150px; left:-150px; display:none}
.block {display:block}

.green_txt {color:#7fb51f}
.grey_txt {color:#666666}
.blue_txt {color:#003580}
.pink_txt {color:#cb0447}
.red_txt {color:#e40000}

.rsslink {margin:0.4em 0px 0.2em 0px; padding:0px 0px 0px 20px; background:url('/Sagentia_images/feed-icon.png') left no-repeat; line-height:125% !important}
.forelink {margin:0.5em 0px 0.5em 0px; padding:0px 10px 0px 0px; background:url('/Sagentia_images/arr_blue.gif') right 4px no-repeat; line-height:120% !important}
.arrowlink {margin:0.4em 0px 0.2em 0px; padding:0px 0px 0px 10px; background:url('/Sagentia_images/arr_blue.gif') left 4px no-repeat; line-height:120% !important}
.barrowlink {margin:0.4em 0px 0.2em 0px; padding:0px 0px 0px 10px; background:url('/Sagentia_images/barr_blue.gif') left 4px no-repeat; line-height:120% !important}
.pdflink {margin:0.4em 0px 0.2em 0px; padding:4px 0px 0px 20px; background:url('/Sagentia_images/pdf.gif') left top no-repeat; line-height:120% !important}

ul.arrows {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none}
ul.arrows li {margin:0px 0px 0.5em 0px; padding:0px 0px 0px 10px; background:url('/Sagentia_images/arr_blue.gif') left 0.5em no-repeat}

.marginright6 {margin:0px 6px 0px 0px}

.br1 {height:1px; overflow:hidden}
.br5 {height:5px; overflow:hidden}
.br10 {height:10px; overflow:hidden}
.br15 {height:15px; overflow:hidden}
.br20 {height:20px; overflow:hidden}
.br30 {height:30px; overflow:hidden}

.field50 {width:50px}
.field100 {width:100px}
.field120 {width:120px}
.field125 {width:125px}
.field130 {width:130px}
.field150 {width:150px}
.field100pc {width:99%}

.form_label {float:left; width:39%}
.form_field {float:right; width:59%}
.form_clear {clear:both; height:10px; overflow:hidden}

.mandatory {background:url('/Sagentia_images/mandatory.gif') left 4px no-repeat; padding:0px 0px 0px 7px}

.div1 {background:url('/Sagentia_images/div.gif') repeat-x; height:1px; overflow:hidden; margin:1em 0px 1em 0px}
.div2 {background:url('/Sagentia_images/div.gif') repeat-x; height:1px; overflow:hidden; margin:0px 0px 5px 0px}

.area430 {width:430px}

.page {margin:0px 0.4em 0px 0.4em}
.currentpage {margin:0px 0.5em 0px 0.5em; font-weight:bold}
p {margin:0px 0px 1.5em 0px}
p.intro {font-size:120%; line-height:150%}


/******************************************************************************************/
/* STRUCTURE IDs & CLASSES                                                                */
/******************************************************************************************/
#page {text-align:center; margin:0px auto 0px auto; width:930px; background:url('/Sagentia_images/backgr.gif') repeat-y; border-bottom:1px solid #eaeaea}

/* HEADER */
#header {margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; text-align:left}
#header .fractal {float:left; width:500px; height:195px;}
#header .logo {float:right; width:260px; padding:60px 0px 0px 0px}
/* End of HEADER */

/* NAVIGATION BAR */
#navbar {margin:0px 22px 0px 22px; padding:0px 0px 0px 0px; height:29px; background:#e3e3e3 url('/Sagentia_images/navbar_backgr.gif') repeat-x; text-align:left}
#navbar ul.imagelinks {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; width:445px; font-size:90%; text-transform:uppercase}
#navbar ul.imagelinks li {float:left; margin:0px 0px 0px 0px; padding:0px 2px 0px 0px; background:url('/Sagentia_images/navbar_div.gif') top right no-repeat}
#navbar ul.imagelinks a:link, #navbar ul.imagelinks a:visited, #navbar ul.imagelinks a:active {color:#2b5794; text-decoration:none}

#navbar ul.textlinks {float:right; text-align:right; margin:0px 0px 0px 0px; padding:9px 10px 0px 0px; list-style:none; width:430px}
#navbar ul.textlinks li {display:inline; background:url('/Sagentia_images/arr_grey.gif') left 4px no-repeat; margin:0px 0px 0px 6px; padding:0px 0px 0px 8px}
#navbar ul.textlinks li a:link, #navbar ul.textlinks li a:visited, #navbar ul.textlinks li a:active {color:#737373; text-decoration:none}
#navbar ul.textlinks li.selected a {color:#333333 !important}
/* End of NAVIGATION BAR */

/* MAIN CONTENT */
#main_content {padding:0px 0 30px 0; margin: 0 22px 20px 22px; background: transparent url(../images/dot.gif) repeat-x 0 100%; text-align:left}
#main_content .columnLeft706 {float:left; width:706px}
#main_content .columnLeft515 {float:left; width:515px}
#main_content .columnLeft336 {float:left; width:336px; padding:0px 0px 0px 10px; margin:0px 25px 0px 0px}
#main_content .columnLeft335 {float:left; width:335px}
#main_content .columnRight166 {float:right; width:166px}
#main_content .banner {margin:0px 0px 15px 0px; padding:10px 10px 29px 10px}
#main_content .banner_map_wrapper {margin:0px 0px 15px 0px; padding:0px 0px 0px 0px}
#main_content .banner_map {float:left; width:300px; padding:10px 10px 30px 10px}
#main_content .banner_content {padding:15px 15px 15px 15px; width:270px; min-height:100px; _height:100px; background-color:#ffffff; line-height:150%}
#main_content .banner_content_blank {padding:15px 15px 15px 15px; width:270px; min-height:100px; _height:100px; line-height:150%}
#main_content .map_flash {float:right; width:566px}

#main_content .home_banner {margin:0px 0px 30px 0px; padding:10px 10px 10px 310px}
#main_content .home_banner_content {padding:15px 15px 15px 15px; background-color:#ffffff}
#main_content .home_banner_content strong {color:#004a36; font-size:120%}

#home_left {float:left; width:235px}
#home_left .content {padding:0px 25px 0px 10px}
#home_right {float:right; width:650px}
#home_right .home_column_left {float:left; width:204px; margin:0px 19px 0px 0px}
#home_right .home_column_right {float:left; width:204px}

#lhs_nav {width:166px; float:left; margin:0px 25px 0px 0px}
#lhs_nav ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none}
#lhs_nav ul li {background:url('/Sagentia_images/lhsnav1.gif') no-repeat; padding:0.5em 0px 0.5em 10px}
#lhs_nav ul li.selected {font-weight:bold}
#lhs_nav ul li ul {margin:0px 0px 0px 0px; padding:0.5em 0px 0px 0px; list-style:none}
#lhs_nav ul li ul li {background:url('/Sagentia_images/lhsnav2.gif') no-repeat !important; padding:0.5em 0px 0.5em 10px}
#lhs_nav ul li ul li.selected {font-weight:bold}
#lhs_nav ul li ul a:link, #lhs_nav ul li ul a:visited, #lhs_nav ul li ul a:active {color:#666666 !important}

.map_block {float:left; width:160px}
/* End of MAIN CONTENT */

/* FOOTER */
#footer {background:url('/Sagentia_images/endbackgr.gif') bottom no-repeat; margin:20px 0px 0px 0px; padding:45px 22px 0px 22px; height:80px; text-align:left}
#footer ul {margin:0.2em 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none}
#footer li {display:inline}
/* End of FOOTER */

/******************************************************************************************/
/* COMPONENTS                                                                             */
/******************************************************************************************/
.section_block {float:left; padding:0px 0px 0px 10px; width:340px; line-height:150%}

.section_3 {width: 215px;}

.greybox {background-color:#e8ecf0; border:1px solid #cccccc; margin:0px 0px 5px 0px; padding:8px 8px 8px 8px}
.greybox h3 {margin:0px 0px 0.5em 0px; padding:0px 0px 0px 0px; font-size:120%; font-weight:normal}
.greybox label {color:#666666}

.google_map {border:1px solid #6c6c6c; margin:0px 0px 20px 0px}

.tableoflinks {background:url('/Sagentia_images/div.gif') top repeat-x}
.tableoflinks .fleft {width:50%; background:url('/Sagentia_images/vdiv.gif') right repeat-y; padding:5px 0px 5px 0px}
.tableoflinks .fright {width:49%; padding:5px 0px 5px 0px}
.tableoflinks .clear {background:url('/Sagentia_images/div.gif') top repeat-x}

/* .search_box {border:1px solid #a5cb62; background:#c5dfa2 url('/Sagentia_images/search_backgr.gif') no-repeat; padding:5px 5px 5px 50px} */

.colourbox {border:1px solid #c7bdd0; padding:10px 8px 10px 8px}
.colourbox h3 {color:#7fb51f; font-size:120%; font-weight:bold; margin:0px 0px 0.1em 0px}

.message {background-color:#ebebeb; border:1px solid #e5e5e5; margin:0px 0px 10px 0px; padding:3px 10px 3px 10px}

.error_tip {background-color:#ebebeb; border:1px solid #e5e5e5; margin:0px 0px 10px 0px; padding:3px 10px 3px 10px; font-weight:bold}
.error_tip h2 {color:#e40000; font-size:120%; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px}
.error_tip ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; font-weight:normal !important}

.success_tip {background-color:#ebebeb; border:1px solid #e5e5e5; margin:0px 0px 10px 0px; padding:3px 10px 3px 10px; font-weight:bold}
.success_tip h2 {color:#003580; font-size:120%; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px}
.success_tip ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; font-weight:normal !important}



/******************************************************************************************/
/* 2010 REFRESH                                                                            */
/******************************************************************************************/

.header, .splash, .columns, .copyright
{
    
    text-align:left;
}


.header
{
    background: transparent url(../images/header_bg.gif) no-repeat 4px 0;
    padding: 130px 0 0 0;
}

.header .logo
{
    margin: 0 0 20px 0;
}

.header .logo a
{
    display:block;
    float:right;
    width: 193px;
    height: 20px;
    text-indent: -6000px;
    background: transparent url(../images/logo.gif) no-repeat 0 0;
    margin: 0 19px 0 0;
}


.header .navigation 
{
    background: transparent url(../images/dot.gif) repeat-x 0 100%;
    margin: 0 20px 15px 20px;
}

.header .navigation ul
{
    margin: 0;
    padding: 0;
}

.header .navigation li
{
    float:left;
    padding: 0 0 12px 0;
    list-style:none;
    margin: 0 18px 0 0;
}

.header .navigation li.r
{   
    float:right;
    margin: 0 0 0 18px;
}

.header .navigation li.selected
{   
    background: transparent url(../images/nav_selected.gif) repeat-x 0 100%;
}

.header .navigation li a
{
    display:block;
    float:left;
    height: 13px;
    text-indent: -6000px;
    margin: 0 0 0 0;
    filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8; 
}


.header .navigation li a:hover, .header .navigation li.selected a
{
    filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1;      /* khtml, old safari */
	-moz-opacity: 1;       /* mozilla, netscape */
	opacity: 1; 
}

.header .navigation li a.nav_home
{
    width: 32px;
    background: transparent url(../images/nav_home.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_services
{
    width: 74px;
    background: transparent url(../images/nav_services.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_sectors
{
    width: 71px;
    background: transparent url(../images/nav_sectors.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_locations
{
    width: 77px;
    background: transparent url(../images/nav_locations.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_about
{
    width: 54px;
    background: transparent url(../images/nav_about.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_news
{
    width: 84px;
    background: transparent url(../images/nav_news.gif) no-repeat 0 0;   
}


.header .navigation li a.nav_resources
{
    width: 52px;
    background: transparent url(../images/nav_resources.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_careers
{
    width: 39px;
    background: transparent url(../images/nav_careers.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_contact
{
    width: 56px;
    background: transparent url(../images/nav_contact.gif) no-repeat 0 0;   
}
.header .navigation li a.nav_sg
{
    width: 83px;
    background: transparent url(../images/nav_sagentia.gif) no-repeat 0 0;   
}



.splash
{
    background: transparent url(../images/dot.gif) repeat-x 0 100%;
    margin: 0 20px 20px 20px;
    padding: 0 0 20px 0;
}

.splash .image
{
    height: 352px;
    background: transparent url(../images/image_1_bg.jpg) no-repeat 0 0;
    position:relative;
}

.splash .image .popup 
{
    position:absolute;
    top:15px;
    left:15px;
    background: transparent url(../images/popup_bg.png) no-repeat 0 0;
    width: 585px;
    height: 322px;
    color: #464646; 
    display:none;   
}

.splash .image .popup .more_m
{   
    
    font-size:1.1em;
    margin: 0 0 0 18px;
}

.splash .image .popup .products 
{
    display:none;   
}

.splash .image .popup .close 
{
    position:absolute;
    right:10px;
    top:10px;
    width: 16px;
    height: 15px;
    background: transparent url(../images/icon_close.gif) no-repeat 0 0;
    text-indent: -6000px;
}

.splash .image .popup .product
{
    float:right;
    margin: 35px 0 0 0;
}


.splash .image .popup .details 
{
    margin: 18px 0 0 18px;
    font-size: 1.1em;
    line-height: 1.7em;  
    width: 350px;
}

.splash .image .popup .details h2
{
    color: #182f7d;
    font-size: 1.9em;
    height: 25px;
    margin: 0 0 0px 0;
    text-indent: -6000px;
}

.splash .image .popup .details h2.prosurgics{
    background: transparent url(../images/h2_prosurgics.gif) no-repeat 0 0;
}
.splash .image .popup .details h2.brandon{
    background: transparent url(../images/h2_brandon.gif) no-repeat 0 0;
}
.splash .image .popup .details h2.photocure{
    background: transparent url(../images/h2_photocure.gif) no-repeat 0 0;
}

.splash .image .popup .details h2.hornby{
    background: transparent url(../images/h2_horby.gif) no-repeat 0 0;
}
.splash .image .popup .details h2.grohe{
    background: transparent url(../images/h2_grohe.gif) no-repeat 0 0;
}
.splash .image .popup .details h2.vodafone{
    background: transparent url(../images/h2_vodafone.gif) no-repeat 0 0;
}

.splash .image .popup .details h2.wika{
    background: transparent url(../images/h2_wika.gif) no-repeat 0 0;
}
.splash .image .popup .details h2.markem{
    background: transparent url(../images/h2_markem.gif) no-repeat 0 0;
}
.splash .image .popup .details h2.master{
    background: transparent url(../images/master.gif) no-repeat 0 0;
}

.splash .image .popup .details h3
{
    font-size: 1.5em;
}


.splash .image .popup p
{
    margin: 0 0 5px 0;
    line-height: 1.4em;
}


.splash .image .popup .nav
{
    position:absolute;
    bottom: 0;
    background: transparent url(../images/dot.gif) repeat-x 0 0;
    padding: 15px 0 0 0;
    margin: 15px;
    font-size: 1.1em;
}

.splash .image .popup .nav a 
{
    color: #90908f;   
}

.splash .image .popup .nav ul 
{
    padding: 0;
    list-style:none;
    margin: 0;   
}

.splash .image .popup .nav ul li
{
    float:left;
    width: 160px;
    border-right: 1px solid #ccc;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
    height: 50px;    
}

.splash .image .popup .nav ul li.last 
{
    border:0;
    padding: 0;
    margin: 0   
}

.splash .image .popup .nav ul li.selected a
{
    color: #464646;   
}






.splash .image h1.proposition
{
    color: #fff;
    width: 497px;
    height: 132px;
    text-indent: -6000px;
    background: transparent url(../images/proposition_blue.png) no-repeat 0 0;
    position:absolute;
    top: 15px;
    left:15px;
    margin: 0;
    
}

.splash .image .sections 
{
    position:absolute;
    right: 0;   
    width: 290px;
    top:15px;
    font-size :1.1em;
    display:none;
}

.splash .image .sections h2
{
    color: #182f7e;
    margin: 0 0 8px 0;
    height: 20px;
    /*text-indent: -6000px;*/
}


.splash .image .item_medical h2 
{
    /*background: transparent url(../images/h2_medical.gif) no-repeat 0 0;*/
}
.splash .image .item_consumer h2 
{
    /*background: transparent url(../images/h2_consumer.gif) no-repeat 0 0;*/
}
.splash .image .item_industrial h2 
{
    /*background: transparent url(../images/h2_industrial.gif) no-repeat 0 0;*/
}



.splash .image .sections p
{
    margin: 0 0 3px 0;
    color: #464646;
}

.splash .image .sections a
{
    color: #4793d1;
}

.splash .image .sections .item 
{
    background: transparent url(../images/sections_background.png) 0 0;   
    border:1px solid #d8d8d8;
    margin: 0 0 -1px 0;
    position:relative;
    height: 106px
}

.splash .image .sections .item_selected 
{
     

    background: transparent url(../images/sections_selected_bg.png) repeat-x 0 0;
    border-left:0;
    border-top:1px solid #fff;
    
}

.splash .image .sections .item .copy 
{
    margin: 13px 13px 0 13px   
}

.splash .image .sections .item .corner 
{
    position:absolute;
    right:-1px;
    top:-1px;
    width: 12px;
    height: 13px;
    line-height: 13px;
    background: transparent url(../images/corner_blue_bg.gif) 0 0;   
    text-indent: -6000px;
}

.splash .image .sections .item .mask 
{
    position:absolute;
    left:-1px;
    top:-1px;
    width: 290px;
    height: 107px;
    background: transparent url(../images/sections_background.png) 0 0;   
    text-indent: -6000px;
    z-index:5;
    display:none;
}

.splash .image .sections .item_selected .mask 
{
    display:none;   
}

.splash .image .sections .item .corner_pink 
{
    background: transparent url(../images/corner_pink_bg.gif) 0 0;   
} 

.splash .image .sections .item .corner_green 
{
    background: transparent url(../images/corner_green_bg.gif) 0 0;   
} 


.columns
{
    background: transparent url(../images/dot.gif) repeat-x 0 100%;
    margin: 0 20px 15px 20px;
    padding: 0 0 15px 0;
    font-size: 1.2em;
    color: #000;
}

.columns h3 
{
    color: #f57321;
    margin: 6px 0 11px 0;   
    font-size: 1.7em;
    height:18px;
    line-height: 18px;
    text-indent: -6000px;
}

.columns .c_1 h3 
{
    background: transparent url(../images/columns_h3_1_bg.gif) no-repeat 0 0;
} 
.columns .c_2 h3 
{
    background: transparent url(../images/columns_h3_2_bg.gif) no-repeat 0 0;
} 
.columns .c_3 h3 
{
    background: transparent url(../images/columns_h3_3_bg.gif) no-repeat 0 0;
} 

.columns h4 
{
    color: #000;
    margin: 0 0 10px 0;   
    font-size: 1.0em;
    font-weight: normal;
}

.columns a 
{
    display:block;
    color: #318ac1;
}

.columns p 
{
    margin: 0 0 5px 0
}

.columns .copy 
{
    margin: 0 0 0 12px
}

.columns .c_1 
{
    float:left;
    width: 280px;
    padding-right:20px;
    background: transparent url(../images/columns_bg.gif) no-repeat 100% 0;
    height: 150px;
}

.columns .c_2
{
    float:left;
    width: 300px;
    background: transparent url(../images/columns_bg.gif) no-repeat 100% 0;
    height: 150px;
}

.columns .c_3 
{
    float:left;
    width: 290px;
    height: 150px;
}

.columns .c_3 p 
{
    margin: 0 0 10px 0
}
                 
              

.columns .c_3 br 
{
    display:none;   
}


.columns .c_3 input
{
    padding: 0;
    margin: 0 3px 0 0;
    float:left;
}

.columns .c_3 label
{
    padding: 0;
    margin: 0 10px 0 0;
    float:left;
}

.columns input.input_field 
{
    margin: 0;   
    border:1px solid #ccc;
    height: 25px;
    padding: 2px 0 0 5px;
    width: 200px;
    background: #fff url(../images/input_bg.gif) no-repeat 0 0;
    color: inherit;
}


.copyright
{
    margin: 0 20px 45px 20px; 
    color: #6c6c6e  
}

.copyright a 
{
    color: #6c6c6e  
}

.copyright ul 
{
    margin: 0;   
    padding: 0
}

.copyright li
{
    margin: 0;   
    list-style:none;
    float:left;
    background: transparent url(../images/footer_bg.gif) no-repeat 100% 50%;
    padding: 0 10px 0 0;
}

.copyright li.last
{
    background: none;   
}

.copyright li a
{
    margin: 0 0 0 10px;   
    display:block;
    float:left;
}

.copyright li a.de
{
    padding: 0 0 0 18px;
    background: transparent url(../images/flag_german.gif) no-repeat 0 0.3em;   
}

.copyright .many 
{
    display:block;
    float:right;
    width: 225px;
    height: 16px;
    text-indent: -6000px;   
    background: transparent url(../images/strap_bg.gif) no-repeat 0 0;
}