@charset "iso-8859-1";

/* The GfX layer */
/* Use this style sheet to customise the current 
   website in terms of branding and internal site 
   specific layouts.
   
   You can use this to alter global level elements
   aswell however this must be done within the
   confines of maintaining the corporate presence.
*/

body {
	font-family				: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size				: 11px;
}

span.tm {
	position:relative;
	bottom:0.8em;
	font-size:0.5em;
}

:focus{outline:none}

a {
	text-decoration			: none;
color: #8abf45;
}

a:hover {
color:#fea201;
}

a strong {
color:#65912b;
}

a:hover strong {
color:#e9a233;
}

.toolsdropdown {position:absolute; visibility: hidden; border: 1px solid #88bc40; background-color: white; width: 190px; padding: 0 8px;margin-top:-12px;z-index:30000;}

.toolsdropdown ul,.toolsdropdown li {list-style:none;padding:0;margin:0;padding:4px 0;}

.toolsdropdown li img {margin-right:8px;vertical-align:middle;}


p {
	margin-top				: 0;
}

img {border:none;}

/* TITLES */

.productTitle {
	margin					: 0 0 10px 0;
	padding					: 0;
	font-family				: "Times New Roman", Times, serif;

	color					: #323232;
	font-weight				: normal;
	letter-spacing				: -1px;
}

h1.optiTitle {

font-family				: "Times New Roman", Times, serif;
	font-family				: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color					: #323232;

	margin					: 0 0 10px 0;
	padding					: 0;
}

h2.productTitle {
font-size:25px;
padding-top:4px;
}

.genericgeneric h2.productTitle {font-size:22px;}

.title2 {
	font-size				: 40px;
}



h1, h2, h3, h4 {
	margin					: 0;
	padding					: 0;
	font-weight				: normal;
}

h1 {
	font-size				: 30px;
}

h2 {
	font-size				: 24px;

}

h3 {
	font-size				: 20px;
}


h4 {font-size:15px;}

.apptitle {320px;}



/* SEGOE FIX*/

h1 {
	font-size				: 24px;
}

h2 {
	font-size				: 18px;

}

h3 {
	font-size				: 15px;
}


#content.downloadPage, .benefitHolder {
	padding:20px;
}

.downloadPage .slogan,.benefitHolder .slogan {margin-bottom:0px;}



.byBenefit {
	width:410px;
	display:block;
	/*float:left;*/
	padding:0px;
	padding-top:10px;
	margin:0 10px 0 10px;
	border:#CCC solid 0px;
	position:relative;
	color:#5f5f5f;
}

.byBenefit a:hover 
{
    	cursor:pointer;
}



.byBenefit span {
	display:block;
	padding:10px;
	padding-top:0;
	padding-bottom:0;
	padding-left:70px;
	min-height:90px;
	height:auto !important;
	height:90px;
	cursor:pointer;
}

.byBenefit:hover {
	background:url(img/bybenefitbg.jpg) no-repeat top left;
}

.byBenefit:hover span {
	background:url(img/bybenefitbg.jpg) no-repeat bottom left;
	color: #5f5f5f;
}



.byBenefit img {
	position:absolute;
	top:10px;
	left:10px;
}

.byBenefit strong.benefittitle {	color:#8abf45;	font-size:1.1em;
}

.byBenefit:hover strong.benefittitle {	color:#fea201; 
}

.byBenefit strong {
color:#5f5f5f;
}

/* HOME PAGE */

.flashFeature {
	height					: 350px;
}

.featureButtonWrap {
	background				: url(img/producthome/featurebarbottom.jpg) bottom left no-repeat;
	padding-bottom:10px;
}

.featureButtons {
	background				: url(img/producthome/featurebartop.jpg) no-repeat;
	min-height				: 90px;
	height					: auto !important;
	height					: 90px;

	width					: 900px;
	overflow				: hidden;
	margin					: 0;
	padding					: 5px 12px 5px 13px;
	list-style				: none;
}

.featureButtons li {
	float					: left;
}

.featureButtons li a {
	display					: inline-block;
	width					: 160px;
	min-height				: 78px;
	padding					: 5px 5px 5px 60px;
	color					: #959595;
	position				: relative;
}

.featureButtons li a:hover {
	color					: #8abf45;
}

.featureButtons li img {
	border					: solid 0px #ccc;
	position				: absolute;
	left					: 0px;
	top					: 18px;
}

.featureButtons li h2 {
	padding					: 0;
	margin					: 20px 0 0 0;
	font-weight				: normal;
	font-size				: 16px;
	line-height				: 18px;
}

.featureButtons li span {
	font-size				: 10px;
	display					: block;
	line-height				: 12px;
}

/* USEFUL LINKS */

.usefulLinks {
	padding					: 5px;
	margin-bottom			: 40px;
}

.usefulLinks h2 {
	margin					: 0 0 10px 0;
	padding					: 10px;
	border-bottom			: #e5e5e5 solid 1px;
	color					: #959595;
	font-size				: 16px;
	font-weight				: normal;
}

.usefulLinks ul {
	padding					: 0;
	margin					: 0;
	list-style				: none;
	border					: #CCC solid 0px;
	min-height				: 90px;
}

.usefulLinks li {
	float					: left;
	padding					: 4px 10px 0 10px;
}

.usefulLinks li a {
	display					: inline-block;
	font-size				: 11px;
	width					: 190px;
	border-bottom			: #CCC dotted 1px;
	background				: url(img/greybullet.gif) no-repeat 2px 6px;
	padding					: 0 0 4px 14px;
	color					: #999;
}

.usefulLinks li a strong {
color:#999;
}

.usefulLinks li a:hover {
	color					: #8abf45;
}

.usefulLinks li a:hover strong {
color:#65912b;
}

/* Product Page */

.lCol {
	width					: 435px;
	float					: left;
	margin-left				: 15px;
}

.lCol ul, .rCol ul {margin:0;padding:0 0 0 0;list-style:none;
}

.lCol li, .rCol li {background:url(img/greybullet.gif) 2px 6px no-repeat;padding-left:14px;margin-bottom:4px;}


.rCol li {margin-left:6px;}

.rCol {
	width					: 435px;
	float					: right;
	margin-right			: 15px;
}

.csGallery {
	width					: 435px;
	height					: 350px;

	margin-bottom			: 20px;
text-align:center;
}

.nocasestudy {
padding-top:30px;
height:250px;
text-align:center;
}



#vertical_slide,#vertical_slide2 {
	color: #8A7575;
	padding: 10px 20px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom			: 10px;
}

.expanderHeader {
	background				: url(img/expander.jpg) left bottom no-repeat;
	width					: 403px;
	padding-bottom				: 16px;
	margin					: 0 auto 10px auto;
	position				: relative;
}

.expandIcon {
	position:absolute;
	top:15px;
	left:15px;
}

.expanderheaderTop {
	background				: url(img/expander.jpg) left top no-repeat;
	height					: 14px;
}

.expanderSwitch {
	display					: block;
	padding					: 0 10px;
	font-family				: Angelina;
	font-size				: 20px;
	color					: #666;
}

.expanderSwitch img {
	margin					: 0 10px;
}

.msg_head {
	padding: 4px 20px 5px 60px;
	cursor: pointer;
	position: relative;
	margin:1px;
	/*font-family				: Angelina;
	font-size				: 20px;*/
	font-size:16px;
}

.msg_head:hover {
	color:#000;
}

.msg_head img {margin:0 15px 0 0;vertical-align:middle;}

.msg_body {
	padding: 10px 20px 30px 20px;
}


/* Product Map */

.productMapHolder {
border:#ccc dotted 0px;
width:886px;
padding-top:10px;
background:url(img/prodMapBGTop.png) no-repeat !important;
background:url(img/prodMapBGTop.gif) no-repeat;
display:none;
position:absolute;
top:154px;
left:18px;
margin: 0 auto;
margin-bottom:20px;
z-index:10000;
}


.productMapHolder a:hover {
color:#fea201;
}

.productCurver {

background:url(img/prodMapBG2.png) no-repeat bottom left !important;
background:url(img/prodMapBG2.gif) no-repeat bottom left;
width:886px;
border:#ccc solid 0px;
}

.prodMapPadder {padding:20px;padding-top:0;}

.prodgroup {
border:#ffff00 solid 0px;
width:200px;
margin-right:15px;
float:left;
}



.prodgroup li {
border-bottom: 0px dotted #ccc;
padding-left: 10px;
background: url(img/greybullet.gif) no-repeat 0px 6px;


cursor: pointer;
}

.prodFinal {
margin-right:0;
}

.prodgroup img {vertical-align:middle;margin-right:6px;}

.prodgroup ul {
margin:2px 0 10px 16px;
padding:0;
list-style:none;

}

.prodMapPadder h4 {float:left;color:#4a4a4a;}

.closeProdMap {
text-align:right;
color:red;
margin-bottom:15px;
display:block;
float:right;
}


.prodMapTitle {
font-size:12px;
font-weight:bold;
}

/**/

.appIcons {display:block;width:180px;float:left; margin-right:20px;border:#ccc solid 1px;}
.appIcons strong,.appIcons p {padding:10px;display:block;}

.appIcons strong {font-size:16px;text-transform:uppercase;}

.appIcons p {color:#4a4a4a;}

#branddiv div {
float:left;
border:#ccc solid 0px;
width:250px;
padding: 10px 20px;
}

#branddiv div a:hover {color:#999;}

#branddiv div h2 {margin-top:10px;}

.clearFix,.clear  {clear:both;padding:0;width:auto;}


.jcarousel-skin-tango .jcarousel-item {/*text-transform:capitalize;*/}

.benefitcol {width:430px;float:left;}