/* Overrides */

body li, body p, body td {
font-size: 11px;
}

body li {
padding: 0;
}

/* END Overrides */

/* Page definitions */

html body {
background: url("../i/page_background.jpg") repeat-x #9FA9B3;
margin: 0;
padding: 0;
border: 0;
}

html body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #454545;
text-align: center;
/* text-align required for IE 5.5 */
}

img {
border: 0;
}

a {
color: #000099;
text-decoration: none;
font-size: inherit;
font-family: inherit;
}

a:hover {
color: #0000FF;
text-decoration: underline;
font-size: inherit;
font-family: inherit;
text-transform: none;
}

#page-border {
margin: 0;
}

#page {
width: 768px;
/* For IE browsers */
	margin: 0 auto;
padding: 0;
border: 1px solid white;
border-bottom: none;
text-align: left;
background: white;
}

#page-border > #page {
width: 768px;
/* 768px -21 -21 */
	min-width: 768px;
}

/* END Page definitions */

/* Sites Area */

#sites {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
position: relative;
z-index: 7;
height: 32px;
width: 768px;
margin: 0 auto;
padding: 0;
}

#sites .active {
font-weight: bold;
font-size: 11px;
}

/* For Mozilla/Opera/Safari, we make sure the separator is missing from the first element */

ul#sites > li {
background-image: none;
}

ul#sites > li + li {
background: url("../i/separator_sites_list.gif") no-repeat 0 3px;
}

#sites li {
background: url("../i/separator_sites_list.gif") no-repeat 0 3px;
display: block;
float: left;
margin-top: 8px;
margin-left: -9px;
padding-left: 9px;
padding-right: 16px;
}

#sites li.active a {
margin-top: 0px;
}

#sites li a {
color: white;
margin-top: 1px;
display: block;
}

#sites li a:hover {
color: #EAB719;
}

#sites img.expand {
padding-left: 3px;
top: -1px;
position: relative;
}

#site-tools img.expand {
padding-left: 2px;
top: -2px;
position: relative;
}

#sites li ul, #site-tools li ul {
display: none;
position: absolute;
z-index: 5;
background-color: #5B6065;
border: 1px solid #C1BFBF;
padding: 0 0px 10px;
margin: -1px 0 0 -10px;
}

#sites li ul, #sites li li {
width: 145px;
}

#sites #global ul, #sites #global li {
width: 84px;
}

#site-tools li ul, #site-tools li li {
width: 120px;
}

#site-tools li ul {
height: auto;
margin: -1px 0 0 0;
}

#sites li li, #site-tools li li {
background-image: none;
text-align: left;
padding: 0;
margin: 4px 0;
height: auto;
}

#sites li.expand:hover, #sites li.over {
margin: 5px 7px -1px -10px;
padding-right: 0px;
background-image: none;
border-left: 1px solid #C1BFBF;
}

#site-tools li.expand:hover, #site-tools li.over {
margin: 4px 0 0 -10px;
padding: 0 8px 0 0;
background-image: none;
}

#site-tools li.over {
left: -10px;
/* Needed to be done this way (rather than margin-left) due to IE 5.5 bug */
	margin: 4px -10px 0 0;
}

#sites li.expand:hover a, 
#sites li.over a, 
#site-tools li.expand:hover a, 
#site-tools li.over a {
position: relative;
z-index: 6;
display: block;
color: #EAB719;
background: #5B6065;
border: 1px solid #C1BFBF;
border-bottom: 1px solid #5B6065;
padding: 4px 8px 4px 9px;
margin: -1px 0 0 -10px;
}

#site-tools li.expand:hover a, 
#site-tools li.over a {
padding-right: 7px;
margin-left: 0;
}

#sites li.expand:hover li a, 
#sites li.over li a, 
#site-tools li.expand:hover li a, 
#site-tools li.over li a {
position: relative;
z-index: 8;
display: block;
color: white;
text-transform: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
height: auto;
border: none;
padding: 4px 10px;
margin: -4px 0 -2px;
}

#sites li.expand li a:hover, 
#site-tools li.expand li a:hover {
background-color: #383F45;
color: white;
}

#sites li.expand:hover ul, 
#sites li.over ul, 
#site-tools li.expand:hover ul, 
#site-tools li.over ul {
display: block;
}

/* Activates the drop downs */

#sites li.expand:hover + li, 
#site-tools li.expand:hover + li {
background-image: none;
}

/* Removes the separator from the following element in Mozilla, doesn't work in Opera */

#sites li.over, 
#site-tools li.over {
position: relative;
z-index: 2;
}

/* Removes the separator from the following element in Internet Explorer */

/* Toggles the 'v' expand image */

#site-tools li .hover {
display: none;
}

#site-tools li:hover .expand, 
#site-tools li.over .expand {
display: none;
}

#site-tools li:hover img.hover, 
#site-tools li.over img.hover {
display: inline;
}

/* END Sites Area */

/* Logo and Search Area */

#top-of-page {
height: 116px;
width: 100%;
margin: 0;
background: url("../i/logo_background.gif") repeat-x white;
}

#top-of-page img.icon {
margin: auto 2px -2px auto;
}

#logo {
float: left;
height: 77px;
width: 49%;
font-size: 0px;
/* IE fix, Makes whitespace around image disappear */
/*	background: url("../i/corner_page_ul.gif") no-repeat; */
position: relative;
top: -1px;
left: -1px;
}

#logo * {
margin-left: 12px;
margin-top: 15px;
}

#banner {
float: left;
height: 77px;
width: 99%;
font-size: 0px;
/* IE fix, Makes whitespace around image disappear */
/*	background: url("../i/corner_page_ul.gif") no-repeat; */
position: relative;
top: -1px;
left: -1px;
}

#banner * {
margin-left: 12px;
margin-top: 1px;
}

#banner-right {
float: right;
margin: 0;
padding: 0;
height: 30px;
width: 1%;
/* background: url("../i/corner_page_ur.gif") no-repeat top right; */
position: relative;
top: -1px;
right: -1px;
z-index: 7;
}

#landing-content {
margin: 0 -21px 12px 18px;
height: 203px;
width: 540px;
font: 10pt/125% arial, microsoft sans-serif, nimbus sans l, sans-serif;
}

#landing-content p, #landing-content li, #landing-content td {
font: 10pt/125% arial, microsoft sans-serif, nimbus sans l, sans-serif;
}

#site-tools {
float: right;
margin: 0;
padding: 0;
height: 30px;
width: 50%;
/* background: url("../i/corner_page_ur.gif") no-repeat top right; */
position: relative;
top: -1px;
right: -1px;
z-index: 7;
}

#site-tools ul {
float: right;
padding: 0 21px 0 0;
margin: 0 -16px 0 0;
height: 30px;
width: auto;
white-space: nowrap;
display: table;
/* Opera fix */
}

#site-tools ul > li {
background: none;
}

/* Remove separator from first item in standards compliant browsers */

#site-tools li + li {
background: url("../i/separator_site_tools.gif") no-repeat 0 3px;
}

/* Insert separator on all but first element */

#site-tools li {
color: #5A5F65;
background: url("../i/separator_site_tools.gif") no-repeat 0px 3px;
display: block;
float: left;
margin-top: 8px;
margin-left: -9px;
padding-left: 9px;
padding-right: 16px;
font-size: 11px;
}

#site-tools li a {
color: #53606D;
}

#site-tools li a:hover {
color: #EAB719;
}

#site-tools li li a {
color: white;
}

#site-tools li li a:hover {
color: white;
}

/* ------------------------------------------------------------------------- */

#search {
float: left;
padding: 0;
margin: 0;
height: 47px;
width: 50%;
background: url("../i/logo_background.gif") repeat-x 0 -30px white;
text-align: right;
font-size: 0px;
}

#search form {
padding-right: 21px;
overflow: hidden;
height: 17px;
margin: 0;
}

#search input.searchterms, input.subscribe {
border: 1px solid #5A5F65;
height: 11px;
width: 104px;
font-size: 10px;
}

#search input.searchterms + button {
position: relative;
top: 2px;
overflow: hidden;
/* Used to improve look in Opera, caused by Mozilla bug fix *//* Used to improve look in Opera, caused by Mozilla bug fix */
}

#search input.searchterms + button > img.mozfix {
margin: -1px 0 0 -3px;
/* Mozilla bugfix. Breaks Opera (and probably Safari) */
}

#search button {
border: 0;
margin: 0;
padding: 0;
width: 44px;
height: 15px;
background: url("../i/logo_background.gif") repeat-x 0 -30px white;
/* Used to improve look in Opera, caused by Mozilla bug fix */
	font-size: 9px;
color: white;
}

#search div {
margin-top: 4px;
margin-right: 21px;
font-size: 9px;
color: #959FA7;
}

#search div a {
color: #959FA7;
}

#search div a:hover {
color: #EAB719;
}

/* END Logo and Search Area */

/* Primary Navigation */

#primary-navigation {
clear: left;
background: url("../i/primary_navigation_background.gif") repeat-x #3C7D8B;
margin: 0 21px;
height: 28px;
padding: 0px;
position: relative;
z-index: 1000;
}

#primary-navigation ul {
margin: 0;
padding: 0;
}

#primary-navigation li {
float: left;
display: block;
padding: 5px 13px 5px 13px;
border-left: 1px solid #B8E1D3;
height: 18px;
position: relative;
z-index: 5;
}

#primary-navigation li.edge {
padding: 5px 15px 5px 15px;
}

#primary-navigation li a {
font-family: arial narrow, franklin gothic medium cond,sans-serif;
font-weight: bold;
font-size: 12px;
color: white;
text-transform: uppercase;
height: 18px;
}

#primary-navigation li div, 
#primary-navigation li ul, 
#primary-navigation li li {
width: 145px;
}

#primary-navigation li div {
position: absolute;
left: 0px;
top: 28px;
/* background: url("../i/primary_navigation_corners_lower.gif") bottom no-repeat transparent; */
padding: 0 0 3px;
margin: 0;
display: none;
}

#primary-navigation li.edge div {
left: auto;
right: -1px;
top: 28px;
}

#primary-navigation li.edge li {
text-align: right;
}

#primary-navigation li ul {
background: url("../i/primary_navigation_dropdown_background.gif") repeat-x #707070;
padding: 0 0 14px;
margin: 0;
display: table;
/* Mozilla, Opera background fix *//* Mozilla, Opera background fix */
}

#primary-navigation li li {
display: block;
float: left;
padding: 0;
margin: 10px 0px -10px;
border-left: none;
height: 30px;
}

#primary-navigation li li a {
display: block;
padding: 6px 15px 3px;
margin: 0px 0px;
text-transform: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

#primary-navigation li li a img {
vertical-align: middle;
}

#primary-navigation li li:hover {
background: none transparent;
}

#primary-navigation a:hover {
text-decoration: none;
}

#primary-navigation li li a:hover {
text-decoration: none;
background: #474747;
}

#primary-navigation li:hover div, #primary-navigation li.over div {
display: block;
}

#primary-navigation li:hover, 
#primary-navigation li.over, 
#primary-navigation li.active {
background: url("../i/primary_navigation_background_active.gif") repeat-x #2469AF;
}

/* Code for removing the primary navigation */

.nonav #top-of-page {
height: 77px;
}

.nonav #content {
background: url("../i/background_no_nav.gif") no-repeat white;
}

/* END Primary Navigation */

/* Homepage Definitions */

#page > #flash-border {
margin-bottom: 15px;
}

/* Non-IE fix */

#flash-border > #flash {
padding-bottom: 15px;
}

/* Non-IE fix */

#flash-border {
margin: 0 -21px 12px 18px;
width: 734px;
}

#flash {
/* background: url("../i/corners_home_flash_lower.gif") no-repeat left bottom white; */
margin: 0 -1px 0 -19px;
padding: 0 14px 12px 22px;

}

#flash .hero {
float: left;
width: 513px;
}

#flash .buttons {
float: left;
width: 214px;
}

#flash .buttons a {
display: block;
}

#flash .buttons img {
visibility: hidden;
position: absolute;
}

#flash .buttons img.default {
visibility: visible;
position: static;
}

#flash-border + #promotions-block {
margin-bottom: 0px;
}

/* No negative margin bottom in non IE browsers */

#promotions-block {
height: 112px;
margin: 0 -21px -3px 0;
width: 768px;
position: relative;
}

#promotions {
	overflow: hidden;
	position: absolute;
	margin-left: 22px;
	height: 110px;
	width: 720px;
	background: url("../images/test.jpg");
	left: 8px;
}

#promotions-buttons {
position: absolute;
padding: 0 108px;
}

#promotions a.more_up {
position: relative;
top: 36px;
left: 374px;
display: block;
width: 1px;
}

#promotions a.more_down {
position: relative;
top: 36px;
left: 374px;
display: block;
width: 1px;
}

#promotions div.more_label {
position: relative;
top: -52px;
left: 359px;
margin: 6px 0 0;
}

/* Lear more button */
#promotions a.learn_more {
position: absolute;
top: 78px;
right: 50px;
}

#promotions a.download_now {
position: absolute;
top: 78px;
right: 120px;
}

#promotions-buttons a img.over {
visibility: hidden;
position: absolute;
}

#promotions-buttons a .default {
visibility: visible;
}

#promotions-content {
list-style-type: none;
margin: 0;
padding: 0;
}

#promotions-content li {
margin: 0;
padding: 20px 80px 0 114px;
display: none;
}

#promotions-content li.initial {
display: block;
}

#promotions-content .image {
position: absolute;
margin: -7px 0 0 90px;
\margin-left: -54px;
marg\in-left: -95px;
}

#promotions-content h1 {
color: #414F6B;
margin: -5px 0 6px 30px;
padding: 0;
font-size: 15px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#promotions-content p {
margin: 0 0 5px 30px;
padding: 0;
line-height: 13px;
}

#promotions-secondary {
float: right;
margin-right: -1px;
position: relative;
}

#promotions-block + #callout > div.inner {
/* Fix for non IE browsers */
}

#callout {
margin: 0px 0px -10px -1px;
width: 768px;
/* Required for IE 5.5 */
/*	background: url("../i/corner_callout_ul.gif") no-repeat top left; */
position: relative;
}

#callout div.inner {
margin-right: -2px;
padding: 0 15px;
/* background: url("../i/corner_callout_ur.gif") no-repeat top right; */
position: relative;
}

#top_news {
width: 240px;
/* height: 180px;
*/
/* 163px not counting tabs */
float: left;
margin-right: 15px;
margin-top: 26px;
/* Margin top needed here (rather than parent container) due to IE issues with link mouseover *//* Margin top needed here (rather than parent container) due to IE issues with link mouseover */
}

#highlights {
width: 242px;
height: 180px;
/* 163px not counting tabs */
float: left;
margin-right: 15px;
margin-top: 26px;
}

#customer_spotlight {
width: 226px;
height: 229px;
/* 163px not counting tabs */
float: left;
margin-top: 26px;
}

div.callout_content {
margin: 7px 0 0 0;
padding: 13px 16px;
border-top: 1px solid #CACAC9;
border-bottom: 1px solid #CACAC9;
background: url("../i/home_customer_background.gif") repeat-x #EFEFEF;
}

div.callout_content blockquote {
margin: 0;
}

div.callout_content blockquote p {
margin: 12px 0 0;
}

div.callout_content blockquote cite {
display: block;
margin: 6px 0;
color: #84848B;
text-align: right;
}

div.callout_content p {
margin: 22px 0 0px;
}

div.callout_content a.citation {
color: #4e9f9f;
font-weight: bold;
text-decoration: underline;
}

div.callout_content a.citation:hover {
color: #EAB719;
text-decoration: underline;
}

div.callout_content .header {
margin: 0 0 12px;
}

div.callout_content .logo {
margin-right: -5px;
}

div.callout_content .logo img {
margin: 0 5px 0 0px;
}

ul.callout_content {
padding: 0;
list-style-type: none;
margin: 8px 0 0 0;
}

ul.callout_content li {
display: block;
width: 100%;
margin: -1px 0;
padding: 8px 0;
border-top: 1px solid #CACAC9;
border-bottom: 1px solid #CACAC9;
}

#top_news ul.callout_content a.news {
display: block;
width: 100%;
padding: 8px 0;
margin: -8px 0;
color: #4e9f9f;
}

#top_news ul.callout_content a.news:hover {
display: block;
width: 100%;
padding: 8px 0;
margin: -8px 0;
background: #EFF7FF;
}

a.callout_more {
background: #848C93;
height: 17px;
display: inline-block;
}

a.callout_more:hover {
background: #EAB719;
height: 17px;
display: inline-block;
}

#highlights ul.callout_content h4 {
/*font-size: 11px;
(goatboy)*/
	font-size: 12px;
font-weight: bold;
color: #4e9f9f;
margin: 0;
}

#highlights ul.callout_content blockquote {
margin: 0;
}

#highlights ul.callout_content p {
margin: 0;
}

#top_news ul.callout_content a.news p.date {
margin: 0;
padding: 0;
color: #A9AAAA;
}

#top_news ul.callout_content a.news p.link {
margin: 0;
padding: 0;
}

#partners {
clear: both;
padding: 21px 0 0 0;
margin: 0;
}

#partners .heading {
position: absolute;
}

#partners ul {
list-style-type: none;
margin: 0 -21px 0 150px;
padding: 0;
}

#partners li {
float: left;
margin: 0 17px 0 0;
padding: 0;
}

/* END Homepage Definitions */

/* Footer */

#footer {
clear: both;
height: 66px;
width: 100%;
margin: 10px 0 0;
font-size: 10px;
color: #A9AAAA;
background: url("../i/background_footer.gif") repeat-x;
}

#footer-corner {
background: url("../i/corner_footer_ll.gif") no-repeat bottom left;
position: relative;
margin: -11px -1px 0;
height: 11px;
width: 100%;
}

#footer-corner div {
background: url("../i/corner_footer_lr.gif") no-repeat bottom right transparent;
height: 11px;
position: relative;
right: -2px;
}

#footer div.inner {
/* This is required for IE 5.5 */
	padding: 30px 16px 36px;
background: url("../i/corner_footer_lr.gif") no-repeat bottom right;
}

#footer p {
float: left;
margin: 0;
padding: 0 10px 0 0;
font-size: 10px;
}

#footer ul {
float: left;
margin: 0;
padding: 0 0 0 12px;
}

#footer ul > li {
background: none;
}

/* Remove separator from first item in standards compliant browsers */

#footer li + li {
background: url("../i/separator_footer.gif") no-repeat 0 3px;
}

/* Insert separator on all but first element */

#footer li {
color: #53606D;
background: url("../i/separator_footer.gif") no-repeat 0px 3px;
display: block;
float: left;
margin-left: -9px;
padding-left: 9px;
padding-right: 16px;
font-size: 10px;
}

#footer a {
color: #A9AAAA;
}

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

#footer a.rssfeed {
float: right;
}

/* END Footer */

/* Tools and Breadcrumbs */

#toolbox {
width: auto;
/* Required for IE 5.5 */
 height: 21px;
padding: 0 21px 0 24px;
}

#breadcrumbs {
float: left;
margin: 0 0 0 -1px;
padding: 0;
}

#toolbox #breadcrumbs > li {
background: none;
}

/* Remove separator from first item in standards compliant browsers */

#toolbox #breadcrumbs li + li {
background: url("../i/separator_breadcrumb.gif") no-repeat 0px 4px;
border: none;
}

/* Insert separator on all but first element */

#breadcrumbs li {
color: #949494;
background: url("../i/separator_breadcrumb.gif") no-repeat 0px 6px;
display: block;
float: left;
margin-left: -11px;
padding-left: 11px;
padding-right: 16px;
font-family: franklin gothic medium cond, arial narrow, nimbus sans l condensed, nimbus sans l, sans-serif;
font-size: 99%;
margin-top: -1px;
}

#breadcrumbs li a {
color: #4e9f9f;
}

#toolbox a:hover {
color: #EAB719;
}

#page-tools {
float: right;
margin: 0px -7px 0 0;
padding: 0;
font-family: franklin gothic medium cond, arial narrow, nimbus sans l condensed, nimbus sans l, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #949494;
}

#toolbox #page-tools > li {
background: none;
}

/* Remove separator from first item in standards compliant browsers */

#toolbox #page-tools li + li {
background: url("../i/separator_toolbox.gif") no-repeat 0 3px;
border: none;
}

/* Insert separator on all but first element */

#page-tools li {
background: url("../i/separator_toolbox.gif") no-repeat 0px 3px;
display: block;
float: left;
margin-left: -9px;
padding-left: 9px;
padding-right: 16px;
font-family: franklin gothic medium cond, arial narrow, nimbus sans l condensed, nimbus sans l, sans-serif;
font-size: 10px;
}

#page-tools li a {
color: #949494;
}

/* END Tools and Breadcrumbs */

/* Content */

/* Layout */

#content-wrapper {
margin: 0 21px;
\margin: 0px;
/* IE 5 but not 6 */
	marg\in: 0 21px;
/* IE 6 but not 5. Also Opera and Mozilla */
	display: table;
_display: block;
width: 546px;
_width: auto;
}

#content {
padding: 0;
\padding: 0 21px;
padd\ing: 0;
width: 100%;
float: left;
display: table-cell;
_display: block;
font: 10pt/125% arial, microsoft sans-serif, nimbus sans l, sans-serif;
}

#content p, #content li, #content td {
font-size: 10pt;
}

/* END Layout */

/* Rounded Corners */

.upper-corners, .lower-corners {
background: url("../i/corner_white_ul.gif") no-repeat top left transparent;
height: 6px;
width: auto;
position: relative;
/* Needs to be relative instead of absolute for mozilla */
	z-index: 2;
margin: -1px 0 0 -1px;
}

.upper-corners *, .lower-corners * {
background: url("../i/corner_white_ur.gif") no-repeat top right transparent;
height: 6px;
width: auto;
position: relative;
right: -1px;
}

.lower-corners {
background-image: url("../i/corner_white_ll.gif");
margin: 0 0 -1px -1px;
clear: both;
}

.lower-corners * {
background-image: url("../i/corner_white_lr.gif");
}

.orange .upper-corners {
background-image: url("../i/corner_orange_ul.gif");
background-color: transparent;
}

.orange .lower-corners {
background-image: url("../i/corner_orange_ll.gif");
}

.orange .upper-corners * {
background-image: url("../i/corner_orange_ur.gif");
background-color: transparent;
}

.orange .lower-corners * {
background-image: url("../i/corner_orange_lr.gif");
}

.bordered .upper-corners {
background-image: url("../i/corner_bordered_ul.gif");
}

.bordered .lower-corners {
background-image: url("../i/corner_bordered_ll.gif");
}

.bordered .upper-corners * {
background-image: url("../i/corner_bordered_ur.gif");
}

.bordered .lower-corners * {
background-image: url("../i/corner_bordered_lr.gif");
}

.secondary_navigation .upper-corners, 
#secondary_navigation .upper-corners {
_background-color: #BFD9EB;
/* Fixes occasional IE issue */
}

#features .upper-corners {
_background-color: #8397AA;
/* Fixes occasional IE issue */
}

/* END Rounded Corners */

/* Style */

#content a {
color: #4e9f9f;
}

#content a:hover {
color: #EAB719;
}

#content p {
margin: 4px 0 18px;
}

h1 {
font-size: 21px;
/* Used in div.login */
}

h3, span.h3 {
/* font-size: 12px;
(goatboy) */
	font-size: 13px;
color: #454545;
margin: 10px 0 0;
}

h4 {
/* font-size: 11px;
(goatboy) */
	font-size: 12px;
margin: 10px 0 4px;
}

h5 {
/* font-size: 11px;
(goatboy) */
	font-size: 12px;
font-style: italic;
font-weight: normal;
margin: 0;
}

hr {
clear: left;
height: 1px;
border: none;
border-top: 1px solid #C4CED4;
margin: 8px 0 12px;
}

/* strong { color: #030303; } */

#content ul {
list-style: square url("../i/bullet_regular.gif");
margin: 0 0 20px 12px;
padding: 0;
}

#content li {
margin-bottom: 4px;
}

#content ol, #content ol li {
list-style-image: none;
}

#content ol ul, #content ol ul li {
list-style: square url("../i/bullet_regular.gif");
}

span.more {
white-space: nowrap;
}

sup.map {
font-size: 10px;
color: #CC3333;
font-weight: bold;
}

span.smaller {
font-size: 11px;
color: #666666;
}

span.smallersb, span.smallestb {
font-size: 11px;
color: #666666;
font-weight: bold;
}

div.pdfdownload {
float: right;
}

div.pdfdownload img {
margin: 0 0 -15px -26px;
position: absolute;
z-index: 1;
}

q {
quotes: '' '' '' '';
}

/* Actual quotes removed since Internet Explorer doesn't recognize this property - so they'll need to be manually inserted into the content. Another option would be to use JS to insert the quotes in IE. */

q:before {
content: open-quote;
}

q:after {
content: close-quote;
}

blockquote {
margin: 0;
}

#content blockquote {
margin: 0;
padding: 6px 23px 6px;
/*border-top: 6px solid #E8BD25;
*/ /* assume all have the yellow, not #8CBAD9;
(blue) */
border-top: 6px solid #48a8aa;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px #48a8aa solid;
color: #84929F;
background: url("../i/background_quote_wide.gif") top center no-repeat #EEEFF0;
}

#content .column blockquote {
background: url("../i/background_quote.gif") top center no-repeat #EEEFF0;
}


#content blockquote cite {
display: block;
margin: 6px 0;
color: #363D44;
}

#content .column {
width: 50%;
float: left;
margin: 13px -2px 13px 0;
}

#content .column ul, 
	.column blockquote {
margin: 0px 16px 0px 0;
}

#content .column ul {
padding: 0 0 0 10px;
}

#content .column ul li {
margin: 0 0 16px 2px;
list-style: square url("../i/bullet_regular.gif");
}

.banner {
/*margin: 0 21px 5px 21px;
*/
	margin: 0 20px 5px 21px;
}

div.mininav {
margin-bottom: 10px;
}

/* END Style */

/* Store index */

.callout {
width: 100%;
margin: 0px -1px 18px;
border: 1px solid #D4D4D4;
background-color: #EEF4F8;
color: #666666;
z-index: 0;
position: relative;
/* makes side borders visible in IE 6's box model */
}

.callout strong {
color: #030303;
}

.callout .inner {
margin: -5px -6px;
padding: 0 22px;
}

.callout .image {
float: left;
width: 133px;
padding: 22px 22px 22px 0;
position: relative;
z-index: 2;
}

.callout .description {
width: 100%;
margin: 0 -200px 0 -155px;
padding: 22px 0;
float: left;
position: relative;
}

.callout .description-inner {
padding: 0 200px 0 155px;
}

.callout .action {
float: left;
width: 144px;
padding: 22px 0 22px 45px;
position: relative;
}

.callout .action .button {
margin: 0 7px 0 0;
text-align: right;
}

/* NOTE: showcase replaces products */

#content ul.showcase, #content ul.products {
padding: 0;
margin: 0px 0 50px 0;
list-style-type: none;
list-style-image: none;
}

#content ul.showcase li, #content ul.products li {
border-color: #D4D4D4;
border-style: solid;
border-width: 1px 0 0;
list-style-type: none;
list-style-image: none;
margin: 12px 0 -6px;
padding: 0;
}

#content .showcase a, #content .showcase a:hover {
text-decoration: underline;
}

#content .showcase {
list-style-image: none;
}

#content .showcase li table.header {
margin-top: -18px;
}

#content ul.showcase li table {
_margin-top: -1px;
}

#content .showcase li {
position: relative;
top: 0px;
}

#content .showcase li h4 {
position: absolute;
margin-top: -20px;
}

#content .showcase li table h4 {
position: static;
margin-top: 0;
}

#content .showcase table.header th {
border-left: 1px solid white;
pos\ition: relative;
left: -1px;
font-size: 12px;
text-align: left;
}

#content ul.products li {
margin-bottom: 26px;
}

#content ul.products div.image {
position: absolute;
margin: 10px 0 0 4px;
}

#content ul.showcase table, 
	#content ul.products table {
border-collapse: collapse;
border-style: solid;
border-color: #DADADA;
border-width: 0 0 0 1px;
margin: 0 5px 0 91px;
padding: 0;
}

#content ul.products table {
margin-left: 114px;
}

#content ul.showcase table tr.first td, 
	#content ul.products table tr.first td {
border-top: none;
}

#content ul.showcase table td, 
	#content ul.products table td {
padding: 10px 12px 0px;
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
vertical-align: top;
font-size: 11px;
}

#content ul.showcase table th {
padding: 0 12px 2px;
font-size: 11px;
}

#content ul.showcase table td.action, 
	#content ul.products table td.action {
width: 133px;
padding-right: 0px;
}

#content ul.products table td.action {
width: 102px;
padding-right: 27px;
text-align: right;
}

#content ul.products table td.action {
width: 180px;
}

#content ul.showcase table td p, 
	#content ul.products table td p {
margin: 6px 0 10px;
}

#content ul.showcase table td.action p {
}

#content ul.showcase table strong.primary, 
	#content ul.products table strong.primary {
text-decoration: underline;
}

#content ul.showcase table strong, 
	#content ul.showcase table h4, 
	#content ul.products table strong, 
	#content ul.products table h4 {
color: #030303;
margin: 6px 0 -6px;
}

#content ul.showcase table td.action .button, 
	#content ul.products table td.action .button {
margin: 6px -3px 0 0;
text-align: right;
}

#content .showcase a.more {
color: black;
}

#content .showcase a.more:hover {
color: #EAB719;
}

#content .showcase cite {
font-weight: bold;
font-style: normal;
display: block;
margin: 0;
color: black;
}

.promotion-wrapper {
margin-right: 185px;
}

.promotion {
margin: 0px -2px 18px -1px;
width: 100%;
}

.promotion .inner {
margin: -6px -2px -6px 0px;
position: relative;
left: -1px;
background: url("../i/store_promotion_background.gif") repeat-x #DF7E18;
height: 100%;
padding-left: 2px;
width: 100%;
}

.promotion .inner .button {
text-align: right;
margin-top: -43px;
padding: 0 14px 14px 0;
}

/* END Store index */

/* Login Page */

div.login {
width: 100%;
height: 300px;
margin-bottom: 20px;
}

div.login .inner {
margin: -6px -2px -6px 0px;
padding: 22px 1px;
position: relative;
left: -1px;
width: 100%;
background: url("../i/form_login_background.gif") repeat-x #E8E7E7;
}

div.login h1 {
margin-bottom: 25px;
}

div.login h5 {
font-weight: bold;
font-style: normal;
}

div.login form {
margin: 0 auto;
padding: 0 20px;
width: 525px;
height: 260px;
border-top: 1px solid #ECEAEA;
/* border matches BG color, required due to moz bug *//* border matches BG color, required due to moz bug */
}

div.login div.row {
clear: both;
padding: 0;
margin: 0;
height: 28px;
}

div.login form div.heading {
display: block;
float: left;
width: 166px;
margin: 0 16px 0 0;
padding: 4px 0;
text-align: right;
font-weight: bold;
}

div.login form input {
width: 204px;
float: left;
border: 1px solid #A5ACB2;
height: 18px;
background: white;
}

div.login form div.extra {
margin: 0 8px;
float: left;
padding: 4px 0;
}

div.login form div.buttons {
width: 206px;
margin: 0 0 0 182px;
text-align: right;
}

div.login form button {
position: relative;
top: 3px;
background: transparent;
padding: 0;
margin: 0 0 0 10px;
border: none;
}

/* END Login Page */

/* END Content */

/* Secondary Nav */

#secondary_navigation-wrapper {
/* Implemented this way for IE 5.5 */
	position: relative;
left: -10px;
float: right;
padding-left: 13px;
top: -5px;
width: 165px;
/* disable max-height to fix sidenav overrun in mozilla FEB-21-06 */
	/* from original vendor source css */
	/*max-height: 1px;
/* Height specified due to mozilla issue where whitespace of nav's height was inserted after content */
}

#secondary_navigation, .secondary_navigation {
text-align: left;
font-size: 11px;
margin: 0 11px 0 -13px;
padding: 0 1px 61px;
background: url("../i/secondary_navigation_background.gif") bottom no-repeat transparent;
width: 165px;
right: 0px;
position: static;
\position: absolute;
posit\ion: static;
}

#secondary_navigation .section {
margin-top: 5px;
}

#secondary_navigation h4 {
background-color: #2365A4;
border-top: 1px solid white;
margin: 0;
top:-1px;
padding: 5px 6px 4px 10px;
position: relative;
color: white;
text-transform: uppercase;
font-size: 11px;
}

#secondary_navigation img.expand {
padding-left: 3px;
top: -2px;
position: relative;
}

#secondary_navigation .inner, 
#content .secondary_navigation .inner {
background-color: #BFD9EB;
list-style-type: none;
list-style-image: none;
margin: -6px -2px -6px 0px;
position: relative;
left: -1px;
}

#secondary_navigation ul {
list-style-type: none;
margin: 0;
padding: 3px 11px 6px;
}

#secondary_navigation li {
margin: 4px 0 10px;
}

#secondary_navigation .resources li {
margin: 4px 0 5px;
}

#secondary_navigation a, 
#content .secondary_navigation a {
color: #363D44;
}

#secondary_navigation a:hover, 
#content .secondary_navigation a:hover {
color: #EAB719;
}

#secondary_navigation a.active {
font-weight: bold;
}

#features .inner {
background-color: white;
}

#features ul {
margin-bottom: 2px;
padding: 3px 0 6px;
}

#features a {
color: #57687A;
}

#features h4 {
background-color: #8397AA;
margin-top: -2px;
}

#features li {
font-size: 10px;
padding-left: 11px;
padding-right: 11px;
}

#secondary_navigation .more {
position: absolute;
right: 7px;
top: 10px;
}

#secondary_navigation h4 > .more {
top: 9px;
}

#features .a, #features .events {
background-color: #C4CED4;
margin-bottom: 3px;
}

#features .b, #features .documentation {
background-color: #D4DBDF;
padding: 0;
}

#features .c, #features .news {
background-color: #E5EAED;
padding: 0;
}

#features .b li, #features .c li, 
#features .documentation li, 
#features .news li {
border-bottom: 1px solid white;
margin: 0;
padding-top: 4px;
padding-bottom: 5px;
padding-right: 20px;
}

#features .icon {
position: absolute;
right: 5px;
margin-top: 5px;
}

/* Embedded secondary navigation - Store index */

#content .secondary_navigation {
margin: 0 50px 0 0;
background-image: none;
padding: 0;
height: 208px;
position: absolute;
}

#content .secondary_navigation .inner {
padding: 3px 11px 50px 20px;
list-style: none;
}

#content .secondary_navigation > .inner {
padding-top: 8px;
padding-bottom: 42px;
}

#content .secondary_navigation li {
margin: 4px 0 14px;
list-style-image: none;
}

/* END Embedded secondary navigation */

/* Overrides for the job listings */

#content .job_listing p {
color: #666666;
font-family: Tahoma, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
}

#content .job_listing font {
color: #666666;
font-family: Tahoma, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
}

#content .job_listing span {
color: #666666;
font-family: Tahoma, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
}

#content .job_listing blockquote {
background: none transparent;
border: none;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#content .job_listing a {
color: #666666;
}

#content .job_listing a:link,
#content .job_listing a:link font,
#content .job_listing p a:link font,
#content .job_listing p b a:link font {
color: #4073DB !important;
}

#content .job_listing a:link:hover {
color: #EAB719;
}

/* END Overrides for the job listings */

html #secondary_navigation table {
}

/* FIXES for old Secondary Nav HTML */

#secondary_navigation table {
width: auto;
\width: 167px;
w\idth: auto;
/* IE 5 hack followed by fix for other browsers */
	height: auto;
padding: 0px;
margin: 0;
border-collapse: collapse;
border: none;
background: url("../i/secondary_navigation_corners_upper.gif") no-repeat  #BFD9EB;
}

#secondary_navigation table td {
padding: 11px 0 0;
margin: 0;
width: auto;
}

#secondary_navigation table table {
background: none;
font-size: 10px;
}

#secondary_navigation span.smallersb {
width: 153px;
/* 167 - 7 - 7 = 153 */
	\width: 167px;
w\idth: 153px;
/* IE 5 hack followed by fix for other browsers */
	text-transform: uppercase;
display: block;
padding: 7px;
border-top: 2px solid white;
background-color: #8397AA;
color: white;
font-weight: bold;
}

#secondary_navigation span.smallest {
width: 143px;
/* 167 - 12 - 12 = 143 */
	\width: 167px;
w\idth: 143px;
/* IE 5 hack followed by fix for other browsers */
	display: block;
padding: 9px 12px;
border-top: 2px solid white;
background-color: #E5EAED;
color: #57687A;
}

#secondary_navigation .navon {
display: block;
padding: 0 11px;
margin: 0 0 12px;
color: #57687A;
}

#secondary_navigation table table .navon {
display: block;
padding: 0;
margin: 2px 0 0;
color: #57687A;
font-weight: normal;
font-size: 10px;
}

#secondary_navigation .nav {
display: block;
padding: 0 11px;
margin: 0 0 12px;
color: #363D44;
}

#secondary_navigation .navActive {
/* This is not an old style, but a newly created one based on #secondary_navigation .nav */
	display: block;
padding: 0 11px;
margin: 0 0 12px;
color: #363D44;
font-weight: bold;
}

#secondary_navigation a:link, 
#secondary_navigation a:visited {
font-size: inherit;
text-decoration: none;
}

#secondary_navigation a:hover, 
#secondary_navigation a:visited:hover {
/*color: #EAB719;
*/
	color: #4e9f9f;
text-decoration: none;
}

#secondary_navigation td p {
margin: 0;
}

#secondary_navigation td br {
display: none;
}

#secondary_navigation td span br {
display: block;
}

#content a.nav {
color: #384047;

}

#content a.navon {
color: #384047;
}

/* END Secondary Nav */

/*------------------------------------------------------------------------------- */

/*  New Styles & Manual Overrides Section  ( karri )                            */

/*------------------------------------------------------------------------------ */

/*  Manual overrides  (defined elsewhere in web.css, modified here to preserve history)  */

#sites li ul, #sites li li {
width: 190px;
}

.talking-points .primary h4 {
color: #000000;
}

.talking-points .secondary h4 {
color: #000000;
}

.talking-points .tertiary h4 {
color: #000000;
}

h2, h1 {
font-weight: 700;
color: #424242;
margin: 10px 0 5px;
}

h1 {
font-size: 17px;
}

h2 {
font-size: 15px;
}

/*  END  Manual overrides */

/* New Styles */

a.openpopup {
background: url("../i/icon_popup_a.gif") bottom right no-repeat;
padding: 3px 19px 0 0;
}

a.openpdf {
background: url("../i/icon_pdf_a.gif") bottom right no-repeat;
padding: 3px 19px 0 0;
}

a.openflash {
background: url("../i/icon_flash.gif") bottom right no-repeat;
padding: 3px 19px 0 0;
}

.yw {
color: #947312;
}

.gy {
color: #777777;
}

.rd {
color: #990000;
}

.bl {
color: #4e9f9f;
}

.rule {
border-bottom: 1px solid #C4CED4;
padding: 0 0 2px 0;
}

#content table.basic td.more {
border-top: 1px solid #DADADA;
padding: 5px 10px;
text-align: right;
font-size: 11px;
}

#content table.basic td.thumb {
vertical-align: top;
}

#content div.onefiftypixels ul.showcase table {
margin-left: 150px;
/* for partners index */
}

#content blockquote.allproducts {
border-top: 6px solid #8397AA;
}

#content table.products {
background: url("../i/products_home_3way.jpg") bottom;
width: 547px;
clear: both;
}

#content table.products td {
width: 33%;
vertical-align: top;
padding: 2ex;
}

#content table.products td ul {
margin: 20px 20px 40px 15px;
}

#content table.products td strong {
font-size: 105%;
}

#content table.products a:link, #content table.products a:visited {
color: #4e9f9f;
font-size: 105%;
font-weight: 600;
}

#content table.products a:hover {
color: #384047;
}

#rcallout_content, #content .rcolumn {
width: 50%;
float: right;
margin: 13px 0 13px 16px;
}

.rcolumn blockquote {
background: url("../i/background_quote.gif") top center no-repeat #EEEFF0;
/*border-top: 6px solid #8CBAD9;
*/
}

.tiny {
font-size: 11px;
color: #777777;
background: transparent;
}

#content *.top {
font-size: 10px;
float: right;
margin: 0;
padding-left: 11px;
background: url("../i/icon_top.gif") no-repeat left;
}

#content dt {
font-weight: 700;
font-size: 10pt;
margin-top: 10px;
padding-top: 5px;
}

#content dl {
margin: 0 0 20px 12px;
}

#content dd {
margin: 4px 0 4px 10px;
}

#figure {
margin: 10px;
position: relative;
width: 80%;
top: 0;
left: auto;
}

#figure .figbox {
margin: 0;
border: 1px solid #e7e7e7;
}

#figure .figbox img {
position: relative;
top: 0;
left: 10%;
padding:5px;
}

#figure .caption {
font: bold 11px/14px arial, nimbus sans l, sans-serif;
color: #6b6b6b;
background: #dddddd;
margin: 0;
padding: 10px;
}

/*----------------------------------------------------------------------------- */

/*  END New Styles & Manual Overrides Section  ( karri )                        */

/*----------------------------------------------------------------------------- */

/*
Request Forms by DeanQ
Revision from Vince's tableless forms
*/

#form_request {
font-family: "nimbus sans l", arial, sans-serif;
font-size: 12px;
}

#form_request input, #form_request select, #form_request textarea {
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding-top: 2px 3px 2px 3px;
background-image: url("../i/input.gif");
background-repeat: repeat-x;
border-top: 1px solid #7D7D7D;
border-right: 1px solid #C5C5C5;
border-bottom: 1px solid #DEDEDE;
border-left: 1px solid #C5C5C5;
display: block;
float: left;
margin-bottom: 15px;
}

#form_request .button {
color: #FFFFFF;
font-weight: 700;
font-size: 12px;
text-align: center;
padding: 2px;
margin: 0px 10px 5px 0px;
background: #7D7D7D;
border: 1px solid #ff9900;
}

#form_request label {
display: block;
float: left;
width: 160px;
padding: 2px 5px 2px 0px;
margin: 0px 10px 0px 0px;
text-align: right;
}

#form_request label.required, #form_request p.required {
background: #FFFFED;
padding: 2px 5px 2px 0px;
}

#form_request .wider label {
width:250px;
}

#form_request br {
clear: left;
}

#form_request .boxes {
border-width: 0px;
background-image: none;
width: 2em;
margin-bottom: -2px;
}

/* END Request Forms */

/* styles for in page components */

.features {
background: #ECF2F9;
border: 0;
border-collapse: collapse;
}

.features td {
border: 1px solid #FFFFFF;
padding: 10px;
}

/* Don't know who added these last two styles! (karri) */

/* styles for dynamic tabbed layers*/

#tab_nav {
margin-bottom: 1em;
padding-bottom: 2px;
_padding-bottom: 3px;
border-bottom: 1px solid #8397AA;
clear: both;
}

#tab_nav a {
margin: 0 -9px 0 10px;
font-weight: bold;
color: #617588;
border-top: 1px solid #8397AA;
border-right: 1px solid #8397AA;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #8397AA;
padding: 3px 7px 3px 7px;
}

#tab_nav a.taboff {
z-index: -1;
color: #617588;
background: #C4CED4;
border-bottom: 0px;
}

#tab_nav a.taboff:hover {
z-index: -1;
color: #617588;
background: #D6EFF6;
border-bottom: 0px;
}

#tab_nav a.tabon {
z-index: 1;
padding-bottom: 2px;
border-bottom: 2px solid #FFFFFF;
}

.hide {
visibility: hidden;
display: none;
}

.show {
visibility: visible;
display: block;
}

/* END dynamic tabbed layers */

/* Style Overrides for tabbed layers */

#tabfeatures .column {
width: 48%;
margin-top: 0;
padding: 5px;
}

#tabfeatures table.basic {
margin-top: 0;
}

#tabfeatures table.general {
width: 100%;
}

#tabfeatures table.general td li {
font-size: 11px;
}

/* END Overrides for tabbed layers */