html
{
	font-family:			helvetica, arial, verdana;
	font-size:				67%;
	color:					#414b56;
}

body
{
	margin:					0px;
	padding:				0px;
	font-size:				1.2em;
}

h1
{
	font-size:				1.5em;
	line-height:			1.5em;
	margin:					0px 0px 10px 0px;
}

a
{
	color:					#9dbc34;
	text-decoration:		none;
}

a:hover
{
	text-decoration:		underline;
}

#header
{
	width:					980px;
	margin:					20px auto;
}

#logo
{
	float:					left;	
}

#logo img
{
	border: 				0px;
}

#strap
{
	float:					right;	
}

#topmenu
{
	clear:					both;
	width:					980px;
	margin:					20px auto 0px auto;
	height:					36px;
	font-size:				13px;
	font-weight:			bold;
	background:				#9dbc34 url(/ior_/images/2010/header/topmenu_right.gif) no-repeat top right;
	color:					#fff;
}

.leftcurve /*image to produce curve of top menu on left - also footer*/
{
	float:	left;
}

#search
{
	float:					right;
	width:					180px;
	padding-right:			11px;
	height:					36px;	
}

#search span
{
	height:					36px;
	line-height:			36px;
}

#search input
{
	float:					right;
	padding-top:			7px;	
}

#search input.text
{
	float:					none;
	width:					100px;
	border:					0px;
	margin-top:				0px;
	padding-top:			0px;	
}

#topmenu .menuitem,
#topmenu .menuitemon
{
	float:					left;	
	min-width:				90px;
	background:				#9dbc34;	
	text-align:				center;
	height:					36px;
	cursor:					pointer;
}

#topmenu .menuitem:hover,
#topmenu .menuitemon
{
	background:				#29568f;	
}

#topmenu .menuitem a,
#topmenu .menuitemon a
{
	color:					#fff;
	text-decoration:		none;	
}

#topmenu .rss
{
	background:				url(/ior_/images/2010/icons/rss.png) no-repeat right;	
}

#topmenu .rss:hover
{
	background:				#29568f url(/ior_/images/2010/icons/rss.png) no-repeat right;	
}

#main
{
	width:					980px;
	margin:					0px auto;
}

#rightcol
{
	float:					right;
	width:					190px;
	margin:					10px 0px 10px 10px;	
}

#leftcol
{
	float:					left;
	width:					190px;
	margin:					10px 10px 10px 0px;	
	background:      url(/ior_/images/2010/header/leftmenu_top.gif) no-repeat top;
	padding-top:     7px;
}

#leftmenu
{
	background:				#29568f url(/ior_/images/2010/header/leftmenu_bottom.gif) no-repeat bottom;
	padding-bottom:			7px;
}

#leftmenu img
{
  margin:   0px;
}

#leftmenu .menuitem,
#leftmenu .menuitemon
{
	padding:				5px 5px 5px 10px;
	cursor:					pointer;
}

#leftmenu .menuitem:hover,
#leftmenu .menuitemon
{
	background:				#9dbc34;	
}

#leftmenu .menuitem a,
#leftmenu .menuitemon a
{
	color:					#fff;
	font-size:				13px;
	text-decoration:		none;	
}

#leftmenu .submenu
{
	display:				none;
	background:				#d1dcbe;
}

#leftmenu .submenuitem,
#leftmenu .submenuitemon
{
	padding:				3px 5px 3px 10px;
    background: #d1dcbe url(/ior_/images/2010/general/bluesqongreen.gif) no-repeat;
}

#leftmenu .thirdmenuitem,
#leftmenu .thirdmenuitemon
{
	padding:				0px 5px 0px 22px;
}

#leftmenu .submenuitem a,
#leftmenu .thirdmenuitem a
{
	color:					#3f6895;
	text-decoration:		none;
}

#leftmenu .submenuitem a:hover,
#leftmenu .submenuitemon a,
#leftmenu .thirdmenuitem a:hover,
#leftmenu .thirdmenuitemon a
{
	color:					#003066;
	text-decoration:		none;
}

#leftmenu .thirdmenuitem a,
#leftmenu .thirdmenuitemon a
{
	font-size:				0.95em;	
}

#loginbox div.form
{
	padding: 0px 5px;
}

#bodyfull
{
	margin:					10px 0px;
	float:					left;
	width:					780px;
	overflow:				hidden;
}
	
#bodyslim
{
	margin:					1px 0px 1px 0px;
	float:					left;
	width:					580px;
	overflow:				hidden;
}

#bodyfull .padding,
#bodyslim .padding
{
	padding:				10px;	
}

#bodyfull .mainpageimage
{
	height:					214px;
	width:					780px;
}

#bodyslim .mainpageimage
{
	height:					214px;
	width:					580px;	
}

#footer
{
	width:					980px;
	margin:					0px auto 10px auto;
	height:					36px;
	line-height:			36px;
	font-size:				13px;
	font-weight:			bold;
	background:				#9dbc34 url(/ior_/images/2010/header/topmenu_right.gif) no-repeat top right;
	color:					#fff;
}

#footer a
{
	color:					#fff;
	text-decoration:		none;
}

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

#oww
{
	float:					right;	
	font-size:				0.7em;
	padding-right:			10px;
}

/** rhs items **/
.rhsitem
{
	margin-bottom:					10px;	
}

.rhsitem .top
{
	padding:				10px 5px 7px 10px;
	color:					#fff;
	font-weight:			bold;
	font-size:				1.1em;	
}

.rhsitem .body
{
	padding:				5px;
}

.rhsitem .body img
{
	border:					0px;
}

#searchcloud .top
{
	background:				#29568f url(/ior_/images/2010/header/leftmenu_top.gif) no-repeat top;
}
	
#searchcloud .body
{
	background:				#cee3ed url(/ior_/images/2010/rhs/careersbottom.gif) no-repeat bottom;
	text-align:				center;
	font-size:				1.4em;
	font-weight:			bold;	
}

/*** word cloud ***/

#searchcloud .body span a
{
	padding: 				4px 4px 4px 4px;
	letter-spacing: 		3px;
	text-decoration:		none;
}

#searchcloud .body span a:hover
{
	color:					#29568f;
}

span.size1 a,
span.size1 a:hover {
	color: 					#26292c;
	font-size: 				1.1em;
}
span.size2 a,
span.size2 a:hover {
	color: 					#34393d;
	font-size:				1.0em;
}
span.size3 a,
span.size3 a:hover {
	color: 					#464d52;
	font-size: 				0.9em;
}
span.size4 a,
span.size4 a:hover {
	color: 					#555d63;
	font-size: 				0.8em;
}
span.size5 a,
span.size5 a:hover {
	color: 					#657077;
	font-size: 				0.75em;
}
span.size6 a,
span.size6 a:hover {
	color: 					#75828a;
	font-size: 				0.7em;
}
span.size7 a,
span.size7 a:hover {
	color: 					#87959f;
	font-size: 				0.65em;
}
span.size8 a,
span.size8 a:hover {
	color: 					#93a3ae;
	font-size: 				0.6em;
}

span.size9 a,
span.size9 a:hover {
	color: 					#93a3ae;
	font-size: 				0.55em;
}

span.size0 a,
span.size0 a:hover {
	color: 					#fff;
	font-size: 				0.5em;
}


#newslettersignup .top
{
	background:				#9dbc34 url(/ior_/images/2010/header/leftmenu_topon.gif) no-repeat top;
}

#newslettersignup .body
{
	background:				#d1dcbe;
}

#newslettersignup .body input
{
	margin-top:				15px;
}

#newslettersignup .body input.text
{
	float:					left;
	width:					150px;
	border:					1px solid #9dbc34;
}

#careersincooling .top
{
	background:				#29568f url(/ior_/images/2010/header/leftmenu_top.gif) no-repeat top;
	font-size:				1em;
}

#careersincooling .body
{
	padding:				0px;
	background:				#cee3ed url(/ior_/images/2010/rhs/careersbottom.gif) no-repeat bottom;
	color:					#29568f;
}

#careersincooling .body div
{
	padding:				5px;	
}


/** general  **/

.bluebar
{
	margin:					10px 0px;
	height:					36px;
	line-height:			36px;
	font-size:				13px;
	font-weight:			bold;
	background:				#29568f url(/ior_/images/2010/general/bluebar_right.gif) no-repeat top right;
	color:					#fff;
	font-size:				1.1em;	
	padding:				0px;				
}

.bluebar img
{
	float:					left;
	margin-right:			10px;	
}

ul
{
	list-style: 			square url(/ior_/images/2010/general/sqgreen.gif);	
}

/* table data */
.tablenote
{
	clear:					both;
	float:					right;
	font-size:				0.8em;
}

.datalist
{
	width:					100%;
	padding:				0px;
	margin:					0px;
}

.datalist th
{
	font-weight:			bold;
	border-bottom:			#ccc solid 1px;	
	border-left:			#ccc solid 1px;	
}

.datalist .odd
{
	background:				#EAEFE0;	
}

.datalist td
{
	border-bottom:			#ccc solid 1px;	
	border-left:			#ccc solid 1px;
	padding:				0px 2px;
}

.datalist .first
{
	border-left:			0px;	
}

.datalist .alleft
{
	text-align:				left;	
}

.datalist .alcentre
{
	text-align:				center;	
}

.datalist .alright
{
	text-align:				right;	
}

.datalist .blank
{
	border:					0px;	
}

.datalist tr.blank td
{
	border:					0px;	
}


/***********************************/
/***********    My IOR   ***********/
/***********************************/

#leftbodycol
{
	width:					520px;
}

#rightbodycol
{
	float:					right;
	width:					250px;
	margin-left:			10px;
	padding-top:			20px;
}

.myiorpanel,
.shoppanel
{
	padding:				0px 10px;	
}

.myiorpanel .odd,
.myiorpanel .even,
.shoppanel .odd,
.shoppanel .even
{
	padding:				2px 5px;	
}

.myiorpanel .even,
.shoppanel .even
{
	background:				#eaefe0;
}

.newsletterdate
{
	font-size:				0.8em;	
}

.addfavourites
{
	width:					180px;
	float:					right;	
}

a.delfav,
a.delfav:hover
{
	color:					#ff0000;
	text-decoration:		none;
	font-size:				1em;
}

a.delfav:hover
{
	font-weight:			bold;
}

.profile label
{
	float:					left;
	clear:					left;
	display:				block;
	width:					180px;	
}

/*************************************/
/********         SHOP        ********/
/*************************************/
.lefthalf
{
	float:					left;
	width:					385px;	
}

.righthalf
{
	float:					right;
	width:					385px;
}

.shoppubtitle
{
	float:					right;
	padding-right:			15px;
}

.clear
{
	float:					none;
	clear:					both;
}


.memberfreebasket td {
    background-color: #f6f6f6;
    padding: 8px;
    color: maroon;
}
.memberfreebasket td a {
    color: #29568F;
    font-weight: bold;
    text-decoration: underline;
}

.memberfreebasket td a:hover {
    color: #5c89bF;
}