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

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}

a img {
	border: 0;
} 

a:focus {
	border: none;
	outline: none;
}
table{margin:20px 0 10px;}
td{padding:4px;}

body {
	margin:0;
	background:url(images/body-bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:980px;
	margin:0 auto;
	background:#fff;
}

#header {
	height:109px;
	padding:0 0 0 24px;
}

#logo {
	float:left;
	width:325px;
	height:73px;
	margin-top:16px;
}

#utility {
	float:right;
	text-align:right;
	width:150px;
	padding-right:16px;
	margin-top:8px;
}

#utility img {
	margin-left:20px;
}

#main_nav {
	width:582px;
	height:23px;
	background:url(images/nav_bg.gif) no-repeat;
	float:right;
	margin-top:56px;
	padding-left:8px;
}

.tab1_active {
	background-position:0 -23px !important;
}

.tab2_active {
	background-position:0 -46px !important;
}

.tab3_active {
	background-position:0 -69px !important;
}

.tab4_active {
	background-position:0 -92px !important;
}

.tab5_active {
	background-position:0 -115px !important;
}

.tab6_active {
	background-position:0 -138px !important;
}

#main_nav ul {
	margin:0;
}

#main_nav ul li {
	list-style:none;
	background:none;
	float:left;
	text-align:center;
	width:auto;
}

#main_nav ul li a {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	display:block;
	height:23px;
	line-height:23px;
}

#main_nav ul li.tab1 a {
	width:78px;
	padding-left:4px;
}

#main_nav ul li.tab2 a {
	width:158px;
	padding-left:2px;
}

#main_nav ul li.tab3 a {
	width:85px;
	padding-left:4px;
}

#main_nav ul li.tab4 a {
	width:81px;
	padding-left:3px;
}

#main_nav ul li.tab5 a {
	width:78px;
}

#main_nav ul li.tab6 a {
	width:88px;
	padding-left:1px;
}

#main_nav ul li a:hover {
	color:#ddd;
}

ul.menu ul {position:absolute; background:#a8a8a8 url(images/dropdown_bg.gif) repeat-x top; display:none; opacity:0; list-style:none; margin:0; border:1px solid#777; border-bottom:none;}
ul.menu ul li {position:relative; margin:0; float:none !important; display:block; white-space:nowrap;}
#main_nav ul.menu ul.menudd_tab2 li a {
	width:180px !important;
}
#main_nav ul.menu ul.menudd_tab4 li a {
	width:110px !important;
}
#main_nav ul.menu ul li a {display:block; width:auto !important; min-width:110px; text-align:left; padding:3px 8px !important; border-bottom:1px solid #777}
ul.menu ul li a:hover {color:#0067c3; background-color:#333;}
ul.menu ul ul {left:190px; top:2px; margin:0; border:1px solid#777; border-bottom:none;}

#campaign {
	background:#fff url(images/ProfessionalServices.jpg) repeat-x;
	margin:1px 0 0;
}

#banner {
	height:150px;
	margin:1px 0 0;
}

#campaign_gateway {
	background:url(images/campaign_gateway.gif) no-repeat;
	height:119px;
	width:436px;
	margin-bottom:36px;
	text-indent:-99999px;
}

#campaign_findout {
	background:url(images/campaign_findout.gif) no-repeat;
	width:431px;
	height:28px;
	text-indent:-999999px;
	margin-bottom:10px;
}

#campaign_buttons a {
	display:block;
	float:left;
	margin-right:8px;
	width:212px;
}

#homeblocks{
	background:url(images/hp_subcontent_bg_top.gif) bottom center no-repeat;
}
.homeblock{
	width:168px;
	float:left;
	margin:0 9px 0 0;
	padding:10px 10px 0 10px;
}
.lasthomeblock{
	width:168px;
	float:left;
	margin:0;
	padding:10px
}

#hp_main_content {
	padding:10px 25px 20px;
}

#main_left {
	float:left;
	width:600px;
}

#main_right {
	width:314px;
	float:right;
}

#int_main_content {
	padding:30px 25px 20px;
	min-height:450px;
}

#int_left {
	float:left;
	width:600px;
}

#int_right {
	width:287px;
	float:right;
}

#subnav {
	background:url(images/subnav_bg.gif) no-repeat;
	min-height:125px;
	padding-top:5px;
	margin-bottom:10px;
}

#subnav ul {
	margin:0;
}

#subnav ul li {
	list-style:none;
}

#subnav ul li a {
	display:block;
	margin:0 10px;
	font-size:12px;
	text-transform:uppercase;
	height:28px;
	line-height:28px;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}

#subnav ul ul li a {	
	display:block;
	margin:0 10px;
	font-size:12px;
	text-transform:uppercase;
	height:28px;
	line-height:28px;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	padding:0 25px;
}

#subnav ul li a:hover {
	cursor:pointer;
}

#subnav ul li a.active {
	color:#6bbd45;
}

#subnav ul li a.last {
	border-bottom:0;
}

#hp_sub_content {
	padding:25px 25px 20px;
	background:url(images/hp_subcontent_bg.gif) no-repeat;	
}

#sub_left {
	width:182px;
	float:left;
	padding-right:24px;
	background:url(images/sub_divider.gif) no-repeat right center;
	margin-right:14px;
	min-height:110px;
}

#sub_left2 {
	width:158px;
	float:left;
	padding-right:24px;
	background:url(images/sub_divider.gif) no-repeat right center;
	margin-right:14px;
	min-height:110px;
}

#sub_mid {
	float:left;
	width:182px;
}

#sub_right {
	float:right;
	width:290px;
	padding-left:24px;
	background:url(images/sub_divider.gif) no-repeat left center;
	min-height:110px;
}

#footer {
	background:#f8f8f8;
	height:33px;
	line-height:33px;
	padding:0 25px;
	font-size:11px;
	color:#bbb;
}

#footer_left {
	float:left;
	width:450px;
}

#footer_right {
	float:right;
	width:450px;
	text-align:right;
}

#footer a:link, #footer a:active, #footer a:visited {
	color:#bbb;
}

#footer a:hover {
	color:#888;
}

a:link, a:active, a:visited {
	color:#0057a4;
	text-decoration:none;
}

a:hover {
	color:#6bbd45;
	text-decoration:none;
}

h1 {
	color:#0057a4;
	font-size:24px;
	font-weight:normal;
	margin-bottom:1px;
}

h2 {
	color:#0057a4;
	font-size:18px;
	font-weight:normal;
	margin-bottom:1px;
}

h3 {
	color:#6cbe46;
	font-size:18px;
	font-weight:normal;
	margin-bottom:1px;
}

h4 {
	color:#555;
	font-size:13px;
	font-weight:bold;
	margin-bottom:1px;
}

p {
	color:#555;
	font-size:11px;
	line-height:1.4em;
	margin-bottom:15px;
}

ul {
	margin:0 30px 15px;
}

ul li {
	color:#555;
	font-size:11px;
	line-height:1.4em;
}

ul ul {
	margin-bottom:0;
}

ul ul li {
	list-style-type:disc;
}

hr {
	color:#CCCCCC;
	background-color:#CCCCCC;
	height:1px;
	border:0;
	margin-bottom:15px;
}

/*---- Scroll Pane -------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin:0 0 0 0px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#dedede;
}
.jScrollPaneDrag {
	position: absolute;
	background: #6cbe46;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 290px;
	height: 200px;
	padding-top:0px;
	overflow: auto;
}

.main_right_divider {
	padding-left:24px;
	background:url(images/main_divider.gif) no-repeat left 0;
}

/* Careers page carousel */

.hp_carousel .infiniteCarousel {
	width: 190px;
	position: relative;
	margin-top:20px;
	height:28px;
}
#int_right .hp_carousel .infiniteCarousel {
	width: 273px;
}
.hp_carousel .infiniteCarousel .wrapper {
	width: 168px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 10em;
	margin: 0 7px 0 7px;
	position: absolute;
	top: 0;
	height:28px;
}
#int_right .infiniteCarousel .wrapper  {
	width: 259px;
	height:28px;
}

.hp_carousel .infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
}

.hp_carousel .infiniteCarousel ul li {
	display:block;
	float:left;
	padding: 0 0 0 0;
	height: 28px;
	width: 87px;
}

.hp_carousel .infiniteCarousel ul li a img {
 	display:block;
}

.hp_carousel .infiniteCarousel .arrow {
	display: block;
	height: 12px;
	width: 7px;
	text-indent: -999px;
	position: absolute;
	top: 7px;
	cursor: pointer;
	overflow:hidden;
}

.hp_carousel .infiniteCarousel .forward {
	background:url(images/right_arrow.gif) no-repeat 0 0;
	right: 0;
}

.hp_carousel .infiniteCarousel .back {
	background:url(images/left_arrow.gif) no-repeat 0 0;
	left: 0;
}

.hp_carousel .infiniteCarousel .forward:hover {
	background-position: 0 0;
}

.hp_carousel .infiniteCarousel .back:hover {
	background-position: 0 0;
}

/*------ Form Styles --------*/
.form_wrapper {
}

.form_block {
	float:left;
	width:290px;
}

.form_block label, .form_block2 label, .form_row label {
	display:block;
	margin-bottom:2px;
	font-size:14px;
}

.form_block label span, .form_block2 label span, .form_row label span {
	font-size:11px;
	color:#999;
}

.form_block input, .form_row input {
	display:block;
	margin-bottom:10px;
	border-color:#AEAEAE #CCCCCC #CCCCCC #AEAEAE;
	border-style:solid;
	border-width:1px;
	padding:8px 5px;
	width:250px;
}

.form_row input {
	width:290px !important;
}

.form_block2 {
	clear:both;
}

.form_block2 textarea {
	display:block;
	margin-bottom:10px;
	height:120px;
	width:540px;
	border-color:#AEAEAE #CCCCCC #CCCCCC #AEAEAE;
	border-style:solid;
	border-width:1px;
	padding:8px 5px;
}

.form_buttons {
}

.form_buttons a {
	margin-right:10px;
}


/* CAMPAIGN SLIDES
----------------------------------------------------------*/
.homeshow{position:relative;}
.slides {
	background:#fff url(images/ProfessionalServices.jpg) repeat-x;
	position:relative;	
	height:273px;
	
	width:980px;
	float:left;	
	margin:0;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
	*/
}

/* single slide */
.slides div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:0;
	height:273px;
	font-size:12px;
}

/* header */
.slides h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	position:absolute;
	left: 0px;
	top: 220px;
}


/* single tab */
.slidetabs a {
	width:326px;
	height:27px;
	float:left;
	margin:0 1px 0 0;
	padding:18px 0 0;
	background:url(images/navigator.png) 0 0px no-repeat;
	display:block;
	font-size:17px; 
	text-align:center;
}

.slidetabs a.last { margin:0;}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -47px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -47px;
	color:#333;     
} 	


/* prev and next buttons 
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next 
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev 
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}
