@charset "utf-8";
/* CSS Document */

/* tpHero @font-face */
@font-face {
  font-family: 'TPHeroBold';
  src: url('../fonts/TPHero-Bold.otf');
  src: url('../fonts/TPHero-Bold?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroRegular';
  src: url('../fonts/TPHero-Regular.otf');
  src: url('../fonts/TPHero-Regular.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroBoldItalic';
  src: url('../fonts/TPHero-BoldItalic.otf');
  src: url('../fonts/TPHero-BoldItalic.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-BoldItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroSemiBoldItalic';
  src: url('../fonts/TPHero-SemiBoldItalic.otf');
  src: url('../fonts/TPHero-SemiBoldItalic.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-SemiBoldItalic.otf.woff') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroSemiBold';
  src: url('../fonts/TPHero-SemiBold.otf');
  src: url('../fonts/TPHero-SemiBold.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-SemiBold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroRegularItalic';
  src: url('../fonts/TPHero-RegularItalic.otf');
  src: url('../fonts/TPHero-RegularItalic.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-RegularItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroLight';
  src: url('../fonts/TPHero-Light.otf');
  src: url('../fonts/TPHero-Light.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroLightItalic';
  src: url('../fonts/TPHero-LightItalic.otf');
  src: url('../fonts/TPHero-LightItalic.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-LightItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroExtraBold';
  src: url('../fonts/TPHero-ExtraBold.otf');
  src: url('../fonts/TPHero-ExtraBold.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-ExtraBold.otf.woff') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TPHeroExtraBoldItalic';
  src: url('../fonts/TPHero-ExtraBoldItalic.otf');
  src: url('../fonts/TPHero-ExtraBoldItalic.otf?#iefix') format('embedded-opentype'),
       url('../fonts/TPHero-ExtraBoldItalic.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


#fontStyle
{
	font-family: 'TPHeroBold', Sans-Serif;

	color: #008a44 !important;
    font-size: 35px;
    line-height: 10px;
    margin: 0;
    padding: 33px 0 0 250px;
    text-transform: none;
}

#fontStyle1
{
	font-family: 'TPHeroBold', Sans-Serif;
	color: #008a44 !important;
    font-size: 30px;
    line-height: 10px;
    margin: 0;
    padding: 50px 0 0 250px;
    text-transform: none;
	text-align:left;
}

#primaryNavContainer {
	position: relative;
	z-index: 1000;
	width: 100%;
	min-height: 78px;
}
#primaryNav { 
	width: 100%;
	min-height: 78px;
}


#primaryNavLinks { 
	width: 980px;
	margin:0 auto;
	display: block;
}


/*#primaryNavBgWrap { 
	background: #7D0914 url(/common/images/srd2013/homeHeroContainerBg.gif) repeat-y center top;
	position: absolute;
	z-index: -10;
	top: 58px;
	width: 100%;
	height: 78px;
}*/

#primaryNavBg { 
	/*background: url(/common/images/srd2013/header-bg.jpg) no-repeat center top;*/
	height:78px;
	width: 100%;
}

/*#primaryNavBgWrap {
	height: 78px;
}*/

#mainNav {
	z-index:1000;
	margin-left: 50px;
}
	
#mainNav .oneCol, 
#mainNav .twoCol, 
#mainNav .threeCol, 
#mainNav .fourCol, 
#mainNav .fiveCol,
#mainNav .sixCol,
#mainNav .sevenCol,
#mainNav .eightCol,
#mainNav .nineCol,
#mainNav .tenCol,
#mainNav .elevenCol,
#mainNav .twelveCol {
	margin-right:0; margin-left:0; 
}

/*#mainNav li.oneCol, 
#mainNav li.twoCol, 
#mainNav li.threeCol, 
#mainNav li.fourCol, 
#mainNav li.fiveCol,
#mainNav li.sixCol,
#mainNav li.sevenCol,
#mainNav li.eightCol,
#mainNav li.nineCol,
#mainNav li.tenCol,
#mainNav li.elevenCol,
#mainNav li.twelveCol {
	position:static; 
}*/

#mainNav > li { 
	display:inline;
    float:left;
	font-size: 16px; 
	line-height: 16px;
	list-style-type:none;
	margin:0;
	font-family:'TPHeroRegular', Sans-Serif; 
	padding: 0;
	position: relative;
	text-align:center; 
	max-width: 350px;
}


#mainNav li span.children { 
  padding:0 15px 0 0;
	/*background:url(../images/menu-triangle.png) no-repeat right center;*/
}

#mainNav li p { 
	font-size:15px;
	line-height:24px;
	font-weight:normal;
}

/*
Prefixing things with no-touch class so it is desktop-only, whereas JS will handled touch devices 
by toggling the .active class
*/
.no-touch #mainNav li:hover > a, #mainNav li.active > a { 
	color: #5b2c83;
}
.no-touch #mainNav li:hover > a span.children, #mainNav li.active > a span.children { 
	/*background:url(../images/menu-triangle-active.png) no-repeat right center;*/
}
.no-touch #mainNav > li:hover {
  background:; 
  /*opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */*/
}
.no-touch #mainNav li:hover > a.navLink { 
	color: #008a44;
}
#mainNav li.active {
  background:;
}
#mainNav li.active > a.navLink {
  color: #008a44;
}

.no-touch #mainNav li:hover .subnav, #mainNav li.active .subnav {
  display:block;
}

#mainNav > li > a {
  position: relative; 
	display:inline-block;
	padding:20px 10px 0 10px;
	color:#1d1d47;
	text-decoration:none;
	height:38px;
}

#mainNav li .subnav { 
	display:none;
	position:absolute;
	top:57px;
  	left:0;
	margin:0;
	padding:25px;
	z-index: 99;
  	background:#fff;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
  	width:150px;
  	border-bottom:4px solid #008a44;
  	box-shadow: 0 7px 10px rgba(0,0,0,0.2);
}

#mainNav li .subnav li {
  width:100%; /* Fixes text-wrapping issue */
}

#mainNav li .subnav.multi-column {
  width:480px;
}

.multi-column .subNavColumn {
  width:225px;
  float:left;
}
.multi-column .subNavColumn.first {
  border-right:1px solid #eee;
  margin-right:25px;
}

/*#mainNav .business .subnav { 
	left:-50px;
}

#mainNav .industry .subnav { 
	left:-238px;
}

#mainNav .software .subnav { 
	left:-410px;
}*/

#mainNav .subnav li { 
	font-family:'TPHeroRegular', Sans-Serif;
	position:static;
	float:left;
	clear:left;
	text-align:left;
	/*background: url("../images/whitebgarrowimg.png") no-repeat left 11px;*/
    padding-left:10px;
	margin-top: 4px;
}
#mainNav .subnav li.heading {
  font-family:'TPHeroRegular', Sans-Serif;
  margin:15px 0 10px;
  font-size:18px;
}
	#mainNav .subnav li.heading a {
	  font-size:18px;
	}


#mainNav .subnav li:hover > a { 
	color:#008a44;
	text-decoration: underline;
}

#mainNav .subnav li > a { 
	height:inherit;
	display:block;
	padding:5px 0;
	margin: 0;
	border-left:none;
	border-right:none;
	color:#1d1d25;
	font-size: 14px;
	line-height:16px;
	text-decoration: none;
	text-transform:none;
}

.ie7 #mainNav .subnav li > a {
	/*padding-top: 0;*/
	padding-bottom: 2px;
	/*margin: 0;*/
}

#mainNav .subnav li > a:active { 
	color:#008a44 !important;
}

#mainNav .subnav .active > a { 
	background:#fff;
	color:#008a44 !important;
}

#mainNav .subnav li div { 
	display:none;
	top:0;
	left:0;
	background:#f5f0ed;
}

#mainNav .subnav li > div { 
	-moz-box-shadow: 0px 31px 30px 0px #999390;
  	-webkit-box-shadow: 0px 31px 30px 0px #999390;
  	box-shadow: 0px 31px 30px 0px #999390;
}

#mainNav .subnav .active div { 
	display:block;
	position:absolute;
	padding:0 0 0 270px;
	z-index:-1;
}

.ie7 #mainNav .subnav .active div {
	padding-left: 265px
}

#mainNav .subnav .active .subnavContent { 
	font-weight:normal;
	margin:24px 0 0 0;
	padding:30px 42px !important;
	position:relative;
	background:#fff;
	float:right;
}


#mainNav div.subnavContent h3 { 
	font-family:'TPHeroLight', Sans-Serif;
	font-size: 36px;
}

#mainNav .subnav .active .subSubMenu { 
	background: transparent;
	padding: 0 !important;
	position: static;
	z-index: 0;
	color:#999390;
}

#mainNav1
{
	z-index:1000;
	margin-left: 50px;
	display:inline;
  	float:left;
	font-size: 12px; 
	line-height: 16px;
	list-style-type:none;
	margin:0;
	font-family:'TPHeroBold', Sans-Serif; 
	padding: 0;
	position: relative;
	text-align:center; 
	max-width: 350px;
}

#mainNav1 li.HOME {
	width:100px;
	height:50px;
	color:#FFF;
	display:block;
	text-decoration:none;
	/*background:url(../images/home-icon.png) no-repeat scroll center 18px transparent;*/
}

#mainNav1 li.HOME a img:hover {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	cursor:pointer;
}

#mainNav .subSubMenu h5 { 
	font-size:14px;
	margin:3px 0 18px;
	color:#999390;
}

#mainNav .subSubMenu ul { 
	margin:0;
	padding:0;
}

#mainNav .subSubMenu ul li { 
	background:none;
	width:100%;
	padding:0 0 20px 0;
	margin:0;
}

#mainNav .subSubMenu ul li a { 
	padding:0 0 0 15px;
	/*background: url("/common/images/srd2013/solutionsGrayArrow.png") no-repeat scroll 0 0 transparent;*/
	height: auto;
}

#mainNav ul .active .menuFoot { 
	height:10px;
	position:absolute;
	top:auto;
	right:0;
	bottom:-13px;
	left:auto;
	background:#fff;
	border-bottom:3px solid #d1202f;
	width:270px;
	-moz-box-shadow: 0px 31px 30px 0px #999390;
  	-webkit-box-shadow: 0px 31px 30px 0px #999390;
  	box-shadow: 0px 31px 30px 0px #999390;
}

#mainNav li.bmBorder {
	margin-top:12px;
	padding-top:12px;
	background:url(/common/images/srd2013/nav-border.gif) no-repeat 70px 0;

}

#mainNav .subnav li > div, 
#mainNav ul .active .menuFoot, 
#countrySelect.visible {
	-moz-box-shadow: 0px 31px 30px 0px #5c5551;
  	-webkit-box-shadow: 0px 31px 30px 0px #5c5551;
  	box-shadow: 0px 31px 30px 0px #5c5551;
}