/**************************************************************************************************************
// Common elements for all pages
**************************************************************************************************************/

body {
	background-color:#888888;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px auto;
	padding:0px;
}

.clear {
	clear:both;
}

fieldset,img,h1,h2,h3,h4,h5,p,ul,li {
	border:0px;
	margin:0px;
	padding:0px;
}

ul {
	list-style:none;
}

a {
	font-weight:normal;
	outline:none;
	text-decoration:none;
	cursor:pointer;
	color:#FFFFFF;
}

a:hover {
	color:#88C6FB;
}

#background {
	width:1018px;
	margin:0px auto;
	background-color:#00092A;
}

p.small {
	font-size:10px;
}

.replace {
	color:#00FF00;
}

/****************************************************************** Top mini navigation links */

#mininav {
	float:right;
	padding:8px 20px 11px;
}

#mininav li {
	float:left;
	margin-right:24px;
	display:inline;
}

#mininav li a {
	font-size:13px;
	display:inline-block;
	padding-right:10px;
	background:url("../images/arrow.gif") 100% 60% no-repeat;
}

#mininav li a:hover {
	background-image:url("../images/arrow_hover.gif");
}

/****************************************************************** Header div */

#header {
	clear:both;
	width:100%;
	height:159px;
	background:url("../images/header.gif") 0% 0% no-repeat;
}

#header .logo {
	margin-top:32px;
	margin-left:47px;
	height: 54px;
	float:left;
}

/****************************************************************** Header language bar */

#google-langbar {
	float:right;
	margin-top:40px;
	margin-right:42px;
}

#langbar {
	float:right;
	margin-top:50px;
	margin-right:42px;
	display:inline;
}

#langbar .text {
	color:#004B97;
	font-weight:bold;
	padding-top:6px;
}

#langbar li {
	float:left;
	margin-right:6px;
}

/****************************************************************** Header navigation bar */

#navbar {
	clear:both;
	position:relative;
	top:27px;
	height:32px;
	font-size:16px;
	color:#686868;
	background:url("../images/navbar.gif") 0% 0% no-repeat;
	padding:14px 54px 0px;
}

#navbar ul {
	width:730px;
	float:left;
}

#navbar li {
	display:inline-block;
	padding-right:20px;
}

#navbar a {
	color:#686868;
}

#navbar a:hover {
	color:#EF3125;
}

#navbar a.active {
	color:#EF3125;
}

#navbar .side {
	float:right;
	padding-right:10px;
}

#navbar .side a {
	padding-right:12px;
	display:block;
	white-space:nowrap;
	color:#686868;
	background:url("../images/home_button_arrow.gif") 100% 60% no-repeat;
}

#navbar .side a:hover {
	color:#EF3125;
	background-image:url("../images/home_button_arrow_hover.gif");
}

/****************************************************************** Main content div */

#content {
	padding:40px 56px 0px;
	clear:both;
	background-position:0% 100%;
	background-repeat:no-repeat;
}

#content h3 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
	line-height:125%;
}

#content h3 span {
	color:#616161;
}

#content p {
	margin-bottom:18px;
	line-height:175%;
}

#content .leftPanel {
	width:280px;
	float:left;
	display:inline;
}

#content .rightPanel {
	width:550px;
	float:right;
	display:inline;
}

/****************************************************************** Footer navigation links */

#footer {
	clear:both;
	background:url("../images/footer.gif") 0% 0%;
	text-transform:uppercase;
	text-align:center;
	width:100%;
	color:#010101;
	padding:17px 0px;
}

#footer li {
	display:inline;
	padding:0px 4px;
}

#footer a {
	color:#010101;
}

#footer a:hover {
	color:#EF3125;
}

/****************************************************************** Copyright info */

#copy {
	width:1018px;
	margin:0px auto;
	clear:both;
	color:#434343;
	font-family:verdana,sans-serif;
	font-size:10px;
}

#copy div {
	float:right;
	margin:15px 0px 50px;
}

#copy img, #copy p {
	float:left;
	padding-left:6px;
}

#copy p {
	padding-top:10px;
}

#copy .azure {
	width:190px;
}

#copy a
{
   color: #434343;   
}
#copy a:hover
{
    color: #434343;
}

/****************************************************************** Fancybox popup */

#newsletter {
	color:#00092A;
	width:536px;
	height:275px;
	overflow:hidden;
	padding:25px;
	background:url("../images/fancy_bg_n2.gif") 0% 0% repeat-x #D3D3D3;
	text-align:left;
}

#newsletter h3 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}

#newsletter p {
	clear:both;
}

#newsletter li {
	float:left;
	text-align:center;
	width:46%;
	margin-top:12px;
}

#newsletter li.left {
	clear:left;
	margin-right:6%;
}

#newsletter form {
	margin-top:24px;
}

#newsletter input {
	color:#00092A;
	margin-top:6px;
	margin-right:8px;
	width:95%;
	text-align:left;
	background:none;
	border:0;
}

#newsletter button {
	color:#00092A;
	float:right;
	margin-top:14px;
	background:none;
	border:0;
	cursor:pointer;
	margin-right:8px;
	padding-right:12px;
	background:url("../images/arrow_blue.gif") 100% 50% no-repeat;
}

#newsletter button:hover {
	color:#5C678E;
	background-image:url("../images/arrow_blue_hover_2.gif")
}

#newsletter a {
	color:#5C678E;
}

#newsletter a:hover {
	color:#8B9CD9;
}

#newsletter .error {
	background:none;
	font-style:italic;
	font-size:10px;
	text-align:right;
	margin:5px 0px 0px;
	color:#EF3125;
	width:auto;
	height:auto;
}

#newsletter .top {
	height:265px;
}

#newsletter .small {
	text-align:center;
}

#newsletter .success {
	margin:100px 0px;
	text-align:center;
	font-weight:bold;
}

/**************************************************************************************************************
// Reusable elements
**************************************************************************************************************/

/****************************************************************** Transparent png background setup */

.png_bg { background-image:url("../images/transparent_white.png"); /*border:1px solid #1e2643;*/ }
.png_bg.blue { background-image:url("../images/transparent_blue.png"); }

/****************************************************************** Rounded box setup */

.roundedBox { background:#888888; }
.roundedBox div { background:url(../images/roundedbox_bl.gif) 0% 100% no-repeat; }
.roundedBox div div { background:url(../images/roundedbox_br.gif) 100% 100% no-repeat; }
.roundedBox div div div { background:url(../images/roundedbox_tl.gif) 0% 0% no-repeat; }
.roundedBox div div div div { background:url(../images/roundedbox_tr.gif) 100% 0% no-repeat; }

/****************************************************************** Tab box setup */

.tab { background:url("../images/tab_l.gif") 0% 0% no-repeat; }
.tab div { background:url("../images/tab_r.gif") 100% 0% no-repeat; }
.tab div div {
	background:#888888 url("../images/arrow_blue.gif") 0% 50% no-repeat;
	margin:0px 14px;
	height:32px;
}

/****************************************************************** Narrow box setup */

.narrowtab { background:url("../images/narrowtab_l.gif") 0% 0% no-repeat; }
.narrowtab div { background:url("../images/narrowtab_r.gif") 100% 0% no-repeat; }
.narrowtab div div {
	background:#888888;
	margin:0px 5px;
	height:24px;
}

/****************************************************************** Narrow box setup */

.narrowtab.cream { background:url("../images/narrowtab_cream_l.gif") 0% 0% no-repeat; }
.narrowtab.cream div { background:url("../images/narrowtab_cream_r.gif") 100% 0% no-repeat; }
.narrowtab.cream div div {
	background:#E9E9E9;
	margin:0px 3px;
	height:30px;
}

/****************************************************************** Left/right floating panels for content */

.leftPanel, .rightPanel {
	margin-bottom:58px;
}

/****************************************************************** Plain textbox div */

.textbox {
	padding:20px;
	margin-bottom:20px;
}

.textbox img {
	float:left;
	margin:8px 12px 8px 0px;
}

.textbox h4 {
	margin-bottom:22px;
	font-size:14px;
}

.textbox h4 span {
	color:#616161;
}

.textbox .gallery li {
	clear:both;
}

/****************************************************************** Small contact details box */

.quick-contact {
	text-align:center;
	width:978px;
	margin:0px;
}

/****************************************************************** Personnel details list */

.personnel li {
	clear:both;
	padding:11px;
	margin-bottom:10px;
}

.personnel .image {
	float:left;
	width:59px;
	height:68px;
	background:#00092A;
}

.personnel .text {
	float:left;
	width:68%;
	padding-left:16px;
	background:url("../images/arrow_white.gif") 3% 6% no-repeat;
}

.personnel h5 {
	font-size:12px;
	font-weight:bold;
	line-height:125%;
	margin-bottom:8px;
}

.personnel h5 span {
	color:#616161;
}

.personnel a {
	font-size:12px;
}

/****************************************************************** Narrower textbox div for links */

.linkbox {
	font-size:14px;
	text-align:right;
	padding:10px 16px;
}

.linkbox span {
	color:#888888;
}

.linkbox a img {
	float:none;
	margin:0px;
}

/****************************************************************** News headlines panel */

.headlines li {
	background:url("../images/bubble.gif") 0% 0% no-repeat;
	margin:0px 0px 26px;
	padding-left:20px;
}

.headlines li, .headlines a {
	font-size:12px;
	font-weight:bold;
}

.headlines li .date {
	font-size:11px;
	font-weight:normal;
	color:#888888;
	padding-right:6px;
}

.headlines .more {
	background:none;
	width:176px;
	margin:0px;
	padding:0px;
}

.headlines .more a {
	display:inline-block;
	background:url("../images/arrow_blue.gif") 100% 50% no-repeat;
	font-weight:bold;
	color:#00092A;
	margin-top:4px;
	margin-left:8px;
	padding-right:12px;
}

.headlines .more a:hover {
	background-image:url("../images/arrow_blue_hover.gif");
	color:#DDDDDD;
}

/****************************************************************** Enquiry form */

.invert_bg {
	background:#FFFFFF;
	border: 1px solid #344F86;
	color:#000000;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.enquiry li {
	margin-top:18px;
	padding:8px 0px;
	width:100%;
}

.enquiry li.submit {
	border:0;
	margin-top:0px;
}

.enquiry li.upload {
	background:#FFFFFF;
	border: 1px solid #344F86;
	color:#000000;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.enquiry label {
	float:left;
	background:url("../images/arrow_white.gif") 0% 50% no-repeat;
	margin:1px 0px 5px 8px;
	padding-left:8px;
}

.enquiry input.upload {
	background:none;
	margin-left:8px;
}

.enquiry .upload-info {
	margin:5px 0px 0px 8px !important;
	font-style:italic;
	font-size:11px;
}

.enquiry input.text {
	background:none;
	border:0;
	padding:0;
	margin-right:8px;
	cursor:text;
	width:100%;
	padding-left:8px;
	margin-left:8px;
	background:url("../images/arrow_white.gif") 0px 4px no-repeat;
}

.enquiry textarea {
	display:block;
	clear:both;
	width:250px;
	border:0;
	background:none;
	height:70px;
	padding:8px;
	padding-top: 0px;
	padding-left: 16px;
	cursor:text;
	font-family:arial,sans-serif;
	background:url("../images/arrow_white.gif") 8px 3px no-repeat;
	font-size:12px;
}

.enquiry button {
	float:right;
	border:0;
	color:#FFFFFF;
	cursor:pointer;
	padding-right:8px;
	background:url("../images/arrow_white.gif") 100% 50% no-repeat;
	display:inline;
	width:140px;
}

.enquiry button:hover {
	color:#88C6FB;
	background-image:url("../images/arrow_white_hover.gif");
}

.enquiry .error {
	margin:0px !important;
	padding:0px 14px !important;
	font-style:italic;
	font-size:10px;
}

#contact-map
{
	margin: 20px auto 0px;
	width: 514px;
	height: 244px;
}

/****************************************************************** Large links in boxes */

.biglinks .text {
	padding:10px 16px;
	margin-bottom:24px;
}

.biglinks img {
	float:right;
	padding-left:10px;
}

.biglinks h4 {
	font-size:14px;
	margin-bottom:4px;
}

.biglinks .text, .biglinks a {
	color:#00092A;
}

.biglinks a:hover {
	color:#DDDDDD;
}

/****************************************************************** Bullet-pointed list */

.bullet {
	list-style:disc;
	list-style-position:outside;
	margin-bottom:20px;
}

.bullet li {
	margin:4px 0px 4px 14px;
}

.bullet a.arrow {
	font-size:14px;
	font-weight:bold;
	padding-right:12px;
	background:url("../images/arrow_white.gif") 100% 50% no-repeat;
}

.bullet a.arrow:hover {
	background-image:url("../images/arrow_white_hover.gif");
}

/****************************************************************** News snippets */

.news li {
	margin:20px 0px;
}

.news h4 {
	font-weight:normal;
	font-size:14px;
}

.news h4.title {
    width: 260px;
    float: left;
}

.news p {
	clear:right;
	padding:10px 16px 0px 10px;
    width: 330px;
    float: left;
}

.news .title a {
	float:left;
	background:url("../images/arrow.gif") 0% 3px no-repeat;
	padding-left: 13px;
}

.news .title a:hover {
	background-image:url("../images/arrow_hover.gif");
}

.news .date {
	float:right;
	color:#616161;
}

.news .image {
	float:left;
	width:129px;
	/*height:129px;*/
	margin:16px;
}

.news .image .no-image {
	background:#00092A;
	width:inherit;
	height:inherit;
}

.news .snippet {
	padding:16px;
    width: 350px;
    float: left;
}

.news .snippet a.readmore {
	color:#616161;
}

.news .snippet a.readmore:hover {
	color:#FFFFFF;
}

/****************************************************************** Accordion */

.accordion .header {
	outline:none;
	margin:10px 0px;
}

.accordion .header h4 {
	color:#00092A;
	font-size:14px;
	font-weight:normal;
	padding-top:9px;
	padding-left:8px;
	background:url("../images/accordion_icon.gif") 100% 100% no-repeat;
}

.accordion .content {
	background:#0B1331;
	padding:26px 26px 0px;
}

.accordion .content a {
	font-weight:bold;
}

.accordion .content p {
	margin-bottom:26px;
}

.ui-accordion .ui-accordion-header {
	cursor: pointer;
	position: relative;
	margin-top: 1px;
}

.ui-accordion .ui-accordion-header.ui-state-hover .l {
	background-image:url("../images/tab_l_hover.gif");
}
.ui-accordion .ui-accordion-header.ui-state-hover .r {
	background-image:url("../images/tab_r_hover.gif");
}
.ui-accordion .ui-accordion-header.ui-state-hover .c {
	background-color:#666666;
	background-image:url("../images/arrow_blue_hover.gif")
}

.ui-accordion .ui-accordion-header.ui-state-hover h4  {
	color:#DADADA;
}

.ui-accordion .ui-accordion-header.ui-state-active h4 {
	background-image:url("../images/accordion_icon_active.gif");
}

.ui-accordion .ui-accordion-content {
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}

/* AG Accordian images */

.clear-left
{
	clear: left;
}

.clear-right
{
	clear: right;
}

.clear-both
{
	clear: both;
}

.acs-image
{
	width: 129px;
	margin: 0px 15px 18px 0px;
	float: left;
}

.acs-content
{
	width: 340px;
	float: left;
}

/**************************************************************************************************************
// Homepage splash screen
**************************************************************************************************************/

#splash {
	position:relative;
	width:100%;
}

#splash .quote {
	position:absolute;
	bottom:80px;
	width:100%;
}

#splash .quote div {
	position:relative;
	font-size:22px;
	text-align:center;
	color:#20368B;
	width:760px;
	margin:0px auto;
}

#splash .buttons {
	position:absolute;
	bottom:-57px;
	width:100%;
}

#splash .buttons ul {
	width:880px;
	margin:0px auto;
}

#splash .buttons li {
	background:url("../images/home_button_bg.gif") 0% 0% no-repeat;
	width:279px;
	height:116px;
	float:left;
	margin:0px 7px;
	font-size:11px;
	color:#000000;
	display:inline;
}

#splash .buttons img {
	float:left;
	padding:16px 14px;
}

#splash .buttons h2 a {
	display:inline-block;
	margin:16px 0px 6px;
	padding-right:12px;
	color:#686868;
	font-size:20px;
	background:url("../images/home_button_arrow.gif") 100% 60% no-repeat;
}

#splash .buttons h2 a:hover {
	color:#EF3125;
	background-image:url("../images/home_button_arrow_hover.gif");
}

#splash .buttons span {
	padding-right:8px;
}

#splash .buttons a {
	color:#20368C;
	font-size:10px;
}

#splash .buttons a:hover {
	color:#4e66c2;
}

/**************************************************************************************************************
// Part search system
**************************************************************************************************************/

#search-form
{
	background:url("../images/fancy_bg_n2.gif") repeat-x scroll 0 0 #D3D3D3;
	color:#00092A;
	padding:25px;
	text-align:left;
	margin: 0px auto;
}

#search-form label
{
	font-weight: bold;
}


#search-form #search_loading
{
	float: none;
	margin: 0px;
}

/**************************************************************************************************************
// Table layout
**************************************************************************************************************/

#content table {
	font-size:10px;
}

#content table.large {
	font-size:12px;
}

#content table {
	text-align:left;
	border: 1px solid #0A1231;
	width: 100%;
}

#content table th,
#content table td {
	padding: 6px 8px;
}

#content table td {
	border: 1px solid #b3b3b3;
}

#content table thead.invert {
	color: #ffffff;
	background-color: #0A1231;
}

#content table thead {
	color:#00092A;
	background-color: #888888;
}

#content table tbody,
#content table tr,
#content table tr td {
	cursor: crosshair;
}

#content table .active-cell {
	background-color: #e3e3e3;
}

#content table .part {
	width:33%;
}

#content table .quan {
	width:12%;
}

#content table.left {
	float:left;
	width:33%;
}