@import url(reset.css);
@import url(grid.css);
@import url(layout.css?noCache=4);
@import url(forms.css);

/* STYLE SHEET FOR IMI CORNELIUS CORPORATE WEB SITE
Created by Richard Clark
http://www.kmp.co.uk

Colours, typography, non structural layout. Included in here are the default styles that are to be overwritten by the individual section stylesheets.

/* ================ TABLE OF CONTENTS ======================

1. COMMON SITE FRAMEWORK
2. BRANDING BLOCK
	2a. H1 Logo Replacement
	2b. Site Actions
3. STANDARD TYPOGRAPHY
	3a. Links
	3b. Action Buttons
	3c. Standard Tables
4. NAVIGATION
	4a. Primary Navigation
		4a.1. Primary Navugation section colours
	4b. Breadcrumbs
	4c. Paging
	4d.	Secondary Navigation
		4d.1. First Tier
		4d.2. Second Tier
		4d.3. Third Tier
		4d.4. Fourth Tier
		4d.5. Secondary Nav Links
5. FOOTER BLOCK
	5a. Footer Navigation	
6. BOXES
7. SIDE BOXES
8. MENU BOX
9. HEADINGS
10. STANDARD MAIN CONTENT LISTINGS
11. ACCORDION
12. HIGHLIGHTS (Tabbed Features on Product Pages)

/* =============== NOTES =======================


/* ====================
COLOUR REFERENCE SHEET
-----------------------
Page Background: #ffffff;
Primary Font: #666;
Secondary Font: #999;

#about color:#96aab3;
#solutions color:#2f226b;
#innovative-thinking color:#184479;
#product-portfolio color:#1b6f7c;
#lifecycle-mgmt color:#418b50;
#news-events color:#5494c1;
#careers color:#852527;
#csr color:#700f77;

===================== */

/*=======================
1. COMMON SITE FRAMEWORK
=========================*/

body {
	font:normal 62.5%/1.5 Arial, Helvetica, sans-serif;
	background:#ffffff;
	color:#666;
}

.container_16 {
	font-size:1em;
}

/*=======================
2. BRANDING BLOCK
=========================*/

#branding h2, #branding h3 {
	color:#999;
	font-weight:normal;
	font-size:2.0em;
}

#branding p {
	color:#666;
	font-size:1.8em;
	background:url(../img/icons-buttons/order-now.gif) 0 32px no-repeat;
}

	#branding p a {
		color:#666;
		text-decoration:none;
	}
	
		#branding p a:hover {
			text-decoration:none;
		}

/*-----------------------
2a. H1 Logo Replacement
-------------------------*/

h1.logo, h2.logo {
	background: url(../img/logos/logo-imi.gif) top left no-repeat;
}

/*-----------------------
2b. Site Actions
-------------------------*/

#site-actions {
	background:#eaebeb url(../img/bkgd/bkgd-site-actions.gif) left bottom repeat-x;
	border-bottom:1px solid #666;
}

#site-actions a {
	color:#999;
	text-decoration:none;
}

	#site-actions a:hover {
		text-decoration:underline;
	}

#site-actions input, #site-actions select {
	color:#999;
	border:1px solid #999;
	font-size:1em;
}

#site-actions input.btn {
	text-transform:uppercase;
}

ul.action-nav {
	font-size:1.1em;
	color:#999;
}

ul.action-nav li {
	border-left:1px solid #999;
}

.action-nav .phone-number
{
	font-weight: bold;
	background-image: url('/layouts/IMI Corporate/img/icons-buttons/top-phone.png');
	background-repeat: no-repeat;
	background-position: 4px 0px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: -1px;
	margin-left: 8px;
}

.action-nav .shop-online
{
	background-image: url('/layouts/IMI Corporate/img/icons-buttons/top-basket.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: -1px;
}

/*=======================
3. STANDARD TYPOGRAPHY & STYLES
=========================*/

h1, h2, h3, h4 {
	color:#4E7485;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.4em;
	color:#000;
}

h3 {
	font-size: 1.2em;
	color:#000;
}
		
h4 {
	font-size:1.2em;
}

hr {
    border-top: 1px solid #cccccc;
}

blockquote {
	background-color: #CCC;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
}

#content ol {
	list-style:decimal;
}

#content ul {
	list-style:disc;	
}

abbr, acronym {
	border-bottom:1px dotted #666;
}

/*-----------------------
3a. Links
-------------------------*/

a {
	text-decoration:underline;
	color:#666;	
}

a:hover {
	text-decoration:underline;
}

#content a {
	color:#1e707c;
}

#content h3 a {
	color:#000;
	text-decoration:none;
}
#content h3 a:hover {
	text-decoration:underline;
}


/*=======================
3b. ACTION BUTTONS
=========================*/

.actions a {
    /* Sliding right image */
    background: transparent url(../img/bkgd/bkgd-action-right.gif) no-repeat scroll top right; 
    /* FONT PROPERTIES */
    text-decoration: none;
	color:#999;
}

.actions a:hover {
    text-decoration: underline;
	color:#666;	
}

.actions a span {
    /* Background left image */ 
    background: transparent url(../img/bkgd/bkgd-action-left.gif) no-repeat; 
}

.actions a#login {
	float:none;
	display:inline-block;
	width:194px;
	margin-right:5px;
	padding:3px 0 3px 10px;
	color:#4e7485;
	background:url(../img/bkgd/login-but.jpg) no-repeat;
}
.actions a#login span {
	font-weight:bold;
	background:none;
	font-size:1.1em;
}
.actions p span#telno {
	color:#4e7485;
	font-weight:bold;
}


/*=======================
3c. STANDARD TABLES
=========================*/

table {
	border-bottom:1px solid #999;	
	margin:10px 0;
}
		
caption {
	font-size:1.4em;
	font-weight:bold;
	border-top:1px solid #999;
	background:#d7d7d7;
}
		
th {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#f8f8f8;
}

/* ========================
4. NAVIGATION ELEMENTS
===========================*/

/*-----------------------
4a. Primary Navigation
-------------------------*/

#primary-nav {
	border-bottom:1px solid #bababa;
	background:#fff url(../img/bkgd/bkgd-nav.gif) left bottom repeat-x;
}

ul.nav  {
	font-size:1.3em;
	font-weight:bold;
}

.nav li a {
	color:#999;
	text-decoration:none;
}

.nav li a.active {
	color:#333;
}

.nav li a:hover {
	color:#333;
	text-decoration:none;
}

/*-----------------------
4a.1. Primary Navigation Section Colours
-------------------------*/

.nav .grey-blue a:hover, .nav .grey-blue a.active {
	color:#80a0b5;
}

.nav .blue a:hover, .nav .solutions a.active {
	color:#154d8a;
}

.nav .light-teal a:hover, .nav .light-teal a.active {
	color:#89afa2;
}

.nav .teal a:hover, .nav .teal a.active {
	color:#1b6f7c;
}

.nav .green a:hover, .nav .green a.active {
	color:#008752;
}

.nav .light-blue a:hover, .nav .light-blue a.active {
	color:#5494c1;
}

.nav .red a:hover, .nav .red a.active {
	color:#b40938;
}

.nav .light-green a:hover, .nav .light-green a.active {
	color:#9bb871;
}

/*-----------------------
4b. Breadcrumb Trail
-------------------------*/

#content ul.breadcrumbs {
	font-size:1.1em;
	color:#999;
}

#content ul.breadcrumbs li {
	background:url(../img/icons-buttons/breadcrumb.gif) left center no-repeat;
}

#content ul.breadcrumbs li a {
	color:#cccccc;
	text-decoration:none;
}

#content ul.breadcrumbs li a:hover {
	color:#999;
	text-decoration:underline;
}

#content ul.breadcrumbs li.first, #content ul.breadcrumbs li:first-child {
	background:none;
}

/*-----------------------
4c. Paging
-------------------------*/

#content ul.paging li {
	background:#fff url(../img/bkgd/bkgd-paging.gif) center center no-repeat;
}

#content ul.paging li span {
	font-weight:bold;
}

#content ul.paging a {
	text-decoration:none;
	color:#999;
}

#content ul.paging a:hover {
	text-decoration:underline;
	color:#666;
}

/*-----------------------
4d. SECONDARY NAVIGATION
-------------------------*/	

/*-----------------------
4d.1. First Tier
-------------------------*/

#content ul.secondary-nav {
	font-size:1.2em;
	font-weight:bold;
	background:#fff url(../img/bkgd/sub-nav-dots.gif) left bottom no-repeat;	
}
	
	#content ul.secondary-nav li {
		background:#fff url(../img/bkgd/sub-nav-dots.gif) left top no-repeat;
	}

		#content ul.secondary-nav li:first-child {
			background:0;
		}

.nav .blue a:hover, .nav .blue a.active {
	color:#154d8a;
}

/*-----------------------
4d.2. Second Tier
-------------------------*/

#content ul.secondary-nav ul {
	font-size:0.9em;
	font-weight:normal;	
}

	#content ul.secondary-nav ul li:first-child {
		background:#fff url(../img/bkgd/sub-nav-dots.gif) right top no-repeat;	
	}
	
	#content ul.secondary-nav ul li:last-child, #content ul.secondary-nav ul li.last {
		padding-bottom:0;
	}

/*-----------------------
4d.3. Third Tier
-------------------------*/

#content ul.secondary-nav ul li ul li:first-child {
	background:#fff url(../img/bkgd/sub-nav-dots.gif) right top no-repeat;	
}			

/*-----------------------
4d.4. Fourth Tier
-------------------------*/

#content ul.secondary-nav ul ul ul {
	font-size:1em;
}

/*-----------------------
4d.5. Secondary Nav Links
-------------------------*/

ul.secondary-nav a {
	color:#999;
	background:#fff url(../img/icons-buttons/secondary-nav.gif) right center no-repeat;
	text-decoration:none;
}

ul.secondary-nav a:hover,
ul.secondary-nav li.active a:hover,
ul.secondary-nav li.active li.active a:hover,
ul.secondary-nav li.active li.active li.active a:hover {
	text-decoration:none;
	color:#999;
	background:#fff url(../img/icons-buttons/secondary-nav-over.gif) right center no-repeat;	
}

ul.secondary-nav li.active a,
ul.secondary-nav li.active li.active a,
ul.secondary-nav li.active li.active li.active a {
	text-decoration:none;
	color:#999;
	background:#fff url(../img/icons-buttons/secondary-nav-open.gif) right center no-repeat;
}

ul.secondary-nav li.active li a,
ul.secondary-nav li.active li.active li a,
ul.secondary-nav li.active li.active li.active li a {
	color:#999;
	background:#fff url(../img/icons-buttons/secondary-nav.gif) right center no-repeat;
}

/* ================ 
5. FOOTER BLOCK
===========================*/

#footer {
	background:#eeefef url(../img/bkgd/bkgd-footer.gif) left bottom repeat-x;
	border-bottom:1px solid #b6b5b5;
	color:#999;
}

	#footer a {
		color:#999;
		text-decoration:none;
	}
	
	#footer p a:hover {
		text-decoration:underline;
	}

/*-----------------------
5a. Footer Navigation
-------------------------*/

ul.nav-footer {
	color:#999;
}

ul.nav-footer a {
	color:#999;
	text-decoration:none;
}

#footer ul.nav-footer a:hover {
	text-decoration:underline;
}

ul.nav-footer li {
	border-left:1px solid #999;
}

/*=======================
6. BOXES
=========================*/	

.box .top {
	background:url(../img/bkgd/4col-top.gif) top left no-repeat;
}

.box .middle {
	background:url(../img/bkgd/4col-rpt.gif) top left repeat-y;
}

.box .bottom {
	background:url(../img/bkgd/4col-bottom.gif) top left no-repeat;
}

.box h3 {
	background:url(../img/icons-buttons/sq-default.gif) left center no-repeat;
}

.box a.more-link {
	font-weight:bold;
	background:url(../img/icons-buttons/more-link.gif) right bottom no-repeat;
	text-decoration:none;
}

.box a.more-link:hover {
	text-decoration:underline;
}

/*=======================
7. SIDE BOXES
=========================*/	

.side-box .top {
	background:#fff url(../img/bkgd/4col-top.gif) top left no-repeat;
}

.side-box .middle {
	background:#fff url(../img/bkgd/4col-rpt.gif) top left repeat-y;	
}

.side-box .bottom {
	background:#fff url(../img/bkgd/4col-bottom.gif) bottom left no-repeat;	
}

.side-box p a {
	text-decoration:underline;
}

#content .back a {
	padding:0 0 0 12px;
	background:url(../img/icons-buttons/back-link-teal.gif) left bottom no-repeat;
	color:#1B6F7C;
	font-weight:bold;
	text-decoration:none;
}
#content .back a:hover,
#content .back a:focus {
	text-decoration:underline;
}


#content ul.links-box {
	font-size:1.2em;
	background:#fff url(../img/bkgd/sub-nav-dots.gif) left bottom no-repeat;	
}
	
	#content ul.links-box li {
		background:#fff url(../img/bkgd/sub-nav-dots.gif) left top no-repeat;
	}

		#content ul.links-box li:first-child {
			background:0;
		}

ul.links-box a {
	color:#999;
	background:#fff url(../img/icons-buttons/secondary-nav.gif) right center no-repeat;
	text-decoration:none;
}

ul.links-box a:hover {
	text-decoration:none;
	color:#333;
	background:#fff url(../img/icons-buttons/secondary-nav-over.gif) right center no-repeat;
}

/*=======================
8. MENU-BOX
=========================*/	

.menu-box .top {
	background:url(../img/bkgd/4col-top.gif) top left no-repeat;
}

.menu-box .middle {
	background:#fff url(../img/bkgd/4col-rpt.gif) top left repeat-y;	
}

.menu-box .bottom {
	background:#fff url(../img/bkgd/4col-bottom.gif) bottom left no-repeat;	
}

.menu-box h3 {
	background-image:url(../img/icons-buttons/sq-default.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

/*=======================
9. HEADINGS
=========================*/	

.headings {
	background:url(../img/content/h1-default.jpg) top left no-repeat;
}


.headings h1, .headings h2 {
	color:#fff;
}

.headings + p {
	font-weight:bold;
}

/*=======================
10. STANDARD MAIN CONTENT LISTINGS
=========================*/

#content ul.listing {
	border-top:1px dotted #666;
}

#content ul.listing li {
	border-bottom:1px dotted #666;
}

.listing h2 a {
	color:#000;
	text-decoration:none;
}

	.listing h2 a:hover {
		text-decoration:underline;
	}

p.listing-links a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

p.listing-links a:hover {
	text-decoration:underline;
}

/*=======================
11. ACCORDION
=========================*/	

.accordion  {
	width:700px;
}

.accordion div {
	background-color: #fff;
	border: 2px solid #19828e;
	border-top:0;
	border-bottom:1px solid #19828a;
}

.accordion p {
	border: none;
	text-decoration: none;
}
.accordion a {
	text-decoration: none;
	font-weight: bold;
	color: black;
	border-top:1px solid #19828e;	
	font-size:1.2em;
	background: url(../img/bkgd/bkgd-product-accordian.gif) top left no-repeat;	
	border-bottom:1px solid #19828e;
}

.accordion a.first {
	background: url(../img/bkgd/bkgd-product-accordian-first.gif) top left no-repeat;	
	border-top: 0;
}

.accordion a.last {
	border-bottom:2px solid #19828e;
}

.accordion a span {
	background:url(../img/icons-buttons/accordion-arrows.gif) center right no-repeat;
}

.accordion a.selected span {
	background:url(../img/icons-buttons/accordion-arrows-active.gif) center right no-repeat;
}

.accordion p a {
	background:none;
	border:0;
	font-size:1em;
	font-weight:normal;
	text-decoration:underline;
	color:#666;
}

.accordion p a:hover {
	text-decoration:underline;
}

/*=======================
12. HIGHLIGHTS - Default is for products if this requires amendments then please change.
=========================*/	

#content .highlights li a {
	background:url(../img/bkgd/bkgd-accordion-tab.gif) top left no-repeat;	
	text-decoration:none;
}

#content .highlights li.first a {
	background:url(../img/bkgd/bkgd-accordion-tab-first.gif) top left no-repeat;	
}

#content .highlights li.last a {
	background:url(../img/bkgd/bkgd-accordion-tab-last.gif) top left no-repeat;	
}

#content .highlights li a:hover {
	background:url(../img/bkgd/bkgd-accordion-tab-hover.gif) top left no-repeat;
	cursor:pointer;
}

#content .highlights li.first a:hover {
	background:url(../img/bkgd/bkgd-accordion-tab-hover-first.gif) top left no-repeat;	
}

#content .highlights li.last a:hover {
	background:url(../img/bkgd/bkgd-accordion-tab-hover-last.gif) top left no-repeat;	
}

#content .highlights li.ui-tabs-selected a {
	background:url(../img/bkgd/bkgd-accordion-tab-over.gif) top left no-repeat;
}

#content .highlights li:first-child.ui-tabs-selected a {
	background:url(../img/bkgd/bkgd-accordion-tab-over-first.gif) top left no-repeat;
}

#content .highlights li:last-child.ui-tabs-selected a, #content .highlights li:last-child.ui-tabs-selected a.last {
	background:url(../img/bkgd/bkgd-accordion-tab-over-last.gif) top left no-repeat;
}

.highlights div {
	background:url(../img/bkgd/bkgd-accordion-feature.jpg) top left no-repeat;
}

#content .highlights h1, #content .highlights h2 {
	color:#198391;
	font-size:2em;
}

#content .highlights p {
	color:#198391;
	font-weight:bold;
}

.buy-links a {
    /* Sliding right image */
    background: transparent url(../img/icons-buttons/btn-product-feature-right.gif) no-repeat scroll top right; 
    /* FONT PROPERTIES */
    text-decoration: none;
	color:#19828e;
}

.buy-links a:hover {
	text-decoration:none;
}

.buy-links a span {
    /* Background left image */ 
    background: transparent url(../img/icons-buttons/btn-product-feature-left.gif) left top no-repeat; 
}

.ui-tabs-hide {
	display:none;
}

.back {
	margin-top:5px;
	min-height:40px;
	background:url(../img/bkgd/light-teal.jpg) no-repeat;
}

.back p {
	padding:11px 0 0 15px;
}

/*========================
Extras
=========================*/
.filterOn {
	background: transparent url(../img/icons-buttons/filter-on.png) no-repeat scroll left center;
	padding:2pt 2pt 2px 18px;
	margin: 0px;
}
                    	
.filterOff {
	background: transparent url(../img/icons-buttons/filter-off.png) no-repeat scroll left center;
	padding:2pt 2pt 2px 18px;
	margin: 0px;
}

#content div.pagingControls {
	text-align: center;
	width: 660px;
}

#content div.pagingControls ul li { 
	display: inline; 
	width: 20px;
	font-size: 14px;
	padding: 4px;
	border-right: 1px solid #666;
}

#content div.pagingControls ul li a {
	text-decoration: none;
}

#content div.pagingControls ul li:last-child { border:none; }

.tooltip {
	display: none;
}

.small-box {
	background:url("../img/bkgd/sub-box-top.gif") no-repeat scroll left top transparent;
	float:left;
	margin-bottom:10px;
	width:220px;
}

.small-box .bottom {
	background:url("../img/bkgd/sub-box-bottom.gif") no-repeat scroll left bottom transparent;
	clear:both;
	height:8px;
}

.small-box h3 {
	display:block;
	float:left;
	margin:0;
	padding:10px 0 0 15px;
	width:140px;
}

/*#content ul.pdf-links {
	border-top:1px solid #CCCCCC;
	list-style-type:none;
	margin-bottom:10px;
	padding:10px 0 0;
}

ul.pdf-links li {
	margin-bottom:4px;
	width:600px;
}*/

#content table.fileList {
	border-collapse: collapse;
	border-top: solid #BABABA 1px;
}

#content table.fileList tr td {
	border-bottom: solid #BABABA 1px;
	padding: 0px;
	vertical-align: middle;
	padding: 2px;
	font-size: 12px;
}

#content table.fileList tr td img {
	margin: 0px;
	display: block;
}

#content table.fileList tr td a.downloadLink {
	text-decoration: none;
	font-weight: bold;
}