body,html,form,fieldset{margin:0; padding:0;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
table
{
	font-size:12px;
}
.br
{
	clear:both;
	height:0;
	overflow:hidden;
}

/*** widths

	* Columns have no gutter. See below about line 132 
	
***/

#outerwrapper 
{
	width:984px;
	margin:0 auto;
}


body {
	min-width: 530px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#content {
	padding-left: 180px;      /* LC fullwidth */
	padding-right: 170px;     /* RC fullwidth + CC padding */
	clear:both;
}

#content .column {
	position: relative;
	float: left;
}

#page {
	padding:0;       /* CC padding */
	width: 100%;
}

#leftcol {
	width: 170px;             /* LC width */
	padding-left:10px; /* LC padding left */
	padding-right:0px; /* LC padding right */
	right: 180px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#rightcol {
	width: 170px;             /* RC width */
	padding-left:0px;          /* RC padding left */
	padding-right:0px ;       /* RC padding */
	margin-right: -100%;
}

#footer {
	clear: both;
}

/*** IE Fix ***/
* html #leftcol {
	left: 170px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/

#content {
	overflow: hidden;
}

#content .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

*:first-child+html #content .column {
	padding-bottom:0px!important;
	margin-bottom: 0px!important;
}/* IE7 hack */

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
}


/***** basic formatting *****/

a img
{
border:0;
}

h1,h2,h3,h4,p
{
	margin:0 0 2ex 0;
	padding:0;
	line-height:150%;
}

.header p
{
	margin:0;
	line-height:normal;
}
.header img
{
	float:left;
}

.m-contents ul
,.m-contents ol
,.m-contents li
{
	padding:0;
	margin:0;
}
.m-texthtml ul
,.m-texthtml ol
,.m-bookmarks-light ul
{
	padding:0;
	margin: 1em 1.2em;
}


/*** modules 

	* modules are always within an outer .modules div and for 
		each a .m-wrapper with an id.
		This is for front-end editing, styles should not be 
		applied to these elements
	
	* all modules are wrapped with m-contents, and a bottom margin is normal 

*/
.m-wrapper
,.fullcol
{
	clear:both;
}
.m-contents
{
	
}
.m-contents h3 /* usually a title */
{
	margin:0;
	font-size:14px;
}
.m-texthtml h1
,.m-texthtml h2
,.m-texthtml h3 /* override previous instruction for freeform text */
,.m-prodlist .fr a
{
	margin:0 0 1ex 0;
	padding:0;
}

/* modules have margin top instead of bottom so that things like 
search box, bond  and breacrumbs can touch the header */
.column .m-contents
{
	margin-bottom:10px;
}

.column .m-location
{
	margin-top:0;
}

/* 	columns have no right padding/margin so that 
	list elements can fill or wrap nicely using their own margin
	so add a margin on those that don't contain lists
*/
.m-box
,.column .m-texthtml
,.m-location 
,.column .m-bookmarks-chunky
,.m-bondbox
,.m-product 
{
	margin-right:10px;
}

/* 	m-box and m-bookmarks both have a header, followed by their contents within 
	a blockquote so that a simple javascript expand/hide can 
	be added if wanted
	so remove the formatting of the blockquote
*/
.m-box blockquote
,.m-bookmarks blockquote
{
	margin:0;
	padding:0;
}
.m-contents blockquote
{
}


/* bookmarks 

	* all .bookmarks list items are expected to have an <a> for active link or <em> for inactive
	* li.on is used to denote a list item is selected

	* within sidebars, show title and display as list
	* within header hides title and displays as tabs


*/

.m-bookmarks li
{
	margin:0;
	padding:0;
}
* html .m-bookmarks li /* IE6 bug */
{
	border-bottom:1px dotted #fff;
}

.m-bookmarks-chunky ul
,.m-bookmarks-chunky li
{
	margin:0;
	padding:0;
	list-style:none;
}
.m-bookmarks li.on a
{
	font-weight:bold;
}

.sidebar .m-bookmarks-chunky li
{
	display:block;
}

.sidebar .m-bookmarks-chunky li a
{
	display:block;
}

.header .m-bookmarks-chunky h3
,.header .m-bookmarks-chunky li.spacer
,#page .m-bookmarks-chunky li.spacer
{
	display:none;
}
.header .m-bookmarks-chunky li
{
	float:left;
}

.m-bookmarks-chunky-2 ul
,.m-bookmarks-chunky-3 ul
{
	float:left;
	display:block;
}

.m-bookmarks-chunky-3 ul
{
	width:33.33%;
}

.m-bookmarks-chunky-2 ul
{
	width:50%;
}

#page .m-bookmarks-chunky li
{
	border-right:1px solid #ccc;
}




/* product */

.m-product .im 
{
	width:300px;
	margin-top:10px;
}


.m-product .im.floatleft
{
	float:left;
	margin-right:10px;
}

.m-product .im.floatright
{
	float:right;
	margin-left:10px;
}

.m-product .te
{
	width:300px;
	float:left;
}

/*** product list and its pagination links ***/



.m-prodlist h3
{
	margin-right:10px;
}

.m-prodlist ol li
{
	list-style:none;
	float:left;
}
.m-prodlist ol li .wr
{
	margin:0 10px 0px 0;
}

.sidebar .m-prodlist ol li .wr
{
	margin:0 10px 0px 0;
}

*:first-child+html .m-prodlist ol li .wr
{
	margin:0 10px 10px 0;
	display: block;
	left: 0;
	
}

*:first-child+html .sidebar .m-prodlist ol li .im
{
	
}


#page .m-prodlist ol li
{
	margin-bottom: 10px;
}

*html #page .m-prodlist ol li
{
	width:46%;
}

.sidebar .m-prodlist ol li
{
	width:100%;
}


.sidebar .m-prodlist ol li
{
	text-align:center;
}

.m-prodlist ol li .te p
{
	font-size-adjust:0.49;
}
.sidebar .m-prodlist ol li .te p
{
	display:none;
}

.m-prodlist li .wr
{
	padding:5px;
}

.m-prodlist li h4
{
	padding:0;
	margin:0;
}

.m-prodlist li h4 a em
{
	display:none;
}

.m-prodlist .fr
{
margin:3px 5px 0 10px;
display:block;
text-align:left;
}


#page .m-prodlist p
,#page .m-prodlist h4
{
	margin:0 0 1px 0;
}
#page .m-prodlist .im
{
	float:left;
	height:150px;
}


#page .m-prodlist .im
{
	margin-right:10px;
}

#page .m-prodlist .ft
{
	clear:both;
	height:36px;
}

*html #page .m-prodlist-enquirylist .im
{
	width:135px;
	right:135px;
	margin-left:-160%;
	padding-right:10px;
}




/* prodlist 1 col */

#page .m-prodlist-1 li
{
	width:100%;
}

#page .m-prodlist-1 .wr
{
	padding-left:90px;
	padding-right:5px;
	height:100px;
}

#page .m-prodlist-1 .im
,#page .m-prodlist-1 .te
{
	position:relative;
	float:left;
}

#page .m-prodlist-1 .im
{
	width:90px;
	height:90px;
	right:90px;
	margin-left:-100%;
	padding-right:10px;
}
#page .m-prodlist-1 .im img
{
	width:80px;
	height:80px;
	margin-left:5px;
}

#page .m-prodlist-1 .te
{
	width:100%;
}
#page .m-prodlist-1 .en
{
	display:none;
}
#page .m-prodlist-1 .te 
{
}
#page .m-prodlist-1 .te .t
{
	float:left;
	clear:none;
	width:65%;
}
#page .m-prodlist-1 .te .ft
{
	float:left;
	clear:none;
	width:30%;
	margin-left:10px;
}

/*** IE Fix ***/
*html #page .m-prodlist-1 .im
{
	width:135px;
	right:135px;
	margin-left:-160%;
	padding-right:10px;
	left: 0px;           /* RC fullwidth */
}



/* prodlist 2 col */

#page .m-prodlist-2 li
{
	width:50%;
}

#page .m-prodlist-2 .wr
{
	padding-left:135px;
	padding-right:5px;
	height:175px;
}

#page .m-prodlist-2 .im
,#page .m-prodlist-2 .te
{
	position:relative;
	float:left;
}

#page .m-prodlist-2 .im
{
	width:135px;
	right:135px;
	margin-left:-100%;
	padding-right:10px;
}

#page .m-prodlist-2 .te
{
	width:100%;
}
#page .m-prodlist-2 .en
{
	display:none;
}
#page .m-prodlist-2 .te 
{
	height:150px;
}
#page .m-prodlist-2 .te .t
{
	height:106px;
	overflow:hidden;
}

/*** IE Fix ***/
*html #page .m-prodlist-2 .im
{
	width:135px;
	right:135px;
	margin-left:-160%;
	padding-right:10px;
	left: 0px;           /* RC fullwidth */
}




/* prodlist 3 col, also sidebat */
#page .m-prodlist-3 ol li 
{
	width:33.33%;
}
#page .m-prodlist-3 .te
,.sidebar .m-prodlist .te
{
	position:relative;
	float:left;
	width:100%;
	
}
#page .m-prodlist-3 .te .t
, .sidebar .m-prodlist .te .t
{
	height:5ex;
	margin-bottom:10px;
	overflow:hidden;
}
#page .m-prodlist-3 .te .t p
, .sidebar .m-prodlist .te .t p
{
	display:none;
}


#page .m-prodlist-3 ol li .ft .icon em 
, .sidebar .m-prodlist ol li .ft .icon em 
{
	display:none;
}
#page .m-prodlist-3 ol li .ft 
, .sidebar .m-prodlist ol li .ft 
{
	display:block;
}
#page .m-prodlist-3 ol li .ft .icon  
, .sidebar .m-prodlist ol li .ft .icon  
{
	float:none;
	width:2px;
	margin:5px;
	padding-bottom:5px;
	clear:none;
	display:inline;
	line-height:5px;
	max-height:20px;

}
#page .m-prodlist-3 .im 
,#page .m-prodlist-3 ol li .te .ft
,#page .m-prodlist-3 ol li .fr
,.sidebar .m-prodlist .im 
,.sidebar .m-prodlist ol li .te .ft
,.sidebar .m-prodlist ol li .fr
{
	width:100%;
	position:relative;
	left:-5px;
	text-align:center;
}


/* prodlist 4 col */
#page .m-prodlist-4 {
/*		border:1px solid red;*/
}
#page .m-prodlist-4 ol li 
{
	width:25%;
}
#page .m-prodlist-4  li .wr {
	height:270px;
}

#page .m-prodlist-4 .te
{
	position:relative;
	float:left;
	width:100%;
}

#page .m-prodlist-4 .te {
	float: none;
}

#page .m-prodlist-4 ol li .im
{
	width:100%;

}

#page .m-prodlist-4 ol .im
{
	width:100%;
	text-align:center;
}

#page .m-prodlist-4 ol li .t
{
	height:50px;
	display:block;
	overflow:hidden;
}

#page .m-prodlist-4 ol li .t p
,#page .m-prodlist-4 ol li .t .icon
{
	display:none;
}

#page .m-prodlist-4 ol li .ft
{
	position:relative;
}


/* prodlist enquiries */

#page .m-prodlist-enquirylist ol li
{
	width:100%;
	float:none;
}

#page .m-prodlist-enquirylist .im
,#page .m-prodlist-enquirylist .te
,#page .m-prodlist-enquirylist .en
{
	position:relative;
	float:left;
}

#page .m-prodlist-enquirylist .wr
{
	padding-left:135px;
	padding-right:200px;
}

#page .m-prodlist-enquirylist .te
{
padding:0 5px;
width:100%;
}

#page .m-prodlist-enquirylist .im
{
width:135px;
padding:0 5px;
padding-right:0;
right:140px;
margin-left:-100%;
}

#page .m-prodlist-enquirylist .en
{
	display:block;
	width:170px;
	padding:5px;
	height:140px;
	margin-right:-100%;
	min-height:140px;
}



.m-prodlist .pgn
{
	margin-right:10px;
	margin-bottom:10px;
	line-height:180%;
}
.m-prodlist .pgn a
,.m-prodlist .pgn em
,.m-prodlist .pgn strong
,.m-prodlist .pgn span
{
	padding:2px 4px;
	margin:1px;
}

/*** banners ***/
.m-banners
{
	margin-right:5px; /* banners are spaced 5px apart so fill in for the 10px gutter */
	display:block;
	height:auto;
}
.m-banners li
{
	list-style:none;
	padding-bottom:5px;
}
.m-banners-1 li
{
	padding-bottom:1px; /* should be zero, but guess what - IE6 bug */
}
.sidebar .m-banners
{
	margin-right:10px;
}
.m-banners li a
{
	margin-right:5px;
	display:block;
}

.m-banners-1 a img
,.sidebar .m-banners a img
{
	width:100%;
	height:auto;
}

/* IE hack */

*:first-child+html .m-banners-1 a img
, *:first-child+html .sidebar .m-banners a img
{
	width:100%;
	height:auto;
	margin-left: -16px;
}

.m-banners-2 li
{
	width:50%;
	float:left;
}
.m-banners-3 li
{
	width:33.33%;
	height:112px;
	float:left;
}
.m-banners-2 li a img
,.m-banners-3 li a img
{
	width:100%;
	height:auto;
}

*:first-child+html #page .m-banners-3 li { position:relative; left:15px; } 

/* define sidebar banners after specific 1 col, 2 col and 3 col 
	so that it overrides width sizing and forces them to wrap instead */
.sidebar .m-banners
{
	margin-right:10px;
	border-bottom:1px solid #fff; /* IE6 bug */
}
.sidebar .m-banners li
{
	width:100%;
}
.sidebar .m-banners li a 
{
	margin-right:0;
}

.sidebar .m-banners li a img
{
	width:100%;
	height:auto;
}
.sidebar
,#page
{
	margin-top:10px;

}
/*** search box ***/
.m-searchbox fieldset
{
	border:0;
}
.m-searchbox li 
{
	width:100%;
	clear:both;
	list-style:none;
}