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


/* This CSS s for you page elements (the items that appear differently on each page.
Please divide these styles by page name in the order that they are on the site */

/* index page  ---------------  */



/* banners */
#bannercontainer{width:100%; height:184px; margin:auto; position:relative; display:block; clear:both;}

#banners{width:100%; height:184px; margin:auto; position:relative; display:block; background:#fff;}

#bannersmobile {display:none;}

#paused{
	width:100px;
	height:40px;
	margin: 0 0 0 0px;
	display:block;
	visibility:hidden;
	z-index:600;
	position:absolute;
	left:50%;
	bottom:10px;
	left:20px;
}

.cycle-slideshow:hover #paused
	{visibility:visible;}


/* products on the home page - start*/
#productcontainer{height:auto; width:100%; margin:auto; position:relative; display:block; background:#ededed; text-align:left; vertical-align:center; padding-bottom:20px }

#productcontainerdiv{height:auto; width:90%; margin:auto; position:relative; display:block; text-align:left; padding:20px 0; }


    .divCell
    {margin:0px;
		text-align:left;}
	
	 .divCellleft
    {float:left;
	width:28%;
	padding:0px;
	vertical-align:top;
	height:auto;
		    }
	
	 .divCellright
    {float:right;
	width:70%;
	text-align:left;
    }
		
	.divCellright p{
		font-size:12px;
		color:#666;
		line-height:1.25em;
		padding:0 5px 5px 5px;
		margin:0px;
		}
		
	.learnmore{
		font-size:11px;
		
		}

.paddingleft{padding-left:20px;}

/* site content - 3 column layout for first row of APP tools */
#col_containAPP1, #col_containAPP2{width:90%; height:auto; display:block; clear:both; position:relative; margin:auto;}
#col1_APP1, #col1_APP2{width:30%; height:auto; float:left; text-align:center;}
#col2_APP1, #col2_APP2{width:65%; height:auto; float:right;}
#col2a_APP1, #col2a_APP2{width:46%; height:auto; float:left; text-align:center;}
#col2b_APP1, #col2b_APP2{width:46%; height:auto; float:right; text-align:center;}
/* products - end*/
	



/* feature container */
#featurecontainer
{height:inherit; width:100%; margin:0 auto; position:relative; display:block; text-align:left; background:#fff; clear:both;}

#featurecontainerdiv
{height:auto; width:90%; margin:0 auto; position:relative; display:block;  padding: 20px 0 10px 0;}

#featuretable
{display:block; width:95%; height:auto; margin:0 auto; padding:0; position:relative; clear:both;}

#ftcol1, #ftcol2, #ftcell1, #ftcell2, #ftcell3, #ftcell4
{display:block; width:50%; height:172px; margin:0px 0px 10px 0px; padding:0; position:relative;}

#ftcol1, #ftcell1, #ftcell3
{float:left;color:#000066;}

#ftcol2, #ftcell2, #ftcell4
{float:right; color:#666666; }

#ftext1, #ftext2, #ftext3, #ftext4, #ftimg1, #ftimg2, #ftimg3, #ftimg4
{font-size:14px; font-weight:normal; color:#000066; width:85%; text-align:center; position:relative; margin:auto; padding:0px 0 10px 0;}

#ftext1, #ftext2, #ftext3, #ftext4
{border-bottom:1px solid #cccccc; height:10px;}

#ftimg1, #ftimg2, #ftimg3, #ftimg4
{padding:10px 0 10px 0;}

#fcopycontainer1, #fcopycontainer2, #fcopycontainer3, #fcopycontainer4
{font-size:12px;color:#666666;width:85%;text-align:left;position:relative;margin:auto;padding:0;}





ul.fcopy {margin-left: -25px; list-style-type:square; line-height:18px;}
	

	
	
	
/*end feature container */



/*start Extras container on homepage */
/*not sure if using 
#extrascontainer{height:auto; width:100%; margin:auto; position:relative; display:inline-block; background:#e5e5e5; text-align:center; padding-top:20px;}

#extrascol1, #extrascol2, #extrascol3 {
display:block;
width:30%;
height:auto;
margin:0 10px 0 10px;
position:relative;
float:left;
}


#extrascol2, #extrascol3{
	color:#000066;
	font-size:16px;
	padding:10px 0 0 0px;
}
*/

ul.extraslist 
   {list-style-type:none;
 		margin: auto;
 		padding: 0px;
		width:70%;
		text-align:left;
    }
	
ul.extraslist li
    {padding:0px;
	border-bottom:#cccccc dashed 1px;
    }
	
ul.extraslist li a
    {padding:5px;
	display:block;
	font-size:11px;
    }

#extrascolleft{
	display:inline-block;
	float:left;
	height:auto;
	width:30%;
	position:relative;
}

#photo1, #photo2{ height:auto;
width:auto;
position:relative;
display:block;
padding: 10px 0;
text-align:center;
font-size:10px;
}


#extrascolright{
	display:block;
	float:right;
	height:auto;
	width:70%;
	position:relative;
}


#extrascolright ul
   {list-style-type:none;
 		margin: 0;
 		padding: 0;
		width:80%;
		margin:0 auto;
    }
	
#extrascolright ul li
    {padding:0px;
	border-bottom:#788cc8 dashed 1px;
    }
	
#extrascolright ul li a
    {padding:5px;
	display:block;
	font-size:11px;
    }
	
.extrasHeaders{
	color:#000066;
	font-size:16px;
	padding:10px 0 0px 0px;
	text-align:left;
}

#extrasHeaders2, #extrasHeaders3{
	width:70%;
	height:auto;
	display:block;
	color:#000066;
	font-size:16px;
	margin: auto;
 	padding:10px 0 3px 8px;
	text-align:left;
	border-bottom:#cccccc solid 2px;
}

#extrasHeaders1{
	width:80%;
		display:block;
	color:#000066;
	font-size:16px;
	margin: auto;
 	padding:10px 0 3px 8px;
	text-align:left;
	border-bottom:#cccccc solid 2px;
	}
	
/*end extras container on homepage*/
	
/* not using	.extrascolright p{
		font-size:12px;
		color:#666;
		line-height:1.25em;
		padding:0 5px 5px 5px;
		margin:0px;
	}
	*/
	


/* underwriting page  ---------------  */


#introcontainer{height:auto; width:96%; margin:auto; position:relative; display:block; text-align:left; vertical-align:center; clear:both;}

#introcontainertools{height:auto; width:96%; margin:auto; position:relative; display:block; text-align:left; vertical-align:center; clear:both;}


#introcontainerdiv{width:60%; height:auto; float:left; margin:0; position:relative; display:inline-block; text-align:left; padding:10px 0;
}

#contactcontainerdiv{width:30%; height:auto; float:right; position:relative; display:inline-block; text-align:left; vertical-align:center; padding:20px 0;
 }


#contactinfobox{width:100%; height:auto; float:right; background:#eee; margin:0; padding:10px 0; }

#contactinfo{height:auto; width:95%; position:relative; display:inline-block; text-align:left; vertical-align:top; float:right; font-size:16px;  }

.contactinfo_secondary{font-size:13px;
color:#666;
line-height:normal;
margin:0 0 20px 0px;
padding:0px;
}

#gb_mainblockcontainer, #uw_bulletcontainer{height:auto; width:96%; margin:10px auto; position:relative; display:block; text-align:left;}


#gb_mbcol1, #gb_mbcol3, #gb_mbcol5, #gb_mbcol2, #gb_mbcol4{
	color:#333;
	width:100%;
	position:relative;
	display:block;
}

.gb_mbcoltext{font-size:12px;
color:#333333;
line-height:normal;
margin:0 0 20px 0px;
padding:0 0 0 4px;
font-weight:normal;
}

#uw_bulletcol1, #uw_bulletcol2{
	background-color:#eeeeee;
}


ul.uwlist 
   {list-style-type:none;	
   margin: auto;
 		padding: 0px;
		width:95%;
		padding-bottom:10px;
    }
	
ul.uwlist li
    {padding:0px;
	vertical-align:middle;
	background-image: url(../../images/content/arrow_bullets.png);
	background-repeat:no-repeat; background-position:left;
    }
	
ul.uwlist li a
    {padding:3px;
	display:block;
	font-size:12px;
	margin-left:10px;
    }


/* tools page  ---------------  */

.tools_header{
	color:#000066; 
	font-size:17px; 
	padding:0 4px; 
	margin:0 0 5px 0;  
	font-weight:normal;
	background-color:#e9e8e8;
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
}

/* APP Platform pages  ---------------  */

#appcontainer { float:right; width:78%; position:relative; display:block; }

#appgraphicdiv{ height:auto; width:100%; margin:0; position:relative; display:block; padding:10px 0; text-align:left; float:right;}

#appgraphicpsp{height:auto; width:100%; margin:0; position:relative; padding:0; text-align:left; float:left;
}

#appgraphicpre{height:auto; margin:0; position:relative; padding:0; text-align:center; float:left; background-color:#85C2DE; color:#fff; width:49.8%; font-size:25px;
}

#appgraphicsale{height:auto; margin:0; position:relative; padding:0; text-align:center; float:left; background-color:#ff6600; color:#fff; width:16.6%; font-size:25px;
}

#appgraphicpost{height:auto; margin:0; position:relative; padding:0; text-align:center; float:left; background-color:#778AC5; color:#fff; width:33.2%; font-size:25px;
}

#appgraphicbox1, #appgraphicbox2, #appgraphicbox3, #appgraphicbox4, #appgraphicbox5, #appgraphicbox6{ height:auto; width:16.6%; margin:0; position:relative; display:block; padding:0; text-align:center; float:left; color:#999; font-size:14px;}


#appintrodiv{height:auto; width:100%; margin:10px auto; position:relative; display:block; text-align:left; float:right; font-size:14px; border-bottom:1px solid #dddddd; padding:0 0 10px 0;	
}

#app_mainblockcontainer {height:auto; width:96%; margin:0px; position:relative; display:block; text-align:left; float:right;}

#app_mainblockcontainertop {height:auto; width:100%; margin:20px 0; position:relative; display:block; text-align:left; font-size:13px;}

.applists {
	font-size:13px;
	line-height:20px;
	margin:3px 0 0px 13px;
	padding:0;
}

#app_col1, #app_col3, #app_col5, #app_col2, #app_col4{
	color:#333;
	width:100%;
	position:relative;
	display:block;
	border-right:1px solid #ddd;
	margin:0 15px 0 0;
	padding-bottom:15px;
	clear:both;
}

#app_col1training{
	color:#333;
	width:100%;
	position:relative;
	display:block;
	margin:0 15px 0 0;
	padding-bottom:15px;
	clear:both;
}

#app_col2, #app_col4{
	border-right:none;
}

#app_call{height:auto; width:100%; margin:40px auto; position:relative; display:block; text-align:left; float:right; border:1px solid #ff6600; text-align:center; font-size:14px; padding: 6px 0;
}

.accord_head{font-size:13px;
color:#ff6600;
margin:0px;
padding:0px;
}

.dropdown_paragraph{font-size:13px;
color:#666;
line-height:normal;
margin:0px;
padding:0px;
font-weight:normal;
}

.dropdown_paragraph_prod{font-size:13px;
color:#666;
line-height:normal;
margin:0px;
padding:0px;
font-weight:normal;
}

#webformtop {background-color: #ff6600 ;padding:10px; color:#fff; font-size:16px;}

#webform {background-color: #efefef;padding:10px 0 0 20px; margin-bottom: 25px;}


/* Products pages  ---------------  */
#prodcontainer { float:left; width:44%; position:relative; display:block; }

#prodintrodiv{height:auto; width:100%; margin:10px auto; position:relative; display:block; text-align:left; float:right; font-size:14px; border-bottom:1px solid #dddddd; padding:0 0 10px 10px;	
}


/* site content - 3 column layout for first row of Products pages */
#col_containPROD {width:95%; height:auto; display:block; clear:both; position:relative; margin:auto;}
#col1_PROD {float:left; width:15%; height:auto; display:block; position:relative; margin-right:20px;}
#col2_PROD {width:80%; height:auto; float:right;}
#col2a_PROD {width:60%; position:relative; display:block; float:left; }
#col2b_PROD {width:37%; height:auto; float:right; position:relative; display:inline-block; text-align:left; vertical-align:center; padding:20px 0;}
/* products pages - end*/

#productads{width:100%; height:auto; float:right; margin:0; padding:10px 0; }


	

/* structure */




/* style */





/* --------------- end index */



/* contact  ---------------  */



/* --------------- end contact*/

