* { margin: 0; padding: 0; }

body {
	background: #fff; color: #339;
	margin: 0; padding: 0;
	font: normal 62.5% Arial, Verdana, Tahoma sans-serif; 
}

#wrapper {
	width: 790px; margin: 0 auto 0;
}

/*************************************************************************
Top Navigation & Locations
*************************************************************************/
#navLocations {	clear: both; }
#navLocations:after { content: "."; display: block; height: 0; font-size:0; clear: both; }

	/*************************************************
	Top Navigation
	*************************************************/
	#navTop {
	width: 580px;
	float: left;
	margin-top: 10px;}
	#navTop ul { display: inline; }
	#navTop ul li { 
		display: block; float: left;
		font: bold 1.1em Arial, Verdana, Tahoma sans-serif;
	}
	#navTop ul li a {
	border-right: 1px solid #c63;
	padding: 0 5px;
	color: #339;
	text-decoration: none;
	}
	#navTop ul li a:hover { background: #fbe7e1; }
	#navTop ul li a.end { border: none; }

	/*************************************************
	Locations
	*************************************************/
	#locations { font: normal 1.1em Arial , Verdana; float: right; }
	#locations strong { display: block; float: left; margin: 0 5px 0 0; }
	#locations span { display: block; float: left; width: 16px; height: 11px; padding: 0 2px; }
	.location-holder{
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-right-color: #BEBED8;
	border-bottom-color: #BEBED8;
	border-left-color: #BEBED8;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #BEBED8;
	border-top-style: solid;
	border-top-width: 1px;
	z-index: 1;
}
.locationlinktext{
	color: #7374B9;
	text-decoration: none;
}

.fileslinktext{
	color: #E55D37;
	text-decoration: none;
}

/*************************************************
	Locations navigations
	*************************************************/
.locationsnavon {
	background-color: #DEDEEE;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
	text-decoration: none;
}
.locationsnavoff {
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	border-top-color: #C6C7DD;
	border-right-color: #C6C7DD;
	border-left-color: #C6C7DD;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: 12px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	z-index: 2;
	text-decoration: none;
}

/*************************************************
	PHONE NO LINKS
	*************************************************/
div#links {
	top: 80px;
	left: 0px;
	font: 11px Verdana, sans-serif;
	z-index: 100;
	float: left;
}
div#links a {
	display: inline;
	text-align: center;
	font: 1em sans-serif;
	margin: 0 0 1px;
	text-decoration: none;
	color: #333399;
	border-right: 1px double #E55D37;
	padding-right: 5px;
	padding-left: 5px;
}
div#links a.noline {
	display: inline;
	text-align: center;
	font: 1em sans-serif;
	margin: 0 0 1px;
	text-decoration: none;
	color: #333399;
	padding-right: 5px;
	padding-left: 5px;
	border: none;
}
div#links a:hover {
	color: #FFFFFF;
	border-right: 1px double #E55D37;
	padding-right: 5px;
	margin: 0 0 1px;
	padding-left: 5px;
	background-color: #E55D37;
}

div#links a span {display: none;}
div#links a:hover span {
	color: #E55D37;
	text-align: left;
	margin-top: 15px;
	display: block;
	background-image: url('../images/backofphone.gif');
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 5px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 160px;
	margin-left: -55px; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; margin-right:10px; margin-bottom:10px
}

div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #BAA; background: #22232F; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC; font: 110% monospace;}

/*************************************************************************
Logo & Branding
*************************************************************************/
#logoBranding { margin: 20px 0 0; clear: both; font: normal 1.1em Arial , Verdana; }
#logoBranding:after { content: "."; display: block; height: 0; font-size:0; clear: both; }

	/*************************************************
	Logo
	*************************************************/
	#logo {
		float: left;
		width: 251px; height: 58px;
		background: #fff url('../images/logo.gif') no-repeat top left;
		text-indent: -9000px
	}
	#logo h2 {
		color: #e55d37;
		font: bold 1.8em Arial, Verdana;
	}

	/*************************************************
	Branding
	*************************************************/
	#branding {
		float: right; margin: 15px 0 0;
		width: 380px; text-align: right;
	}
	#branding h2 {
		padding: 5px 0;
		color: #e55d37;
		font: bold 1.7em Arial, Verdana;
	}
	#branding span { color: #c63; }

/*************************************************************************
Content
*************************************************************************/

	/*************************************************
	Panels
	*************************************************/
	#panels { clear: both; font: normal 1.1em Arial , Verdana; }
	#panels:after { content: "."; display: block; height: 0; font-size:0; clear: both; }
	.panel { float: left; margin: 10px 4px 0; }
	.panel:after { content: "."; display: block; height: 0; font-size:0; clear: both; }
	.panelLeft {
	background: url('../images/panel_short.gif') no-repeat;
	width: 8px;
	height: 295px;
	float: left
	}
	.panelRight {
	float: left;
	background: url('../images/panel_long.gif') no-repeat;
	width: 177px;
	height: 295px;
	background-position: top right;
	}
	.panelRight#newp {
	float: left;
	background: url('../images/panel_long.gif') no-repeat;
	width: 190px;
	height: 295px;
	padding-left: 2px;
	background-position: top right;
	}
	.panelRight h3 {
		background: url('../images/panel_header.gif') no-repeat;
		font-size: 1.6em;
		height: 30px; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:5px; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
	}
	.panelRight h3.halve { font-size: 1.3em; }
	.panelRight h3.smll {
	font-size: 1.3em;
	padding-left: 18px;

}
	.panelRight ul { list-style: none; margin: 10px 0 0; }
	.panelRight ul li  {
	background: url('../images/panel_li.gif') no-repeat 0px 4px;
	color: #333399;
line-height: 1.3em; padding-left:13px; padding-right:0; padding-top:0; padding-bottom:0
}
.panelRight ul li a  {
	color: #E55D37;	
}
	/*************************************************
	Main Content
	*************************************************/
	.breadcrumb{
	border-top-color: #D6D6EA;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px;
	color: #7374B9;
	font-size: 10px;
}
	.breadcrumb-link{
	color: #E55D37;
	
}
	.pageheader{
	color: #E55D37;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 210px;
}
.pageheader-nopadding{
	color: #E55D37;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	#introtext{
	color: #8484D3;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
	.boldtext{
	font-weight: bold;
}
	
	#mainContent { margin: 10px 0 0; clear: both; font: normal 1.1em Arial , Verdana; }
	#mainContent:after { content: "."; display: block; height: 0; font-size:0; clear: both; }
	#mainContent h3 { font-size: 1.5em; color: #E55D37; }
	#mainContent h3 span { color: #339; }
	#mainContent a:link		{ color: #E55D37; text-decoration: underline; }
	#mainContent a:visited	{ color: #E55D37; text-decoration: underline; }
	#mainContent a:hover	{ color: #E55D37; text-decoration: none; }
	#mainContent a:active	{ color: #E55D37; text-decoration: underline; }
	#homeLeft {
	float: left;
	width: 230px;
	margin: 0 8px 0 5px;
	background-color: #ECECF5;
	padding: 10px;
}
	#homeLeft p { width: 230px; padding: 3px 0; }
	#homeCenter {
		float: left; width: 300px;
		height: 120px;
		border: 1px solid #C6CACF;
		margin: 0 8px 0 0; padding: 10px;
	}
	#homeCenter p { width: 300px; padding: 4px 0; }
	#homeRight {
	float: left;
	width: 170px;
	background: #F9DBD3;
	padding: 10px;
	}
	#homeRight2 {
	float: left;
	width: 170px;
	background: #F3E88E;
	padding: 10px;
	margin-top: 5px;
	
	}

	#homeRight span { color: #333399; font-weight: bold; font-size: 12px; }
	#homeRight a { font-weight: bold; }
	#homeRight2 a { font-weight: bold; }


#internalpageLeft {
	width: 180px;
	padding: 0px 0;
	float: left;
}
#internalpagecentre {
	width: 370px;
	padding: 5px 0;
	float: left;
	margin-left: 20px;
}
#internalpagecentre p { width: 370px; padding: 10px 0; }
#internalpageright {
	width: 190px;
	padding: 5px 0;
	margin-left: 20px;
	float: left;
}
#internalpagecentre-location{
	width: 350px;
	padding: 5px 0;
	float: left;
	margin-left: 20px;
} 
#internalpageright p { width: 190px; padding: 10px 0; }
.morebutton{
	padding-top: 4px;
}

/*************************************************
	Shop index page
	*************************************************/
	#shopinternalpage {
	width: 750px;
	padding: 5px 0;
	float: left;
	margin-left: 2px;
	background-color: #EEEFF7;
	border-color: #8484D3;
	border-style: dotted;
	border-width: 1px;
}
	.accessoryname{
	color: #333399;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	.price{
	color: #E55D37;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	
	.yourbasket{
	text-align: right;
	float: right;
	margin-right: 30px;
}
/*************************************************
	product index page
	*************************************************/
	#productpanels { clear: both; font: normal 1.0em Arial , Verdana; }
	#productpanels:after { content: "."; display: block; height: 0; font-size:0; clear: both; }
	.productpanel { float: left; margin: 10px 4px 0; }
	.productpanel:after { content: "."; display: block; height: 0; font-size:0; clear: both; }
	.productpanelLeft {
		background: url('../images/panel_short_product.gif') no-repeat;
		width: 11px; height: 295px;
		float: left
	}
	.productpanelRight {
		float: left;
		background: url('../images/panel_long_product.gif') no-repeat;
		width: 177px; height: 295px
	}
	.productpanelRight h3 {
		background: url('../images/panel_header.gif') no-repeat;
		font-size: 1.6em;
		height: 30px; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:5px; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
	}
	.productpanelRight h3.halve { font-size: 1.3em; }
	.productpanelRight ul { list-style: none; margin: 10px 0 0; }
	.productpanelRight ul li {
	background: url('../images/panel_li.gif') no-repeat 0px 4px;
	line-height: 1.3em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}

/*************************************************
	left side internal navigation
	*************************************************/
	#narrowproductpanels {
	clear: both;
	font: normal 1.0em Arial , Verdana;
	float: left;
}
	#narrowproductpanels:after { content: "."; display: block; height: 0; font-size:0; clear: both; }
	.narrowproductpanel { float: left; margin: 10px 4px 0; }
	.narrowproductpanel:after { content: "."; display: block; height: 0; font-size:0; clear: both; }
	.narrowproductpanelLeft {
		background: url('../images/panel_short_product.gif') no-repeat;
		width: 11px; height: 295px;
		float: left
	}
	.narrowproductpanelRight {
		float: left;
		background: url('../images/narrowpanel_long_product.gif') no-repeat;
		width: 160px; height: 295px
	}
	.narrowproductpanelRight h3 {
		background: url('../images/panel_header.gif') no-repeat;
		font-size: 1.6em;
		height: 30px; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:5px; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
	}
	.narrowproductpanelRight h3.halve { font-size: 1.3em; }
	.narrowproductpanelRight ul { list-style: none; margin: 10px 0 0; }
	.narrowproductpanelRight ul li {
	background: url('../images/panel_li.gif') no-repeat 0px 4px;
	line-height: 1.3em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0
}


/*************************************************
	internal products page
	*************************************************/
#productinternalpagecentre {
	width: 260px;
	padding: 5px 0;
	float: left;
	padding-left: 5px;
}
#productinternalpagecentre p { width: 250px; padding: 10px 0; }
#productinternalpageright {
	width: 150px;
	padding: 0;
	margin-left: 10px;
	float: left;
	background-color: #FFFFFF;
}
#productinternalpageright p { width: 190px; padding: 10px 0; }


.productheader{
	color: #000099;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.productsubheader{
	color: #000099;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	
}
/*************************************************
	call back
	*************************************************/
	
.callback{
	width: 150px;
}
.callbackheader{
	color: #E55D37;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.callbackheader2{
	color: #333399;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.callbackformtext{
	color: #333399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 2px;
}
/*************************************************
	case Study
	*************************************************/
#productinternalpagecasestudy {
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	background-image: url('../images/backofright.gif');
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 10px
}
#productinternalpagecasestudy p { width: 150px; padding: 10px 0; }
.casestudy_header{
	color: #6F70B6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.casestudy_subject{
	color: #E55D37;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.casestudy_image{
	padding-top: 0px;
	padding-bottom: 10px;
}



/*************************************************
	RHS Side navigation
	*************************************************/
.panels-right{
	padding: 12px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-color: #ECECF5;
	background-image: url('../images/backof-rhspanel.gif');
}

.rhs-headers{
	color: #E55D37;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	border-color: #EFEFF7;
	border-style: solid;
	border-width: 1px;
}
.panels-right-dark{
	padding: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-color: #D2D3E9;
}












/*************************************************
	Side navigation
	*************************************************/
ul#subnav{
	list-style: none;
	margin: 0;
	padding:0;
	text-decoration: none;
	width: 180px;

}
ul#subnav li a:link{
	color: #1C4194;
	text-decoration: none;
}
ul#subnav li a:link, ul#subnav li a:visited{
	text-decoration: none;
	display:block;
	width:180px;
	color: #1C4194;
	background-image: url('../images/nav_bg_off.gif');font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; padding-left:2%; padding-right:2%; padding-top:5px; padding-bottom:5px
}
ul#subnav li {
	border-bottom: 1px solid #B2B2D8;
}
ul#subnav li a:hover{
	color: #1C4194;
	background-image: url('../images/nav_bg_on.gif');	
}
.imageright{
	float: right;
	margin-right: 50px;
}
	/*************************************************************************
Staff profile styles
*************************************************************************/

.profileimage{
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}
.staffname{
	color: #E55D37;
	font-size: 14px;
	font-weight: bold;
}
/*************************************************************************
customar stupport form
*************************************************************************/

.supportform{
	background-color: #EEEEF6;
	padding: 10px;
	margin-top: 20px;
	color: #333399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color: #8484D3;
	border-style: dotted;
	border-width: 1px;
	
}
.supportcategory{
	background-color: #DEDEEE;
}
.subsupportcategory{
	text-indent: 10px;
}
.supportformtext{
	font-size: 11px;
	color: #333399;
	font-family: Arial, Helvetica, sans-serif;
}
/*************************************************************************
Sponsors
*************************************************************************/
#sponsors { clear: both; }

/*************************************************************************
Footer
*************************************************************************/
#footer {
	border-top: 1px solid #99c;
	float: left;
	width: 790px;
	margin-top: 20px;
}
/*************************************************
Footer links
*************************************************/
	.navFooter {
	padding-left: 100px;
	color: #333399;
	text-decoration: none;
	}
	.navFooterlink{
	color: #333399;
	text-decoration: none;
	padding-left: 20px;
}
.aollink {
	margin-left: 100px;
	
	
	
	
}

/*************************************************************************
Pop Up NEW
*************************************************************************/
#popup{
	position:absolute;
	top: 0px;
	width:210px;
	z-index:40;
	background-color: #F0F0F7;
	margin-top: 420px;
	margin-left: 180px;
}

#popupinside{
	border-left:1px solid #B5C2DF; border-right:3px solid #B5C2DF; border-top:1px solid #B5C2DF; border-bottom:3px solid #B5C2DF; flow:left;
	background: url('images/popup-inside-background.jpg') repeat-x;
	width:210px;
	margin-bottom:3px;
	z-index:39;
	
}

#popuptext{
flow:left;
width:210px;
padding:5px;
margin:5px;
text-align:left;
}