@charset "utf-8";
/*

Zoot Enterprises Style Sheet

Author : Ripple Marketing - Joe Money
Date : 10/04/2006

zoot blue : #009DE7

*/

body {
	background-color:#000033;
	background-image:url(zoot_img/0_page_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin: 0px;
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}
#middle_blue_quote {
	background-image: url(zoot_img/quote_blue_middle.gif);
	background-repeat: repeat-y;
	width: 281px;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	padding-right: 0px;
}
#middle_green_quote {
	background-image: url(zoot_img/quote_green_middle.gif);
	background-repeat: repeat-y;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	padding-right: 0px;
}

#middle_yellow_quote {
	background-image: url(zoot_img/quote_yellow_middle.gif);
	background-repeat: repeat-y;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	padding-right: 0px;
}
#middle_yellow_nav {
	width:210px;
	background-image: url(zoot_img/sideNav_midd_yel.gif);
	background-repeat: repeat-y;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-left:15px;
}
#middle_green_nav {
	width:210px;
	background-image: url(zoot_img/sideNav_mid_gr.gif);
	background-repeat: repeat-y;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-left:15px;
}
#middle_blue_nav {
	width:210px;
  border: 0px solid red;
	background-image: url(zoot_img/sideNav_mid_bl.gif);
	background-repeat: repeat-y;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
  padding-left:15px;
}

form {
  margin:0px;
}

a {
	color:#009DE7;
}

a:hover {
	color:#009DE7;
	text-decoration:none;
}

li {
	font-size:14px;
}

p {
	font-size:14px;
	color:#000000;
	margin-top:15px;
	margin-bottom:15px;
}

h1 {
	font-size:18px;
	font-weight:normal;
	margin-left:-10px;
	margin-top:15px;
}

h1#solutions_header {	color:#015291; }

h1#industry_header { color: #82af41; }

h1#about_zoot_header { color: #eebe1e; }

h1#additional_pages_text { color: #b63026; }

h2 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
	font-family: "Trebuchet MS";
}
.learn_more {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #015291;
}


h2 + p {
  margin-top: 0;
}

/* BEGIN additions by Kirk */

img { border-width:0px; }

img.bordered { border-width:1px; }

/* the six main layout containers */
/* pagecontainer contains all but the footer links */
#pagecontainer {
  width:960px;
  height:auto;
  margin:0 auto;
  text-align:left;
  position:relative;
  top:0px;
  left:0px;
  border: 0px solid red;
}

#spacer {
  height:159px; /* 180px */
}

#logocontainer {
  width:960px;
  height:77px;
  margin:0 auto;
  position:absolute;
  top:0px;
  left:0px;
  border: 0px solid red;
}

#print_logo { display: none; }

#main_nav {
	width:960px;
	height:45px;
	position:absolute;
	top: 77px;
	left: 6px;
  border: 0px solid red;
}

#indexcontentcontainer { /* index page only */
  width: 754px;
  height: auto;
  margin: 0;
}

#contentcontainer {
  height:auto;
  margin:0;
  background-image:url(zoot_img/middle.gif);
  background-repeat:repeat-y;
  overflow:auto; /* needed for bkg-image in div in non-IE */
	width:960px;
	background-color:#fff;
	font-size: 14px;
}

#footercontainer {
	text-align:center;
	margin:15px 0 0 0;
}

#print_copyright {
  display:none;
}

#content {
  width:765px; /* 724 */
  background-color:#fff;
  text-align:left;
  vertical-align:top;
  float:left;
  padding:0 10px 0 30px;
}

#title_spacer {
	height:16px; /* 16 */
	margin:0;
	padding:0;
}

#level2_left_top { float:left; }

#level2_right_top { float:right; }

#dotted_line { margin:0 0 0 -5px; }

#cse-search-box { margin: 15px 16px 0 0; }

#search_button {
  padding-left:7px;
  padding-top:2px;
}


/* ##here start changes for redesign */

#contact_us_container {
  margin-top: 3px;
  text-align: left;
}

/* mega menu stuff */

#sub_nav {
  width:1171px; /* 1068px */
  height:36px;
  position:absolute;
  top:123px;
  left:0px;
  margin:0;
  padding: 0;
}

#sub_nav li {
  display:inline;
}

#sub_nav img {
  margin: 0;
  padding:0;
}

#sub_nav li a {
  text-decoration: none;
  padding: 0;
  margin: 0;
}

#sub_nav li a:hover {
  text-decoration: none;
}

#sub_nav div {
  margin:0;
  padding:0;
  display:none;
}

#sub_nav li.mega div {
	border: 2px solid #00aee7;
	width: 300px;
	position: absolute;
	top: 35px;
	left: 5px;
	margin: 0px;
	padding: 0;
	padding-right: 20px; /* space between mega content and right border */
	background-color: #FFFFFF;
	color: #e98324;
}

#sub_nav li.hovering div {
  display: block;
}

#sub_nav li.mega div a {
	color: #000000;
	padding: 0;
	background-image: none;
	text-decoration: none;
	font-size: 13px;
}

#sub_nav li.mega div a:hover {
	color: #009dec;
	font-size: 13px;
	text-decoration: underline;
}

#sub_nav li div a.more {
  color: #390;
  font-weight: bold;
}

#sub_nav div h3 { /* mega menu headings */
  color: #000000;
  font-weight: bold;
  font-size: 14px; /* heading font size */
  display: block;
  padding-top:1px; /* top heading padding; affects bar thickness */
  padding-bottom:1px; /* bottom heading padding; affects bar thickness */
  padding-left:20px; /* heading indent */
  margin: 0;
  background-color:#c9cacb; /* heading bar color */
  width: 100%;
}

#sub_nav div ul { /* mega menu list */
  padding:0;
  margin: 0;
  margin-top: 5px; /* leading space above each list block */
  margin-bottom: 15px; /* trailing space after each list block */
  margin-left: 17px; /* part of list item indent; see 6 lines below */
  list-style-type: square;
  list-style-position: outside;
}

#sub_nav div ul li {
  display: block;
  list-style-type:none;
  background-image:url(zoot_img/bullet.gif);
  background-repeat:no-repeat;
  padding-left:12px;
  margin:4px;
  background-position: 0px 8px;
}
/* Industry Insights tabs
##here currently an issue here, these properties have to be set inline to work - ???
#news_room_tab {left:6px; border:#82AF41;}
#events_tab {left:106px; border:#82AF41;}
div#content_lib_tab {left:177px; border:#82AF41;}
*/
/* About Zoot tabs
##here currently an issue here, these properties have to be set inline to work - ???
#who_tab {left:6px; border:#eebe1e;}
#where_tab {left:104px; border:#eebe1e;}
#community_tab {left:227px; border:#eebe1e;}
*/
/* Solutions tabs
##here currently an issue here, these properties have to be set inline to work - ???
#decisioning_tab {left:6px;}
#origination_tab {left:104px;}
#acquisition_tab {left:201px;}
#risk_tab {left:357px;}
#aggregation_tab {left:502px;}
#LOB_tab {left:638px;}
#tools_tab {left:772px; width:250px;}
*/

/* end mega menu stuff */

/* ##here end changes */

ul.footer { /* all dwt */
	list-style:none;
	padding:0;
	margin:0;
}
ul.footer li { display:inline; }
ul.footer li a { display:inline; }
/* END additions by Kirk */

.warning { /* one file: philanthropy.html */
	color: #FF0000;
	font-weight: bold;
}

/* ##here next 5 styles all have font-size 11px */
.history_black { /* one file: history.html */
	font-size:11px;
}
.history_blue { /* 2 files: contact_us.html, history.html */
	font-size:11px;
	color:#015291;
}

.spotlight_text { /* multiple files: sitemap.html, 8 products/ files */
/* only font size is really needed */
	line-height:13px;
	text-decoration:none;
	background:transparent;
	background-color:transparent;

}

.faqs { /* on 1 <p> only in faqs.html */
	font-size:11px;
	line-height:13px;
	color:#000000;
	text-decoration:none;
	background:transparent;
	background-color:transparent;
}
.forms { /* ##here resume in many <td>, <li> on several pages; set once in ancestor */
	font-size:14px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
	background:transparent;
	background-color:transparent;
}
.spotlight_text:hover {
	color:#000000;
	text-decoration:none;
	font-size: 10px;
}
.footer_text { /* all dwt */
	font-size:11px;
	color:#ffffff;
}
.footer_links { /* all dwt on <li>: set on ancestor */
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
	background:transparent;
	background-color:transparent;
}
.footer_links:hover {
	color:#009DE7;
}
.breadcrumbs { /* all dwt */
	font-size:11px;
	color:#fff;
	margin-bottom:0px;
	line-height:3.0em;
}
.breadcrumbs a { /* all dwt */
	font-size:11px;
	color:#ffffff;
	background:transparent;
	background-color:transparent;
	text-decoration:underline;
	padding: 0 4px;
}
/* keep left padding in sync with left padding above */
#breadcrumbs_end {padding: 0 0 0 4px;} /* all dwt */

.breadcrumbs_links:hover { /* all dwt */
	text-decoration:none;
	color:#FFFFFF;
}
.bold_green {
	color: #82af41;
	font-weight: bold;
	font-size: 16px;
}


/* ##here used in place of <h2> on several pages */
.secondary_header {
	font-size:18px;
	font-weight:normal;
	color:#00467D;
}
/* ##here lots of these but no dwt; replace with an ancestor id and style as descendant */
.small_box_link{
	font-size:13px;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
	color:#009DE7;
	text-decoration:none;
}
/* ##here lots of these but no dwt; replace with an ancestor id and style as descendant */
.small_box_link:hover {
	text-decoration:underline;
}

/* ##here single occurrence in ~15 html files: make id */
.small_box_cell{
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
}
/* ##here nada but replace other 6 classes having 11px size with this one?
.smalltext {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
*/
#whoweare_left_sm {
  background-image:url(zoot_img/whoweare_left_sm.gif);
}
#whoweare_right_sm {
  background-image:url(zoot_img/whoweare_right_sm.gif);
}
#featured_left_green_sm {
  background-image:url(zoot_img/featured_left_green_sm.gif);
}
#featured_right_green_sm {
  background-image:url(zoot_img/featured_right_green_sm.gif);
}
#spotlight_left_sm {
  background-image:url(zoot_img/spotlight_left_sm.gif);
}
#spotlight_right_sm {
  background-image:url(zoot_img/spotlight_right_sm.gif);
}
ul#site_map_press li a{ font-size:11px;
}
ul#site_map_press li a:hover{ font-size:11px;
}
ul#site_map_articles li a{ font-size:11px;
 }
 ul#site_map_articles li a:hover{ font-size:11px;
 }
/* FST.html, sitemap.html */
.darkblue_1px {
  background-image:url(zoot_img/darkblue_1px.gif);
}
/* FST.html, sitemap.html */
.green_1px {
  background-image:url(zoot_img/green_1px.gif);
}
/* sitemap.html */
.purple_1px {
  background-image:url(zoot_img/purple_1px.gif);
}
/* sitemap.html */
.red_1px {
  background-image:url(zoot_img/red_1px.gif);
}
/* sitemap.html */
.orange_1px {
  background-image:url(zoot_img/orange_1px.gif);
}
/* sitemap.html */
.zblue_1px {
  background-image:url(zoot_img/zblue_1px.gif);
}
/* FST.html */
.fst_link_box {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #009DE7;
	font-weight: bold;
	text-decoration: none;
}
/* FST.html */
.fst_text_box {
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
/* all dwt */
#header_breadcrumbs {
	background-image: url(zoot_img/header.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 960px;
	margin: 0;
	padding: 0;
	padding-left:51px;
}
/* heading for press/ articles */
.press_header {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: normal;
	color: #82AF41;
	text-decoration: none;
}
/* all dwt */
#search_bar {
	width: 250px;
	position: absolute;
	right: -1px;
	top: 28px;
	padding-top: 0px;
	vertical-align: middle;
	white-space: normal;
	height: 71px;
	z-index:99;
}
/* index only */
#sub_bar {
	background-image: url(zoot_img/index_sub_bar.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 960px;
	position: absolute;
	left: 0px;
	top: 122px;
}

/* this does quote and tertiary nav boxes */
#solutions_quote_box {
	width:282px;
	height: auto;
	float:right;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 10px;
}
#quote_box_text {
  padding-right:30px;
  padding-left:30px;
  margin:0;
}
/*
#nav_box_text {
  padding-right:53px;
  padding-left:10px;
  padding-bottom:0;
  padding-top:0;
  margin:0;
}
*/

#solutions_quote_box h2 {
  margin:0;
  padding-top:5px; /* space up to magnifying glass */
  padding-bottom: 5px; /* space down to 1st link */
  padding-left:10px; /* space to left box side; also see middle_blue_nav padding-left way above*/
}

#solutions_quote_box ul {
  margin-bottom:0;
  margin-top:0;
  padding-bottom:0;
  color:#e98324;
  list-style-type:square;
}

#solutions_quote_box ul a {
	color: #000000;
	padding: 0;
	background-image: none;
	text-decoration: none;
	font-size: 13px;
}

#solutions_quote_box ul a:hover {
	color: #009dec;
	font-size: 13px;
	text-decoration: underline;
}
#site_map_box h2 {
  margin:0;
  padding-top:5px; /* space up to magnifying glass */
  padding-bottom: 5px; /* space down to 1st link */
  padding-left:10px; /* space to left box side; also see middle_blue_nav padding-left way above*/
}
#site_map_box h2 a {
	color: #000000;
	padding: 0;
	background-image: none;
	text-decoration: none;
	font-size: 13px;
}

#site_map_box h2 a:hover {
	color: #009dec;
	font-size: 13px;
	text-decoration: underline;
}
#site_map_box ul {
  margin-bottom:0;
  margin-top:0;
  padding-bottom:0;
  color:#e98324;
  list-style-type:square;
}

#site_map_box ul a {
	color: #000000;
	padding: 0;
	background-image: none;
	text-decoration: none;
	font-size: 13px;
}

#site_map_box ul a:hover {
	color: #009dec;
	font-size: 13px;
	text-decoration: underline;
}

.quote_text {
	font-family: Garamond;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.quote_source_text {
	font-family: Garamond;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
	padding-left:30px;
	display: block;
}
.newsroom_lates {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-position: left top;
	list-style-position: outside;
	list-style-type: square;
}
.collateral_links {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: normal;
}
.webinar_links {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: normal;
}
.site_map_images {
	background-repeat: no-repeat;
	background-position: center top;
	height: 38px;
}