@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;
}

form {
  margin:0px;
}

a {
	color:#009DE7;
}

a:hover {
	color:#009DE7;
	text-decoration:none;
}

p {
/* ##here move basic font attribs to body; move l-r-margin to enclosing div padding */
	/*font:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin-top:15px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:15px;
}

h2 {
/* ##here move basic font attribs to body; move l-r-margin to enclosing div padding */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  margin-left: 30px;
  margin-bottom: 0;
}

h2 + p {
  margin-top: 0;
  margin-left: 30px;
  }

/* BEGIN additions by Kirk */

img { border-width:0px; margin:0; padding:0; }

img.bordered { border-width:1px; }

/* the six main layout containers */
/* pagecontainer contains all but the footer links */
#pagecontainer { /* all dwt */
  width:960px;
  height:auto;
  margin:0 auto;
  text-align:left;
  position:relative;
  top:0px;
  left:0px;
}

#spacer { /* all dwt */
  height:159px; /* 180px */
  border:0px solid red;
 }

/*
3 pixel buffer between logocontainer and tabscontainer so browser reliably
detects mouseover on spacer div, which those two div's "cover up"
*/

#logocontainer { /* all dwt */
  width:960px;
  height:77px;
  margin:0 auto;
  position:absolute;
  top:0px;
  left:0px;
  border: 0px solid red;
}
#print_logo { display: none; }


#main_nav { /* all dwt */
	width:960px;
	height:45px;
	position:absolute;
	top: 77px;
	left: 6px;
  border: 0px solid red;
}

/*
#tabscontainer {
  width:1068px;
  height:36px;
  position:absolute;
  top:145px;
  left:0px;
  margin:0;
  border: 0px solid red;
}
*/

#indexcontentcontainer { /* index page only */
  width: 754px;
  height: auto;
  margin: 0;
}

#contentcontainer { /* all dwt */
  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 */
}

/* details and details_press templates are unique */
/*
#detailscontentcontainer {
  height:auto;
  margin:0;
  background-image:url(zoot_img/details_level2_tile.gif);
  background-repeat:repeat-y;
  overflow:auto;*/   /* needed for bkg-image in div in non-IE */
/*}*/

#detailscontent { /* search.html */
  width:900px;
  background-color:#fff;
  text-align:left;
  vertical-align:top;
	margin-right:4px;
	margin-left:5px;
	background-image:url(zoot_img/details_botom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	border-bottom: 1px solid #00467D; /* hack for FF: gap below bottom bkg image */
}

/*#details_dotted_line { margin:0 0 0 17px; }
 end details exceptions */

#footercontainer { /* all dwt */
	text-align:center;
	margin:15px 0 0 0;
}

#print_copyright { /* all dwt */
  display:none;
}

#content { /* all dwt */
  width:754px;
  background-color:#fff;
  text-align:left;
  vertical-align:top;
  float:left;
}

#title_spacer { /* all dwt */
	height:16px; /* 16 */
	margin:0;
	padding:0;
}

#level2_left_top { float:left; } /* all dwt */

#level2_right_top { float:right; } /* all dwt */

#dotted_line { margin:0 0 0 25px; } /* all dwt */

#cse-search-box { margin: 15px 16px 0 0; } /* all dwt */

#search_button {  /* all dwt */
  padding-left:7px;
  padding-top:2px;
}

.layout { /*  all dwt; merge with contentcontainer, remove from templates */
	width:960px;
	background-color:#fff;
	font-size: 14px;
}

/* ##here start changes for redesign */

#contact_us_container { /* all dwt */
  margin-top: 3px;
  text-align: left;
}

/* mega menu stuff */
p, ul, li {
font-size: 1em;
/*
margin: 0;
padding: 0;
*/
}

ul#sub_nav {
  width:1171px; /* 1068px */
  height:36px;
  position:absolute;
  top:123px; /*top:122px*/
  left:0px;
  margin:0;
  padding: 0;
  border: 0px solid red;

}

ul#sub_nav li {
  display:inline;
  /*
  position:relative;
  border: 1px solid green;
  */
}

ul#sub_nav img {
  margin: 0;
  padding:0;
}

ul#sub_nav h2, ul#sub_nav h3 {
font-size: 100%;
font-weight: normal;
display: inline;
}

ul#sub_nav li a {
text-decoration: none;
padding: 0;
margin: 0;
}

ul#sub_nav li a:hover {
  text-decoration: none;
}

ul#sub_nav div {
  margin:0;
  padding:0;
  display:none;
}

ul#sub_nav li.mega div {
	border: 2px solid #00aee7; /*dda*/
	width: 300px; /*18em*/
	position: absolute;
	top: 35px; /* 1.6em */
	left: 5px; /* 0em */
	margin: 0px;
	padding: 20px; /*1.3em*/
	background: #fff; /*ffc*/
	color: #930;
}

ul#sub_nav li.hovering div {
  display: block;
}

ul#sub_nav li.mega div a {
	color: #000000;
	padding: 0;
	background-image: none;
	text-decoration: underline;
	font-size: 13px;
}

ul#sub_nav li.mega div a:hover {
	color: #009dec;
	font-size: 13px;
 }

ul#sub_nav li div a.more {
color: #390;
font-weight: bold;
}

ul#sub_nav div h3 {
color: #e98324;
font-weight: bold;
font-size: 17px;
}

ul#sub_nav div p {
margin: 0 0 0.8em 0;
padding: 0;
}

/* Industry Insights tabs
#news_room_tab {left:6px; border:#82AF41;}
#events_tab {left:104px; border:#82AF41;}
#content_lib_tab {left:175px; border:#82AF41;}
*/
/* About Zoot tabs
#who_tab {left:6px; border:#eebe1e;}
#where_tab {left:104px; border:#eebe1e;}
#community_tab {left:227px; border:#eebe1e;}
*/
/* Solutions tabs
#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 */


/* <li class="mega"> replaces .tab
.tab { display:inline; margin:0; position:relative; }  float:left;
*/


.supporting_links_container { /* about 15 html files */
	text-align:center;
	padding:0;
}

p.supporting_links { /* once each in 2 files */
	margin:0;
	padding-bottom:10px;
}

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 {
	color: #FF0000;
	font-weight: bold;
}


.frontpage_text { /* multiple files; only font-size is needed */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-top:0px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:0px;
}

.frontpage { /* identical to previous; once only only on index.html; only font-size is needed */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-top:0px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:0px;
}

.history_black { /* identical to previous; on 2 html files */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-top:0px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:0px;
}

.history_blue { /* on 2 html files */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#336699;
	margin-top:0px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:0px;
}

.myzoot { /* all dwt */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

/*
.spotlight_cell {
	padding-left:20px;
	padding-right:10px;
	padding-top:0px;
}
*/

.spotlight_text { /* index, sitemap */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	text-decoration:none;
	background:transparent;
	background-color:transparent;
}
.spotlight_text_big { /* index only */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	text-decoration:none;
	background:transparent;
	background-color:transparent;
}

.small_diagram { /* on 4 html files; <p> tags can be id instead */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	margin-top:0px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
}

.faqs { /* on 1 <p> only in faqs.html */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#000000;
	text-decoration:none;
	background:transparent;
	background-color:transparent;
}

/*
.team {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
	margin-top:0px;
	margin-left:60px;
	margin-right:60px;
	margin-bottom:0px;
	background:transparent;
	background-color:transparent;
}
*/

.forms { /* in many <td>, <li> on several pages; set once in ancestor */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
	background:transparent;
	background-color:transparent;
}

.spotlight_text:hover {
	color:#000000;
	text-decoration:none;
}

.footer_text { /* all dwt */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

.footer_links { /* all dwt on <li>: set on ancestor */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
	background:transparent;
	background-color:transparent;
}

.footer_links:hover {
	color:#009DE7;
}

.breadcrumbs { /* all dwt */
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	margin-bottom:0px;
	line-height:3.0em;
}

.breadcrumbs a { /* all dwt */
	/*font:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	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;
}

/*
.layer2_supporting_links {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	text-decoration:underline;
	background:transparent;
	background-color:transparent;
	padding-left:30px;
	margin-right:0px;
	margin-top:40px;
}


.layer2_supporting_links:hover {
	text-decoration:none;
	color:#FFFFFF;
}
*/

/* only in application_development_GUI.html, which isn't on new dwt
.layer2_supporting_links_here {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	background:transparent;
	background-color:transparent;
	padding-left:30px;
	margin-right:0px;
	margin-top:40px;
}
*/

/*
.layer2_supporting_links:special {
	text-decoration:underline;
	color:#FFFFFF;
}
*/

/* none
.layer1_Title {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	color:#005094;
}
*/

/*<h1> for level2_zootblue.dwt only
.layer2_Title_zblue {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:0px;
	color:#009DE7;
}
*/

/* <h1> for red dwt only
.layer2_Title_red {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	color:#990000;
}
*/

/* <h1> for orange dwt only
.layer2_Title_los {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	color:#FF6C1B;
}
*/

/* <h1> of solutions dwt only; make id on unique parts */
.solutions_header {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	color:#015291;
}

/* <h1> of additional dwt only; make id on unique parts */
.additional_pages_text {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #b63026;
	font-weight: normal;
	margin-top: 15px;
	margin-left: 20px;
}

/* <h1> for level2_purple.dwt only
.layer2_Title_dataag {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	color:#7C086B;
}
*/

/* <h1> for level2_green.dwt, level2_green_products.dwt only
.layer2_Title_dec {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-left:20px;
	margin-top:15px;
	color:#5DC25D;
}
*/

/* <h1> for details.dwt, details_press.dwt, details_press_archive.dwt
.details_Title {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:5px;
	color:#00467D;
}
*/

/* used in place of <h2> on several pages */
.secondary_header {
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#00467D;
}

/* lots of these but no dwt; replace with an ancestor id and style as descendant */
.small_box_link{
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0px;
	color:#009DE7;
	text-decoration:none;
}

.small_box_link:hover {
	text-decoration:underline;
}

/* nada
.small_clickhere{
	font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
}
*/

/* 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;
}

/* nada
.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);
}


#spotlight_left_sm {
  background-image:url(zoot_img/spotlight_left_sm.gif);
}

#spotlight_right_sm {
  background-image:url(zoot_img/spotlight_right_sm.gif);
}

#search_bar_left {
	background-image:url(zoot_img/search_bar_left.gif);
	/*vertical-align: top;*/
	width:489px;
	height:34px;
	float:left;
}

#search_bar_right {
	background-image:url(zoot_img/search_bar_right.gif);
	text-align: right;
	/*vertical-align: middle;*/
	width:262px; /* orig was 265: needed for IE 6 bug */
	height:34px;
	float:right;
}

/* level2_zootblue.dwt only */
#level2_top {
  background-image:url(zoot_img/level2_top.gif);
}

/* level2_zootblue.dwt only */
#level2_top_dataag {
  background-image:url(zoot_img/level2_top_dataag.gif);
}

/* level2_green.dwt, level2_green_products.dwt only */
#level2_top_dec {
  background-image:url(zoot_img/level2_top_dec.gif);
}

/* level2_orange.dwt only */
#level2_top_los {
  background-image:url(zoot_img/level2_top_los.gif);
}

/* level2_red.dwt only */
#level2_top_red {
  background-image:url(zoot_img/level2_top_red.gif);
}

/* level2_darkblue.dwt only */
#level2_top_serv {
  background-image:url(zoot_img/level2_top_serv.gif);
}

/* nada
#level2_left_tile {
  background-image:url(zoot_img/level2_left_tile.gif);
}
*/

/* nada
#level2_right_tile {
  background-image:url(zoot_img/level2_right_tile.gif);
}
*/

/* a few html files */
.darkblue_1px {
  background-image:url(zoot_img/darkblue_1px.gif);
}

/* a few html files */
.green_1px {
  background-image:url(zoot_img/green_1px.gif);
}

/* a few html files */
.purple_1px {
  background-image:url(zoot_img/purple_1px.gif);
}

/* a few html files */
.red_1px {
  background-image:url(zoot_img/red_1px.gif);
}

/* a few html files */
.orange_1px {
  background-image:url(zoot_img/orange_1px.gif);
}

/* sitemap only */
.zblue_1px {
  background-image:url(zoot_img/zblue_1px.gif);
}

/* nada
#details_tile_left {
  background-image:url(zoot_img/details_tile_left.gif);
}
*/

/* nada
#details_tile_right {
  background-image:url(zoot_img/details_tile_right.gif);
}
*/

/* a few html files */
.fst_link_box {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #009DE7;
	font-weight: bold;
	text-decoration: none;
}

/* a few html files */
.fst_text_box {
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

/* nada
.layer2_Title_zblue_noUnderline {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #009DE7;
	text-decoration: none;
}
*/

/* <h1> for industry_insights.dwt */
.industry_header {
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #82af41;
	text-decoration: none;
	font-weight: normal;
	margin-top: 15px;
	margin-left: 20px;
}

/* <h1> for about_zoot.dwt */
.about_zoot_header {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: normal;
	color: #eebe1e;
	margin-top: 15px;
	margin-left: 20px;
}

/* 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: 22px;
	font-weight: bold;
	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;
}
#index_sub_bar {
	background-image: url(zoot_img/index_sub_bar.gif);
	background-repeat: no-repeat;
}
#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;
}
#header_spotlight {
	background-image: url(zoot_img/spotlight_header.gif);
	background-repeat: no-repeat;
}
#featured_line {
	background-image: url(zoot_img/featured_line.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#featured_swoosh {
	background-image: url(zoot_img/featured_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#featured_content {
	position:absolute;
	width:187px;
	height:549px;
	z-index:1;
	top: 162px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000000;
	list-style-type: circle;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 9px;
	left: 752px;
}
