/* links */
a:link { color: #367499;text-decoration:none;}/*changed from 426698*/
a:visited {color: #367499;text-decoration:none;}
a:hover {color: #AD4601;text-decoration:none;}
a:active { color: #AD4601;text-decoration:none;}

/* layout */
body {
	background-color:#c8d0db;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#learnmore,
#flash,
#logo,
#topitems {text-align:left;}
#learnmore,
#top,
#container{
	margin: 0 auto;
	text-align: center;
	}
#learnmore,
#top {
	width:910px;
	}
#topitems {
	width: auto;
	height:25px;
	margin-top:15px;
	float:right;
	}
#search {
	width: auto;
	height:22px;
	margin-top:40px;
	float:right;
	padding-right:4px;
	}
#logo {
	/*width:605px;
	height:70px;
	padding-top:23px;*/
    padding-bottom:23px;
	float:left;
	}
/*  Logo H1 */
#logo h1 {
	text-indent: -999em;
	margin: 0;
}
#logo #logolink {
	width:605px; /* edit || logo size */
	height:74px; /* edit || logo size */
	display: block;
}
/* end end */
#flash {
	width:675px;
	height:auto;
	float:left;
	}
#learnmore {
	background: url(/images/home/container_bg.jpg) repeat-y;
	width:910px;
	margin-top:8px;
	float:left;
	background-color:#ffffff;
	color:#666666;
	}
#main {
	background: url(/images/home/container_bg.jpg) repeat-y;
	width:910px;
	/*margin-left:2px;*/
	text-align:center;
	float:left;
	background-color:#ffffff;
	}
#bottom{
	background:url(/images/home/container_bottom.jpg) no-repeat;
	height:15px;
}
.clear {clear:both}

/* text */
.copy,
.copyblue,
.copyr {
	font-style:normal;
	font-weight:normal;
	}
.copyr {
	text-align:left;
	padding-top:10px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.nvitems{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.follow,
.copyblue,
.nvitems {color:#367499;}
.follow,
.nvitems {	
	width:auto;
	text-align:right;
	font-style:normal;
	font-weight:bold;
	float:right;
	}
.follow,
.copyblue,
.copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.copyblue,
.copyr,
.copy {line-height:18px;}
.copy {color:#999;}
.copyr {
width:auto;
	color:#666;
	float:left;
	}
h2.greenheader{
	color:#6a835b;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:22px;
}
h2.greenheader a,
h2.greenheader a:hover,
h2.greenheader a:active,
h2.greenheader a:visited{
	color:#6a835b;
}

h2.orangeheader{
	color:#da6d15;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:22px;
}
h2.orangeheader a,
h2.orangeheader a:hover,
h2.orangeheader a:active,
h2.orangeheader a:visited{
	color:#da6d15;
}
h4.grayheader{
	color:#999;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:22px;
}
h3.grayheaderdark{
	color:#666;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:22px;
}
h3.grayheaderdark a,
h3.grayheaderdark a:hover,
h3.grayheaderdark a:active,
h3.grayheaderdark a:visited{
	color:#666;
}
h4.grayheadersmall{
	color:#999;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding-bottom:15px;
}
.learnsection2 .bold{
	font-weight:bold;	
	color:#666;
	width:250px;
}
.learnsection2 .boldblue{
	font-weight:bold;	
	color:#367499;
	width:250px;
}
.dividershort{
	border-bottom:1px solid #c8d0db;
	width:64%;
	float:left;
	margin:0 10px;
}
.dividerfull{
	border-bottom:1px solid #c8d0db;
	width:90%;
	float:left;
	margin:0 10px;
}
.leftdivider{
	border-bottom:1px solid #c8d0db;
	float:left;
	width:613px;
	margin:5px 10px 10px 10px;
}
.rightdivider{
	border-bottom:1px solid #c8d0db;
	float:right;
	width:240px;
	float:right;
	margin:5px 25px 10px 10px;
}
.morelink{
	float:right;
	margin-top:-12px;
        width:90px;
}
.morelink a{
	font-size:10.5px;
	font-weight:bold;
	padding:0 3px;
}

/* general*/
.searchfield {
	width:190px;
	height:18px;
	margin-right:2px;
	border:none;
	background:url(/images/header/bg_search.png) top left no-repeat;
	}
.solutions{
	width:226px;
	float:right;
	padding-right:2px;
	}
.learnsection {
	width:315px;
	float:left;
	border-right:1px solid #c8d0db;
	margin-top:10px;
	/*min-height:400px;*/
}
.learnsection2 {
	margin-top:10px;
	width:268px;
	float:left;
	}
.solutions {
	/*padding-left:9px;*/
	}
.textwrap {
	margin:7px 20px 7px 10px;
	padding: 0px 10px 10px 15px;
	text-align:left;
	border-bottom:1px #c8d0db solid;
	height:auto;
	}
.textwrap img{
	border:none;
	vertical-align:middle;
}
.textwrap .customerlinks img{
	padding-right:40px;	/*change back to 30 when slider enabled*/
}
.textwrap a{
	font-size:11px;	
	font-weight:bold;
}
.textwrap span{
	padding:0 32px 0 8px;	
}
.textwrap .nobold{
	font-weight:normal;
	padding-right:7px;
}
.textwrap_bottom {
	margin:17px 10px;
	/*padding: 0px 10px 10px 15px;*/
	text-align:left;
	height:auto;
	}
.customerlinks{
	border-right:1px solid #c8d0db;
	width:608px;
}
.socialmedia_wrapper{
		padding-left:7px;
        width:239px;
}
.socialmedia_icon{
	padding:10px 2px;	
}
.learncopy1,
.learncopy2 {
	height:auto;
	padding:0 15px 15px 15px;
	padding-left:25px;
	text-align:left;
	}
.learncopy2 {
	margin-top:20px;
}
.learncopy2 p{
	padding:0;
	margin:0;
}
.linksection {
	border-right: 1px solid #c8d0db;
	min-height:250px;
	margin: 10px 0 10px 0;
	padding:0 10px;
	width:199px;
	float:left;
	}
.first {
		border-left: 1px solid #c8d0db;
}
.linktopic {
	border-bottom:1px #FFF solid;
	font-size:12px;
	}
#home_list_green{
	font-size:11px;	
	margin:0;
	padding-left:45px;
	list-style-type:none;
	list-style-image:url(/images/home/gr_arrow.jpg);
}
#home_list_green li {
	text-align:left;
	padding:4px;
}
#home_list_green li a{
	font-weight:bold;	
}
#home_list_orange{
	font-size:11px;	
	margin:0;
	padding-left:45px;
	list-style-type:none;
	list-style-image:url(/images/home/or_arrow.jpg);
}
#home_list_orange li {
	text-align:left;
	padding:4px;
}
#home_list_orange li a{
	font-weight:bold;	
}
.video img{
	border:none;
	vertical-align:middle;
}
.video span{
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
}
.video a{
	float:left;
	padding:10px 20px;
}

/*final banner*/

/*--Main Container--*/
.showMe{
	visibility:visible;
}
.hideMe{
	visibility:hidden;
}
.main_view {
	float: left;
	position: relative;
	height:268px;
	width: 673px;
}
/*--Window/Masking Styles--*/
.window {
	height:268px;	
	width: 673px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	z-index:-50;
}
/*Top Header Text*/
.header_text{
	margin-top:-150px;
	color:#a3c3dc;
	text-align:left;
	padding-left:15px;
	font-size:20px;
	width:375px;
    float:left;
}
.header_text p{
	margin: 10px 0 0 0;
}
.header_text p a{
	font-size:11px;
	color:#c9e7ff;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {
	float: left;
	border:0;
}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;

}
.paging a:hover {font-weight: bold;}

.hp_bannertext {
	/*background-image: url(../images/HP_banner_textbg.png);*/
	background-repeat: repeat-x;
	height: 40px;
	width: 675px;
	/*padding-top: 240px;*/
	background-position: left bottom;
	padding-bottom: 10px;
	/*position: relative;*/
}
.hp_bannertext div.capPosition {
position:absolute; 
top:220px; 
left: 0px; 
width: 675px;	
}
.hp_bannertext div.cap1{
color:#FFFFFF;
padding-left: 10px; 
font-size: 11px;
line-height: 0.9em;
float:left;
}
.hp_bannertext div.cap1 img{
border:none;
vertical-align:middle;
}
.hp_bannertext div.cap2 a{
color:#fff;	
}
.hp_bannertext div.cap2{
color:#FFFFFF;
padding-left: 10px; 
font-size: 11px; 
float:left;
padding-top:20px;
}

.squaresBox {
	width: 65px;
	height: 9px;
	position: absolute;
	top: 238px;
	left: 600px;
}
.squaresBox a{
	font-size:11px;
	color:#72bbe5;
	font-weight:bold;
}
.squaresBox a.active{
	color:#ffffff;
}
.squaresBox ul {
	padding: 0px;
}
.squaresBox li {
	list-style-type: none;
	padding-right: 7px;
	float: left;
}
.squaresOn {
	height:24px;
	width:11px;
	color:#ffffff;
	font-size:11px;
	background-image:url();
	
}
.squaresOff {
	color:#74a4c5;
	background-image:url();
	font-size:11px;
	height:24px;
	width:11px;
}
.squaresOn span, .squaresOff span{
	padding-top:3px;	
}

/*SCROLLBAR*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.customerlinks .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 502px;
	height:120px;
	float:left;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.customerlinks .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:508px;
}

/* single scrollable item */
.customerlinks .scrollable img {
	float:left;
	margin:20px 20px 20px 0px;
	background-color:#fff;
	padding:2px;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.customerlinks .scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* position and dimensions of the navigator */
.customerlinks .navi {
	/*margin-left:328px;*/
	/*width:200px;*/
	height:20px;
	margin-top:60px;
}


/* items inside navigator */
.customerlinks .navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	display:block;
	float:right;
	/*font-size:1px;*/
}

/* mouseover state */
.customerlinks .navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.customerlinks .navi a.active {
	background-position:0 -16px;     
}