@charset "utf-8";

*{
  margin: 0;
  padding: 0;
}

body {
  background: #e0dcdc;
  font: 11px/150% normal Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  word-spacing: normal;
  letter-spacing: 0px;
  line-height: 17px;
  color: #000000;
}

.white{
  background: #fff;
}

img {
  border: 0 none;
  border-collapse: collapse;
}

h1 {
  display: block;
  margin: 0px;
}

h1 {
  display: block;
  margin: 0px;
}

h2 {
  display: block;
  margin: 0px;
}

h4 {
  display: block;
  margin: 0px;
}

.floatleft{
  float: left;
}

.floatright{
  float: right;
}

.clear{
  clear: both;
}

.alignright{
  text-align: right;
}
/*-----------------GENERAL--------------*/

#main {
  background: #FFFFFF;
  margin: 0 auto;
  width: 850px;
}

td {
  text-align: justify;
  letter-spacing: 1px;
}
/*-----------------Header part--------------*/

#header {
  height: 110px;
  overflow: hidden;
  margin-bottom: 10px;
}

.logo {
  float: left;
  padding: 30px 0 0 15px;
}

.logotext {
  float: right;
  margin: 50px -62px 0 0;
}

.iconrighttop{
  float: right;
  margin: 8px 22px 0 0;
}

.iconrighttop img{
  padding: 0 0 0 6px;
}
/*-----------------Menu part--------------*/

.navmid{
  width: 842px;
  height: 33px;
  background: transparent url(../images/nav_bg.jpg) repeat-x scroll center top;
  margin-bottom: 2px;
  overflow: hidden;
  margin: 0 auto;
}

.navleft{
  background: transparent url(../images/nav_left.jpg) no-repeat scroll left top;
}

.menu{
  background: transparent url(../images/nav_right.jpg) no-repeat scroll right top;
  padding: 16px 5px 0 10px;
}

.menu {
  margin: 0 0 8px;
  padding: 4px 0 17px;
}

.menu ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 -13px 0 -8px;
  overflow: hidden;
  width: 100%;
}

.menu ul li {
  background: transparent url(../images/ver.gif) no-repeat scroll 0 8px;
  float: left;
  margin: 0 0 0 12px;/*For distance adjustment*/
  overflow: hidden;
  padding: 0 9px;
}

.menu ul li a {
  cursor: pointer;
  display: block;
  float: left;
  height: 24px;
  overflow: hidden;
  text-decoration: none;
}

.menu ul li a {
  color: #2A2929;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.menu ul li a span {
  display: block;
}

.menu ul li a span span {
  padding: 4px 12px 10px 11px;
}

.menu ul li a:hover {
  background: transparent url(../images/menu-bg.gif) repeat-x scroll 0 0;
  color: #fff;
}

.menu ul li a:hover span {
  background: transparent url(../images/menu-left.gif) no-repeat scroll 0 0;
}

.menu ul li a:hover span span {
  background: transparent url(../images/menu-right.gif) no-repeat scroll right 0;
}

.menu ul li.current_page_item a {
  background: transparent url(../images/menu-bg.gif) repeat-x scroll 0 0;
}

.menu ul li.current_page_item a span {
  background: transparent url(../images/menu-left.gif) no-repeat scroll 0 0;
}

.menu ul li.current_page_item a span span {
  background: transparent url(../images/menu-right.gif) no-repeat scroll right 0;
}

.menu ul li.current_page_item a {
  background: transparent url(../images/menu-bg.gif) repeat-x scroll 0 0;
}

.menu ul li.current_page_item a span {
  background: transparent url(../images/menu-left.gif) no-repeat scroll 0 0;
  color: #fff;
}

.menu ul li.current_page_item a span span {
  background: transparent url(../images/menu-right.gif) no-repeat scroll right 0;
}
/*-----------------Links part--------------*/

.greenbold_nounder, a.greenbold_nounder:link {
  font: bold 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greenbold_nounder:visited {
  font: bold 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greenbold_nounder:hover {
  font: bold 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

.greenbold_under, a.greenbold_under:link {
  font: bold 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greenbold_under:visited {
  font: bold 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greenbold_under:hover {
  font: bold 11px Verdana;
  color: #03754e;
  text-decoration: underline;
  letter-spacing: 0;
}

.greennormal_nounder, a.greennormal_nounder:link {
  font: normal 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greennormal_nounder:visited {
  font: normal 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greennormal_nounder:hover {
  font: normal 11px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

.greennormal_under_9, a.greennormal_under_9:link {
  font: normal 9px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greennormal_under_9:visited {
  font: normal 9px Verdana;
  color: #03754e;
  text-decoration: none;
  letter-spacing: 0;
}

a.greennormal_under_9:hover {
  font: normal 9px Verdana;
  color: #03754e;
  text-decoration: underline;
  letter-spacing: 0;
}

.blackbold_nounder, a.blackbold_nounder:link {
  font: bold 11px Verdana;
  color: #49494c;
  text-decoration: none;
  letter-spacing: 0;
}

a.blackbold_nounder:visited {
  font: bold 11px Verdana;
  color: #49494c;
  text-decoration: none;
  letter-spacing: 0;
}

a.blackbold_nounder:hover {
  font: bold 11px Verdana;
  color: #49494c;
  text-decoration: none;
  letter-spacing: 0;
}

.blackbold_under, a.blackbold_under:link {
  font: bold 11px Verdana;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
}

a.blackbold_under:visited {
  font: bold 11px Verdana;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
}

a.blackbold_under:hover {
  font: bold 11px Verdana;
  color: #000000;
  text-decoration: underline;
  letter-spacing: 0;
}

.blacknormal_nounder, a.blacknormal_nounder:link {
  font: normal 11px Verdana;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
}

a.blacknormal_nounder:visited {
  font: normal 11px Verdana;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
}

a.blacknormal_nounder:hover {
  font: normal 11px Verdana;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
}

.blacknormal_under, a.blacknormal_under:link {
  font: normal 11px Verdana;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
}

a.blacknormal_under:visited {
  font: normal 11px Verdana;
  color: #000000;
  text-decoration: none;
  letter-spacing: 0;
}

a.blacknormal_under:hover {
  font: normal 11px Verdana;
  color: #000000;
  text-decoration: underline;
  letter-spacing: 0;
}

.dotted_18, a.dotted_18:link {
  font: normal 18px Verdana;
  color: #a7a5a5;
  text-decoration: none;
  letter-spacing: 0;
}

a.dotted_18:visited {
  font: normal 18px Verdana;
  color: #a7a5a5;
  text-decoration: none;
  letter-spacing: 0;
}

a.dotted_18:hover {
  font: normal 18px Verdana;
  color: #a7a5a5;
  text-decoration: none;
  letter-spacing: 0;
}
/*-----------------List part--------------*/

.bullet ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.bullet li {
  background: transparent url(../images/tick-arrow.jpg) no-repeat scroll 4px 5px;
  padding: 0 0 0 37px;
}

.arrow ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.arrow li {
  background: transparent url(../images/acc-arrow.png) no-repeat scroll 4px 5px;
  padding: 0 0 15px 27px;
}


/*-----------------Content part--------------*/

#midcontent{
  height: 232px;
  background: transparent url(../images/contentbg.gif) no-repeat scroll center top;
  overflow: hidden;
  margin: 0 auto;
  padding: 18px 45px 10px;
}
/*-----------------New addedt--------------*/

.textmatterdiv{
  width: 763px;
  height: 200px;
}

.welcomeleft{
  float: left;
  width: 379px;
  height: 200px;
  background: url(../images/vertiline.jpg) no-repeat scroll right top;
}

.welcomeleft h1.welcomeimg{
  background: transparent url(../images/welcometext-n.gif) no-repeat scroll left top;
  height: 30px;
  margin-left: 7px;
  text-indent: -9999px;
  width: 175px;
}

.text img{
  float: right;
  margin: 0 10px 10px 10px;
}

p{
  text-align: justify;
  letter-spacing: 1px;
}

.content1{
  margin-top: 10px;
}

.caseright{
  width: 383px;
  float: left;
}

.caseright h1.casestudyimg{
  background: transparent url(../images/case-text-head-n.gif) no-repeat scroll left top;
  height: 30px;
  margin-left: 7px;
  text-indent: -9999px;
  width: 175px;
  float: left;
}

.rightlink{
  float: right;
}

.caseright img{
  float: left;
  margin: 0 10px 0 15px;
}

.caseright p{
  margin-left: 88px;
  width: 262px;
}

#innercontent{
  width: 825px;
  margin: 0 auto;
}

.pageheading{
  background: transparent url(../images/headertextbg.jpg) repeat-x scroll left top;
  height: 42px;
  padding: 10px 0 0 16px;
}
/*-----------------Text Sizes part--------------*/

.greentext11{
  font: 11px/150% normal Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 17px;
  color: #03754e;
}

.greentextbold11{
  font: 11px bold Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  color: #03754e;
}

.redtextbold11{
  font: 11px bold Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  color: #ff0000;
}

.graytextbold10{
  font: 11px bold Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  color: #5d5c5c;
}

.greentextbold12{
  font: 12px bold Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  color: #fff;
}
/*-----------------Questions  part--------------*/

.questionarea{
  width: 615px;
  border: 4px solid #00a96f;
  padding: 30px 20px;
  background: #ffffff;
}
/*-----------------Footer part--------------*/

#footer{
  border-top: 6px solid #00a96f;
  padding: 10px 15px 0;
  height: 65px;
}

.bottomlinks a{
  padding: 0 10px;
}
/*-----------------General--------------*/

.cleaner_with_height {
  clear: both;
  font-size: 1px;
  height: 10px;/*specify height to increse height*/
  width: 100%;
}

.cleaner_with_divider {
  border-bottom: 1px solid #bcbaba;
  clear: both;
  font-size: 1px;
  height: 15px;
  margin-bottom: 25px;
  width: 100%;
}

.textfield {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #c3c3c3;
  border-right-color: #c3c3c3;
  border-bottom-color: #c3c3c3;
  border-left-color: #c3c3c3;
  width: 170px;
  height: 15px;
  background: url(../images/textbox-bg.jpg) repeat-x;
  padding-left: 4px;
  padding-top: 3px;
}

.textarea1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
  text-decoration: none;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #c3c3c3;
  border-right-color: #c3c3c3;
  border-bottom-color: #c3c3c3;
  border-left-color: #c3c3c3;
  width: 170px;
  height: 75px;
  padding-left: 5px;
  background: url(../images/textareabg.jpg) repeat;
}
/*-----------------Lightbox part--------------*/

.questionarea{
  width: 612px;
}

.bannerimg{
  background: url(../images/banner-blank.jpg) no-repeat scroll left top;
  height: 416px;
}

.q01{
  padding: 73px 0 0 286px;
}

.q02{
  padding: 1px 0 0 246px;
}

.q03{
  padding: 17px 0 0 201px;
}

.q04{
  padding: 17px 0 0 176px;
}

.q05{
  padding: 20px 0 0 151px;
}

.q06{
  padding: 25px 0 0 133px;
}

.q07{
  padding: 20px 0 0 122px;
}
/*-----------------Case studies fading  part--------------*/

.fadecontentwrapper{/* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
  position: relative;
  width: 360px;
  height: 150px;/* Set height to be able to contain height of largest content shown*/
  overflow: hidden;
  z-index: 1;
}

.fadecontent{/*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
  background: url(../images/casebg.jpg) repeat-x scroll left top;
  padding: 10px;
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}

.fadecontenttoggler{/*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
  width: 350px;
  border-top-width: 0;
  overflow: hidden;
  float: right;
}

.fadecontenttoggler a{/*style for every navigational link within toggler */
  text-decoration: none;
  padding: 0 5px;
  float: left;
  display: block;
  font-weight: bold;
  color: black;
}

.fadecontenttoggler a:hover{}

.fadecontenttoggler a.toc{/*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{/*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
  color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
  color: white;
}

.fadecontenttoggler a.selected{/*style for selected page's toggler link. ".selected" class auto generated! */
  background: #C03021;
  color: white;
}