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 0 10px 0px;
}

#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;*/
	color: blue;
	padding-bottom:			7px;
	margin-bottom: 10px;
}

#leftmenu img
{
  margin:   0px;
}

#leftmenu .menuitem,
#leftmenu .menuitemon
{
	padding:				10px 5px 10px 5px;
	cursor:					pointer;
	border-top: 1px solid #c4c4c4;
}

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

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

#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: 10px 0;
	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:					0 auto 10px auto;
	line-height:			36px;
	font-size:				13px;
	font-weight:			bold;
	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;
}


a img {
	border: none;
}


#main .homepagePanelBorder {
	border-left: 1px solid #CACDCE;
	width: 184px;
	margin-right: 0px;
	float: left;
	/*margin-left: 6px;*/
}

#main .homepagePanelBorder:first-child
{
	border-left: 0;
}

#main .homepagePanel {
	/*border: 2px solid #2E637E;*/
	height: 375px;
	padding: 1px;
	/*
	background-color: #f6f6f6;
	background-image: url(/ior_/images/2010/home/panelbg.png);
	background-position: top;
	background-repeat: repeat-x;
	*/
}

#main .homepagePanel .padding {
	padding: 6px;
}

#main .homepagePanel p {
	margin: 0 0 15px 0;
	color: #33659a;
}

#main .homepagePanel h2, .homepagePanel h3 {
	color: #b1b3b5;
	font-size: 17px;
	font-weight: bold;
	clear: both;
}

#main .homepagePanel h3 {
	margin-top: 40px;
	margin-bottom: 0;
}

#main .homepagePanel a.moreLink {
	font-size: 14px;
	font-weight: bold;
}

#main .homepagePanel .moreLinkButton {
	display: block;
	/*width: 120px;*/
	margin: 0 0 0 auto;
}

#main .homepage_content
{
	margin-top: 40px;
	color: #b29fa2;
}

#main .calendar {
    background-image: url(/app/images/misc/calendar.png);
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-family: Arial, sans-serif;
    font-weight: bold;
    height: 62px;
    margin-right: 10px;
    text-align: center;
    width: 44px;
	margin-left: -54px;
}
	#main .calendar .padding {
		padding: 3px 0 0 0;
	}
	#main .calendar .calendarDay {
		font-size: 28px;
	}
	#main .calendar .calendarMonth {
		font-size: 16px;
	}
	#main .calendar .calendarYear {
		font-size: 12px;
	}

.leftMenuHeading
{
	padding: 0 5px 7px 10px;
	background-color: #29568f;
	color: #fff;
	font-size: 1.1em;
    font-weight:bold;
}

.rhsitem .panelHeading, #leftcol .panelHeading {
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px 5px 7px 10px;
	background-color: #29568f;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
}

.rhsitem .blue, #leftcol .blue {
	background-color: #29568f;
	background-image: url(/ior_/images/2010/header/leftmenu_top.gif);
}

.rhsitem .green, #leftcol .green {
	background-color: #9db741;
	background-image: url(/ior_/images/2010/header/leftmenu_top_green.gif);
}

.rhsitem .newsItem {
	font-size: 12px;
	padding: 4px;
	width: 126px;
	margin-left: 55px;
}

.rhsitem .newsItems, .rhsitem .newsletterSignup, #leftcol .newsItems, .leftcol .newsletterSignup {
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 10px;
}

.rhsitem .newsletterSignup, #leftcol .newsletterSignup {
	font-size: 11px;
	padding: 6px;
	background-color: #d0d9c1;
	margin-bottom: 10px;
}
	.rhsitem .newsletterSignup .text, #leftcol .newsletterSignup .text {
		border: 1px solid #a2a888;
		width: 130px;
	}

.rhsitem .newsItems .moreLink {
	text-align: right;
	padding: 8px;
	font-weight: bold;
}