/* CSS Document */
body { margin:0; padding:0; background:url("../images/shaddowbg.png") repeat-y scroll 50% 0 #999;}
p {
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
	text-align:left;
}
h1 {
	margin:0px;
	padding:0px;
}
h2 {
	margin:0px;
	padding:0px;
}
h3 {
	margin:0px;
	padding:0px;
}
div {
	padding:0px;
	margin:0px;
}
fieldset {
	border:0px;
}
a {
	outline:none;
	color:#00192F;
	font-weight:bold;
}
a:visited {
	color:#00192F;
}
a:hover {
	color:#00264c;
}
#maincontainer {
	width:100%;
}
#container {
	width: 864px;
	/*background: #dbdcde url(../images/bg.png) repeat-x scroll 0 100%;*/
	background: #fff url(../images/bg.jpg) repeat-x scroll 0 0; /* --- changed by Adriana 20.06 --- */
	overflow: hidden;
	padding-bottom: 52px
}
#innercontainer {
	/*width:776px;*/
	width:864px;  /* --- changed by Adriana 20.06 --- */
	padding-bottom:10px;
}
#banner {
	background:#fff url(../images/home_banner.jpg) no-repeat scroll 0% 0% !important; /* --- background color added by Adriana 20.06 --- */
	/*width:771px;*/
	width:864px; /* --- changed by Adriana 20.06 --- */
	height:126px
}
#banner a:hover {
	text-decoration: underline
}
#logocontainer {
	float:right;
	text-align:left;
	width:392px;
	padding-top:12px
}
.topmenufont {
	font-family:Arial;
	font-size:11px;
	color:#6B6F75
}
.spacerpadding {
	padding-left:9px;
	padding-right:9px
}
#logo {
	background:url(../images/logo.png) no-repeat scroll 0 0 !important; /* --- background changed by Adriana 01.07 --- */
	width:277px;
	height:50px;
	margin-top:20px;
	/*margin-left:25px*/
	margin-left:5px
}
#menubg {
	background:url(../images/menubg.jpg) repeat-x scroll 0% 0%;
	height:37px;
	/*width:771px;*/
	width:864px; /* --- changed by Adriana 20.06 --- */
}
.menufont {
	font-family:Arial;
	font-size:14px;
	color:#FFFFFF;
	padding:13px 0px 8px 0px;
}
.menufont a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	padding:11px 10px 8px 10px;
}
.menufont a:visited {
	color:#FFFFFF;
}
.menufont a:hover {
	background-image:url(../images/menu_rollover.gif);
	background-repeat:repeat-x;
}
.menufont a.selected {
	background-image:url(../images/menu_rollover.gif);
	background-repeat:repeat-x;
}
span.menupadding {
	padding:0px 0px 0px 45px;
}
ul.menuVert {
  position: absolute;
  visibility: hidden;
  background-color:#006;
}
.menuopt {
	padding: 5px 5px 5px 5px;
}
/* --- dropdown menu added by Adriana - 20.06 --- */
/* ---------------------------------------------
Keyboard accessible dropdown menu with superfish.js
see:  http://users.tpg.com.au/j_birch/plugins/superfish/
      http://www.adipalaz.com/accessible_ddmenu.html
------------------------------------------------ */
#ddmenu, #ddmenu * {margin: 0; padding: 0; list-style: none}

#ddmenu a{margin:0; padding: 11px 0.5em 8px; font: normal 14px arial, sans-serif; color:#fff}

#ddmenu a:link, #ddmenu a:visited {text-decoration:none}

/* --- TOP LEVEL MENU STYLES --- */
#menucontainer {float:right; position:relative; right:50%; margin:0; height:100%; z-index:10}

#ddmenu {float:left; position:relative; left:50%; margin:0; padding: 2px 0; z-index:10}

#ddmenu li {float:left; position:relative; margin-left:10px; text-align:center; list-style-type:none; white-space: nowrap}

#ddmenu li.first{margin-left:0}

#ddmenu.jsoff li a {display:block; width:9.02em}
#ddmenu li a {display:block; width:8.2em}

#ddmenu .selected {
	background-image:url(../images/menu_rollover.gif);
	background-repeat:repeat-x;
}
/* --- SUB MENU ITEMS --- */
#ddmenu li:hover {	visibility:	inherit;} /* fixes IE7 'sticky bug' */

#ddmenu li li {position:relative; margin-left:0; padding:0; background:#8a7055 none; border:1px solid #7c5f41; border-width:0 0 1px; white-space:normal; z-index:20} /* no width here */

#ddmenu li li a, #ddmenu li.sfhover li a {width:9.02em; padding:11px .4em 8px; border:1px solid #7c5f41; border-width:0 .1em;  background-color:#8a7055} 

#ddmenu ul > li {display:block; float:none}

/* --- SUB MENU FIRST LEVEL INITIAL POSITION --- */  

#ddmenu ul {position:absolute; left:-9999px; top:100%; width:10em; margin-left:0; z-index:15}

#ddmenu.jsoff ul {margin-left:0}

/*for modern browsers:*/
#ddmenu li > ul  {top:auto; width:auto}

/*for IE7 with js off:*/
*:first-child+html #ddmenu.jsoff ul  {width:8.3em}
*:first-child+html #ddmenu.jsoff ul li  {float:left; margin-bottom:0}
*:first-child+html #ddmenu ul li  {min-height:1px; margin-bottom:-1px}
/* --- SHOW FIRST LEVEL SUB MENU --- */

/*For ie6:*/
#ddmenu li.sfhover ul, #ddmenu li a:active ul {left:0; margin-left:0}

/* for modern browsers + IE7:*/
#ddmenu li:hover > ul, #ddmenu li.sfhover > ul,
#ddmenu li a:active > ul, #ddmenu li a:focus + ul {left:auto; visibility:visible}

/* --- SUB LEVEL positions for JavaScript  OFF - thanks http://css-class.com/articles/ursidae/ --- */ 
#ddmenu.jsoff ul {}
/* The focus position for submenu anchors */
#ddmenu.jsoff li li a:focus, #ddmenu.jsoff li li a:active { /* --- THE FOCUS POSITION FOR FIRST SUB MENU ANCHORS --- */
	position:relative; left:9999px;	top:0; z-index:21}

/* The hovered position for submenu anchors when the anchor is in focus */
#ddmenu.jsoff li:hover li a:focus, #ddmenu.jsoff li:hover li a:active { 
	position:relative; left:auto; top:0; margin-left:0}
	
/* --- Links styles --- */	
#ddmenu a:hover, #ddmenu a:focus, #ddmenu a:active, #ddmenu li.sfhover a {background:#6d4c2b url("../images/menu_rollover.gif") repeat-x}

#ddmenu li li a:link, #ddmenu li.sfhover li a:link,
#ddmenu li li a:visited, #ddmenu li.sfhover li a:visited {background:transparent none} 

#ddmenu li li a:hover, #ddmenu li li a:focus, #ddmenu li li a:active,
#ddmenu li.sfhover li a:hover, #ddmenu li li.sfhover a:active, #ddmenu li li.sfhover a:focus {background:#7c5f41 none}

/* --- Arrows --- */
#ddmenu a.sf-with-ul {
	padding-right: 1.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:	absolute;
	display: block;
	right: 1em;
	bottom: .75em;
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow:	hidden;
	background:	url('../images/arrows-ddmenu.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* Apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* --- Shadows for all but IE6 --- */
#ddmenu.sf-shadow ul {
	background:	url('../images/shadow-ddmenu.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
#ddmenu.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* --- end ddmenu --- */


#mainbodycontainer {
width: 820px;
overflow: hidden;
padding-top: 20px;
}
#mainbodycontainer p {
margin-bottom:12px;
}
/* TEST ourteam_CSS Replace  
#mainbodycontainer {
	width:770px;
	overflow:hidden;
	padding-top: 16px
}
*/
#mainbodycontainer .stepsContent p { /* --- added by Adriana - 20.06 --- */
margin: 0;
line-height:1.5 /* --- Added by Adriana- 02.09 --- */
}
#left {
	width:150px;
	float:left;
	padding: 0px 10px;
}
#middle {
	width:334px;
	float:left;
	text-align:left;
	padding-left:25px;
	padding-right:5px;
}
.font_blue{ font-family:Arial; font-size:12px; color:#366092;}

#fullWidthClients {
	width:507px;
	float:left;
	text-align:left;
	padding:0px 10px 0px 0px;
}
#fullWidthClients #positionOne, #fullWidthClients #positionTwo, #fullWidthClients #positionThree {
	position:relative;
	float:left;
	margin:0px 0px 5px 0px;
	clear:both;
}
div.clientImage {
	position:relative;
	float:left;
	margin:0px 10px 0px 0px;
}
#fullWidthClients div.content {
	position:relative;
	float:left;
	width:305px;
	margin:0px 0px 0px 0px;
	font-family:Arial;
	font-size:12px;
	color:#656A70;
}
#right {
	width:248px;
	float:left;
}
.border_btm {
	background:url(../images/brdr_btm.png) no-repeat scroll 0% 78%;
	width:150px;
	overflow:hidden;
	padding-bottom:12px;
}
.left_txt {
	font-family:Arial;
	font-size:12px;
	color:#464A4C;
	width:122px;
	text-align:left;
	float:left;
}
.left_txt a {
	color:#464a4c;
	font-weight:normal;
	text-decoration:none;
}
.left_txt a.selected {
	color:#e96f21;
}
.left_txt a:hover {
	color:#e96f21;
}
.left_arrow {
  background:url(../images/arrow.png) no-repeat scroll 100% 100%;
  width:25px;
  height:14px;
  float:left;
}
.hdr_txt {
	font-family:Arial;
	font-size:14px;
	color:#001A30;
	font-weight:bold;
	padding-bottom:10px;
}
.body_txt {
	font-family:Arial;
	font-size:12px;
	color:#656A70;
}
#istock_top {
	background:url(../images/box_top.png) no-repeat scroll 0% 0%;
	/* --- changed by Adriana - 01.09 --- */
	/*width:246px;*/
	width:200px;
	height:5px;
}
#istockbox_rep {
	background:url(../images/box_rep.png) repeat-y scroll 0% 0%;
	/* --- changed by Adriana - 01.09 --- */
	/*width:246px;*/
	width:200px
}
#istock_img {
	background:url(../images/istockphoto.jpg) no-repeat scroll 0% 0%;
	width:232px;
	height:269px;
}
#istock_bottom {
	background:url(../images/istockbox_btm.png) no-repeat scroll 0% 0%;
	/* --- changed by Adriana - 01.09 --- */
	/*width:246px;*/
	width:200px;
	height:15px;
}
#cc_top {
	background:url(../images/box_top.png) no-repeat scroll 0% 0%;
	width:246px;
	height:15px;
}
#phntxt {
	font-family:Arial;
	font-size:16px;
	color:#ED6915;
	font-weight:bold;
	padding-top:25px;
	float:left;
	width:115px;
}
#phnimg {
	background:url(../images/img_phone.png) no-repeat scroll 0% 0%;
	width:94px;
	height:80px;
	float:right;
}
#cc_bottom {
	background:url(../images/box_btm.png) no-repeat scroll 0% 0%;
	width:246px;
	height:15px;
}
#ccbox_rep {
	background:url(../images/box_rep.png) repeat-y scroll 0% 0%;
	width:246px;
}
#ccmiddle {
	background:url(../images/subbottom_bg.jpg) no-repeat scroll 0% 0%;
	background-position:bottom;
	width:236px;
	overflow:hidden;
}
#ccbox_Content{ width:211px; padding-left:14px;text-align:left;}

.font_brwn {
	font-family:Arial;
	font-size:12px;
	color:#6D4B26;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
}
.font_brown {
	font-family:Arial;
	font-size:16px;
	color:#6D4B26;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
}
.hdr_brown {
	font-family:Arial;
	font-size:16px;
	color:#6D4B26;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
}
.hdr_blue {
	font-family:Arial;
	font-size:16px;
	color:#366092;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
}
.font_orng {
	font-family:Arial;
	font-size:12px;
	color:#ED6915;
}
/*
#mainbodycontainer p{
margin:0px 0px 12px 0px;
}
*/
#positionOne h1, #positionTwo h1, #positionThree h1, #positionFour h1 {
	font-size:14px;
	color:#6d4c2b;
	font-weight:bold;
	margin:0px 0px 7px 0px;
}
.clear {
	clear:both;
}
/* --- an extra comma removed by Adriana 12.05.2010 --- */
/* Step Content Divs */
#mainbodycontainer #stepbox #steps,
#mainbodycontainer #stepbox #step1,
#mainbodycontainer #stepbox #step2,
#mainbodycontainer #stepbox #step3 {
  width: 770px;
	height: 350px;
	background-color:#999;
	position: relative;
	overflow: hidden;
	visibility: hidden;
}
/*
#stepbox { 
	width: 770px;
	height: 350px;
	background-color:#999;
	position: relative;
}
#steps { 
	width: 770px;
	height: 350px;
	background-color:#999;
	position: absolute;
}
#step1 { 
    width: 770px;
	height: 350px;
	background-color:#999;
	position: absolute;
}
#step2 { 
    width: 770px;
	height: 350px;
	background-color:#999;
	position: absolute;
}
#step3 { 
    width: 770px;
	height: 350px;
	background-color:#999;
	position: absolute;
}
*/

/*new cc*/

#newcc_top{ background:url(../images/newcctop.png) no-repeat scroll 0% 0%; width:246px; height:15px;}

#newccbox_rep{ background:url(../images/newccrep.png) repeat-y scroll 0% 0%; width:246px;}

#newccmiddle{ background:#EDEDED url(../images/newccshaddow.png) no-repeat scroll 0% 0%;  width:235px; overflow:hidden;}

#newcc_bottom{ background:url(../images/newccbot.png) no-repeat scroll 0% 0%; width:246px; height:15px;}

/*learn more*/

#lm_top{ background:url(../images/lmtop.png) no-repeat scroll 0% 0%; width:248px; height:15px;}

#lm_rep{ background:url(../images/lmrep.png) repeat-y scroll 0% 0%; width:248px;}

#lmmiddle{ background:url(../images/lmshaddow.png) no-repeat scroll 0% 0%;  width:238px; overflow:hidden;}

#lm_bottom{ background:url(../images/lmbot.png) no-repeat scroll 0% 0%; width:248px; height:22px;}

#lmcontainer{ width:211px; padding-left:14px;}

#lmtxt{ float:left; width:150px; font-family:Arial; font-size:12px; color:#656A70; font-weight:bold; text-align:left;}

#lmimg{ background:url(../images/lmimg.png) no-repeat scroll 0% 0%; width:59px; height:59px; float:right;}
#container #innercontainer #mainbodycontainer #bodycontent {
	background: url(../esi_bg_test.png);
}

/* Vlad's new styles */

img a, img {
border: none
}
.mainbodycontainerLeft {
float: left;
/*width: 538px;*/
width: 550px;/* --- changed by Adriana 20.06 --- */
padding-right:15px;/* --- added by Adriana 20.06 --- */
font-family: Verdana;
font-size: 14px;
color: #4b4a4c;
text-align:left;
}
.mainbodycontainerRight {
float: right;
width: 225px;
font-family: Verdana;
font-size: 12px;
text-align: left
}
/* --- added by Adriana 20.06 --- */
.mainbodycontainerRight img.bg {display:block}
.mainbodycontainerRight div {overflow:hidden}
/* --- end --- */
.stepsBoxBg {
background: url(../images/123-steps.png) no-repeat 0 0 transparent;
}
.stepsBoxBg2 {
background: url(../images/123-steps2.png) no-repeat 0 0 transparent;
}
.stepsBoxBg3 {
background: url(../images/123-steps3.png) no-repeat 0 0 transparent;
}
.stepsBox {
/* --- changed by Adriana 20.06 --- */
/*width: 538px;
height: 224px;*/
width: 552px;
height:195px;
/* padding: 50px 0 0 27px; */
padding: 0;
}
/*
.stepsBox a {
display: block;
width: 99px;
height: 114px;
overflow: hidden;
float: left;
margin-right: 30px;
text-indent: -9999px;
}
*/
.stepsBoxContent {
margin-top: 6px;
}
.strategizeBg {
background: url(../images/strategize-title-bg.png) no-repeat 0 0 transparent;
}
.strategizeBg2 {
background: url(../images/strategize-title-bg2.png) no-repeat 0 0 transparent;
}
.strategizeBg3 {
background: url(../images/strategize-title-bg3.png) no-repeat 0 0 transparent;
}
.stepsBoxContentTitle {
/* --- changed by Adriana - 20.06 --- */
/*width: 538px;*/
width:550px;
height: 56px;
}
.stepsBoxContentTitle h3 {
color: #47403d;
font-size: 24px;
font-family: Verdana;
font-weight: normal;
/*text-align: left;*/ /* --- removed by Adrana - 20.06 --- */
/*padding-left: 79px;*/
padding:15px 10px 0 85px; /* --- changed by Adriana - 02.09 --- */
line-height: 250%;
}
* html .stepsBoxContentTitle h3 {padding-top:0} /* --- added by Adriana - 02.09 --- */
/* --- Updated by Adriana - 20.06--- */
.stepsContent {
background: #f7f7f6 url(../images/box/box-cont-bg.png) no-repeat -10px -18px;
width: 548px;
min-height: 205px;
margin-left:0;
/*text-align: left;*/ /* --- removed by Adriana - 20.06 --- */
border:1px solid #cbcaca;
border-width:0 1px;
}
/*
.stepsContent {
background: url(../images/steps-content-bg.png) no-repeat 0 100% transparent;
width: 538px;
min-height: 201px;
text-align: left;
}
*/
.stepsContent h1, .stepsContent h2, .stepsContent h3, .stepsContent h4, .stepsContent h5, .stepsContent p {
padding: 0 0 10px 0;
margin: 0;
line-height: normal
}
.stepsContent h4 {
font-size: 14px;
}
.stepsContent h5 {
color: #f36b26;
font-size: 12px;
}
.stepsContent .pad {
/*padding: 0 24px*/
/* --- added by Adriana 20.06 --- */
margin:0;
/*padding: 0 22px;*/
padding:28px 22px 0; /* --- Changed by Adriana 02.09 --- */
background: #f7f7f6 url(../images/box/box-cont-bg.png) no-repeat -10px -18px;
}
.stepsContentBtm {
height: 37px;
/* --- changed by Adriana 20.06 --- */
/*width: 538px;*/
width: 550px;
background: url(../images/steps-content-btm-bg.png) no-repeat 0 0 transparent;
text-align: right
}
.stepsContentBtm a {
margin-right: 24px
}
/* --- Added by Adriana 20.06 --- */
.collapse{margin-top:37px}
/*.collapse .body_txt{color:#4b4a4c}*/
.collapse .img{text-align:center}
/*.stepsBoxContent{position:relative}
.btn{text-align:right}*/
/* --- Added by Adriana 20.06 --- */
.collapse .body_txt{color:#4b4a4c; font-family:verdana, arial, sans-serif; line-height:1.4}
.collapse .font_orng {font-family:verdana, arial, sans-serif}
.collapse .right{margin-top:10px; text-align:right}
.collapse .img{text-align:center}
.stepsBoxContent{position:relative}
/* --- Updated by Adriana 31.08 --- */
.btn-linked a:link, .btn-linked a:visited,
a:link.trigger, a:visited.trigger{
  position:absolute; 
  bottom:0; 
  right:23px; 
  width:91px; 
  height:36px; 
  background:transparent url(../images/more-less.png) no-repeat scroll 0 1px;
  overflow:hidden;
  text-indent:-9999px;
}
a:link.trigger.open, a:visited.trigger.open{
  bottom:auto; 
  margin-top:10px;
  background-position: -91px 0
}
/* --- Updated by Adriana 31.08 --- */
.btn-linked a:hover, .btn-linked a:active, .btn-linked a:focus,
a:hover.trigger, a:active.trigger, a:focus.trigger{background-position:0 -37px}
a:hover.trigger.open, a:active.trigger.open, a:focus.trigger.open{background-position:-91px -38px}
/* --- end of Added by Adriana --- */

.rightBoxContent {
background: url(../images/right-box-bg.png) repeat-y 0 0 transparent;
/* --- changed by Adriana 12.05 --- */
/*min-height: 467px*/
min-height:458px /* --- changed by Adriana 20.06 --- */
}
ul.rightMenu {
margin: 0 0 0 10px;
padding: 0;
list-style: none
}
ul.rightMenu li {
background: url(../images/right-menu-bg.png) no-repeat 0 0 transparent;
width: 206px;
height: 52px;
display: block;
padding: 0;
margin: 0 0 6px 0
}
ul.rightMenu li a {
width: 206px;
height: 52px;
text-indent: 19px;
/* padding-left: 19px; */
display: block;
color: #192a4b;
font-size: 16px;
font-weight: normal;
text-decoration: none;
line-height: 280%;
}
ul.rightMenu li a:hover {
background: url(../images/right-menu-over.png) no-repeat 0 0 transparent;
}

.clr {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

.rightBoxSub .pad {
padding: 32px 18px 0 18px;
color: #4b4a4c
}
.rightBoxSub h3 {
color: #192a4b;
font-size: 16px;
margin: 0 0 3px 0;
}
.rightBoxSub h4 {
color: #f36b26;
font-size: 14px;
font-weight: normal;
margin: 0 0 10px 0;
}

/* FOOTER WIDE */ 

#footercontainer {
	background: url(../images/footer-bg.png) repeat-x scroll 0 100% #896533;
	height: 179px;
	width: 822px;
/* 	width: 864px; */
	text-align: left;
	padding: 10px 0 13px 42px
}

/* OLD FOOTER <small>  COMMENT OUT ONCE ALL FOOTERS ON PAGES ARE UPDATED */
/* --- removed by Adriana 20.06 --- */
/*#footercontainer {  
	background:url(../images/footerbg.jpg) repeat-x scroll 0% 0%;
	height:68px;
	width:864px
}*/
#footercontainer p{
	font-family:Arial;
	color:white;
	font-size:11px;
	padding:15px 0px 0px 0px;
}
.footer-box1, .footer-box2, .footer-box3 {
float: left;
width: 230px;
min-height: 156px
}
.footer-box1, .footer-box2 {
border-right: 1px solid #d5c1a7
}
.footer-box1 {
padding: 8px 25px 0 0;
font-size: 11px;
min-height: 166px
}

.footer-box1 h3 {
color: #fff;
font-weight: normal;
font-family: Verdana;
font-size: 20px;
}
.footer-box2, .footer-box3 {
padding: 18px 24px 0 24px
}
#footercontainer .footer-box2 p, #footercontainer .footer-box3 p {
padding: 0 0 15px 0
}
.footer-box2 strong, .footer-box3 strong {
font-size: 14px
}
.footer-box2 ul, .footer-box3 ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 10px;
font-family: Verdana;
}
.footer-box2 li, .footer-box3 li {
padding-bottom: 5px;
margin: 0
}
.footer-box2 a, .footer-box3 a {
color: #fff;
text-decoration: none;
font-weight: normal
}
.footer-box2 a:hover, .footer-box3 a:hover {
text-decoration: underline
}
.boxStr {
text-align: left;
}
.topStr {
background: url(../images/box/box-top-bg.png) no-repeat 0 0;
height: 23px;
overflow: hidden;
}
.topStr div {
color: #47403D;
font-family: Verdana;
font-size: 24px;
font-weight: normal;
line-height: 200%;
text-align: left;
background: url(../images/box/box-top-end.png) no-repeat 100% 0;
margin: 0;
padding: 0 0 0 15px;
height: 23px;
overflow: hidden;
}
h1.contentTitle  {
color: #47403D;
font-family: Verdana;
font-size: 24px;
font-weight: normal;
text-align: left;
margin: 0;
padding: 0;
height: 45px;
overflow: hidden;
}
.contentStr {
background: url(../images/box/box-cont-bg.png) no-repeat 0 0;
}
.contentEnd {
background: url(../images/box/box-cont-end.png) no-repeat 100% 0;
min-height: 201px;
padding: 0 15px;
color: #656A70;
font-family: Arial;
font-size: 12px;
}
.btmStr {
background: url(../images/box/box-btm-bg.png) no-repeat 0 0;
height: 37px;
overflow: hidden;
}
.btmEnd {
background: url(../images/box/box-btm-end.png) no-repeat 100% 0;
height: 37px;
}
#middle {
padding-left: 0;
width: 450px;
}
#istockbox_rep { 
text-align: center
}
#newccbox_rep {
text-align: center
}
#newccmiddle {
margin: 0 auto
}
#middle2Col {
float:left;
text-align:left;
width: 550px;
padding: 0 15px 0 0;
}
img.floatRight {
float: right;
margin: 10px
}
img.floatLeft {
float: left;
margin: 10px
}

/* CSS added changes Home Page */

.jcarousel-skin-tango .jcarousel-container {
/*
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
*/
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:  785px;
/*     padding: 20px 40px; */
}
/*
.jcarousel-skin-tango .jcarousel-container-vertical {
  width: 75px;
  height: 245px;
  padding: 40px 20px;
}
*/
.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width:  709px;
  height: 193px;
  margin-left: 38px
}
/*
.jcarousel-skin-tango .jcarousel-clip-vertical {
  width:  75px;
  height: 245px;
}
*/
.jcarousel-skin-tango .jcarousel-item {
  width: 709px;
  height: 193px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
  margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 78px;
  right: 0px;
  width: 34px;
  height: 35px;
  cursor: pointer;
  background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
/*     background-position: -32px 0; */
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
/*     background-position: -64px 0; */
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
  position: absolute;
  top: 78px;
  left: 0px;
  width: 34px;
  height: 35px;
  cursor: pointer;
  background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
/*     background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
/*     background-position: -64px 0; */
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
  position: absolute;
  bottom: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
  background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
  background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
  position: absolute;
  top: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
  background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
  background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}
.homePageContent h5 {
font-family: Verdana;
font-size: 35px;
color: #11274a;
text-align: center;
font-weight: normal;
line-height: normal;
margin: 10px 0;
}
.threeColsBox {
margin: 0 auto;
width: 757px;
min-height: 244px;
background: url(../images/home-page-top-bg.png) no-repeat 0 0;
}
.threeColsBox h3 {
font-family: Arial;
font-size: 16px;
color: #00274c;
margin: 0 0 10px 0;
text-align: center;
font-weight: normal
}
.threeColsBoxBtm {
margin: 0 auto;
width: 757px;
height: 25px;
background: url(../images/home-page-btm-bg.png) no-repeat 0 0;
}
.threeCols1, .threeCols2, .threeCols3 {
float: left;
display:inline; /* --- added by Adriana - 20.06 - fixes double margin bug in ie6 --- */
width: 202px;
margin: 19px 28px 0 0;
}
.threeCols1 {
margin-left: 48px
}
.threeColsSubBox {
margin: 21px auto 0 auto;
width: 760px;
}
.threeColsSub1, .threeColsSub2, .threeColsSub3 {
width: 221px;
float: left;
}
.threeColsSub1, .threeColsSub2 {
margin-right: 40px
}
.threeColsSub1 {
margin-left: 10px
}
.threeColsSubBox img.readMore {
margin-bottom: -5px
}

/********************* NEW CHANGES **************************/

.stepsBox2 {
width: 552px;
height: 204px;
padding: 0;
}

.stepsBoxBgT {
background:url("../images/free-traning-bg.png") no-repeat 0 0
}
.stepsBoxBgT2 {
background:url("../images/free-traning-bg2.png") no-repeat 0 0
}
.stepsBoxBgT3 {
background:url("../images/free-traning-bg3.png") no-repeat 0 0
}
.stepsBoxBgT4 {
background:url("../images/free-traning-bg4.png") no-repeat 0 0
}

.secondTabber ul.tabbernav li {
margin-right: 20px;
top: 25px
}

.secondTabber ul.tabbernav li a {
margin-right: 20px
}

.freeTraning {
background: url(../images/freetraning-title-bg.png) no-repeat 0 0
}

.stepsBoxContentTitleTr {
width:550px;
height: 34px;
}

.traningBoxes {
clear: both;
padding-bottom: 30px
}

.traningBoxes .logo {
float: left;
width: 72px
}

.traningBoxes .traningBoxesContent {
float: right;
width: 425px
}

.traningBoxesContent h3 {
font-weight: normal;
font-size: 20px;
}

.traningBoxesContent .readMore {
font-size: 12px;
font-weight: normal;
color: #174f74;
text-decoration: underline
}

.traningBoxesContent .readMore:hover {
text-decoration: none
}


.secondTabber .collapse .body_txt {
color:#4b4a4c;
font-family: verdana, arial, sans-serif; 
line-height:1.4
}

.secondTabber .collapse .font_orng {
font-family: verdana, arial, sans-serif
}

.secondTabber .collapse .right {
margin-top:10px; 
text-align:right
}

.secondTabber .collapse .img {
text-align:center
}

.stepsBoxContent {
position:relative
}

.secondTabber a:link.trigger, .secondTabber a:visited.trigger {
position: relative; 
bottom: 0; 
right: 0; 
width: 60px; 
height: 12px; 
background:  url(../images/read-more-btn.png) no-repeat transparent 0 0;
overflow: hidden;
}
.secondTabber a:link.trigger.open, .secondTabber a:visited.trigger.open{
bottom: auto; 
margin-top: 10px;
background-position: 0 -12px
}
.secondTabber a:hover.trigger, .secondTabber a:active.trigger, .secondTabber a:focus.trigger {
background-position: 0 0
}

.secondTabber a:hover.trigger.open, .secondTabber a:active.trigger.open, .secondTabber a:focus.trigger.open {
background-position: 0 -12px
}

.loginTitle {
font-weight: normal;
font-family: Arial;
font-size: 20px;
margin: 0;
padding: 0 0 20px 0
}

.loginInputField {
background: url(../images/input-log-bg.png) 0 0 no-repeat;
margin: 0 0 9px 0;
padding: 0 15px;
width: 212px;
height: 28px;
border: none;
}

.logLabel {
font-size: 12px;
color: #4b4a4c;
display: block;
width: 70px;
float: left;
line-height: 230%
}

.forgotPass {
color: #f26129;
text-decoration: none;
font-size: 12px;
margin: 10px 0;
display: block;
font-weight: normal
}

.forgotPass:hover {
text-decoration: underline;
color: #f26129;
font-weight: normal
}

.registerL {
font-size: 12px;
color: #000;
margin: 0;
padding: 0
}

.registerL a {
font-weight: normal;
color: #003a60;
text-decoration: underline;
font-size: 12px;
}

.registerL a:hover {
text-decoration: none
}

.submitLogBtn {
width: 92px;
height: 37px;
border: none;
background: url(../images/login-btn.png) 0 0 no-repeat;
cursor: pointer;
float: right;
position: relative;
top: 36px
}

.loginPad {
padding-left: 35px
}






/*PRODUCT PAGES */ 

.testproductpie {
background:url("../images/test_product_pie.png") no-repeat 0 0
}
.hotbox {
width: 552px;
height: 330px;
padding: 0;
}


.pie_crm {
background: url(../images/header_crm.png) no-repeat 0 0
}
.pie_erp {
background: url(../images/header_erp.png) no-repeat 0 0
}
.pie_network {
background: url(../images/header_network.png) no-repeat 0 0
}
.pie_integration {
background: url(../images/header_integration.png) no-repeat 0 0
}
.pie_claims {
background: url(../images/header_claims.png) no-repeat 0 0
}

.pieHeader {
width:570px;
height: 64px;
}


/*PRODUCT PAGES */