@import url(reset.css);
@import url(grid.css);
@import url(layout.css);
@import url(forms.css);
@import url(jquery.autocomplete.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. SLIDE PANELS QUICK BUY & SEARCH
13. SQUARE HEADING COLOURS
14. PARTS LISTING
15. PARTS BY PRODUCT DETAIL
16. PRODUCT DETAIL
17. CHECKOUT
18. MY ACCOUNT
19. BASKET

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


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

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

/*=======================
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 table {
	background:url(../img/bkgd/bkgd-basket-rpt.gif) top left repeat-y;
}

	#branding caption {
		background:url(../img/bkgd/bkgd-basket-head.jpg) top left no-repeat;
		font-size:1em;
		color:#000;
		border:0;
	}
	
	#branding tbody {
		font-size:0.9em;
	}

	#branding table tfoot {
		font-weight:bold;
	}
	
	#branding table tfoot td {
		background:url(../img/bkgd/bkgd-basket-total.gif) 10px 0 no-repeat;
	}
	
	#branding table tfoot td.last-col {
		background:url(../img/bkgd/bkgd-basket-total2.gif) 0 0 no-repeat;
	}	
	
	.buttons {
		background:#fff url(../img/bkgd/bkgd-basket-bottom.gif) left bottom no-repeat;
	}
	
	.buttons a.button {
		text-transform: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 input, #site-actions select {
	color:#999;
	border:1px solid #999;
	font-size:1em;
}

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

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

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

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

h1, h2, h3, h4 {
	color:#999;
}

h1 {
	font-size: 2em;
}

	h1 span{
		font-size: 0.6em;
	}


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

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

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}

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;
}

dt {
	font-weight:bold;
}

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

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

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

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

/*=======================
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; 
}

/*=======================
3c. STANDARD BUTTONS
=========================*/

a.button {
    /* Sliding right image */
    background: transparent url(../img/icons-buttons/input-right.gif) no-repeat scroll top right; 
    /* FONT PROPERTIES */
    text-decoration: none;
    font-size:10px;
    font-weight:bold;
	text-transform:uppercase;
	color:#333;
	cursor:pointer;
}

a.button span {
    /* Background left image */ 
    background: transparent url(../img/icons-buttons/input-left.gif) no-repeat; 
} 

a.button-del {
    /* Sliding right image */
    background: transparent url(../img/icons-buttons/input-right-no-arrow.gif) no-repeat scroll top right; 
    /* FONT PROPERTIES */
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
	cursor:pointer;
	width:16px;
	cursor:pointer;	
}

a.button:hover {
	color:#333;
	background: transparent url(../img/icons-buttons/input-right-over.gif) no-repeat scroll top right; 	
}

a.button-del span {
    /* Background left image */ 
    background: transparent url(../img/icons-buttons/input-left.gif) no-repeat; 
} 

a.add-basket {
	background:url(../img/icons-buttons/icon-basket.gif) left center no-repeat;
	line-height:25px;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	color:#999;
}

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

a.add-fav {
	background:url(../img/icons-buttons/icon-fav.gif) left top no-repeat;
	line-height:25px;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	color:#999;	
}

a.add-fav:hover {
	text-decoration:underline;
	background:url(../img/icons-buttons/icon-fav.gif) 0 -20px no-repeat;	
	color:#666;	
}

a.button-back {
    /* Sliding right image */
    background: transparent url(../img/icons-buttons/input-back-left.gif) no-repeat scroll top left; 
    /* FONT PROPERTIES */
    text-decoration: none;
    font-size:10px;
    font-weight:bold;
	text-transform:uppercase;
	color:#333;
}

a.button-back span {
    /* Background left image */ 
    background: transparent url(../img/icons-buttons/input-back-right.gif) no-repeat right top; 
} 

a.button-back:hover {
	color:#333;
    background: transparent url(../img/icons-buttons/input-back-left-over.gif) no-repeat scroll top left; 	
}

/*=======================
3d. STANDARD TABLES
=========================*/

table {
	background:url(../img/bkgd/table-divider.gif) left bottom no-repeat;
	padding-bottom:1px;	
}
		
caption {
	font-size:1.4em;
	font-weight:bold;
}
		
th {
	background:url(../img/bkgd/table-divider.gif) left bottom no-repeat;
}

tr.delivery td.del, tr.grand-total td, tr.recalculate td {
	background:url(../img/bkgd/table-divider.gif) left top no-repeat;
}

tr.alt-row td {
	background:#f4f4f5;
}

tfoot {
	font-weight:bold;
	color:#999;
}

tfoot td {
	background:url(../img/bkgd/table-divider.gif) left top no-repeat;
}

table strong {
	color:#000;
}

.grand-total {
	padding:5px 0;
	font-size:1.4em;
	color:#666;	
}

.delete {
	width:40px;
}

table tfoot a.button {
	float:left;
	clear:both;
}

.recalculate span {
	clear:both;
	display:block;
	margin:3px 0;
}

.recalculate a.button span {
	margin:0;
}

#content table img {
	margin:0;
}

table input {
	margin-right:0;
	font-size:1em;
	font-weight:bold;
}

/* ========================
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, ul.quick-nav  {
	font-size:1.3em;
	font-weight:bold;
}

.nav li a, ul.quick-nav li a {
	color:#666;
	text-decoration:none;
}

.nav li a.active, ul.quick-nav li a.active {
	color:#333;
}

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

.quick-nav li {
	background:url(../img/bkgd/tab-bkgd.gif) left top no-repeat;
}

.quick-nav .active-qb {
	background:url(../img/bkgd/tab-bkgd-active.gif) left top no-repeat;
	border-bottom:1px solid #fff;
}
.quick-nav .active-qb a:hover{
	background: url(../img/bkgd/tab-bkgd-active-hover.gif) left top no-repeat;
	border-bottom:1px solid #fff;
}
.quick-nav .active-search {
	background:url(../img/bkgd/tab-bkgd-active.gif) left top no-repeat;
	border-bottom:1px solid #fff;
}
.quick-nav .active-search a:hover {
	background: url(../img/bkgd/tab-bkgd-active-hover.gif)left top no-repeat;
	border-bottom:1px solid #fff;
}
#quick-buy:hover, #adv-search:hover{
	background:url(../img/bkgd/tab-bkgd-hover.gif);
}

/*-----------------------
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 .grid_8 ul.breadcrumbs {
	font-size:0.9em;
}

#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
-------------------------*/	

/* ----------------------
ID's
-------------------------*/

.secondary-nav .teal {
	border-left:5px solid #1B6F7C;
}

	.secondary-nav .teal:hover {
		color:#1B6F7C;
	}
	
		.secondary-nav li a.teal:hover {
			background:url(../img/icons-buttons/secondary-nav-over-teal.gif) right center no-repeat;
		}

.secondary-nav .red {
	border-left:5px solid #cc0000;
}

	.secondary-nav .red:hover {
		color:#cc0000;
	}
	
		.secondary-nav li a.red:hover {
			background:url(../img/icons-buttons/secondary-nav-over-red.gif) right center no-repeat;
		}

.secondary-nav .dark-blue {
	border-left:5px solid #000066;
}

	.secondary-nav .dark-blue:hover {
		color:#000066;
	}
	
		.secondary-nav li a.dark-blue:hover {
			background:url(../img/icons-buttons/secondary-nav-over-dark-blue.gif) right center no-repeat;
		}

.secondary-nav .green {
	border-left:5px solid #009933;
}

	.secondary-nav .green:hover {
		color:#009933;
	}
	
		.secondary-nav li a.green:hover {
			background:url(../img/icons-buttons/secondary-nav-over-green.gif) right center no-repeat;
		}

.secondary-nav .yellow {
	border-left:5px solid #FFCC33;
}

	.secondary-nav .yellow:hover {
		color:#FFCC33;
	}
	
		.secondary-nav li a.yellow:hover {
			background:url(../img/icons-buttons/secondary-nav-over-yellow.gif) right center no-repeat;
		}

.secondary-nav .magenta {
	border-left:5px solid #CC00CC;
}

	.secondary-nav .magenta:hover {
		color:#CC00CC;
	}
	
		.secondary-nav li a.magenta:hover {
			background:url(../img/icons-buttons/secondary-nav-over-magenta.gif) right center no-repeat;
		}

.secondary-nav .light-blue {
	border-left:5px solid #99CCFF;
}

	.secondary-nav .light-blue:hover {
		color:#99CCFF;
	}
	
		.secondary-nav li a.light-blue:hover {
			background:url(../img/icons-buttons/secondary-nav-over-light-blue.gif) right center no-repeat;
		}

.secondary-nav .purple {
	border-left:5px solid #660099;
}

	.secondary-nav .purple:hover {
		color:#660099;
	}
	
		.secondary-nav li a.purple:hover {
			background:url(../img/icons-buttons/secondary-nav-over-purple.gif) right center no-repeat;
		}

.secondary-nav .orange {
	border-left:5px solid #CC6600;
}

	.secondary-nav .orange:hover {
		color:#CC6600;
	}
	
		.secondary-nav li a.orange:hover {
			background:url(../img/icons-buttons/secondary-nav-over-orange.gif) right center no-repeat;
		}

.secondary-nav .brown {
	border-left:5px solid #996600;
}

	.secondary-nav .brown:hover {
		color:#996600;
	}
	
		.secondary-nav li a.brown:hover {
			background:url(../img/icons-buttons/secondary-nav-over-brown.gif) right center no-repeat;
		}

.secondary-nav .blue {
	border-left:5px solid #0099FF;
}

	.secondary-nav .blue:hover {
		color:#0099FF;
	}
	
		.secondary-nav li a.blue:hover {
			background:url(../img/icons-buttons/secondary-nav-over-blue.gif) right center no-repeat;
		}


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

#content ul.secondary-nav {
	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;
		}

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

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

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

/*-----------------------
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:#666;
	background:#fff url(../img/icons-buttons/secondary-nav.gif) right center no-repeat;
	text-decoration:none;
	padding-left:5px;
}

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:#333;
	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,
ul.secondary-nav span, 
ul.secondary-nav ul span,
ul.secondary-nav ul ul span,
ul.secondary-nav ul ul ul span {
	text-decoration:none;
	color:#666;
	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-default .top, .search-box .top {
	background:url(../img/bkgd/4col-top-plain.gif) top left no-repeat;
}

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

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

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

.box h2 {
	font-size:1.2em;
}

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

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

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

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

/*=======================
6b. BOX FOR 6COL
=========================*/	

.grid_6 .box-6col {
	font-size:0.9em;
}

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

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

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

#content .box-6col h2 {
	color:#000;
	font-size:1.2em;
}

#content .box-6col h2 a {
	text-decoration:none;
	color:#000;
}

.box-6col h2 a:hover {
	text-decoration:underline;
}

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

.box-6col a.more-link:hover {
	text-decoration:underline;
	color:#333;
}

.box-6col .forgot-pass {
	font-size:0.85em;
}

/*=======================
6c. BOX FOR 12COL
=========================*/	

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

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

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

#content .box-12col h2 {
	color:#000;
	font-size:1.2em;
}

#content .box-12col h2 a {
	text-decoration:none;
	color:#000;
}

.box-12col h2 a:hover {
	text-decoration:underline;
}

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

.box-12col a.more-link:hover {
	text-decoration:underline;
	color:#333;
}

.box-12col table tfoot td {
	background:url(../img/bkgd/table-divider.gif) top left no-repeat;
	padding:10px 5px;
}

/*=======================
6d. SMALL BOX for category tiles
=========================*/	

.small-box {
	background:url(../img/bkgd/sub-box-top.gif) left top no-repeat;

	width:220px;
	margin-bottom:10px;
	float: left;
}

.small-box gutter {
	margin-right:20px;
}

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

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

#content .small-box img {
	padding:7px 5px 0 0;
	margin:0;
	float:right;
}


/*=======================
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 {
	font-size:0.9em;
}

.side-box p a {
	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;
}

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. SLIDE PANELS QUICK BUY & SEARCH
=========================*/	

#panel-qb, #panel-search {
	border-bottom:1px solid #b4b5b9;
	background:url(../img/bkgd/bkgd-slide-panel.gif) left bottom repeat-x;
	font-size:0.9em;
}

#panel-qb .grid_12 p {
	font-size:0.9em;
}

#panel-search p {
	font-size:1.2em;
}

#panel-search .free-text {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#panel-search label {
	color:#000;
	font-weight:bold;
}
#panel-search select, #panel-search input {
	font-size:1em;
}

#panel-search p.selected { /* Switch display property when selected */
	background:#e7e7e7;
	font-weight:bold;
	color:#000;
	font-size:1em;
	/* display:none; */
}

#panel-search p.change { /* Switch display property when selected */
	font-weight:bold;
	font-style:italic;
	text-align:right;
	color:#999;
	font-size:1em;	
	/* display:none; */	
}

#panel-qb p.selected {
	background:#e7e7e7;
	font-weight:bold;
	color:#000;
	font-size:1em;
}

#panel-qb li label span.valid { /* Change value when required to be displayed. */
	display:none;
}

#panel-qb li label span.invalid { /* Change value when required to be displayed. */
	display:none;
}

#panel-qb label, #panel-qb ol p {
	color:#000;
	font-weight:bold;
}

#panel-qb ol p {
	font-size:1em;
}

#panel-qb input {
	font-size:0.9em;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
}

#panel-qb input.details {
	border:1px solid #e7e7e7;
	background:#e7e7e7;
}

#panel-qb h5 {
	background:none;
	font-size:1.2em;
	border-bottom:0;
	color:#999;
}

#panel-qb table {
	color:#000;
}

#panel-qb .alt-row, #panel-qb .alt-row td {
	background:#fff;
}

#panel-qb table th {
	border-top:0;
	background:0;
	text-align:left;
}

/*=======================
13. SQUARE HEADING COLOURS
=========================*/	

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

.dark-blue h2 {
	background:url(../img/icons-buttons/sq-dark-blue.gif) center left no-repeat;
}

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

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

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

.light-blue h2 {
	background:url(../img/icons-buttons/sq-light-blue.gif) center left no-repeat;
}

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

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

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

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

/*=======================
14. PARTS LISTING
=========================*/	

#content h2 {
	color:#999;
}

#content ul.parts-listing {
	border-top:1px solid #ccc;
}

.parts-listing li {
	border-bottom:1px solid #ccc;
}

.parts-listing li li {
	border-bottom:0;
}

.buy-actions {
	background:url(../img/bkgd/buy-parts-rpt.gif) top left repeat-x;
}

a.part-img span {
	background:url(../img/icons-buttons/magnify.gif) right bottom no-repeat;
}

.parts-listing h3 {
	color:#999;
}

#content .parts-listing p {
	color:#666;
}

#content .parts-listing p.full-spec a {
	background:url(../img/icons-buttons/link.gif) right center no-repeat;
}

#content .parts-listing p.full-spec a:hover {
	background:url(../img/icons-buttons/link-over.gif) right center no-repeat;
}

#content .parts-listing a {
	color:#666;
}

#content .parts-listing a:hover {
	color:#333;
}

#content .parts-listing ul li a.add-fav {
	background:url(../img/icons-buttons/icon-fav.gif) 0 0 no-repeat;
}

#content .parts-listing ul li a.add-fav:hover {
	background:url(../img/icons-buttons/icon-fav.gif) 0 -20px no-repeat;
}

#content .parts-listing ul li a.download-dsheet {
	background:url(../img/icons-buttons/icon-datasheet.gif) 0 0 no-repeat;
}

#content .parts-listing ul li a.download-dsheet:hover {
	background:url(../img/icons-buttons/icon-datasheet.gif) 0 -20px no-repeat;
}

#content .parts-listing ul li a.remove-fav {
	background:url(../img/icons-buttons/icon-remove-fav.gif) 0 0 no-repeat;
}

#content .parts-listing ul li a.remove-fav:hover {
	background:url(../img/icons-buttons/icon-remove-fav.gif) 0 -20px no-repeat;
}

p.stock strong {
	color:#000;
}

#content p.price {
	font-size:1.2em;
	color:#cc0000;
	font-weight:bold;
}

.buy-actions input, .buy input {
	font-size:0.9em;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
}

.buy-actions a.add-basket {
	font-size:1em;
}

/*=======================
15. PARTS BY PRODUCT DETAIL
=========================*/	

.discontinued {
	font-weight:bold;
	color:#19828e;
}

.image h3 {
	background:none;
}

.product, .prod-part-detail {
	font-size:1em;
}

/*=======================
16. PRODUCT DETAIL
=========================*/	

.buy, .fav {
	background:#f4f4f5;
}

#content .buy p, #content .fav p {
	font-size:1.1em;
}

.image .middle a {
	font-size:0.8em;
}

.buy a.add-basket {
	font-size:1em;
}

.fav a.add-fav {
	font-size:0.9em;
}

#content .buy p.price {
	color:#1B6F7C;
}

/*=======================
17. CHECKOUT
=========================*/	

.checkout-steps li {
	border:1px solid #666;
	border-left:0;
	text-align:center;
	font-size:1.2em;
	color:#989898;
}

.checkout-steps li.step1-complete {
	background:#d2e5e9;
	font-weight:bold;
	color:#67686c;
}

.checkout-steps li.step2-complete {
	background:#a4cdd3;
	font-weight:bold;
	color:#67686c;	
}

.checkout-steps li.step3-complete {
	background:#72b5bd;
	font-weight:bold;
	color:#fff;
}

.checkout-steps li.step4-complete {
	background:#479ba5;
	font-weight:bold;
	color:#fff;	
}

.checkout-steps li.step5-complete {
	background:#18828f;
	font-weight:bold;
	color:#fff;	
}

/*=======================
18. MY ACCOUNT
=========================*/	

.address {
	font-size:1em;
	font-weight:bold;
}

.address p {
	padding-bottom:2px;
}

.change-details {
	font-size:0.9em;
	font-weight:normal;
}

/*=======================
19. BASKET
=========================*/	

.basket-table tfoot tr.fuel td, .basket-table tfoot tr.vat td, .basket-table tfoot tr.sub-total td {
	background:none;
}


.basket-table tfoot tr.grand-total td {
	background:transparent url(../img/bkgd/table-divider.gif) no-repeat left top;
}

/*=======================
20. PDF DOWNLOADS
=========================*/	

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

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

ul.pdf-links li a {
	display: block;
	padding-left: 25px;
	background:url(../img/icons-buttons/icon-datasheet.gif) 0 0 no-repeat;
}

ul.pdf-links li p 
{
	padding: 0px;
	padding-left: 25px;
}

ul.pdf-links li a:hover {
	background:url(../img/icons-buttons/icon-datasheet.gif) 0 -20px no-repeat;
}