/**************************** 
CSS Created by Grayfella Limited 2006 www.grayfella.co.uk
Website Design Copyright Clip Display 2006
 **********************************/
/**************************      MAIN STYLES settings **********************/

body {font-family: Arial, sans-serif; font-size:12px; margin: 0px 0px 0px 0px; color:#646567; text-align:left;}
td, th {font-family: Arial, sans-serif;}

a, a:visited { color: #000099;	text-decoration: underline;}
a:hover, a.menulink:hover { color: #990000; text-decoration: underline;}
.whitelink_bold, a.whitelink_bold:visited, a.whitelink_bold { color:#FFFFFF; text-decoration: none;}
a.whitelink_bold:hover {	color:#FFFFFF; text-decoration:underline;}
.blue_email_link, .blue_email_link:visited { color: #004D95; text-decoration:none;}
.menulink, .menulink:visited { color:#333333; text-decoration: none;}

.mid_subsection_heading_with_line a, .mid_subsection_heading_with_line a:visited { color: #004D95; text-decoration: none;}

img { border:0;}
hr { color:#C0ECF9; height:1px; padding:1px 0px; margin:1px 0px; background-image:url(images/line_horizontal_lightblue.gif); background-repeat:repeat-x; border:none;}
.horizontal_line_blue { color:#28A3D8; height:1px; padding-bottom:0px; margin-bottom:0px; display: block;}

p { padding-bottom:1px; margin-bottom:1px; margin-top:1px; padding-top:1px;}
p.common {margin: 0px 20px 15px 20px; padding:0px;}
p.quote { padding:15px; background-color:#DFEAF0; color:#444;}

table {margin-bottom:2px;}

#header { height: 130px; width: 740px; margin: 15px 0px 15px 10px; background: #FFF;}
#logo {width: 165px; float: right;}
#logo h1 { margin: 0; padding:0;}
#headerlinks  {width: 500px; float: left;}

.topmenu { margin: 0px 0px 15px 0px; padding: 0px;}
.topmenu a, .topmenu a:link, .topmenu a:visited { color: #013e92; text-decoration: underline;}
.topmenu a:hover { color: #990000; text-decoration: underline;}

.internationalsites { padding-bottom: 0px; font-weight: bold;}
.phonenumbers { padding-bottom: 13px; color: #555; font-size: 1.3em; font-weight: bold; }
.phonenumbers p { margin-bottom: 7px; padding-bottom: 0px;}
.bluetext {color:#003F8E;}

.newsflash {width:285px; height:121px; margin:0; padding:0; background: url("/images/layout/gradbox-285x121.gif") no-repeat left top;}
.newsflashpadding { padding:10px; white-space: normal;}
.newsflashpadding img { float:left; width:60px;}
.newstext { float:right; width: 200px;}

.clr {clear:both;}

.bluetxt { color:#12A2C4;}
.redtxt, strike {color:#C00;}
.spacing {letter-spacing:-1px;}

/* Font Styles from normal */
.banner_rightalign { width:440px; padding-right: 20px; color: #333333; vertical-align:middle; text-align:right; font-size:12px;}

/* Top Banner Styles */
.topbannerbackground { background-image:url(images/top_banner_background_bottomhalf.jpg); background-repeat:repeat-x;}
.topbannerbackground_tophalf { background-image:url(images/top_banner_background_tophalf.jpg); background-repeat:repeat-x;}
.topbannerbackground_tophalf_grey { background-image:url(images/top_banner_background_tophalf_grey.jpg); background-repeat:repeat-x;}

.topbanner_spacer_row {height:10px;}
.logowidth { width:263px; text-align:left;}
.internationalflags { color:#666666; text-align:right; font-size:12px; width:450px;}

/****************************************************************************************************************
Left Menu Styles */

.leftmenu_width {width: 155px; font-size:inherit;}
.left_tallbutton { display: block; width:135px; height:45px; margin: 1px 1px 1px 1px; padding: 2px 0px 0px 0px; background:url(/images/left_tall_button.gif) no-repeat; font-weight:bold; color:#FFF; font-size:14px; text-indent: 15px; line-height: 14px;}
.left_menuheader_top {
	background-image:url(images/left_menu_header_top.gif);
	background-repeat:no-repeat;
	width:135px;
	height:23px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	text-indent: 14px;
}
.left_menuheader {
	background-image:url(images/left_menu_header.gif);
	background-repeat:no-repeat;
	width:135px;
	height:23px;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	text-indent: 14px;
}
.left_menu_background {
	background-image:url(images/left_menu_background.gif);
	background-repeat:repeat-y;
	width: 135px;
	font-size:inherit;
	padding-left:15px;
}
.left_menu_base {
	background-image:url(images/left_menu_base.gif);
	background-repeat:no-repeat;
	width:135px;
	height:12px;
	font-size:2px;
}
.left_menu_smallbutton {
	background-image:url(images/left_small_button.gif);
	background-repeat:no-repeat;
	width:135px;
	height:22px;
	padding: 2px 0px 0px 0px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	display:block;
	margin: 1px 1px 1px 1px;
	text-indent: 15px;	
}

.left_menu_smallbutton_phonenumber { font-size:16px; text-indent: 15px;}

/****************************************************************************************************************
Middle Section Styles */
.midsection_width_with_spacing { width:580px; padding-bottom: 3px; padding-top: 1px; margin-bottom: 3px; margin-top: 1px;}
.midsection_width {width:580px;}
.midsection_width_tablepadding {width:580px; padding-bottom: 5px;}
.mid_mainheading {
	background-image:url(images/middle_mainheader.gif);
	background-repeat:no-repeat;
	width:285px;
	height:30px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:17px;
	text-align:left;
	padding-top:7px;
	padding-right:0px;
	margin: 0px 0px 0px 0px;
	text-indent: 20px;
	vertical-align: middle;
}

.mid_mainheading_middle_download_left {
	background-image: url(images/middle_mainheader_download_left.gif);
	background-repeat:no-repeat;
	width:183px;
	height:30px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:19px;
	text-align:left;
	padding-top:5px;
	padding-right:0px;
	margin: 0px 0px 0px 0px;
	text-indent: 20px;
	vertical-align: middle;
}
.mid_mainheading_middle_download_right {
	background-image: url(images/middle_mainheader_download_right.gif);
	background-repeat:no-repeat;
	width:102px;
	height:30px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	text-align:right;
	padding-top:5px;
	padding-right:0px;
	margin: 0px 0px 0px 0px;
	text-indent: 0px;
	vertical-align: bottom;
}

.mid_textarea_topborder {
	background-image:url(images/middle_textborder_top.gif);
	background-repeat:no-repeat;
	width:579px;
	height:14px;
	margin-top:5px;
}
.mid_textarea_borders {
	background-image:url(images/middle_textborder_mid.gif);
	background-repeat: repeat-y;
	width:550px;
	margin-top:0px;
}
.mid_textarea_baseborder {
	background-image: url(images/middle_textborder_base.gif);
	background-repeat:no-repeat;
	width:579px;
	height:14px;
	padding-bottom:5px;
}

.mid_blue_text_no_indent {color: #004D95;}

/***** NARROW styles for middle col ***************************************************/
.midsection_narrow_width_with_spacing {width:284px; padding-bottom: 3px; padding-top: 1px; margin-bottom: 3px; margin-top: 1px;}
.midsection_narrow_width {width:284px;}
.mid_narrow_textarea_topborder {
	background-image:url(images/middle_narrow_textborder_top.gif);
	background-repeat:no-repeat;
	height:14px;
	width:284px;
	margin-top:5px;
}

.mid_narrow_textarea_midborders {
	background-image:url(images/middle_narrow_textborder_mid.gif);
	background-repeat:repeat-y;
	width:284px;
	margin-top:0px;
	height:282px;
	vertical-align:text-top;
}
.mid_narrow_textarea_baseborder {
	background-image:url(images/middle_narrow_textborder_base.gif);
	background-repeat:no-repeat;
	vertical-align:bottom;
	width:184px;
	height:14px;
}
.mid_narrow_textarea_gradient_background {
	background-image:url(images/middle_narrow_text_gradient_background.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:285px;
	height: 362px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:text-top;
}
.mid_match_gradient_text_height {height: 368px;}

.mid_halfwidth_distributors_background {
	background-image: url(images/middle_distributors_halfwidth_background.gif);
	background-repeat:no-repeat;
	background-position:top;
	height: 363px;
	width: 285px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:text-top;
}
.mid_halfwidth_distributors_midborders {
	background-image:url(images/middle_narrow_textborder_mid.gif);
	background-repeat:repeat-y;
	width:284px;
	margin-top:0px;
	height:367px;
	vertical-align:text-top;
}

.mid_halfwidth_subsidaries_background {
	background-image: url(images/middle_halfwidth_subsidaries_background.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height: 200px;
	width: 285px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:text-top;
}

/***************** Middle Section - Double width **************************/
.mid_doublewidth_mainheading {
	background-image: url(images/middle_double_mainheader.gif);
	background-repeat:no-repeat;
	width:580px;
	height:30px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:19px;
	text-align:left;
	padding-top:5px;
	padding-right:0px;
	margin: 0px 0px 0px 0px;
	text-indent: 20px;	
}

.blue_vertical_left {border-left:#28A3D8 1px solid;padding-left: 10px;margin-top: 15px;}
.blue_vertical_left_spacing_above {font-size:5px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.mid_doublewidth_text_gradient_background {
	background-image:url(images/middle_double_text_gradient_background.jpg);
	background-repeat:no-repeat;
	width:580px;
	height:119px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/***** TEXT styles for middle col *********************/
.mid_text_indents {margin-top:0px;padding-left: 20px;padding-right:20px; text-align:justify;}
.mid_greytext_indents_with_baseline {
/*	padding-left: 20px;
	padding-right:20px;
*/	margin-left:20px;
	margin-right: 20px;
	border-bottom:#28A3D8 1px solid;
}

/* used with 3rd areas */
.mid_greytext_with_blue_topline {
	padding-top: 2px;
	border-top:#28A3D8 1px solid;
	margin-left:20px;
	margin-right:20px;
}
.mid_blue_bold_small {font-weight:bolder;color: #004D95;padding-left:20px;}
.mid_text_blue {color: #004D95;padding-left: 20px;padding-right:20px;}

.mid_text_blue_with_topline {
	color: #004D95;
	margin-left:20px;
	margin-right: 20px;
	padding-top: 2px;
	border-top:#28A3D8 1px solid;
}

.mid_subsection_heading {
	font-weight:bold;
	color:#004D95;
	font-size:14px;
	padding-left: 20px;
	padding-right:20px;
	
}
.mid_subsection_heading_with_line {
	font-weight:bold;
	color:#004D95;
	font-size:14px;
	margin-left:20px;
	margin-right:20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: #28A3D8 1px solid;
}
.mid_subsection_heading_with_topline {
	font-weight:bold;
	color:#004D95;
	font-size:14px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	padding-top:5px;
	border-top: #28A3D8 1px solid;
}

.specification_text_blue {font-size:12px;color:#28A3D8;}

.mid_text_lighter_grey {color:#999999;padding-left: 20px;padding-right:20px;}
.mid_text_bold_heading {font-weight:bolder;font-size:14px;margin-left:20px;	margin-right:20px;}
.mid_small_right_aligned_pdf {text-align:right;font-size:10px;display: block;vertical-align:text-top;}

.inputfield {border: #999999 1px solid;}
.inputfield:focus, .inputfield:hover {border: #28A3D8 1px solid;}

/********************** Third Width Style Settings - for 3 column text in main body *********************/
.mid_third_width_heading {
	background-image: url(images/middle_third_width_heading.gif);
	background-repeat:no-repeat;
	width:186px;
	height:30px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:19px;
	text-align:left;
	padding-top:5px;
	padding-right:0px;
	margin: 0px 0px 0px 0px;
	text-indent: 20px;	
}
.mid_third_width_bodytext {
	background-image: url(images/middle_third_width_body.gif);
	background-repeat:no-repeat;
	width:186px;
	height:149px;
	text-align:left;
	padding-top:5px;
	margin: 0px 0px 2px 0px;	
}
.mid_third_width_bodytext_circlelink {
	background-image: url(images/middle_third_width_body_circlelink.jpg);
	background-repeat:no-repeat;
	width:186px;
	height:149px;
	text-align:left;
	padding-top:5px;
	margin: 0px 0px 2px 0px;	
}

.mid_third_width_bodytext_uk {
	background-image: url(images/middle_third_width_body_uk.gif);
	background-repeat:no-repeat;
	width:186px;
	height:97px;
	text-align:left;
	padding-top:5px;
	margin: 0px 0px 0px 0px;	
}
.mid_third_width_basecircle_uk {
	background-image: url(images/middle_third_width_circle_uk.gif);
	background-repeat:no-repeat;
	width:186px;
	height:45px;
	text-align:left;
	margin: 0px 0px 2px 0px;
	display:block;	
}
.mid_third_width_height_spacing_only {padding: 2px 2px 5px 2px;margin: 0px 0px 0px 0px;}
/********************** HOME PAGE banner *********************/
.homepage_bannerimage {width:142px; height: 130px; background:url(images/homepage/red_seal.gif) no-repeat;}
.homepage_banner {width:437px; height: 130px; background: url(images/homepage/banner_topbackground.gif) no-repeat;}

/**************************** Site Map Styles ****************************/
.sitemap {margin-top:0px; padding-top:0px; list-style-type:disc; list-style-position:inside; text-decoration: none;}
a.sitemap:hover { color: #990000; text-decoration: underline;}
.sitemap_indents { margin-top:0px; padding-left: 10px; padding-right: 20px;}
.sitemap_indents_intro { margin-top:0px; padding-left: 20px; padding-right: 20px;}

/**************************** FOOTER ****************************/
.copyright_text_small { font-size:10px; color:#999999; text-align:center;}
.copyright_text_link_grey, .copyright_text_link_grey:visited { color:#999999; text-decoration:none}
.copyright_text_link_grey:hover { text-decoration:underline; color:#666666;}

/**** CSS Created by Grayfella Limited 2006 www.grayfella.co.uk web, print and graphic design***/