/*
General HTML tags
*/

body {
	font-size: 69%; /* For best results set to 60%, 69% or 76%. All following font sizes must be set to em's and must always be 1.0em or more*/
	font-family: Arial, Helvetica, Geneva, sans-serif;
                background-color: #edeff0;	
                padding:0;
                margin: 0;
}

#pagewrapper {
   width: 1005px;
   height: 100%;
   margin:auto;
   background-color: #fff;
   position: relative;
   top: -8px;
   border-top: solid 8px #fff;
   overflow: visible;
   padding-bottom: 120px;
}

#bg {
   display: absolute;
   left: -5000px;
}

p {
   font-size: 1.2em;
	line-height: 1.35em;
   margin-top: 0em;
	margin-bottom: 0.8em;
	color: #333;
}


a, a:visited {
	 color: #001169;
}


h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #001169;
	margin-top: 0em;
	margin-bottom: 0.4em;
	margin-left: 8px;
}

#maincontent h1 {
   margin-left: 0px;
   margin-right:0px;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #001169;
	margin-top: 1.5em;
	margin-bottom: 0.3em;
}

h2.newcaption {
             font-size: 1.2em;
             margin-top: -0.2em;
             margin-bottom: 1em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #001169;
	margin-top: 1.2em;
	margin-bottom: 0.3em;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	margin-top: 1.2em;
	margin-bottom: 0.1em;
}

/*ol { margin-top: 0.5em;
}

ul { margin-top: 0.5em;
}
*/
ol {margin: 0.5em 0 0 1em;
padding:0 0 0 2em;
position:relative;
}

ul { margin: 0.5em 0 0 1em;
padding:0 0 0 2em;
position:relative;
}


ol li {
        font-size: 1.2em;
	line-height: 1.3em;
        margin-top: 0em;
	margin-bottom: 0.5em;
	color: #333;
}

ul li {
        font-size: 1.2em;
	line-height: 1.3em;
        margin-top: 0em;
	margin-bottom: 0.5em;
	color: #333;
}


hr.dotted { 
   border: 0px solid #fff;
   border-top: 1px;
}

.insidelist{
   list-style-position:inside;
   margin-left:1em;
}

#maincontent div{
   position:relative;
}
/* Header styles - does not include utility menu styles (see below) ------------------------------ */

#accessibility {
	position: absolute;
	top: -200px; /* makes accesibility link invisible to sighted users as this link is for users of screen readers only*/
}

#header {
   width: 1005px;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 8.5em;
   background-color: #fff;
}

#logo {
   position: absolute;
   top: 5px;
   left: 12px;	
}

#solutions {
   position: absolute;
   top: 6.5em;
   left: 740px;	
}

#breadcrumb {
   width: 785px;
   background-color: #fff;
   margin: 8px 8px 8px 0px;
   color: #001169;
   padding-bottom: 5px;
   border-bottom: dotted 1px #ccc;
}

#breadcrumb.home {
border-bottom: dotted 0px #ccc;
}

#breadcrumb .whereur {
   font-weight: bold;
   font-size: 1.1em;
   padding-left: 8px;
}

#breadcrumb img {
   margin-bottom: 0px;
}


/* Main Page Content layout styles -------------------------------------------------------------- */

#contentwrapper {
   position: relative;
   top: 13.8em;
   left: 0px;
   background-color: #fff;
}

*html #contentwrapper {
   position: relative;
   top: 13.8em;
   left: 8px;
}

#contentwrapper img{
	position:relative;
	top:0;
	left:0;
}

/* Page Title styles ----------------------------------------------------------- */

#title {
	position: absolute;
   top: 10.3em;
   left: 0px;
}

 /* Mac IE fix  inserted here*/
#title {
	top: 15.0em;
}
/* end Mac IE fix */


#bigimg {
   display: block;
   clear: both;	
   position: relative;
   top: -2px;
   left: -1px;
}

#maincontent {
                float: left;
                width: 576px;
	margin-top: 0em;
	margin-left: 0px;
	margin-right:15px;
                position:relative;
                background-color: #fff;
                border-left: solid 8px #fff;
}

#maincontent.home {
  margin-left: 0px;
}


#maincontent a
{  font-weight: bold;}

#maincontent.home {

}

 #rhscontent {
                width: 180px;	
	position: relative;
	top: 8.8em;
                left:0px;
	/*margin: 4.0em 0px 0px 0px;*/
                overflow:hidden;	
}

#rhscontentspecial {
   width: 180px;	
	position: absolute;
	top: 19em;
  right:205px;
	margin:0;
background-color: #fff;
}

p.bookmark {
margin: 0;
padding: 0;

}



#related {
   margin-left: 2px;
   margin-right: 4px;
	
}


#related .relatedheading {
   font-size: 1.2em;
   font-weight: bold;
	background-color: #fff;
}

#relatedbar {
  height: 1.9em;
background-color: #2181ad;
}


#mainimg {
background-color: #fff;
}


#mainimg p{
margin:0;
padding:0;
}

/*=FLICKR BADGE*/
div.flickr_badge{
	text-align:left;
	width:140px;	
	text-align:center;
	margin-bottom:10px;
}
div.flickr_badge h3{
	font-size:1.4em;
	margin-bottom:0;
	margin-top:10px;
}
div.flickr_badge img.photos{
	border:5px solid #4C5896;
}

a.greytext, a.greytext:visited, a.greytext:active{
	color:Gray;
}
.flickerpix{
                clear:both;
	border:1px solid #FF0084;
	margin-right:12px;
}
.flickerpix img{
	margin:5px;
	border:0;
}

#filter {
        position: relative;
        top: -3px;
        width: 175px;
	     background-color: #CCCFE1;
	     padding-left: 5px;
		  padding-bottom: 7px;
		  padding-top: 7px;
        color: #001169;
}

#filterspecial {
        position: relative;
        top: -16px;
        width: 175px;
	     background-color: #CCCFE1;
	     padding-left: 5px;
		  padding-bottom: 7px;
		  padding-top: 7px;
        color: #001169;
}

#filter form {
       margin-top: 5px;
       margin-bottom: 0px;
}

#filterspecial form {
       margin-top: 5px;
       margin-bottom: 0px;
}

#filterclients label {
	color: #001169;
	font-size: 1.1em;
	line-height: 1.6em;
	margin-left: 2px;
}

#filterclients select {
   font-size: 1.0em;
   width: 148px;
}

#filterclients input {
	position: relative;
	top: 4px;
                width:20px;
height:20px;
}




/* Contact Call to Action styles -------------------------------------------------------------- */

#contact {
	position: absolute;
                top: 11.2em;
	left: 730px;
                color: #fff;
	z-index: 12;
}

#contact strong {
  margin-left: 12px;
}

#contact a {
  color: #fff;
  text-decoration: none;
}


#who {
   display: none;
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: bold;
	color: #001169;
	height: 1.9em;
	z-index: 4;
       }

#tel p{
   width: auto; /* may need to confine width*/
	font-size: 1.1em;
	line-height: 1.4em;
	margin-left: 5px;
	margin-top: 2px;
                color: #fff;
}

/* Site search styles*/

#searchsite {
   position: absolute;
   top: 8px;
   left: 850px; 
    /*right: 218px; when live help added*/
   width: 13.5em;
}

#searchsite label {
   position: absolute;
   left: -5000px;
}

#searchsite .searchcontrol {
	font-size: 1.0em;
	color: #666;
	border: solid 1px #666;
	position: relative;
                top: -5px;
}


/* Top Level Navigation styles -------------------------------------------------------------- */

#topnav {
  	position: absolute;
               top: 8.5em;
                left: 0px;
	width: 1005px;
                height: 40px;
                background: url(/media/template_images/topnav-bg.png) repeat-x;
	background-color: transparent;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-left: 0px;
	z-index: 6;
}

#topnav a {
	color: #fff;
	text-decoration: none;	
}

#topnav a:hover {
	color: #fff;
	text-decoration: underline;
}

 #topnav .butt {
                display: block;
                line-height: 36px;
                float: left;
                margin-top: 3px;
                padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: solid 1px;
	border-color: #001169;
	background-color: transparent;
	color: #2b4782;
}

#topnav .button a {
	color: #fff;
}

 
 #topnav .button { /* on version of butt! */
               display: block;
               line-height: 36px;
               float: left;
               background: url(/media/template_images/topnav-bg-on.png) repeat-x;
               padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	border-right: solid 0px;
	border-color: #001169;
               color: #1581ae;
}


#topnav .button a {
	color: #fff;
                text-decoration: none;
}


/* Submenu Navigation styles -------------------------------------------------------------- */
#subnav {
               width: 210px;
	position:absolute;
                left:795px;
                top: 14.5em;	
	background-color: #fff;
}


#subnav .sectionheading {
               display: block;
                background: url(/media/template_images/topnav-bg-on.png) repeat-x;
                background-position: bottom;
                font-size: 1.3em;
                font-weight: bold;
	line-height: 34px;
                color: #fff;
                padding: 3px 0px 0px 5px;
}


#mainmenu .hidepipe {
	font-size: 1px;
	line-height: 0px;	
                color: #CCCFE1;
                position:absolute;
                top:-1000px;
}

#mainmenu .level1on .hidepipe {
	font-size: 1px;
	line-height: 0px;	
	color: #FCBD00; 
}

#mainmenu .menupad {
	/*padding: 5px;
	height: 1.0em;
	display: block;*/
}

#mainmenu .level1 {
        width: auto;
 	font-size: 1.0em;
        line-height: 1.0em;
	border-top: solid 1px;
	border-color: #fff;
        padding: 5px;
	padding-left: 8px;
        background-color: #cccfe1;
}

#mainmenu .level1 a {
	text-decoration: none;
	color: #001169;
}

#mainmenu .level1 a:hover {
  text-decoration: underline;
  cursor: pointer;
}

#mainmenu .level1on {
        width: auto;
 	font-size: 1.0em;
        line-height: 1.0em;
	border-top: solid 1px;
	border-color: #fff;
	padding: 5px;
	padding-left: 8px;
background-color: #2181ad;
}

#mainmenu .level1on a {
	text-decoration: none;
                color: #fff;

}

#mainmenu .level1on a:hover {
  text-decoration: none;
	cursor: default;
}

#mainmenu .level2 {
        width: auto;
	font-size: 1.0em;
        line-height: 1.0em;
        border-top: solid 1px;
	border-color: #fff;
        padding: 5px;
	padding-left: 17px;
background-color: #E5E7F0;
}

#mainmenu .level2 a {
	text-decoration: none;
	color: #001169;
}

#mainmenu .level2 a:hover {
  text-decoration: underline;
 cursor: pointer;
}

#mainmenu .level2on {
        width: auto;
	font-size: 1.0em;
        line-height: 1.0em;
   border-top: solid 1px;
	border-color: #fff;
	padding: 5px;
	padding-left: 17px;
        background-color: #fff;
}

#mainmenu .level2on a {
	text-decoration: none;
	color: #2181ad;;
}

#mainmenu .level2on a:hover {
  text-decoration: none;
  	cursor: default;
}

#mainmenu .level3 {
        width: auto;
	font-size: 1.0em;
        line-height: 1.0em;
	background-color: #fff;
        padding: 5px;
	padding-left: 25px;	
}

#mainmenu .level3 a {
	text-decoration: none;
	color: #001169;
}

#mainmenu .level3 a:hover {
  text-decoration: underline;
  cursor: pointer;
}

#mainmenu .level3on {
        width: auto;
	font-size: 1.0em;
        line-height: 1.0em;
	background-color: #fff;
	padding: 5px;
	padding-left: 25px;
}

#mainmenu .level3on a {
	text-decoration: none;
	color: #000;
}

#mainmenu .level3on a:hover {
  text-decoration: none;
  	cursor: default;
}

/* Utility Menu styles*/

#utilitymenu {
	position: absolute;
                top: 8px;
	/*right:1em; before live help added */
                left:320px;
	margin:0 1em 0 0;
	font-size: 1.0em;
	color: #666;
	text-align: right;
}

#utilitymenu a, #utilitymenu a:visited {
   color: #333;
	text-decoration: none;
}

#utilitymenu a:hover {
	text-decoration: underline;
}

#ownership {
               display: none;
               clear: both;
               position:relative;
               bottom: -150px;
               width: 700px;
	background-color: #fff;
}

#ownership img{
   position:relative;
   z-index:200;
}

#ownership .owner {
  color: #001169;
} 

/*Home page Case Study Logos*/

#casestudies {
   clear: both;
               position:relative;
               bottom: -170px;
               margin-bottom: 20px;
               width: 1005px;
}

#casestudies h2 {
   margin: 0px 0px 5px 10px;
}

/* Footer styles */

 #footer {
              clear: both;
               position:relative;
               bottom: -170px;
               margin-bottom: 20px;
               width: 1005px;

}

#links {
               display: block;
               padding: 3px 8px 3px 8px;
               width: 989px;
               color: #fff;
               background-color: #284480;	
	margin-top: 0em; /* Alter this value if new kite marks are added*/
	font-size: 0.9em;
                margin-bottom: 15px;
}

#links a {
	font-size: 0.9em;
                color: #fff;
	text-decoration: none;
}

#links a:hover {
	text-decoration: underline;
}

p.copyright {
  position: absolute;
  top: 3px;
  right: 8px;
 font-size: 1em;
 color: #fff;
}

p.copyright  a, p.copyright  a:visited {
 color: #fff;
}

#footer  img {
   position: relative;
left: -500px;
   margin: 0px 0px 8px 8px;
}

#endspace {
   width: 620px;	
   margin-left: 8px;
	margin-bottom: 0px;
}
-------------------------------------------------------
/* Home Page Specific styling */

/*#hpproducts{
	margin-right:800px;
}

div.col{
	position:relative;
   width: 120px;
   border: solid 1px;
   border-color: #001169;
   margin-left: 6px;
   margin-right: 6px;
	float:left;
}*/
#hpproducts{
	width:300px;
	margin-right:400px;
	padding-right: 400px; 
	background:green;

	overflow:auto;
	height:400px;
}

div.col{
/*	float:left;*/
display:inline;
padding:20px 0;
	


}

.textsmall {
   display: block;
   width: 110px;
   margin-left: 4px;
   font-size: 0.8em;
   line-height: 1.0em;
}

.clearleft {clear: left;}

.hptext {
  font-size: 1.1em;
  display:block;
  margin-left: 0;
}

/* Home page NEWS */


#news {
        width: auto;
 	font-size: 0.75em;
        line-height: 0.75em;
	border-top: solid 0px;
	border-color: #fff;
        padding: 5px;
	padding-left: 6px; 
        color: #001169;
}

#news p {
    padding-left: 5px
    
}


.newsheading {
    display: block;
 
    width: 189px;
/*    background-image: url(http://www.sigmer.com/media/home/news_heading.gif);  */
    background-color: #FFDECC;

    border: solid 1px #FE5B00;
    font-size: 1.2em;
    line-height: 1.6em;
    color: #FE5B00;
}



/* Styles for utility pages with RHS Content hotspot*/ 

#rhs .content {
        position: relative;
        top: 1px;
        display: block;
        width: 160px;
 	font-size: 1.0em;
        line-height: 1.0em;
        border-bottom: solid 1px;
	border-color: #CCCFE1;
        padding: 5px;
	padding-left: 8px;
        background-color: #CCCFE1;
}

#rhs p {
  font-size: 1.0em;
  color: #001169;
}


/* Content styles - available in Scribe Editor -------------------------------------------------------------- */


.caption {width: 560px;
display: none;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3em;
                color: #4C5896;
	margin: 0.5em 8px 0.8em 8px;          
}

#maincontent .caption {
   margin-right:0px;
   margin-left: 0px;
}

.textsmall {
        font-size: 0.8em;
        
}

.textlarge {
        font-size: 1.3em;
        font-weight: bold;
}

.pdf {
   margin-bottom: 0em;
}

.grey { color: Gray; }

.textblue {
	font-weight: bold;
	color: #001169;
}

.textlargeblue {
	font-size: 1.3em;
        line-height: 1.5em;
	font-weight: bold;
	color: #001169;
}

.adjustlist { /* closes gap between bullet points set in style ul li - above */
        /*margin-bottom: -0.5em;*/
}

.adjustheight { /* closes height of empty <p> being used as a horizontal spacer */
       line-height: 0.5em;
}

/* box word styles should only be applied to text occupying less than one line width, as it is not a block element style */

.boxwordgrey {
       font-size: 0.9em;
       color: #000;
       border: solid 1px;
       border-color: #4c5896;
       padding-left: 4px;
       padding-right: 4px;
       padding-top: 3px;
       padding-bottom: 3px;
       background-color: #DADEE0;
}

.boxwordkhaki {
       font-size: 0.9em;
       color: #000;
       border: solid 1px;
       border-color: #4c5896;
       padding-left: 4px;
       padding-right: 4px;
       padding-top: 3px;
       padding-bottom: 3px;
       background-color: #D3CFC1;
}

.boxwordorange {
       font-size: 0.9em;
       color: #000;
       border: solid 1px;
       border-color: #FE5B00;
       padding-left: 4px;
       padding-right: 4px;
       padding-top: 3px;
       padding-bottom: 3px;
       background-color: #FFF7F2;
}



/* Can be applied to blocks of text */ 
.boxgrey { /* used for important Sigmer statements */
       clear: both;
       display: block;
       font-size: 1.2em;
       color: #001169;
       border: solid 1px;
       border-color: #4c5896;
       padding-left: 8px;
       padding-right: 8px;
       padding-top: 5px;
       padding-bottom: 12px;
       margin-right: 12px;
       background-color: #edeffc;
       height:1%;
}

.boxgrey p { ;/* adjusts font size of text in <p> tags which appear inside a <div> styled with 'boxgrey' */

       font-size: 1.0em
}

.boxgrey h2 {
   margin-top: 0.3em;
font-size: 1.1em;
}

.boxgrey li { /*adjusts list display when inside a coloured box defined by a <div> */
       font-size: 1.0em; 
       margin-left: -1.0em;
}

.boxgreyclear {
       clear: both;
       display: block;
       font-size: 1.2em;
       color: #001169;
      /* border: solid 1px;
       border-color: #4c5896;*/
       padding-left: 8px;
       padding-right: 8px;
       padding-top: 5px;
       padding-bottom: 12px;
       margin-right: 12px;
       background: url(/media/template_images/contactbox-bg.jpg) repeat-x;
       Background-position: bottom;
       background-color: #fff;
       height:1%;
}

.boxgreyclear p { ;/* adjusts font size of text in <p> tags which appear inside a <div> styled with 'boxgreyclear' */

       font-size: 1.0em
}

.boxgreyclear h2 {
   margin-top: 0.3em;
font-size: 1.1em;
}

.boxgreyclear li { /*adjusts list display when inside a coloured box defined by a <div> */
       font-size: 1.0em; 
       margin-left: -1.0em;
}



/* Box styles for Products & Services only */

.boxkhaki { 
       clear: both;
       display: block;
       font-size: 1.2em;
       color: #000;
       border: solid 1px;
       border-color: #8E895F;
       padding-left: 8px;
       padding-right: 8px;
       padding-top: 5px;
       padding-bottom: 12px;
       margin-right: 12px;
       background-color: #E8E7DF;
}

.boxkhaki p { ;/* adjusts font size of text in <p> tags which appear inside a <div> styled with 'boxkhaki' */

       font-size: 1.0em
}

.boxkhaki h2 {
font-size: 1.1em;
margin-top: 0.3em;
 }

.boxkhaki h3 {
font-size: 1.1em;
margin-top: 0.3em;
 }

.boxkhaki li { /*adjusts list display when inside a coloured box defined by a <div> */
       font-size: 1.0em; 
       margin-left: -1.0em;
}



.boxkhakiclear { 
       clear: both;
       display: block;
       font-size: 1.2em;
       color: #000;
       border: solid 1px;
       border-color: #8E895F;
       padding-left: 8px;
       padding-right: 8px;
       padding-top: 5px;
       padding-bottom: 12px;
       margin-right: 12px;
}

.boxkhakiclear p { ;/* adjusts font size of text in <p> tags which appear inside a <div> styled with 'boxkhakiclear' */

       font-size: 1.0em
}

.boxkhakiclear h2 {
font-size: 1.1em;
margin-top: 0.3em;
 }

.boxkhakiclear li { /*adjusts list display when inside a coloured box defined by a <div> */
       font-size: 1.0em; 
       margin-left: -1.0em;
}


/* Box styles for Press Area only */

.boxsand { 
          position:relative;
       top:0;
left:0;
          clear: both;
       display: block;
       font-size: 1.2em;
       color: #000;
       border: solid 1px;
       border-color: #DACDB0;
       padding-left: 8px;
       padding-right: 8px;
       padding-top: 5px;
       padding-bottom: 12px;
       margin-right: 12px;
       background-color: #F4F1E8;
       height:1%;
}

.boxsand p { ;/* adjusts font size of text in <p> tags which appear inside a <div> styled with 'boxsand' */

       font-size: 1.0em
}

.boxsand h2 {margin-top: 0.3em;
font-size: 1.1em; }

.boxsand li { /*adjusts list display when inside a coloured box defined by a <div> */
       font-size: 1.0em; 
       margin-left: -1.0em;
}

/* Box styles for Clients only */

.boxorange { 
       clear: both;
       display: block;
       font-size: 1.2em;
       color: #000;
       border: solid 1px;
       border-color: #FFDECC;
       padding-left: 8px;
       padding-right: 8px;
       padding-top: 5px;
       padding-bottom: 12px;
       margin-right: 12px;
       background-color: #FFF7F2;
}

.boxorange p { ;/* adjusts font size of text in <p> tags which appear inside a <div> styled with 'boxorange' */

       font-size: 1.0em
}

.boxorange h2 {margin-top: 0.3em;
font-size: 1.1em; }

.boxorange li { /*adjusts list display when inside a coloured box defined by a <div> */
       font-size: 1.0em; 
       margin-left: -1.0em;
}

.indent {
   display: block;
   width: 400px;
   margin-left: 17px;
}


.newsbold {
    font-weight: 600;
}

.left{
   float:left;
   margin-right:5px;
  margin-bottom:5px;
  position:relative;
}
.right{
  float:right;
  margin-left:5px;
  margin-bottom:5px;
}
.clear{
   clear:left;
}

/* Custom Form Styles Start Here*/
/* IMPORTANT: must set a fixed width for the style 'legend .block'  */

#form { /* branding styles for whole form */



clear:both;


    width:auto; /* May need to set absolute width depending on context of form hotspot in template*/



	 background-color: #F2F3F7; /* Alter according to site branding*/



	 padding: 10px;


	 border: 0;



	 border-color: #4C5896;



 }





 #form fieldset{
 	border:1px solid #4C5896;
	border-width: 0;
	width:100%;
	margin:0;
 }
#form legend{
	padding:0 8px;
}

#title {
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
}

/* Styles to allow scalable field values */

input, textarea, select{
	width:auto;

}

input {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.1em;
}
textarea {
   font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em;

  }
select {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
}
option {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
}

 

 /* Row refers only to text fields and textarea fields*/

 

/* rowtop applies to form elements whose label is above the field*/



 #rowtop { 

	clear: both;

	margin-left: 163px;

	margin-top: 1.0em;

	margin-bottom: 1.0em;

}





/* rowleft applies to form elements whose label is to the left of the field*/

 

#rowleft { 

	clear: both;

	margin-left: 163px; /* Mac IE fix: ensures consistent alignment of fields in Mac IE*/

	margin-top: 1.0em;

	margin-bottom: 1.0em;

}



 /* Mac IE fix  inserted here*/

#rowleft { 

	clear: both;

	margin-left: 0px;

	margin-top: 1.0em;

	margin-bottom: 1.0em;

}

 /* end Mac IE fix */

 
#rowleft input, #rowleft textarea{
	width:18em;
}
 

 

/* Styles which allow label to be aligned above field*/ 



#form .labeltop {

    display: block;

    font-size: 1.2em;

}

 

#form .linebreak { /* necessary for IE4 to ensure label positions above field */

	line-height: 3px;

	clear: both;

}

 

 #form .fieldtop {

   

}



/* Styles which allow label to be aligned to left of field*/ 



#form .labelleft{ /*In Mac IE this label will display above field NOT to left */

    display: block;

	 float: left;

	 width: auto; /* allows label to run available width of form*/

    font-size: 1.2em;

	 margin-right: 10px; 

	 text-align: left;

 }

 

  /* Mac IE fix  inserted here*/

  #form .labelleft{

    display: block;

	 float: left;

	 width: 165px; 

    font-size: 1.2em;

	 margin-right: 10px; 

	 text-align: left;


 }

  /* end Mac IE fix */

  

#email_page_form form .labelleft{
	position:relative;
	
}


 #form .fieldleft {

    

}



/* Fieldset styles*/

/* Check box groups and Radio button groups MUST be placed within fieldset, the legend providing a group label*/

  

fieldset {

   clear: both;

   padding: 5px;	

	padding-bottom: 10px;

	margin-bottom: 20px;

}

	 

legend {

   font-size: 1.2em;

	font-weight: bold;

	margin-bottom: 10px;

}	



legend .block {

   display: block;

   margin-bottom: 10px;

	width: 520px; /* MUST be set on a per site basis according to the width of the content area that contains form hotspot*/

}



/* Styles for Check boxes and Radio buttons - to allow listing inline or with with line break between each */



#checkboxlist {

   font-size: 1.2em;

   margin-top: 2px;

	margin-bottom: 2px;

   margin-left: 20px;

}



#radiolist {

   font-size: 1.2em;

   margin-top: 2px;

	margin-bottom: 2px;

   margin-left: 20px;

}



/* Styles for drop down lists with label to left*/



#dropdown {

   clear: both;

	font-size: 1.2em;

	margin-top: 10px;

	margin-bottom: 10px;

}



#dropdown label {
	
	margin-right: 10px;

}



/* Styles for drop down lists with on top*/



#dropdowntop {

   clear: both;

	font-size: 1.2em;

	margin-top: 10px;

	margin-bottom: 20px;

}



#dropdowntop label {

   display: block;

   clear: right;

  }



#dropdowntop select {

   margin-top: 2px;

   margin-left: 20px;

}



/* Styles for selecting single item from list with label on top*/



#select1top {

   clear: both;

	font-size: 1.2em;

	margin-top: 10px;

	margin-bottom: 20px;

}



#select1top label {

   display: block;

   clear: right;

}



#select1top select {

  	margin-top: 2px;

   margin-left: 20px;

}



/* Styles for selecting single item from list with label on left*/



#select1left {

   clear: both;

	font-size: 1.2em;

	margin-top: 10px;

	margin-bottom: 10px;

}



#select1left label {

  	margin-right: 10px;

}





/* Styles for selecting multiple items from list with label on top*/



#select2top {

   clear: both;

	font-size: 1.2em;

	margin-top: 10px;

	margin-bottom: 20px;

}



#select2top label {

   display: block;

   clear: right;

}



#select2top select {

  	margin-top: 2px;

   margin-left: 20px;

}





/* Styles for selecting multiple items from list with label on left*/



#select2left {

   clear: both;

	font-size: 1.2em;

	margin-top: 10px;

	margin-bottom: 10px;

}



#select2left label {

  	margin-right: 10px;

}





/* For adding text between form fields*/



#textinsert {

	clear: both;

	font-size: 1.2em;

	margin-top: 10px;

	margin-bottom: 10px;

}



/* Form buttons styles - should be able to extend these styles to customise buttons */



#submit{
	  clear: both;
	  margin-left: 1px;
	
}
#reset{
	margin-left: 163px;
}
#submit input, #reset input, #form.advance_search input#search{
	width:10em;
	background:	#001169;
	border:0;
	color:#fff;
	}
#reset input{
	background:#CCCFE1;
	color:#001169;
}
/* request a brochure */

.brochure_request input, .brochure_request textarea, .brochure_request select{
	width:18em;
}
.brochure_request input.gobutton{
	height:auto;
}
.brochure_request select#pre{
	width:5em;
}
.brochure_request #dropdown label{
	margin-right:140px; 
}
/* Search results */
#form.advance_search hr{
	display:none;
}
#form.advance_search {
	border-bottom:1px solid #4C5896;
}
input#name{
	font-size:1em;
}
input.gobutton{
	width:20px;
	height:20px;
}
/* Advanced search */
#form.advance_search{
	width:95%;
}
#form.advance_search input{
	width:auto;
}
#form.advance_search #name{
	width:70%;
}
#form.advance_search label{
	font-weight:bold;
}
form.brochure_request .title{
	display:none;
}
/*lists of downloadable articles*/

.article{
	position: relative;
	list-style-type: none;
	padding:0 0 0 40px;
	margin:0;
	border-bottom: 1px dashed #4C5896;
	
}
.pdf{
	background: url(/media/misc/Adobe_PDF.gif) no-repeat top left;
}
.word{
	background: url(/media/misc/wordfile.gif) no-repeat top left;
}
.article h3{
	font-size:1em;
	font-weight:normal;
}
.article h3 a{
	font-weight:bold;
	font-size:1.2em;
	text-decoration: none;
}
.article h3 a:hover{
	text-decoration:underline;
}
.article em{
	display:block;
	font-weight:bold;
}
.article_header{
		position: relative;
       border: solid 1px #DACDB0;
		 border-bottom:0;
		 padding: .5em;
       background-color: #F4F1E8;
}


/*LIVE HELP styles*/

#live_help {
display: none;
   float: left;
	position: absolute;
	top: 5px;
	right: 5px;
}

#live_help table, #live_help td {
border: 0px;
}

.about a {
   width: 8.0em;
	position: absolute;
	top: 78px;
	left: 80px;
	text-align: right;
}
/*LINKED IN STYLES*/
a.linkedin img{
   vertical-align:middle;
   border:0;
}


/* Client Testimonial Box */

#client_quote {
position: relative;
        top: -3px;
margin-top: 0;
background-color: #edeffc;
border-bottom: solid 3px #284480;
padding-top: 3px;
padding-bottom: 3px;
}


#client_quote p {
  font-size: 1.1em;
  line-height: 1.5em;
  color: #001169;
  margin: 7px;
}

#client_quote span.quotemark {
  font-size: 1.5em;
}

/* Forward to a colleague form
----------------------------------------------------------------------------------------------------*/


form.boxForm {
  border: solid 1px #001169;
padding: 20px;
margin: 10px;
padding-bottom: 30px;
overflow: auto
}

form.boxForm label {
   width: 10em;
display: bock;
float: left;
}

form.boxForm textarea {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: 1.0em;   
}

form.boxForm input#forward {
clear: both;
float: left;
margin-left: 10em;
}