body, html {
    margin:10px; padding:0;
    background-color:#fff;
    color:#000;
}

body {
    min-width:752px;
}

/*-- Default styles --*/

h1, h2, h3, h4, h5 { 
	font-weight:normal;
	margin:0; padding:0;
}


a:link { color:#0a4c99;font-weight:bold; text-decoration:none; }
a:visited { color:#0a4c99;font-weight:bold; text-decoration:none; }
/* links & visited links the SAME colour = nasty idea */
/* a:visited { color:#6087b6;font-weight:bold; text-decoration:none; } */

a:hover { font-weight:bold; text-decoration:underline; }


ul {
	margin:0px;padding:0px;
	margin-left:20px;
}

p { 
	margin:0;padding:0;
	margin-bottom:1em;
}


/* default page */
#content h1 {
	margin-bottom:12px;
}	

/*-- General --*/
td { vertical-align:top; }

.left  { float:left; }
.right { float:right; }
.nowrap { white-space: nowrap; }

.clearer { 
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;line-height:0px;
} 


/*-- Layout --*/

#bodywrap {
	font-family:arial,helvetica,sans-serif;
	font-size:12px ;
	color:#4f4b4f ;

	width:752px;
    margin:0 auto;
	
	/*background:#fff url(shadow_nav.gif) repeat-y; */
	background:#fff url(menu_shadow.gif) repeat-y; 
	border:1px solid #fff;
}


#content { 
	width:593px;
	margin-top:10px;
	background-color:#fff ;
	float:right;
	position:relative;
}	

#contentbody { 
	height:400px;
	min-height:400px;
	height:auto !important;
}


#widecolumn {
	width:392px;
	float:left;
	background-color:#fff ;
}

#sidebar {
 	width:190px;
	background-color:#fff;
	/*border:1px solid green;width:188px;*/
	float:right;
}


#finisher {
	clear:both;
	background-color:#fff;
	height:10px;
}

/*-- rounded heading bar --*/

.headingbar { 
	display:none;
	
	background:#85857f url(grey_head_left.gif) no-repeat top left; 
	height:24px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin-bottom:1px;
}

.headingbar div {
	padding:3px 6px;
	background:url(grey_head_right.gif) no-repeat top right; 
}


#widecolumn .headingbar { 
	width:387px;
}

#sidebar .headingbar {
	width:182px;
}

/*-- headerbar + logos --*/
#headerbar {
	margin-bottom:2px;
	position:relative;
}
#headerbar .overlay {
	background-color:#b7c8d8;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;top:0;left:0;position:absolute;
	z-index: 1;
	width:142px;
	height:157px;
}
#headerbar #logo {
	top:0;left:0;position:absolute;z-index:2;
	z-index: 2;
}
#headerbar #logo img {
 	border:none;
}


/*-- left hand menu --*/
#navmenu {
	margin:0; padding: 0;
	width:142px;
	background-color:#e9e9e5;
	float:left;
}


#navmenu ul  {
	margin:0; padding:0;
}

#navmenu ul li  {
	display: inline;
	list-style: none;
	margin:0; padding: 0;
	text-align: left;
}

#navmenu ul li a {
	background: #e9e9e5 url(left_hand_nav_backing.gif) repeat-x top left; 
	display: block;
	padding:3px 0px 3px 12px; 
	text-decoration: none;
	color:#000;
	font-size:11px;
	font-weight:bold;
}

#navmenu ul li a:hover, #navmenu ul li a.current {
	background: #12013a url(left_hand_nav_highlight.gif) repeat-x top left; 
	color:#fff;
}


/* level 2 menus */
#navmenu ul ul li a {
	background: #fff; 
	color:#0a4c99;
	font-size:11px;
	font-weight:normal;
	padding:1px 0px 2px 20px;
	xheight:10px;
}

#navmenu ul ul li a:hover, #navmenu ul ul li a.current {
	background: #fff; 
	color:#0a4c99;
	font-size:11px;
	font-weight:bold;
}

/* level 3 menus */
#navmenu ul ul ul li a {
	background: #fff; 
	color:#0a4c99;
	font-size:11px;
	font-weight:normal;
	padding:1px 0px 2px 36px;
}

#navmenu ul ul ul li a:hover, #navmenu ul ul ul li a.current {
	background: #fff; 
	color:#0a4c99;
	font-size:11px;
	font-weight:bold;
}


/*-- footer menu --*/

#footer {
	width:569px;
	background: #585357 url(footer_backing.gif) repeat-x top left; 
	margin:20px 0px 0px 0px;
	padding:5px 10px;
	color:#fff;
}

#footer ul  {
	margin:0; padding:0;
}

#footer li  {
	display: inline;
	margin:0;padding:0;
	list-style-type: none;
}

#footer ul li a {
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #9b9b94;
	padding:0px 8px; 
}
#footer ul li.first a {
	border:none;
	padding-left:0;
}

/*-- services RH boxes --*/

div.services {
    height: auto !important;
    height: 108px;
    min-height: 108px;
	width:190px;
	XXoverflow:hidden;
	margin-bottom:15px;
	float:left ;
	
	background:#fff url(shadow_new.gif) no-repeat bottom right; 
}

div.services h1, div.services div.heading {
	margin:0;
	padding:3px 6px;
	width:170px;height:17px;
	font-weight:bold;
	color:#fff;
	border-bottom:2px solid #fff;
	font-size:12px;
}
div.services div.text {
	width:170px;
}	

div.services div.text strong {
	font-weight:bold;
}

div.orange div.heading, div.orange h1 {
	background: #ff604e url(orange_backing.gif) repeat-x top left; 
}

div.blue div.heading {
	background: #0b4d9a url(blue_backing.gif) repeat-x top left; 
}

div.pink div.heading {
	background: #ff4e77 url(pink_backing.gif) repeat-x top left; 
}

div.green div.heading {
	background: #8ac516 url(green_backing.gif) repeat-x top left; 
}

div.mustard div.heading {
	background: #b49814 url(mustard_backing.gif) repeat-x top left; 
}


div.services div.image {
	margin:0;padding:0;
	float:left;
	width:75px;height:75px;
}

div.services div.text {
	background: #fff url(text_backing.gif) repeat-x bottom left; 
	line-height:13px;
	padding:5px;
	float:left;
	width:97px;
	
    height: auto !important;
    height: 65px;
    min-height: 65px;

	XXoverflow:hidden;
	position: relative;

	font-size:11px;
}

div.services div.text img {
	position:absolute;bottom:5px;right:5px;
}

div.services div.text h3 {
	margin:0; padding:0;
	font-size:11px;
	font-weight:bold;
	color:#0a4c99 ;
}

div.services div.text p {
	margin:0; padding:0;
}


/*-- News flash --*/

div.newsflash {
	height:108px;
	width:392px;
	overflow:hidden;
	margin-bottom:15px;
	float:left ;
	font-size:12px;
	background:#fff url(shadow_new.gif) no-repeat bottom right; 
}
div.newsflash div.image {
	margin:0;padding:0;
	float:left;
	position: relative;
	width:100px;height:100px;
}
div.newsflash a img {
	position: absolute;
	bottom:10px;right:10px;
	/*bottom:6px; left:-50px;*/
	border:none;
}

div.newsflash div.output {
	background: #fff url(text_backing_reverse.gif) repeat-x bottom left; 
	padding:5px 10px;
	margin-right:2px;
	height:90px;width:264px;
	float:left;
	position:relative;
}

div.newsflash div.heading {
	margin:0; padding:0;
	font-size:18px;
	font-weight:bold;
	color:#0a4c99 ;
}	

div.newsflash div.text {
	padding-top:3px;
	line-height:15px;
}

div.newsflash p {
	margin:0; padding:0;
}

/*-- Small box at bottom of page --*/
div.box {
	width:183px;
	background-color:#fff;
	float:left ;
	margin-left:20px;
	margin-bottom:15px;
	font-size:12px;
}
div.box.first {
	margin-left:0;
}

div.box h3 {
	margin:0; padding:0;
	font-size:15px;
	font-weight:bold;
	color:#0a4c99 ;
	line-height:15px;
}

div.box p {
	margin:0; padding:0;
}

div.box div.text {
	line-height:15px;
	padding-top:3px;
}

div.rhs {
	xxmargin-right:0;
}	

/*-- Top of Page --*/
.homewelcome {
	height:108px;
	margin-bottom:15px;
}

.homewelcome h1 {
	color:#e96c5f;
	margin:0 !important; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
}

.homewelcome h1 a:link, .homewelcome h1 a:visited {
	color:#0a4c99;
	text-decoration:none;
}
.homewelcome h1 a:hover {
	text-decoration:underline;
}

.welcome {
	margin-bottom:20px;
	position:relative;
}

.welcome div.text, .homewelcome div.text {
	font-size:14px;
	line-height:110%;
	margin:0;padding:0;
}

.welcome p, .homewelcome p { 
	margin:0;padding:0;
}


/*-- big & wee pictures --*/
.bigshadow { 
	position:relative;
	background:#fff url(shadow_new.gif) no-repeat bottom right; 
	width:590px;height:424px;
	margin-bottom:10px;
}

.bigshadow #loading {
	position:relative;
	top:200px;
	width:590px;
	text-align:center;
}

.bigpicture { 
	position:absolute;
	width:580px;height:410px;
	top:0;
	left:0;
	padding:4px 4px 4px 0px;
	visibility:hidden;
}

.bigpicture .output {
	display:none;
	z-index:2;
	background-color:#fff; /* fuzzy font in IE */
	width:500px ;
	padding:5px;
}
.bigpicture h3 {
	color:#0a4c99;font-weight:bold;
}

.smallpicture {
	background:#fff url(shadow_new.gif) no-repeat bottom right; 
	width:106px;height:76px;
	padding:2px 2px 2px 2px;
	float:left;
	position:relative;
	margin-left:10px;
	cursor:pointer;
}
.smallpicture.first {
	margin-left:0px;
}
.smallpicture .more {
	position:absolute;bottom:12px;right:12px;
}


/*-- Product box shots  --*/
/* slightly different - expand with text */
div.boxshot {
	width:280px;
	background:#fff url(shadow_new.gif) no-repeat bottom right; 
	margin-bottom:15px;
	font-size:12px;
	position: relative;

	padding-bottom:6px;	/* needs to be 6 for IE7 and 4px for IE5/6 */
    height: auto !important;
    height: 100px;
    min-height: 100px;
}

div.boxshot div.image {
	margin:0;padding:0;
	float:left;
	width:100px;height:100px;
}
div.boxshot a img {
	position: absolute;bottom:10px;right:10px;
	border:none;
}

div.boxshot div.output {
	margin:0;padding:0;
	float:left;
	padding:5px 10px;
	width:154px;

	background: #fff url(text_backing_reverse.gif) repeat-x top left; 

    height: auto !important;
    height: 80px;
    min-height:80px;
}

div.boxshot div.heading, div.boxshot h1 {
	margin:0; padding:0;
	font-size:16px;
	font-weight:bold;
	color:#0a4c99 ;
}	

div.boxshot div.text {
	padding-top:3px;
	line-height:15px;
}

div.boxshot p {
	margin:0; padding:0;
}


/*-- product details pages --*/
#leftcolumn-330 {
	width:330px;
	float:left;
	background-color:#fff ;
}

#rightcolumn-240 {
 	width:240px;
	background-color:#fff;
	float:right;
}

div.imgbox {
	text-align:right;
	width:190px;
}
div.imgbox img {
	width:184px;
	background:#fff url(shadow_new.gif) no-repeat bottom right; 
	padding:0px 6px 6px 0px;
	margin-bottom:10px;
}	


div.list {
	width:190px;
	background:#fff url(shadow_new.gif) no-repeat bottom right; 
}
div.list div.text {
	border-left:1px solid #eaeaea;
	padding:5px 10px;
	line-height:150%;
}
div.list h1 {
	background: #0b4d9a url(blue_backing.gif) repeat-x top left; 
	height:17px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	padding:3px 5px;
	width:174px;
	margin:0;
}

.movie {
	text-align:center;
	padding-bottom:1em;
}	


/* default page */
#content h1 {
	margin-bottom:12px;
}	

div.orange2 div.heading, div.orange2 h1 {
	background: #ff910c url(backing_orange.gif) repeat-x top left; 
}

div.blue2 div.heading {
	background: #00a3ef url(backing_blue.gif) repeat-x top left; 
}

div.pink2 div.heading {
	background: #f630b5 url(backing_pink.gif) repeat-x top left; 
}

div.green2 div.heading {
	background: #80e204 url(backing_green2.gif) repeat-x top left; 
}

div.green3 div.heading {
	background: #7ce200 url(backing_green3.gif) repeat-x top left; 
}

div.lilac div.heading {
	background: #9426ff url(backing_lilac.gif) repeat-x top left; 
}