/*  news/content/blog */ 

#categoryText{ border:0px solid #e1e1e1 ; padding:0px; margin:0 auto 10px auto ; border-radius:0px; font-size:0.85em; clear:both}
 

#archive{ width:225px; float:left; border:1px solid #e1e1e1; padding: 8px 6px 30px 6px; margin:5px 0 0 0; }


#archive h3{
font-size:0.9em;
color:#fff;
font-weight:bold;
height:40px;
line-height:40px;
padding:0  0 0 10px;
background-color:#555;
/*background-image: url(../images/icons/gridWhite.png);
background-repeat:no-repeat;
background-position: 8px 50%;
background-size:16px;*/
margin-bottom:10px; 
}

#archive ul { list-style:none; padding:0 6px; }

#archive ul li { clear:both; display:block; margin:0px;}
 

#archive ul li a.showLatest{
font-size:0.9em;
font-weight:bold;
background:none;
margin:0;
padding:0px 5px 0px 0px;
display: inline-block;
color: #006699;
} /*match other year markers */

#archive ul li a.showLatestSelected{  }

#archive ul li p.yearMarkers, #archive ul li a.yearMarkers { font-size:0.9em; color:#006699; padding:0px 0 0 0px; font-weight:bold; cursor:pointer; margin:6px 0}
#archive ul li .arrowMarkers{
height:12px;
width:18px;
display:inline-block;
background-image:url(../images/icons/arrowRGray.png);
background-position:50% 50%;
background-repeat:no-repeat;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;

}

#archive ul li .arrowMarkersOn{
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
transform: rotate(270deg);
}

 

#archive ul.monthList{ display:none;  /* jq open close  */}

#archive ul.monthList a{
display:block;
color:#555; font-weight:bold;
margin:4px 0 4px 12px;
padding:0px 0px 0px 0px; 
font-size:0.9em;
}
#archive ul .monthList a:hover{ text-decoration:underline; }
#archive ul .monthList a.selectedM{ font-weight:bold;
/*background-image:url(../images/icons/arrowR.png) */
}


#siteContent.withArchive { float:right; width:745px;} 
#contentList {text-align: left; margin: 10px auto 30px auto; list-style:none}
 
/* EO ARCHIVE  */
  
		

p#contentCategoryBanners{ width:100%; margin:0 auto 10px auto; padding:0 }
p#contentCategoryBanners img{ max-width:100%; margin:0 auto; border:0px solid #e1e1e1; padding:0px; }		

/* site content */ 
#contentList  li a.title { color:#006699;font-size:0.9em; display:block; font-weight:600;}  /*     global font  / size for content*/
#contentList  li a.title:hover { text-decoration:underline}

#contentList li  p.dateAdded{
font-size:0.8em; display:block;
font-weight:normal; color:#999
}

#contentList .heading { font-size:0.82em;   font-weight:bold} 
#contentList .description , #contentList .description * { font-size:0.9em;} /* div wrapper or p tag*/



#contentList li  .prices{
display:block;
font-weight:bold;
font-size:1em;
color: #FF3333
}

#contentList  li a.readMore{
display:none;
/*display:block;color:#006699;font-size:0.9em; font-weight:bold; padding:6px 0 6px 12px;
background-image:url(../images/icons/arrowRGray.png);
background-position:left 50%; */
} 
   
#contentList li p.tags{padding-top:6px}
#contentList li p.tags strong{ color:#333333; }
#contentList li p.tags a{
 color: #0073AD;
 text-decoration:underline;
 padding:0 4px
}

.mobile  #contentList li p.tags, .mobile #contentList li p.tags *{ display:none}

 #contentList li .dateAdded{ font-size:0.8em; color:#999999}
 
 #contentList li hr{clear:both; height:10px;}

.mobile #archive, 
.mobile #siteContent { width:100%; float:none; clear:both}
 


 
@media only screen and (orientation:landscape)   {  
/*.mobile #contentList li { width:30%; height:300px; display:block; float:left; clear:none; margin:0 2% 0 0; padding:0; border:1px solid}
.mobile #contentList li a.imgWrap{ width:100%; height:200px;  margin: 0 ; display:block; float:none; overflow:hidden; text-align:right }
.mobile #contentList li a.imgWrap img{ }
.mobile #contentList li  .textWrap{ display:block; float:none; width:100%; padding: 10px 0  0px 0px; border:0px solid  }
.mobile  #contentList li .textWrapNoImages{ width:100%; padding:5px 0}*/
}  
 /*mobile */ 
 

 /*  search page */ 
 
#searchResponse{} 
/* site content */ 
#searchResponse  li a.title { color:#006699;font-size:1.0em; font-weight:bold;}
#searchResponse  li a.title:hover { text-decoration:underline}

#searchResponse li  p.dateAdded{
font-size:0.9em;
font-weight:normal; color:#999
}

#searchResponse .heading {   font-weight:bold} 
#searchResponse .description , #contentList .description * { font-size:0.9em;} /* div wrapper or p tag*/



#searchResponse li p.prices{
display:block;
font-weight:bold;
font-size:1em;
color:#FF0000
}

#searchResponse  li a.readMore{
display:none;
/*display:block;color:#006699;font-size:0.9em; font-weight:bold; padding:6px 0 6px 12px;
background-image:url(../images/icons/arrowRGray.png);
background-position:left 50%; */
} 

/*  eo search page */ 
 

#detailsImageWrap{ width:500px; overflow:hidden;  height:auto;   position:relative; z-index:1;float:left;}  
.mobile #detailsImageWrap{ width:100%; height:auto; float:none; border:0px solid #ccc; padding-top:0px; }  

 
	
	/* IMAGE CAROUSEL SLIDER*/
	
#imageSliders , #imageSliders li , #sliderThumbs , #sliderThumbs li { list-style:none; margin:0; padding:0}

#imageSliders {
border:1px solid #999;
width: 500px;max-width:100%;
height: 502px;
overflow-x: auto; /* better scrolling on mobile*/
overflow-y: hidden;
white-space: nowrap;
margin:  0px auto 0 auto;
font-size:0;
-webkit-overflow-scrolling: touch;
-webkit-scroll-snap-type: mandatory;
scroll-snap-type: mandatory;
-webkit-scroll-snap-points-x: repeat(100%);
scroll-snap-points-x: repeat(100%);
}

.screen #imageSliders {overflow-x: hidden;   /* hidden scrolbars on screen */ }

.mobile #imageSliders {
width: 400px;max-width:100%;
height: 402px;
}

#imageSliders li{
width: 100%;
height: 100%;
position: relative;
background-color: #fff;
display: inline-block; 
white-space:nowrap;
margin: 0 0px 0 0;position: relative;
}
.mobile #imageSliders li{} 


#imageSliders  li a{
display:block;
height:100%;
width:100%;
line-height:500px;
margin:0 auto;
text-align:center;
overflow:hidden;
z-index:1;
position: relative;
}
.mobile #imageSliders li a{ line-height:400px; } 

#imageSliders  li img{vertical-align:middle; margin:0 auto; } 
#imageSliders  li img.landscape  { width:90%; height:auto}
#imageSliders  li img.portrait{ height:90%; width:auto;}
#imageSliders  li img.square{ width:98%}

#imageSliders  li img.landscapeWithText{ width:90%; height:auto;margin-top:0%;}
#imageSliders  li img.portraitWithText{ height:85%; width:auto; margin-top:-8%;}
#imageSliders  li img.squareWithText{  height:85%;width:85%; margin-top:-8%;} 

#imageSliders li .imageTextArea{
font-size:13px;
display:block;
height:20px; 
text-align:center;
clear:both;
position:absolute;
bottom:10px; 
width:90%;
left:5%;
background:#fff;
color:#333;
z-index:1001;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
}

#imageSliders li .videoButton{
position:absolute;
top:0;
width:100%;
height:100%;
z-index:1;
left:0;
background-image:url(../images/videoBtn.png);
background-position:50% 50%;
cursor:pointer;
opacity:0.6;
background-repeat: no-repeat;
}
#imageSliders li .videoButton:hover { opacity:0.8}
 
#sliderThumbs{clear:both; text-align:left; font-size:0;  margin:20px auto   }
#sliderThumbs li{ display: inline-block;  white-space:nowrap; margin:4px 5px 4px 1px; padding:0;
border:1px solid #bbb;
border-radius:2px;}
.screen #sliderThumbs li:nth-child(7){ margin-right:0}

#sliderThumbs li:hover{border-color: #999;}
#sliderThumbs li.sliderThumbsHighlight, #sliderThumbs li.sliderThumbsHighlight:hover { border-color: #555;  }

#sliderThumbs a{
display:block;
margin:0 auto;
height:64px;
width:64px;
line-height:62px;
text-align:center; 
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out; 
position:relative;
} 

#sliderThumbs  li img{vertical-align:middle; margin:0 auto;   } 
#sliderThumbs  li img.landscape{ width:90%; height:auto}
#sliderThumbs  li img.portrait{ height:80%; width:auto;}
#sliderThumbs  li img.square{ width:80%; height:80%} 

	/* EO  IMAGE CAROUSEL SLIDER*/

	
	
	
#informationRight{float: right; width:480px; padding-right:10px } 
.mobile #informationRight{float: none; width:100%; padding:0; clear:both; margin:20px auto }


#informationRight.informationNoImage{ float:none; width:100%;}
#informationRight , #informationRight p  { font-size:1em;   }
#informationRight p  {  padding:0px 0 6px 0 }
#informationRight a { color:#006699; text-decoration:underline} 

#informationRight  a.videoLink,
#informationRight  a.docLink,
#informationRight  a.pdfLink,
#informationRight  a.xlLink {
height:30px; line-height:30px;
background-repeat:no-repeat; background-position: left; font-size:0.9em; font-weight:bold; text-decoration:none; display: inline-block;  clear:both; padding:0px 0}

#informationRight a.videoLink{
padding-left:30px;
background-image:url(../images/icons/videoSmGray.png);
background-position:4px 50%;
}
#informationRight  a.docLink{ padding-left:30px;  background-image:url(../images/fileTypes/word.png) ;background-position:left 50%;}
#informationRight  a.pdfLink{ padding-left:30px; background-image:url(../images/fileTypes/pdf.png);background-position:left 50%;}
#informationRight  a.xlLink{ padding-left:30px;  background-image:url(../images/fileTypes/xl.png) ;background-position:left 50%;}

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


#informationRight h1{
font-weight: bold;
font-size:1.3em;
text-shadow: none;
color: #006699;
margin:0 0 6px 0
}
  
#informationRight h2{
font-weight: bold;
font-size:1.1em;
text-shadow: none;
color: #626262;
margin: 0px 0 8px 0
}

#informationRight #additionalInfo {
margin: 20px 0 0px 0; 
}

#informationRight #additionalInfo h3{
font-weight: bold;
font-size:1.1em; padding-bottom:4px;
text-shadow: none;
color: #444;
}

#informationRight #additionalInfo p { font-size:0.9em; }
#informationRight #additionalInfo p { font-size:0.9em; }
#informationRight #additionalInfo br{ margin:0px 0;  }
 
#informationRight   p.productCode{ color:#666666; font-size:0.9em}

#informationRight ul , #informationRight li  {   }
#informationRight ul{ margin:5px 0}
#informationRight li  { font-size:1em; list-style:disc; list-style-position: outside; margin: 0 0 0 15px}
 
 


/* main cat pages consultancy only */
.categoryNav{ display:block; clear:both; margin:0 auto; padding-top:5px; width:100%;}

.categoryNav li{ border-bottom:1px solid #e1e1e1}

.screen .categoryNav li{ display:block; float:left;  width:40%;  margin:5px  5% 5px 0 ; }
.screen  .categoryNav li:nth-child(2n+1){ clear: both;}

.mobile .categoryNav li{ display:block;margin:6px auto; width:100%;  clear: both}

.categoryNav li a{ display:block;}
.categoryNav li a strong{
display:block;
font-size:1.2em;
letter-spacing:-0.03em;
font-weight:200;
line-height:60px;
height:60px;
color:#006699;
background-color:#fff;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
padding-left:12px;
}
.categoryNav li a:hover strong{ text-decoration:none; color:#333; background-color:#f5f5f5;  }


.categoryNav li a span.imageWrap{ width:100px; height:60px; text-align:center; display:block; float:left;   border:1px solid #e1e1e1; overflow:hidden}
.categoryNav li img{ display:block; width:100%; height:auto;  margin:0px auto;}
.categoryNav li hr{ clear:both; border:0px; background:none; padding:0px; height:2px}
 
 
 
/* downloads*/
  

 
#contentDownloads{ padding-top:25px; }/* no bread crumb */
#contentDownloads h3{ font-weight:bold; font-size:1.2em; margin-top:10px;}
#contentDownloads p{ margin:5px 0}
#contentDownloads ul { margin:10px auto 25px auto; padding:0 0 0 15px } /* docs list */
#contentDownloads ul li { clear: both; margin:12px 0;}
#contentDownloads ul li  a{ color:#006699; font-size:1em; font-weight:bold; display:block}


#protectedSignOut{ display:block; height:0px;}
.screen #protectedSignOut a{
display:block;
float:right;
width:150px;
height:40px;
line-height:40px;
text-align:center;
background-color:#fff; border:1px solid #ccc;
color:#006699;
font-size:0.8em;
font-weight:bold;
border-radius:2px;
background-image:url(../images/signOut.png);
background-position:10px 50%; background-repeat:no-repeat;
background-size:18px auto

}

.screen #protectedSignOut a:hover{ background-color:#999; color:#fff; border-color:#999;background-image:url(../images/signOutWhite.png) ;}

.mobile  #protectedSignOut{ display:block; height:30px; clear:both; position:relative;   margin-bottom:30px; width:100%; max-width:600px}

.mobile #protectedSignOut a{
float:right;
width: 125px;
height:32px;
line-height:32px;border:0px solid #e1e1e1;
text-align: right;
background-color: #006699;
padding: 0 16px 0 0;
color: #fff;
font-size:0.75em;
font-weight:bold;
border-radius:4px; 
background-image:url(../images/signOutWhite.png);
background-position:11px 50%;
background-repeat:no-repeat;
background-size:15px
}


#testimonials{ list-style:none; margin:10px auto ; padding:0; background-image:url(../images/quotes.png); background-position:right top; background-repeat:no-repeat}
#testimonials li{ list-style:none;margin:0 auto 10px 0; padding:0; clear: both}
#testimonials li p, #testimonials li *{  } 
#testimonials li p a{ color:#006699; font-weight:bold}

.contentFull #testimonials li p , #testimonials li p{ margin:0; padding:0 0 4px 0; font-style: normal}
#testimonials li strong.name, #testimonials li strong.company{display:block; font-weight:bold ; font-size:0.9em; color:#555 }
#testimonials li strong.name{ }
#testimonials li strong.company{}


#teamPage{}
#teamPage ul{ margin-top:15px;}
#teamPage ul li { padding-top:6px}

#teamPage ul li .imageWrap{ float:left; width:160px; }
#teamPage ul li .imageWrap img{ width:100%; border:2px solid #e1e1e1; padding:3px; border-radius:50%;}
#teamPage ul li .textWrap{ float:right; width:820px; padding:0px; }
#teamPage ul li .textWrap.textWrapNoImage{ float: none; width:100% }
#teamPage li a.title{ font-size:18px; font-weight:bold; display:block; color: #333}
#teamPage li h5{ font-size:16px; font-weight:bold; display:block; color:#696969}
#teamPage li .textWrap p{ font-size:14px; margin:3px 0; padding:0px 0}
#teamPage li a.readMore{ font-size:14px; font-weight:bold; display:block; color: #006699; padding:2px 0 0 0 }
#teamPage li hr{ margin:0px auto; padding:0 0  5px 0}
#teamPage li:last-child hr{ border:none; background:none}
#teamPage hr{ background:none; border:none; height:20px;}

/*details page*/
#informationRight  h1#teamName, h1#teamName{ font-size:22px; font-weight:bold; color: #333333}
#informationRight h2#teamHeading, h2#teamHeading{ font-size:18px; font-weight:bold; color:#555}
#teamAdditional p{ font-size:14px; font-weight:bold} /* used as short*/
#teamDescription p{ font-size:14px;}
a.teamLinkedIn{ font-weight:bold; display:block; height:30px;  line-height:30px; font-size:14px; text-decoration:none; margin-top:10px;  }
a.teamLinkedIn span {
margin-right:10px;
display:block;
float:left;
height:30px;
width:30px;
background-color:#006699;
background-image:url(../images/social/linkedinTeamPage.png);
background-position:50% 50%;
background-repeat:no-repeat; 
}



.mobile #teamPage ul li .imageWrap{ width:100%; float:none; max-width:400px;}
.mobile #teamPage ul li .textWrap{ width:100%; float:none; clear:both}
.mobile #teamPage li hr{ margin:0px auto; padding:0 0  5px 0; background:none; border:none; height:20px;}



#socialButtons{ margin:10px auto ; padding:5px 0; max-width:100%; overflow:hidden;   }