body { margin: 0px; line-height: 15px; background-color:#004272; }



body a:link { color: #7d8184; text-decoration: underline; }
body a:visited { color: #7d8184; text-decoration: underline;}
body a:hover { color: #666666; text-decoration: none; }


form { margin:0px; padding:0px; }

input[type="text"],input[type="password"],textarea,select { border:1px #CCCCCC solid; padding:4px; }

img { border:none; }


/* layout */

#containerheader { background-image:url(media/headerback.gif)  }
#header {
	width:960px; margin-left:auto; margin-right:auto; height:207px; position:relative;
}

#header #topbar { position:absolute; right:0; top:0;  font-size:13px; font-family:'Proxima N W15 Reg'; line-height:36px; color:#bfd3e1; }
#header #topbar em { color:#407195; font-style:normal; }
#header #topbar a:link, #header #topbar a:visited { color:#bfd3e1; text-decoration:none; display:inline-block; padding:0 3px 0 3px; }
#header #topbar a:hover { color:#407195; } 
#header #topbar a:link.selected, #header #topbar a:visited.selected { border-bottom:7px #00538e solid; color:#f49500; font-family:'Proxima N W15 Bold' }
#header #logo { position:absolute; top:64px; left:0; }

#header #contactbar { position:absolute; right:0px; top:78px; font-size:14px; font-family:'Proxima N W15 Reg'; color:#21578a; line-height:16px; }
#header #contactbar img { vertical-align:middle; margin:0 10px 0 10px; }
#header #contactbar a:link, #header #contactbar a:visited { color:#21578a; text-decoration:none; }
#header #contactbar a:hover {  color:#F49500; } 

#header #social { display:inline-block; margin-left:20px; } 
#header #social img { margin:0 3px 0 0; }
#header #social a:hover img.social { zoom: 1; filter: alpha(opacity=50); opacity: 0.5;  }

#header #contactbar span {  margin:0 5px 0 15px;  border-right:  1px solid #dcdddf;  }
#header #positionstatement { position:absolute; right:0; top:132px; }




#nav { position:absolute; bottom:0; width:960px; height:43px; }

#navigationtop { padding: 0; margin: 0; list-style: none; font-family:'Proxima N W15 Reg'; font-size:13px; line-height:35px; position:absolute; z-index:10; border-left:1px #a9adaf solid; width:960px;  }
#navigationtop a { color:#5a6973; text-decoration:none;  padding:0 30px 0 30px; text-align:center; height:35px; display:block; text-transform:uppercase; border-top:1px #d8dce0 solid; border-right:1px #a9adaf solid; border-bottom:6px #00538e solid; border-left:1px #ffffff solid;  }
#navigationtop li { float: left; position: relative; background-image:none; }
#navigationtop li:hover a, #navigationtop li.sfHover a { background-color:#ffffff; color:#666666;  }

#navigationtop .selected a { border-bottom: 6px solid #f49500; }
#navigationtop li.last { float:none; overflow:hidden; }
#navigationtop li.last a { padding:0;  }

/* first tier */
#navigationtop ul  { top:36px; left:0; display: none; position: absolute; float:none; padding: 0; margin: 0; list-style: none; z-index:11 }
#navigationtop ul li { width:240px;  background-color:#ffffff; }
#navigationtop ul li a {   color:#666666; text-align:left; padding-left:15px !important; height:30px;line-height:30px; border-bottom:none !important;  }
#navigationtop ul li:hover {   background-color:#e6e6e6; }
#navigationtop ul li:hover a { background-color:#e6e6e6;  }

/* second tier *  */ 
#navigationtop ul li ul { margin-left:120px; margin-top:-5px; top:0; }

#containerbanner { padding:6px 0 0 0; background-color:#FFFFFF; height:240px; background-image:url(media/bannerback.gif); }
#banner { width:960px; margin-left:auto; margin-right:auto; position:relative; overflow:hidden; height:240px;  }


#containercontent {
	background-color:#FFFFFF;
	padding:1px 0 0 0;
	min-height:400px;
}
	
#content { 
	width:960px; margin-left:auto; margin-right:auto;  position:relative; padding-bottom:50px;
}
	
	







#footer {
	width:960px; margin-left:auto; margin-right:auto; padding:15px 0 0 0; position:relative;
}
#footer p { color:#9daec2; font-size:12px; }
#footer a:link { color: #9daec2; text-decoration: none; }
#footer a:visited { color: #9daec2; text-decoration: none; }
#footer a:hover { color: #5f7f96; text-decoration: none; }
#footer p#firstrow { text-transform:uppercase; font-size:11px; }
#footer p#secondrow { margin:5px 0 46px 0; text-transform:uppercase; font-size:11px; }
#footer p#secondrow  span { color:#5f7f96; } 
#footer #thirdrow p { font-size:11px; }
#footer #fourthrow p { font-size:11px; color:#5f7f96; margin:0 0 20px 0; }
#footer #sites { position:absolute; right: 0; top:16px; }
#footer #sites a { border-bottom:3px solid #64849b; display:inline-block; padding:0 10px 10px 10px; position:relative; } 
#footer #sites a.selected { color:#f49500;  border-bottom:3px solid #f49500;  } 
#footer #sites a span { border-right:1px solid #64849b; position:absolute; right:0; top:3px; height:15px; }
#footer  p.left { float:left; }
#footer  p.right { float:right; }
#credit { padding-bottom:20px; }

/* page / component specific */

	/* generic columns */
	
	#column1 { width:710px; float:left; border-right:1px #CCCCCC dotted; padding:10px; margin-right:10px; position:relative;  }
	#column1 .subnav h2 {  }
	#column1 .subnav ul {  font-weight:bold;  list-style-type:square; margin-left:15px; padding:0; } 
	#column1 .subnav li { text-align:left; margin-top:8px; margin-bottom:8px; border-bottom:1px #CCCCCC dotted; padding-bottom:8px; } 
	#column1 .subnav li.selected a:link, #column1 .subnav li.selected a:visited { color:#666666; font-weight:bold; } 
	#column1 .subnav li a:hover { color:#666666; } 
	
	.column1a { width:340px; margin:0 30px 0 0; float:left; }
	.column1b { width:340px; float:left; }
		
	#column2 { padding:0px; float:left; width:210px; padding-bottom:30px;   }
	#column2 table { margin:-3px; } /* contact details */
	#column2 table strong {  color:#507391; }
	
	#column2 .label { font-size:11px; width:auto; }



	#content #containerdescription .field { width:760px; } 
	
	/* home */
	#home-testimonials .list { width:340px; margin-right:30px; float:left; }
	#home-testimonials .list:nth-child(2n) { margin-right:0;  }	

	/* news */
	#news .list {  }
	#news .list h2 { margin-bottom:4px; }
	#news .list .publishdate { color:#999999; display:inline-block; margin:0; }
	#news .list .viewcount { color:#999999; font-size:11px; display:inline-block; margin:0; }
	#news .list p { margin:2px 0 10px 0; }
	#news .item-images { float:left; width:220px;  }
	#news .item-images img { margin-bottom:10px; }
	#news .item-content {  overflow:hidden; }
	#news .item-content h1 { margin-bottom:5px; }
	#news .item-content .publishdate { color:#999999; }
	#news .categories {  }
	#news .categories p { }
	#news .categories em { color:#999999; font-style:normal; }
	#news .categories strong a { color: #FF0000 !important; }
	
	.sidenews .categories { display:none; }
	.sidenews .viewcount { display:none; }
	.sidenews .recordcount { display:none; }
	.sidenews .pagination { display:none; }
	.sidenews .noitems { display:none; }
	
	.sidenews h2 { font-size:12px; color:#507391; margin:10px 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
	.sidenews .list { display:list-item; list-style-type:square; margin-left:15px; margin-bottom:5px; }
	.sidenews h2 a:link, .sidenews  h2 a:visited { color:#507391; text-decoration:none; }
	.sidenews p { font-size:12px; margin:2px 0 1px 0; line-height:17px; }
	
	#news #mostpopular h1 { display:none; }
	#news #mostpopular .viewcount { display:inline; }
	#news #mostpopular .pagination { display:none; }
	#news #mostpopular .recordcount { display:none; }
	#news #mostpopular .description { display:none; }
	#news #mostpopular .publishdate { display:none; }
	#news #mostpopular h2 { font-size:12px; margin-bottom:3px; }
	#news #mostpopular { list-style-type:decimal; }
	#news #mostpopular .list { display:list-item; list-style-type:square; margin-left:15px; margin-bottom:5px;  }
	
	
	.rotator { list-style:none; padding:0px; margin:0; position:relative; width:5000px;  }
	.rotator li { position:absolute; left:0; top:0; z-index:0; display:none; } /* change these to absolute positioned on top of each other for effects like "fade", and renable li.slideShowItemActive below. */
	.rotatorhelper { list-style:none; padding:0; position:absolute;  margin-left:5px; margin-top:0px; z-index:1; list-style-type:none; bottom:0px;  }
	.rotatorhelper li { float:left; background-color:#999999; width:10px; height:10px; margin-right:4px; cursor: pointer; }
	li.rotatorhelperActive { background-color:#cccccc; }
	
	.rotator-leftarrow { background-image:url(media/standard/rotator-left.png); background-repeat:no-repeat; background-position:5px 5px; border-radius:16px; border:1px #5c5c5c solid; width:21px; height:21px; background-color:#333333;  background-repeat:no-repeat; position:absolute; padding:5px; left:5px; top:105px; cursor:pointer } 
	.rotator-leftarrow:hover { background-color:#333333; border:1px #333333 solid; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } 
	
	.rotator-rightarrow { background-image:url(media/standard/rotator-right.png); background-repeat:no-repeat; background-position:8px 5px; border-radius:16px; border:1px #5c5c5c solid; width:21px; height:21px; background-color:#333333;  background-repeat:no-repeat; position:absolute; padding:5px; right:5px; top:105px; cursor:pointer } 
	.rotator-rightarrow:hover { background-color:#333333; border:1px #333333 solid; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer;  } 
		
	
	.rotator li.slideshowItemActive {
   		 z-index: 1;
	}
	
	
	/* datatable */
	.datatable td { padding:10px; }
	.datatable th { text-align:left;padding:10px; font-size:15px; }
	.datatable tr:nth-child(odd)		{ background-color:#eee; }
	
	/* faq */
	#faqs .answer { display:none; }
	#faqs p { margin-bottom:10px; }
	
	/* team */
	.team { margin:25px 0 25px 0; position:relative }
	.team .image { width:150px; height:160px; float:left; margin:0 20px 0 0; overflow:hidden; }
	.team .area { position:absolute; left:450px; top:0; width:200px; }
	.team .image img { width:150px; }
	.team h2 { margin:3px 0 3px 0; }
	 p.quote { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:23px; font-style:italic; }
	 
	 #column2 .image { height:230px; overflow:hidden; margin:20px 0; }
	 
	 /* contact */
	 
	 #contactcolumn1 { width:400px; float:left; margin-right:40px; }
	 
	 #contactcolumn2 { width:520px; float:left; }
	 
	 #contactcolumn2 select { width:200px !important; }
	 #contactcolumn2 input { width:190px !important; }
	 #contactcolumn2 .label { width:130px; }
	 #contactcolumn2 textarea { width:350px; height:80px; }
	 #contactcolumn2 .selectall { display:none; }
	 
	 /* alliances */
	 
	 .alliance .image { float:left; width:200px; margin:20px 20px 0 0; }
	 .alliance .text { overflow:hidden; }
	 
	 /* what we do*/
	 #infographic { width:559px; margin-left:auto; margin-right:auto; margin-top:20px; }
	 #infographic .infotext { display:none; }
	 #infographic #info-law { padding:0 20px 50px 20px; }
	 #infographic #info-business { padding:0 20px 60px 20px; }
	 #infographic #info-relationships { padding:20px 20px 40px 20px; }
	 

	
/* jquery ui */

.ui-widget-header { background-image:none !important; background-color:#CCC !important; border:none !important; }
.ui-state-default, .ui-widget-content .ui-state-default { color:#333333; }
.ui-tabs { margin-bottom:10px; }


.ui-tabs-nav li { padding-bottom:2px !important; }
.ui-tabs-nav li h2 { margin-bottom:5px; } 
.ui-tabs .ui-tabs-nav .step { display:block; text-align:center; font-size:11px; }


.ui-state-active { border:1px #00a8e5 solid !important;  }
.ui-state-active a, .ui-state-active a:link, .ui-state-active { color:#00a8e5 !important; } 
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#666666; } 
	

.ui-tabs-panel { min-height:250px; }
.ui-dialog-content { min-height:40px !important; }
	
/* buttons and forms */

.label { float:left; width:100px; padding:2px;  margin:0px; }
.field { float:left; padding:2px; margin:0px; }


a.button:link, a.button:visited {
 	display:inline-block;
	font-size:13px; font-family:'Proxima N W15 Reg';
	background-color:#205b8d;
	border-bottom:3px #233d68 solid;
	color:#bfd3e1;
	line-height:30px;
	text-decoration:none;
	padding:3px 43px 0 20px;
	text-transform:uppercase;
	margin:10px 0 10px 0;
	position:relative;
}

a.button .icon { border-bottom:3px #d68300 solid; height:33px; width:30px; background-image:url(media/yellowarrow.png); background-repeat:no-repeat; background-color:#f49500; background-position:11px 10px; position:absolute; right:0px; top:0; }

a.button:hover { background-color:#4c79a2  } 
a.button:hover .icon { background-color:#f6aa33; }
a.button.small { font-size:12px; }

a.button .loader { background-image:url(media/standard/loading.gif); width:18px; height:18px; background-size:contain;  display:none;  position:absolute; right:5px; top:5px;}
a.button.loading {  background-image:none; background-color:#FFF; color:#cccccc !important;  text-shadow:none; border:1px #e6e6e6 solid; box-shadow:none; padding-right:30px; } 
a.button.loading a {color:#cccccc !important }
a.button.loading .loader {  display:block; } 

#tabbackbutton { margin-bottom:10px; }

.textareacounter { font-size:10px; color: #999999; margin-top:3px; }
		
/* pagination */
.pagination { float:none; text-align:center;  height:30px; line-height:30px; }
.paginationnext { padding:3px; font-weight:bold;  }
.paginationprev { padding:3px; font-weight:bold; }
.paginationcurrent { padding:3px; font-weight:bold; color:#FF0000; text-decoration:underline; }
.paginationlink { padding:2px; }
.pagination a:link, .pagination a:visited { color:#666666; text-decoration:none; }
.pagination a:hover { color:#e6e6e6; text-decoration:none; }


/* contentarea */
.linktocms { position:absolute;  padding:0 5px 0 5px; text-align:center; background-color:#ff0000; color:#FFFFFF; z-index:999; text-shadow:none; line-height:25px; }
td .linktocms { margin-top:-20px; }
.linktocms a { color:#FFFFFF !important; text-decoration:none !important; }
.linktocms:hover {  zoom: 1; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; } 
#adminlink { background-color:#0066CB; margin-top:1px; position:relative; padding:5px; color:#FFFFFF; }
#adminlink img { float:left; margin-right:5px; }
#adminlink a:link, #adminlink a:visited { color: #FFFFFF; }
#adminlink a:hover { color: #f2f7fc; }
.editable { border:1px #FF0000 dotted; position:relative; margin-top:20px; min-height:20px; }
.editableoptions { position:absolute; top:-20px; }


/* datagrid */
.datagrid { width:100%;  }
.datagrid td {  }
.datagrid .searchform { font-size:10px; }
.datagrid .searchform input[type="button"] { font-size:10px; }
.datagrid .searchform input[type="text"] { font-size:10px; width:60%; }
.datagrid .searchform select .searchvalue { font-size:10px; width:60%; }
.datagrid .searchform select { font-size:10px; }
.datagrid .criteria p  { margin-top: 3px; margin-bottom:3px; }
.datagrid .criteria { position:absolute; top:30px; right:0px; height:100px; width:300px; overflow:auto; display:none; background-color:#f6f6f6; border:1px #cccccc solid;  }
.criteria select  { width:95px;}
.datagrid .addcriteria { background-color:#f6f6f6; text-align:left; padding-top:10px; margin-bottom:5px; padding-left:20px; }
.datagrid .criteriadisplay { font-weight:bold; color:#FF0000; }
.datagrid .deletecriteria { color:#999999; }
.datagrid .filelibrarypreview { display:none; position:relative; }
.datagrid td .label { width:auto; }
.datagrid td .labelerror { background-image:url(media/labelerror.png); background-position:left; padding-left:23px; background-repeat:no-repeat;  }
.datagrid tr#total { margin-top:-1px; }
.datagrid tr#total td  { font-weight:bold; border-top:1px #CCCCCC solid; border-bottom:none; }
.datagrid table { }
tr.highlight { background-color:#FFFF99; color:#990000; }
.datagrid td { padding-left:3px; padding-right:3px; border-bottom:1px #cccccc dotted; height:30px;}
#datagridlistview tr:hover { background-color:#f2f7fc; }
.columnheader { background-color: #f6f6f6; font-weight:bold; height:20px; }

/* currencies */

#currencies p { float:left; margin-top:-2px; margin-right:5px; }
#currencies a:hover { color:#FFFFFF; }

.currencyconversion { color: #666666; font-weight:normal; font-size:11px; }


/* misc */
.transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
.hidden { visibility:hidden; display:none; }  
.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.green { color: #009933; }
.red { color: #FF0000; }
#quickpoll .flashloader { position:absolute; margin-left:-10px; margin-top:-12px; width:25px; height:25px; left: 50%; top: 50%;  }
#formshipping .flashloader { margin-top:-20px; width:30px; }

.breadcrumbs { background-color:#efefef; border-radius:5px; padding:2px 10px 2px 10px; }
.breadcrumbs p { font-size:10px; margin:0; }


.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:15px; margin-bottom:15px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.fielderror { border:1px #FF0000 solid !important; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }
.fieldname { font-weight:bold; }
.line { color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin-top:10px; margin-bottom:10px; }
.clear { clear:both; }
.notice { padding:4px 4px 4px 25px; border:1px #dddddd dotted; background-image:url(media/up/about.png); background-repeat:no-repeat; background-position: 4px 4px; color:#0066FF; }

#debugcontainer { position:absolute; top:10px; right:20px; background-color:#e6e6e6; padding:10px; z-index:1000; max-width:800px; }
#debug p { margin-top:5px; margin-bottom:5px; }
#debug h3 { margin-top:5px; margin-bottom:5px; }

.nodesktop { display:none; }