/* CSS Document */
/*Header*/
html {
  height:100%;
}
body {
  padding: 0;
  margin: 0; auto;
  position:relative;
  min-height: 100%;
  font-family:arial;
  font-size:12px;
  background: #FFFFFF;
  }
h2{
  font-family:arial;
  font-size:17px;
  margin:14px 0;
}
h3{
  font-family:arial;
	font-size:14px;
	margin:16px 0;
}
table, p{
  font-family:arial;
  font-size:12px;
}

a{
	color:#3B557B;
	font-family:Arial;
}

img{
	border: 0;
}
*html body {
  height:100%;
  }
#UpdateInner{
	width:100%;
  height: 36px;
  background: url('../images/body.jpg') top left repeat-x;
}
#Update {
  width: 955px;
  height: 36px;
  }
#Banner{
  width: 955px;
}
#UpdateL {
  float: right;
  margin-top: 5px;
  }
#UpdateL p {
  padding: 0;
  margin: 0;
  }
.updatetext {
  font-family: Arial;
  font-size: 12px;
  color: #315e84;
  padding-left: 5px;
  padding-right: 4px;
  }
#HeaderContainer {
  width: 955px;
  height: 101px;
  margin-top: 30px;
  }
#LogoImage {
  float: left;
  margin-left: 10px;
  }
#LogoText {
  float: left;
  padding-bottom: 10px;
  }
#menuContainer {
  clear: both;
  width: 951px;
  height: 45px;
  background: url('../images/menuback.png') top left no-repeat;
  }
#menuContainer ul {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-left: 10px;
  }
#menuContainer ul li {
  background:  url('../images/separator.png') top right no-repeat; 
  padding: 0;
  margin:0;
  float: left;
  text-align: center;
  font-weight: normal;
  }
#menuContainer ul li a {
  text-decoration : none;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 12px;
  }
#menuContainer ul li.unactive {
  padding-top: 15px;
  }

#menumiddle {
  background:   url('../images/menumiddle.png') no-repeat;
  height:35px;
  line-height: 35px;
  margin-top: 5px;
  margin-left: 3px;
  }
#MainContainer {
  clear: both;
  width: 951px;

  }
#LeftContainer {
  clear: both;
  width: 643px;
  float: left;
  margin-top: 10px;
  text-align:left;
  }
#LeftContainer a{
	color:#3B557B;
	font-family:Arial;
	font-weight:bold;
}
#middlegrey {
  background: url('../images/middlegrey.jpg') no-repeat;
  float: left;
  text-align: center;
  height: 42px;
  width: 192px;
  }
#middlegrey h3 {
  padding: 0;
  margin: 0;
  font-family: Arial;
  font-size: 17px;
  color: #394042;
  padding-top: 13px;
  padding-left: 15px;
  padding-right: 15px;

  }
#occ {
  clear: both;
  width: 642px;
  height: 280px;
  margin-left:1px;
/*  background: url('../images/occ.jpg') top left no-repeat;*/
  text-align: left;
  }
#occ h3 {
  padding: 0;
  margin:0;
  /*padding-top: 195px;*/
  padding-left: 20px;
  font-family: Arial;
  font-size: 21px;
  font-weight: normal;
  color: #ffffff;
  }
#occ p {
  padding: 0;
  margin: 0;
  padding-left: 22px;
  font-family: Arial;
  font-size: 12px;
  color: #ffffff;
  }
#occ img {
	border:0;
}
#occ a {
	display: block;
	padding-top:5px;
}
#LeftText {
  float: left;
  width: 304px;
  margin-top: 15px;
  border-right: 1px solid #dbdbdb;
  }
#RightText {
  float: left;
  margin-top: 15px;
  margin-left: 20px;
  }
#greyleft {
  float: left;
  width: 8px;
  height: 37px;
  background: url('../images/greyleft.jpg') top left no-repeat;
  }
#greyright {
  float: left;
  width: 8px;
  height: 37px;
  background: url('../images/greyright.jpg') top right no-repeat;
  }
#greymiddle {
  background: url('../images/greymiddle.jpg');
  float: left;
  height: 37px;
  }
#greymiddle h3 {
  padding: 0;
  margin: 0;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  color: #394042;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  }
.text {
  padding: 0;
  margin: 0;
  width: 281px;
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 18px;
  }
 .rssTitle {
  padding: 0;
  margin: 0;
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  padding-top: 10px;
  line-height: 18px;
  font-weight: bold;
  }
.text-link {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #3b557b;
  }
#RightContainer {
  float: right;
  margin-top: 15px;
 /* margin-left: 10px;*/
  width: 301px;
  }
#RightTop h4 {
  padding: 0;
  margin: 0;
  padding-top: 12px;
  padding-right: 150px;
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  color: #394042;
  }
 #RightContent{
	margin:40px 20px 20px;
/*	text-align:left;*/
}
#RightTop {
      width: 306px;
      background: url('../images/motavatop.jpg') top left no-repeat;
}
#RightMiddle {
      width: 306px;
     background: url('../images/motavamiddle.jpg') top left repeat-y;
      
      }
#RightBottom {
      width: 306px;
      min-height: 517px;
      _height: 517px;
     background: url('../images/motavabottom.jpg') bottom left no-repeat;
      }
#Moo {
  margin-top: 20px;
  }
#Mootext {
  text-align: left;
  margin-left: 25px;
  }
#Mootext h3 {
  padding: 0;
  margin: 0;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #565656;
  }
#Mootext p {
  padding: 0;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Arial;
  font-size: 12px;
  color: #565656;
  width: 250px;
  line-height: 15px;
  }
#Mootext a {
  font-family: Arial;
  font-size: 12px;
  color: #26547c;
  }
#Ipnote {
  margin-top: 30px;
  }
#archor {
  clear: both;
  width: 951px;
  height: 35px;
  border-bottom: 1px solid #e1e1e1;
  }
#archor_footer {
  clear: both;
  width: 951px;
  height: 70px;
  /*border-bottom: 1px solid #e1e1e1;*/
  }
#Footer {
  width: 951px;
  }
#Privacy {
  float: left;
  padding-top: 10px;
  padding-left: 5px;
  }
#Privacy p {
  padding: 0;
  margin: 0;
  font-family: Arial;
  font-size: 12px;
  color: #a1a1a1;
  }
#footerMenu {
  float: right;
  padding-top: 10px;
 }
#footerMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
#footerMenu ul li {
  float: left;
  padding-left: 30px;
  }
#footerMenu ul li a {
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  color: #929292;
  }
p{
	margin: 0;
	padding:0;
}

#RightContent h3{
	color:#565656;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	/*width:250px;*/
}

#RightContent p{
	color:#565656;
	font-family:Arial;
	font-size:12px;
	line-height:15px;
	margin:0;
	padding:5px 0;
/*	width:250px;*/
	text-align:left;
}

#RightContent a{
	color:#26547C;
	font-family:Arial;
	font-size:12px;
}

#siteMap ul{
	list-style-type:none;
}

#siteMap a{
	color:#26547C;
	font-family:Arial;
}

.withBackground{
	background: url('../images/service_bkgr_header.jpg') top left no-repeat;
	padding:0 10px;
}
.blueTable{
	background-color: rgb(213, 231, 235);
}
.blueTableTL{
	font-size:1px;
	height: 7px;
	width: 8px;
	background: url('../images/blueCornerTL.jpg') top left no-repeat;
}
.blueTableTR{
	font-size:1px;
	height: 7px;
	width: 9px;
	background: url('../images/blueCornerTR.jpg') top left no-repeat;
}
.blueTableBL{
	font-size:1px;
	height: 9px;
	width: 8px;
	background: url('../images/blueCornerBL.jpg') top left no-repeat;
}
.blueTableBR{
	height: 9px;
	font-size:1px;
	width: 9px;
	background: url('../images/blueCornerBR.jpg') top left no-repeat;
}
.blueTableTBM{
	font-size:1px;
}
.r_box {
   background: #dddddd;
   /*width: 650px;*/
}
.r_top div {
   background: url(../images/r_tl.png) no-repeat top left;
}
.r_top {
   background: url(../images/r_tr.png) no-repeat top right;
}
.r_bottom div {
   background: url(../images/r_bl.png) no-repeat bottom left;
}
.r_bottom {
   background: url(../images/r_br.png) no-repeat bottom right;
}

.r_top div, .r_top, 
.r_bottom div, .r_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.r_content { 
margin: 0 20px;
padding-top: 50px; 
}

.pricetable {
    width: 100%;
    font-size: 12px;
}

.pricetable th {
    text-align: ledt;
    background: #CCCCCC;
    height: 23px;
    padding-left: 4px;
}

.pricetable td {
    text-align: left;
    height: 23px;
    padding-left: 4px;
}


/****------------------------------Tabs--------------------*******/
div.tabs {
background: #FFFFFF;
padding: 1em;
}

div.container { 
margin: auto; 
width: 90%; 
margin-bottom: 10px;
}

ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}

ul.tabNavigation li {
display: inline;
text-align: center;
}

ul.tabNavigation li a {
background: url(../images/tabinactive.jpg) top left no-repeat;
display: inline-block;
padding: 10px 30px;
width: 120px;
height: 15px;
text-decoration: none;
position: relative;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
background: url(../images/tabactive.jpg) top left no-repeat;
display: inline-block;
padding: 10px 30px;
width: 120px;
height: 15px;
position: relative;
}

ul.tabNavigation li a:hover {
background: url(../images/tabactive.jpg) top left no-repeat;
display: inline-block;
padding: 10px 30px;
width: 120px;
height: 15px;
color: #000;
position: relative;
}

ul.tabNavigation li a:focus {
outline: 0;
}

div.tabs div {
padding: 9px;
margin-top: -1px;
border-top: 1px solid #CACBCE;
background: #FFFFFF;
}

div.tabs div h2 {
margin-top: 0;
}