/* default font size*/
@import url(small.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
  font-size: 11px;
}

BODY
{
    FONT-SIZE: 100%;
    MARGIN: 0;
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND: #fff;
    color:#000;
}
A
{
    COLOR: #02519F;
    TEXT-DECORATION: underline
}
A:hover
{
	color:#f00;
}
DT
{
	FONT-WEIGHT: bold
}
DD
{
	PADDING-LEFT: 0;
	MARGIN-LEFT: 0
}
FORM
{
	margin:0;
}
H1
{
    FONT-SIZE: 170%;
}
H2
{
    FONT-SIZE: 150%;
}
H3
{
    FONT-SIZE: 140%;
}
H4
{
    FONT-SIZE: 130%;
}
H5
{
    FONT-SIZE: 120%;
    display:inline;
}
H6
{
	MARGIN-TOP: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	MARGIN-BOTTOM: 3px;
}
IMG
{
	BORDER:none;
}
TABLE
{
	BORDER:none;
    WIDTH: 100%;
}
TABLE TD
{
    PADDING: 0;
    VERTICAL-ALIGN: top;
}
TABLE TH
{
    TEXT-ALIGN: left
}

/* ################################### bespoke classes ################################### */

.backlink
{
	clear:right;
	TEXT-ALIGN:right;
	margin:1em 0;
	border:1px solid #9cf;
}
.box
{
    padding:0 !important;
}
.box h2.title
{
    font-size:150%;
    padding:0 5px !important;
    margin:0 !important;
}
.box .content
{
    padding:2px !important;
    margin:0 !important;
    border:1px solid #ccc !important;
}
.contactLink
{
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:5px 20px;
	margin-bottom:10px;
}
.content img
{
	margin:5px;
}
.content table
{
	width:59%;
}
.content table td
{
	padding:3px;
	text-align:center;
}
.dropDown, .textArea, .textBox
{
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    WIDTH:300px;
}
.dropDown:focus, .textArea:focus, .textBox:focus
{
	font-weight:700;
	background:#fe0;
}
.detail
{
    margin-bottom:10px;
}
.detail H3
{
	FONT-SIZE: 120%
}
.detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px
}
.form .label
{
	text-align:right;
	padding-right:10px;
}
.form td
{
	padding-bottom:5px;
}
.ghosted
{
    COLOR: #D6C7AA
}
.label
{
	font-weight:700;
}

.list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
    BORDER-bottom: #ccc 1px solid
}
.list H3
{
    MARGIN-TOP: 0;
    FONT-SIZE: 120%;
    MARGIN-BOTTOM: 5px
}
.list H4
{
    FONT-WEIGHT: 400;
    FONT-SIZE: 100%;
    MARGIN: 0px
}
.list .date
{
    FONT-SIZE: 90%;
    COLOR: #777;
}
.list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}
.list P
{
	MARGIN: 3px 0;
}
.morelink
{
    TEXT-ALIGN: right
}
.stepper
{
    BORDER-RIGHT: #D6C7AA 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #D6C7AA 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #D6C7AA 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #D6C7AA 1px solid
}
.stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right
}
TABLE.documentTable
{
    BORDER-TOP: #000 1px solid;
    BORDER-LEFT: #000 1px solid
}
TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000 1px solid
}
TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    COLOR: #fff;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #04459E
}
TABLE.documentTable TR.alternative
{
    BACKGROUND-COLOR: #fff
}
.subPageList
{
	margin:0;
	padding:0;
}
.template
{
	margin:0 !important;
	padding:0 !important;
}
.template ul
{
	margin-left:20px !important;
}

/* ################################### bespoke IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:760px !important;
	margin:auto !important;
	border-left:3px double #02519F;
	border-right:3px double #02519F;
}
.sideMenuActive
{
	background:url(/images/layout/maintable_bg.gif) left top repeat-y;
}
#mainHeader
{
	height:108px;
	background:#02519F url(/images/layout/header_squares.gif) right top no-repeat;
}
#choiceForm table
{
	background:#02519F;
}
#choiceForm td
{
	vertical-align:middle;
	padding:2px;
}
#choiceText
{
	color:#fff;
	font-weight:700;
	text-align:right;
}

/* ################################## Sub Menu setup ################################### */

#subMenu
{
	float:left;
	width:166px;
	padding:0;
	margin:0;
	background:#9cf;
}
#subMenu ul
{
	padding: 0;	
	margin:0;
}
#subMenu li
{
    padding:0;
    margin: 0;
	list-style-type: none;
	display:inline;
}
#subMenu ul a, #subMenu li a
{
	margin:0;
	padding:10px 10px 10px 21px;
	font-weight:700;
	color:#000;
	line-height:1.2;
	FONT-SIZE: 110%;
	text-decoration:none;
	background:url(/images/layout/bullet_default.gif) 3px 13px no-repeat;
	display:block;
	border-bottom:1px solid #fff;
}
#subMenu ul a.active
{
	color:#fff;
	background:#02519F url(/images/layout/bullet_royalbluebg.gif) 3px 13px no-repeat;
}
#subMenu ul ul, #subMenu ul ul ul, #subMenu ul ul ul ul
{
	margin:0;
}
#subMenu ul ul a, #subMenu ul ul a.active
{
	padding-bottom:10px;
	padding-left:33px;
	background-image:none;
}
#subMenu ul ul ul a
{
	padding-left:43px;
}
#subMenu ul a:hover, #subMenu li a:hover
{
	text-decoration:underline;
}

/* ################################## Footer Menu setup ################################### */

#footerMenu
{
	margin:0;
	width:100%;
	background:#02519F;
}
#footerMenu ul 
{
	margin:0;
	text-align:center;  	   
}
#footerMenu li
{
	padding:0;
	display: inline;
	list-style-type:none;
}
#footerMenu ul a
{
	padding:0 10px;
	margin:0;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #fff;
	line-height:1.8;
}
/*#footerMenu ul a.active, #footerMenu ul a.on
{
	background:#9cF;
}*/
#footerMenu ul a:hover
{
	text-decoration:underline;
}

/* ======================== */

#mainLayout
{
	margin-left:175px;
	line-height:1.5;
	padding:20px;
}
#mainLayoutHome
{
	line-height:1.5;
	padding:20px;
}
ul#hpButtons , ul#hpButtons li
{
	display:inline;
	margin:0;
	padding:0;
}
ul#hpButtons a
{
	color:#fff;
	padding:10px 0;
	margin:0 4px;
	text-decoration:none;
	background:#02519F;
	font-weight:700;
	text-align:center;
	float:left;
	width:172px;
}
#mainFooter
{
    margin:10px auto;
    width:760px;
    color:#000;
}

#header
{
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
	margin-bottom: 10px;
}
#footer
{
	padding-top: 10px;
	border-top:1px solid #ccc;
	margin-top: 10px;
}
form#fontSize
{
	border:1px solid #aaa;
	margin-bottom:10px;
	background:#f2f2f2;
	padding:5px;
	text-align:center;
}
form#fontSize input
{
	margin:0 10px;
}

/* ======================== */

#template_Contacts_List_Companies .contactAddress
{
	width:260px;
}
#template_Contacts_List_Companies .descriptionBrief
{
	margin-right:270px;
}
.contactDetails p, .contactAddress p
{
	margin:0;
}
#template_Contacts_List_Companies .detail p.web, #template_Contacts_List_Companies .detail p.postcode
{
	margin-bottom:20px;
}

/* ======================== */

#template_News_Articles_Style_2 #column1
{
	float:left !important;
	width:230px !important;
}
#template_News_Articles_Style_2 #column2
{
	margin:0 0 0 250px !important;   
}

/* ======================== */

#template_Sub_Page_Listing .listTitle
{
	font-weight:bold;
	font-size:120%;
	padding:10px 0 10px 25px;
	background:url(/images/layout/bullet_whitebg.gif) left center no-repeat;
}
#template_Sub_Page_Listing .listDescription
{
	padding-bottom:20px;
}

/* ======================== */

TABLE#subPageTable
{
	BORDER-TOP: #000 1px solid;
	BORDER-LEFT: #000 1px solid
}
TABLE#subPageTable .col1
{
    WIDTH: 30%
}
TABLE#subPageTable .col2
{
    WIDTH: 40%
}
TABLE#subPageTable .col3
{
    WIDTH: 30%
}
TABLE#subPageTable TH.heading
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 120%;
    PADDING-BOTTOM: 5px;
    COLOR: #ffffff;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #04459E;
}
TABLE#subPageTable TD.cell
{
    BORDER-RIGHT: #000 1px solid;
    PADDING:5px;
    VERTICAL-ALIGN: middle;
    BORDER-BOTTOM: #000 1px solid
}
TABLE#subPageTable TR.alternate
{
    BACKGROUND-COLOR: #ccc
}

#template_Products_Grouped .backlink
{
	TEXT-ALIGN: right;
}
#template_Products_Grouped .backlink A
{
    COLOR: #fff;
}

/* ======================== */

#template_sitemap
{
	margin-left:30px;
}
#template_sitemap ul
{
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding:0
	color:#000;
	line-height:1.8;
}
#template_sitemap li
{
	list-style-type:none;
	padding-bottom:1em;
}
#template_sitemap ul a
{
	color:#000;
	background:url(/images/layout/bullet_2a.gif) left center no-repeat;
	padding-left:20px;
	text-decoration:none;
}
#template_sitemap ul a:hover
{
	color:#0D0D72;
	text-decoration:underline;
}
#template_sitemap ul ul 
{
	font-weight:normal;
	line-height:1.5;
}
#template_sitemap ul ul li
{
	padding:0;
}
#template_sitemap ul ul a
{
	padding-left:40px;
	background:url(/images/layout/bullet_1.gif) 20px center no-repeat;
}
#template_sitemap #column1
{
	width:auto !important;
}
#template_sitemap #column2
{
	display:none;
}

/* ======================== */

#template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}

/* ======================== */

#template_Sub_Page_Listing_Thumbnail table
{
	width:100% !important;
}
#template_Sub_Page_Listing_Thumbnail td.subPageItem
{
	padding:0 4px 5px !important;
}
#template_Sub_Page_Listing_Thumbnail span.subPageTitle
{
	background:#02519F;
	padding:5px 0;
}
#template_Sub_Page_Listing_Thumbnail span.subPageTitle a
{
	color:#fff;
	font-weight:700;
	text-decoration:none;
}
#template_Sub_Page_Listing_Thumbnail td.subPageItem a:hover
{
	text-decoration:underline;
}
#template_Sub_Page_Listing_Thumbnail ul
{
	background:#9cf;
	margin:0 !important;
}
#template_Sub_Page_Listing_Thumbnail li
{
	list-style-type:none;
	display:inline;
}
#template_Sub_Page_Listing_Thumbnail ul a
{
	color:#000;
	font-weight:700;
	text-decoration:none;
	display:block;
	padding:5px 5px 10px 18px;
	background:url(/images/layout/bullet_default.gif) 2px 9px no-repeat;
	text-align:left;
}
#template_Sub_Page_Listing_Thumbnail .justButtons table td span.subPageTitle
{
	background:#f00;
}

/* ======================== */

TABLE#productList
{
    BORDER-TOP: #000 1px solid;
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px
}

H1#mainTitle 
{
	MARGIN:0 0 0 175px;
	color:#02519F;
    font-size:150%;
    padding:10px 20px;
}
.hpTitle
{
    MARGIN:0 !important;
}
.hpTitle H1
{
	MARGIN: 0;
    font-size:150%;
    padding:10px 20px;
}

/* ======================== */

a#eonicLink
{
	display:none;
	font-size:85%;
	color:#bbb;
	background:#fff;
	border:1px solid #fff;
}
a#eonicLink:hover
{
	text-decoration:none;
	color:#333;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;
}