/* --------------------------------------------------------------------------------------------- HTML Format classes */
html {
   height:100%;
   min-height:101%;
}

body
{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Arial, Verdana, MS Sans Serif;
	background-color:#E8E9F5;
	min-height:100%;
	height:100%;
	color:#333;
}

h1, h2, h3, h4, h5, h6{color: #17469D;}

h1
{
	font-size:20px;
	margin:0px;
	line-height:40px;
}

h2
{
	font-size:13px;
	margin:10px 0px 10px 0px;
	color: #000000;
}

h3, h4, h5, h6 
{
	font-size:12px;
	margin:5px 0px 5px 0px;
}

h3 {color: #000000;}

h4 {font-size:15px;}

a:link, a:visited, a:active {
	color: #17469D;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#ff6600;
}

p
{
	margin:0px 0px 20px 0px;
}

.small {font-size:10px;}
/* ----------------------------------------------------------------------------------------------- layout classes */

#outer
{
   min-height:100%;
 	width:760px;
 	margin:auto;
 	background-color:#fff;
}

#inner
{
	width:760px;
	margin:auto;
	background-color:#fff;
	min-height:100%;
	height:100%;
}

.clearBoth
{
	clear:both;
}


/* ----------------------------------------------------------------------------------------------- Header classes */
#hdr
{
	margin: 0px 0 10px 10px;
	height:102px;
	width:740px;
	background: url(../Images/Design/img-header-bg.gif);
}

#logo {
   margin: 10px 0 0 16px;
   float: left;
}

#hdr p {
   text-align: left;
   color: #ffffff;
   font-weight: bold;
   float: right;
   margin: 60px 16px 0 0;
   
}

#hdr a {color: #ffffff; text-decoration:underline;}
#hdr a:hover {color: #ffffff; text-decoration:none;}

/* ----------------------------------------------------------------------------------- Menu / Navigation classes */
#mnu
{
	width:160px;
	float:left;
	margin: 0 8px 5px 10px;
}

#mnuMain, #mnuMain ul{	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 160px;
}

#mnuMain li{	/* all list items */
	position : relative;
	float : left;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url(../Images/Design/menu-bg.gif);
	margin:0px 0px 5px 0px;
}

#mnuMain li.mnuFirst{background-position:top center;}
#mnuMain li.mnuLast{background-position:bottom center;}

#mnuMain li ul {	/* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 160px;
	margin-top : -33px;
	background:#fff none;
	border:1px solid #ccc;
	z-index:100;
	width:160px;
}

#mnuMain li ul li{
	position : relative;
	float : left;
	background-repeat: no-repeat;
	background-position: center center;
	background: #ffffff;
   /*background-image:url(../Images/Design/menu-bg.gif);*/
	margin:0px 0px 2px 0px;
}


#mnuMain li a
{
	color:#17469D;
	width:144px;
	display:block;
	text-decoration:none;
	padding:10px 4px 10px 10px;
	border-right:2px solid #ffffff;
}

#mnuMain li ul li a
{
	padding:8px 2px 8px 10px;
}

#mnuMain li a:hover
{
	background-image:url(../Images/Design/menu-bg-hover.gif);
	text-decoration:underline;
	background-position:center center;
}

#mnuMain li.mnuFirst a:hover{background-position:top center;}
#mnuMain li.mnuLast a:hover{background-position:bottom center;}

#mnuMain li ul li a
{
	background-image:none
}

 #mnuMain li ul li a:hover{
   background-image: none;
}
	
#mnuMain li:hover ul ul, #mnuMain li:hover ul ul ul, #mnuMain li.sfhover ul ul, #mnuMain li.sfhover ul ul ul {
	left: -999em;
}

#mnuMain li:hover ul, #mnuMain li li:hover ul, #mnuMain li li li:hover ul, #mnuMain li.sfhover ul, #mnuMain li li.sfhover ul, #mnuMain li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#helpSubNav {width:550px; height:15px; vertical-align:middle; font-weight: bold;}
#helpSubNav ul {display:inline; padding:0px; margin:0;}
#helpSubNav li {display:inline;}

#helpSubNav li a {
  font-size:12px;
  margin : 0px;
  padding : 1px 5px 1px 5px; 
  font-weight : bold; 
  float : left; 
  color : #17469D; 
  text-decoration : underline;
  border-right:1px solid #17469D;
}


.inTouchlinks {width:515px; vertical-align:middle; }
.inTouchlinks ul {display:inline; padding:0px; margin:0;}
.inTouchlinks li {display:inline;float: left;margin: 0; padding : 10px 15px 10px 19px; width:135px;}

.inTouchlinks li a {
  font-size:12px;
  font-weight : bold; 
  float : left; 
  color : #17469D; 
  float: left;
}

.inTouchLinks li, img {border:0;}

/* ----------------------------------------------------------------------------------------------- admin menu classes */
.mnuAdminContainer
{
	margin-top:10px;
	float:left;
	background:url(../Images/Design/menu-bg-hover.gif) top center;
}

.mnuAdmin
{
	list-style-type:none;
	padding:0px;
	margin:5px 0px 0px 0px;
}

.mnuAdmin li a
{
	color:#17469D;
	width:150px;
	display:block;
	padding:5px 0px 5px 10px;
	text-decoration:none;
}

.mnuAdmin li a:hover
{
	text-decoration:underline;
}

.admMenuUserName
{
	font-size:9px;
	padding:10px 10px 0px 10px;
	color:#999;
	height:40px;
	line-height:15px;
	width:140px;
	background:url(../Images/Design/menu-bg-hover.gif) bottom center;
}

/* ------------------------------------------------------------------------------------------ content area classes */
#content
{
	float:left;
}

.conAreaBg
{
	width:571px;
	background:url(../Images/Design/content-bg-full.gif) no-repeat top right;
}

.conAreaMid
{
	margin:0px 20px 0px 20px;
	min-height:400px;
	line-height:18px;
}

.conAreaBottom
{
	clear:both;
	height:20px;
	width:571px;
	background:url(../Images/Design/content-bg-full.gif) no-repeat bottom right;
	margin-bottom:12px;
}

.flashContainer {
	z-index:-1;
	margin:0 0 -1px 0;
}

.staff
{
	clear:both;
}

.staff img
{
	float:left;
	text-align:left;
	width:100px;
	height:100px;
	margin:0px 10px 10px 0px;
}

.highlight
{
	color:#cc0000;
}

.spacedList li{margin:10px 0px 10px 0px;}
.ulAddress{list-style-type:none; margin-left:0px; padding-left:0;}
.ulAddress .liAddressDropped{margin-top:10px;}
.ulAddress li {display: list-item;}
.ulRoman{list-style-type:lower-roman;}

.productsUl {margin:0 0 0 15px; padding:0 0 20px 0;}
.productsUl li {display: list-item;}

.contact {line-height: 25px;}

.ProductsListLeft {
   float: left;
   width:210px;
}

.ProductsListLeft ul {
   margin:0 0 0 -10px;
}

.ProductsListLeft li {
    border-bottom:1px solid #cccccc;
    display: list-item;
}

.ProductsListRight {
   float: left;
   width:210px;
}

.ProductsListRight ul {
   margin:0 0 0 0;
}

.ProductsListRight li {
    border-bottom:1px solid #cccccc;
    display: list-item;
}

#linksLeft {
   float: left;
   text-align: left;
   width:100%;
   margin-right:20px;
}

#linksLeft div {
   margin:5px 0 5px 0; 
   border-bottom:1px solid #ccc;
   float:left;
   clear:left;
   width:100%;
}

#linksLeft a{
	display:block;
	margin:0px 0 10px 5px;
	width:100%;
	float:left;
}

#linksLeft img{
	float:left;
	width:138px;
	height:60px;
}

#linksLeft p {
   margin:20px 0px 0px 100px;
   float:left;
}

#linksLeft p span{
	display:block;
	font-size:10px;
	line-height:15px;
}

/* --------------------------------------------------------------------------------------------- Home page specific classes */
#HomeTextRight {
   text-align: right;
}

#HomeTextRight ul {
   text-align:left;
   margin:12px 0 12px 285px;
   padding:0;
}

#HomeTextRight li {
   padding-bottom:6px;
}

/* --------------------------------------------------------------------------------------------- Page pods classes */
.podPanel
{
	
	width:236px;
	height:162px;
	float:left;
	margin:0 5px -10px 10px;
	color: #ffffff;
	font-size:17px;
	background:url(../Images/Design/img-pod-bg2.jpg) no-repeat;
   	display: block;
	cursor:pointer; 
}

a.podPanel {text-decoration: none;}
.podPanelTitle {width:200px;margin:10px 0 0 10px;float:left;color: #ffffff;}
.podPanelInner {width: 236px; height: 141px; background: no-repeat;}

.leftPodPanelImage {background: url(../Images/Design/img-flexibilitychoicepod.jpg) no-repeat left bottom; display: block;}
.centerPodPanelImage {background: url(../Images/Design/img-coverchoicepod.jpg) no-repeat left bottom; display: block;}
.rightPodPanelImage {background: url(../Images/Design/img-servicechoicepod.jpg) no-repeat left bottom; display: block;}

.podPanelText {width:118px;margin:10px 0 0 120px;font-size:13px;color: #ffffff; float: left;}


#eliteAd {
   float: left;
   margin:10px 0 0 8px;
   padding:0;
}


/* --------------------------------------------------------------------------------------------- Product pods classes */
.productPodPanel
{
   color: #ffffff;
	font-size:17px;
   float:left;
   width:170px;
   height:142px;
   margin-right:6px;
   background:url(../Images/Design/img-productPod-bg.jpg) no-repeat;
   display: block;
   cursor: pointer; 
}

a.productPodPanel {text-decoration: none;}
.productPodPanelTitle {width:120px;margin:10px 0 0 10px;float:left;color: #ffffff;}
.productPodPanelInner {width: 170px; height: 141px; background: no-repeat bottom left; color: #ffffff; text-decoration: none;}

.leftProductPodPanelImage {background: url(../Images/Design/img-chancelpod.jpg) no-repeat left bottom; display: block;}
.centerProductPodPanelImage {background: url(../Images/Design/img-contaminatedpod.jpg) no-repeat left bottom; display: block;}
.rightProductPodPanelImage {background: url(../Images/Design/img-onsitepod.jpg) no-repeat left bottom; display: block;}

.leftCoverPodPanelImage {background: url(../Images/Design/img-elitepod.jpg) no-repeat left bottom; display: block;}
.centerCoverPodPanelImage {background: url(../Images/Design/img-oncovercompod.jpg) no-repeat left bottom; display: block;}
.rightCoverPodPanelImage {background: url(../Images/Design/img-packpod.jpg) no-repeat left bottom; display: block;}

/* ------------------------------------------------------------------------------------------ News Article classes */
.newsList{clear:both;}
.newsList dl{}
.newsList dt{margin:10px 0px 0px 0px;}
.newsList dt a{font-size:12px; font-weight:bold;}
.newsList dd{padding:0px; margin:0px;}


/* --------------------------------------------------------------------------------------------------- FAQ classes */
.faqsList{clear:both;}
.faqsList dl{}
.faqsList dt{}
.faqsList dd{padding:0px; margin:0px;}


/* ----------------------------------------------------------------------------------------- Internet Link classes */
.linkList{clear:left;float:left;}
.linkList div{clear:left; float:left;margin:5px 0px 0px 0px;width:530px;}
.linkList img{margin:0px 10px 0px 0px;border:1px solid #ccc; padding:5px;}

/* ----------------------------------------------------------------------------------------- Internet Link classes */
.tstList{clear:both;}
.tstList ul
{
	list-style-type:none;
	margin:0px;
}

/* ------------------------------------------------------------------------------------------------ Footer classes */
#ftr
{
	clear:both;
	margin:0px 10px;
	font-size:9px;
	color: #333333;
	height:100px;
	border-top:1px dashed #ccc;
}

.ftrPanel
{
	float:left;
}

.ftrPanelLeft {width:265px;margin-top:10px;}
.ftrPanelCenter {width:245px;margin:10px 15px 0px 10px;}
.ftrPanelRight{text-align:right; width:200px;}  /* remove width if Law Society logo is to be used */
.ftrPanelRight img {margin:15px 0px 0px 5px;}

#ftr a
{
	color:#333;
	text-decoration:none;
}


/* ------------------------------------------------------------------------------------------------ Round Content Box classes */

.t {background: #F5F9FB url(../Images/Design/dot.gif) 0 0 repeat-x; width: 350px;margin-top:10px; float: left;}
.b {background: url(../Images/Design/dot.gif) 0 100% repeat-x}
.l {background: url(../Images/Design/dot.gif) 0 0 repeat-y}
.r {background: url(../Images/Design/dot.gif) 100% 0 repeat-y}
.bl {background: url(../Images/Design/bl.gif) 0 100% no-repeat}
.br {background: url(../Images/Design/br.gif) 100% 100% no-repeat}
.tl {background: url(../Images/Design/tl.gif) 0 0 no-repeat}
.tr {background: url(../Images/Design/tr.gif) 100% 0 no-repeat; padding:10px} 


/* ------------------------------------------------------------------------------------------------------------ AJAX classes */
.cpeHyperLink
{
	height:20px;
	background:url(../Images/Design/icon_next.gif) no-repeat left center;
	padding-left:16px;
	cursor:pointer;
	color: #17469D;
	text-decoration:underline;
}

.faqsListAjax{
	margin-top:-10px;
}

.ajaxAccTitle, .ajaxAccTitleSelected{
	border-top:10px solid transparent;
}

.ajaxAccTitleInner
{
	font-size:12px;
	text-decoration:none;
	cursor:pointer;
	border:1px solid #ccc;
	background-color:#E8E9F5;
	background-repeat: no-repeat;
	background-position: 500px 4px;   /* Adjust this (x y) to fix spacing of image within the line */
}

.ajaxAccTitle .ajaxAccTitleInner{
	background-image: url(/images/design/expand.gif); /* Point to your plus img */
}


.ajaxAccTitleSelected .ajaxAccTitleInner{
	background-image: url(/images/design/collapse.gif); /* Point to your minus img */
}

.ajaxAccTitleInner h2{
	margin:2px;
	width:500px;
}

.ajaxAccBody{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	padding:5px;
}


/* ------------------------------------------------------------------------------------------------------------ Nightmare country classes */

.caseStudyOuter {
   width:320px;
   margin:0;
}

.caseStudy{
	width:300px;
	border-bottom:1px solid #ccc;
}

.caseStudy h3{
	background-repeat:no-repeat;
	background-position:left center;
}

.caseStudyRgions{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	height:40px;
}

.caseStudyRgions li{
	float:left;
}

.caseNew h3{
	padding-left:35px;
	background-image:url(/Images/Design/marker_new.gif);
}

.caseUpdated h3{ 
	padding-left:55px;
	background-image:url(/Images/Design/marker_updated.gif);
}

.summerSale {
   background:url(/Images/Design/img-sale-bg.gif) top left no-repeat; 
   padding:16px 0 0 28px;
   line-height:22px;
   margin:0;
   width:551px; 
   height:103px;
}

.summerSale strong { color:#990000; }