/* CSS Document */
/* Lyris Inc. 2008 - JJ*/
/* updated by Becky 10/08 */


/***********Globals***********************/
* {padding:0; margin:0;}
body {background:#bcbcbc top left url(../images/bg_full_body_repeat_x_new.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; line-height:16px;}
img {border:none;}
a {text-decoration:none; color:#006DA5;}
a:hover {text-decoration:underline;}
h1{line-height:32px; font:28px "Century Gothic", Helvetica, Arial; color:#006DA5; padding:10px 0; text-transform:capitalize; text-align:left;}
h2{line-height:26px; font:22px "Century Gothic", Helvetica, Arial; color:#006DA5; padding:10px 0; text-transform:capitalize;}
h3{line-height:22px; font:18px "Century Gothic", Helvetica, Arial; color:#006DA5; padding:8px 0; text-transform:capitalize;}
h4{line-height:20px; font:16px "Century Gothic", Helvetica, Arial; color:#006DA5; padding:8px 0; text-transform:capitalize;}
h5{line-height:18px; font:14px "Century Gothic", Helvetica, Arial; color:#006DA5; padding:6px 0; text-transform:capitalize;}
h6{line-height:18px; font:14px "Century Gothic", Helvetica, Arial; color:#006DA5; padding:6px 0; text-transform:capitalize;}

ul {padding-left:20px;}
#pre_header, #header, #footer, #post_footer, #copyright {width:980px; clear:both;}
.clear {clear:both; height:30px;}
small {font-size:10px;}

/*************Pre Header***************/
#pre_header {height:18px; padding:6px 0 6px 0; width:974px; margin:0 auto;}
#search {width:250px; float:left; padding-left:370px;}
#keywords {height:15px; width:80px; border-top:1px solid #cecece; border-left:1px solid #ccc; border-bottom:1px solid #999; border-right:1px solid #999; margin-bottom:1px;}
#keywords2 {height:15px; width:80px; border-top:1px solid #cecece; border-left:1px solid #ccc; border-bottom:1px solid #999; border-right:1px solid #999; margin-bottom:1px;}
input#btnsearch{border:none; background:top left url(../images/button_search.gif) no-repeat; width:55px; height:19px; padding-bottom:5px;}
#pre_header ul {list-style-type:none; width:300px; float:right; text-align:right; padding-right:27px; padding-top:1px;}
#pre_header ul li{display:inline; color:#333; font-weight:bold; text-transform:capitalize;}
#pre_header ul li a{color:#666;}
#pre_header ul li.mr {background:top left url(../images/icon_marketing_resources.gif) no-repeat; padding:7px 0 4px 28px;  margin-right:10px;}
#pre_header ul li.cs {background:top left url(../images/icon_support.gif) no-repeat; padding:6px 0 4px 25px;}

/*************Pre Header***************/
#header {background:top left url(../images/bg_header_full.jpg) no-repeat; height:95px; margin:0 auto 8px auto; width:974px;}
#header p.header, #header h1 {display:none;}
#header #logo {padding:26px 0 0 20px; float:left; width:166px; background:179px 25px url(../images/divider_logo_header.jpg) no-repeat; height:82px;}
body> div#header #logo {padding:26px 0 0 26px;  width:166px; background:189px 25px url(../images/divider_logo_header.jpg) no-repeat;}
#header_right {float:right; width:769px;}
li.phone {background:top left url(../images/icon_phone.gif) no-repeat; padding:6px 0 6px 24px; font-size:11px;}
li.contact {background:top left url(../images/icon_contact.gif) no-repeat; padding:4px 0 4px 22px;}
li.sitemap {background:top left url(../images/icon_sitemap.gif) no-repeat; padding:4px 0 4px 22px;}
#header ul {float:right; list-style-type:none; text-transform:uppercase;}
#header div#header_links ul{height:16px; padding-top:10px; color:#666; font-size:9px; padding:12px 26px 0 0;}
#header div#header_links ul li {display:inline; margin-left:10px;}
#header div#header_links ul li a {color:#666;}
#header div#navigation {width:777px; padding:16px 10px 0 0; float:right; }
#header div#navigation ul#nav{margin:0; padding:0; float:right;}

body> div#header div#navigation {width:790px; padding:16px 0 0 0; margin-left:-24px; float:right;}
body> div#header div#navigation ul#nav{margin:0; padding:0; float:right;margin-right:8px;}
#header div#navigation ul li a {color:#3E8FBC;}

/* Common Nav */
	#nav a {text-decoration:none;display:block;}
	#nav li {float:left; padding:0px; cursor:pointer;}
	#nav ul {float:left; width:210px; padding:0px; position:absolute; left:-999em; margin:0px;z-index:1000;}
	#nav ul li {width:210px;display:block; padding:0; margin:0;}
	#nav ul li a {display:block; border:1px solid #ccc; }
	#nav ul ul {width:210px;}
	#nav li:hover ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left:auto;}
	
	/* Unique Nav */
	#nav {font:bold 13px Helvetica, Arial, sans-serif; font-weight:normal;}
	#nav a {padding:12px 20px 16px 20px;color:#666;}
	html>body div#nav a {padding:12px 20px 16px 20px;color:#666;}
        #nav li a {background:bottom left url(../images/divider_navigation.jpg) no-repeat; }
	#nav li#fir a {background:none;}
	#nav li#fir a#active {color:#3E8FBC;}
	#nav a:hover {color:#3E8FBC; background:none;font-weight:bold; }
#header div#navigation #nav a#active {color:#666; background-color:#fff;}
 /**
#header div#navigation #nav a#active {font-weight:bold; color:#666; background:#e1e1e1; border-left:2px solid #ccc; border-top:2px solid #9f9f9f; padding:11px 21px 20px 21px; margin-top:-1px;}
**/        
	#nav li#fir ul li a{color:#3E8FBC; background:#ececec; padding:5px 15px 5px 24px;}
        #nav li#fir ul li a:hover{color:#3E8FBC; background:#fff;}
	#nav ul {background:#fff; font:10px Verdana, Tahoma, Serif; text-transform:none; font-weight:normal;}
	#nav ul li {border-right:1px solid #fff;border-top:1px solid #eee;border-bottom:none;}
	#nav ul li a {background:#ececec; padding:5px 5px 5px 24px;}
	#nav ul ul {display:none;}
	#nav li:hover, #nav li.sfhover {background:#fff;}
	#nav li li:hover, #nav li li.sfhover {background:#fff;color:#000; border-bottom:none;}

/*************Main Container***************/

#container_top {background:bottom left url(../images/bg_body_top_982x5.jpg) no-repeat; height:5px; margin:0 auto; margin-top:-20px; width:974px;}
html>body div#container_top {margin-top:0;}
#container {background:#fff; border-left:1px solid #ccc;border-right:1px solid #ccc; padding:2px 0px; margin:0 auto; clear:both;}
html>body div#container {padding:2px 0px 7px 0px; width:972px; min-height:500px;}

#wayfinding {float:left; width:600px;}
#usability {float:right; width:80px; height:22px; margin-top:-4px;}

#home_banner {margin:0 auto; width:920px;}
html>body div#home_banner {padding:0;}

#top_row {clear:both; margin:0 auto; padding-left:8px; height:200px; overflow:hidden;}
html>body div#top_row {padding-left:8px;}
#top_row a {color:#E68332;}
#top_row div.applications {width:187px; float:left; overflow:hidden; padding:0; }
html>body div#top_row div.applications {width:185px;}
#top_row div.applications h2{font-size:15px; padding:0 0 4px 10px;}
#top_row div.applications p{font-size:11px; width:160px; padding-left:12px;}
#top_row div.applications.last {margin:0;}

#middle_row {clear:both; margin:0 auto; padding:18px 0 7px 7px; width:936px;}
html>body div#middle_row {width:974px;}
#middle_row a {color:#333;}
#middle_row h3 {padding:6px 10px; color:#333; font-size:15px;}
#middle_row ul, #middle_row p {width:190px; padding-top:10px; list-style-type:none;}
html>body div#middle_row ul, #middle_row p {width:220px;}
#middle_row ul li {padding-bottom:12px;}
#middle_row div#rss div{width:258px; float:left; padding:0; margin:0 0 10px 0; border-right:1px solid #ccc;}
html>body div#middle_row div#rss div{width:258px;}
#middle_row div#rss div p{text-align:right; background:right 13px url(../images/bullet_orange_arrow.gif) no-repeat;}
#middle_row #links p.more{text-align:right; background:right 13px url(../images/bullet_orange_arrow.gif) no-repeat; width:170px;}
#middle_row div#rss div p a, #middle_row #links p a{ padding:0 10px 0 0; color:#E68332;}
#middle_row #links div li{color:#3E8FBC;}
#middle_row div#rss div ul {min-height:100px;}
#middle_row div#rss div ul li{background:1px 3px url(../images/bullet_orange_plus_sign.gif) no-repeat; padding:0 0 12px 16px; color:#3E8FBC;}
#middle_row div#links div{width:201px; float:left;}
#middle_row div#links div ul{width:180px;}
#middle_row div#links div ul li{background:top left url(../images/bullet_orange_boxarrow.gif) no-repeat; padding-left:20px;}
#middle_row div#links div.last{border-left:1px solid #ccc; float:left;}
#middle_row div div {margin:0 0 10px 0;}

.news {background:top left url(../images/bg_news_header.gif) no-repeat;}
.events{background:top left url(../images/bg_events_header.jpg) no-repeat;}
.partners{background:top left url(../images/bg_partners_header.jpg) no-repeat;}
.resources {background:top left url(../images/bg_resources_header.jpg) no-repeat;}

#links .partners p{padding:10px 10px 0px 10px; width:178px;}
#links .partners li{width:150px;}


#container_bottom {clear:both; width:978px; background:bottom left url(../images/bg_body_bottom_978x17.jpg) no-repeat; height:14px; margin:0 auto; padding:0;}
html>body div#container_bottom {}
#footer {background:#fff top left url(../images/bg_body_top_982x5.jpg) no-repeat; width:932px; margin:8px auto 0 auto; padding:16px 20px 30px 20px; height:12px;}
#post_footer, #copyright {text-align:center; color:#fff;}
#post_footer {background:top left url(../images/bg_body_bottom_978x17.jpg) no-repeat; width:978px; margin:0 auto; padding:10px 0;}
#post_footer ul li{display:inline;}
#post_footer ul li{padding:0px;}
#post_footer ul li a {padding:0 6px;}
#post_footer a, #copyright a{color:#fff;}
#post_footer ul  {list-style-type:none; padding:6px 0; width:700px; margin:0 auto;}
#footer_links {text-align:center;}
#copyright {text-align:center; padding-bottom:20px; width:966px; margin:0 auto;}



/*******************internal**************************/
#sidebar {width:200px; float:left; padding-left:6px;}
#sidebar_navigation {background:#0072B4 top left url(../images/bg_sidebar_navigation.jpg) no-repeat; width:190px;}
#sidebar_navigation_bottom {clear:both; background:top left url(../images/bg_sidebar_navigation_bottom.jpg) no-repeat; width:200px; height:8px; padding-bottom:6px;}
#sidebar_navigation h3 {color:#fff; font:14px Arial, Verdana, Sans-serif; font-weight:bold; padding:4px 9px;}
#sidebar_navigation ul {color:#fff; list-style-type:none; padding:10px 10px 0 8px; font-weight:bold;}
#sidebar_navigation ul li {color:#fff; padding:0 0 4px 14px;  background:1px 4px url(../images/bullet_white_arrow.gif) no-repeat;}
#sidebar_navigation ul li a{color:#fff;  padding:0;}
#sidebar_navigation ul ul {padding:0; margin:0;}
#sidebar_navigation ul li ul a{color:#fff; padding:0;}
#sidebar_row1, #sidebar_row2, #sidebar_row3, #sidebar_row4, #sidebar_row5 {width:200px;}
#internal_banner {clear:both;}
#main {width:728px; float:right; padding:0 20px 0 0;}
#main p, #main ul {padding:6px 0; font-size:12px; line-height:20px;}
#main ul li {list-style-type:none; padding:0 0 4px 14px;}

/*****************becky changes 02-01-07 - jj*********************/

#main a{color:#005DA0; text-decoration: underline;}
#main a:hover {color: #ff9231; text-decoration: underline;}
h1 {color:#006da5; font-size:24px;}
h2 {color:#006699;      font-size:18px;}
h3 {color:#003366; font-size:14px;}
h4 {color:#006699; font-size:12px; font-weight: bold;}
h5 {color:#006da5; font-size:12px;}
h6 {color:#444; font-size:12px;}

#container {padding:14px 14px 7px 14px; width:944px;}
html>body div#container {padding:14px 18px 7px 18px; width:936px;}
#main {width:700px; margin-top:-3px;}
body {color:#444;}
#sidebar_navigation {width:184px;}
#sidebar_navigation_bottom {width:184px;}
#sidebar_navigation ul {padding:10px 8px 0 8px;}
#sidebar_navigation ul li li{background:1px 4px url(../images/bullet_square_white.gif) no-repeat; padding-left:0px; padding-left:12px; line-height:13px;}
#sidebar_navigation ul li li a{color:#fff;}
#sidebar_row1, #sidebar_row2, #sidebar_row3, #sidebar_row4, #sidebar_row5 {width:184px; padding:6px 0;}
#container #main #internal_banner {padding-top:3px;}
#main ul li {background:1px 6px url(../images/bullet_list.gif) no-repeat;}

#pre_header ul li.mr {background:top left url(../images/icon_marketing_resources_old.gif) no-repeat; padding:2px 0 4px 26px;  margin-right:10px;}
#pre_header ul li.cs {background:top left url(../images/icon_support_old.gif) no-repeat; padding:2px 0 4px 17px;}

/*****************becky changes 02-12-07 - jj*********************/

#top_row div.applications h2 {padding:0 0 4px 10px; font-size:15px; font-weight:bold;}
#nav {font:bold 13px "Helvetica", Arial, sans-serif; margin-right:5px;}
.red {color:#ff0000;}
td {padding: 3px;}
td {padding: 3px;}

/*****************JJ 02-12-07 *******************************/
table.brand_table td{padding:0; margin:0;}
table.brand_table td{padding:0 10px;}
table.brand_table td.brands {border:1px solid #ccc; padding:10px;}
#main p, #main ul {padding:6px 0; font-size:12px; line-height:20px;}

#main form {width:500px; border:1px solid #ccc; padding:10px;}
#main .regularText {text-align:left; width:100px;}
#main .formbutton {border:1px solid #999; padding:1px 10px;}

/********Site Map Edit**************/
#oleft, #oright {float:left; padding:0; margin:0;}
#oleft ul, #oright ul {padding:0; margin:0;}
#oleft li ul, #right li ul{padding:0; margin:0;}
#oleft a, #oright a {font-size:11px; line-height:12px; padding:0; margin:0;}
#oleft li, #oright li {padding:0; margin:0;}		
#oleft strong a, #oright strong a{text-decoration:none; padding:0; margin:0;}

/*****Search Page Edit************/
#hbSearch li {padding:6px 0;}

/*******List Module Edit*************/
#hblistmod div.hblistlft strong a {text-decoration:none; color:#444444; font-weight:normal;}


/****Extranet Style Fixes*********/
input.username, input.password { width:160px; float:right;}
label.username, label.password {width:110px; float:left;}
small.forgot_pw {width:200px; clear:both; margin-top:10px;}



#sidebar form {padding-top:10px; clear:both;}
input.formField{width:240px;border-top:1px solid #CCCCCC;border-bottom:1px solid #999999; border-left:1px solid #CCCCCC;border-right:1px solid #999999;}

#customForm td.regularText {width:50%;}


td.monthday {padding:0; margin:0; text-align:center; width:90px;}


/****search*****/
#hbpagestop {padding:0; margin:0;}
#main #hbpagestop ul li, #main #hbpagestop p, #main #hbpagestop ul {font-size:8px; padding:2px 0 0 12px; margin:0;}
.searchSubmit {border:1px solid #999; background:#eee; font-size:11px; padding:0 6px; width:60px; height:19px;}
.searchresult{padding:8px;}
.searchresult:hover {background:#efefef;}


/*********Bulleted Paragraphs*************************/
The following styles are for Reference pages that need
to look like bulleted paragraphs and that include 
images floated to the right. Hans 5/20/2009
/******************************************************/ 

div.BulletedParagraphs {
margin-left: 0;
}

div.BulletedParagraphs img {
padding-left: 30px;
}

/******* Use a blue bullet for normal paragraphs ******/
div.BulletedParagraphs p { 
display: list-item;
list-style-image: url('../images/bullet_list.gif');
margin-left: 1.5em;
line-height: auto;
margin-bottom: -.5em;
}

/*********Hide the bullet for continuation
 paragraphs by using a clear image*********/
div.BulletedParagraphs p.NoBullet { 
display: list-item;
list-style-image: url('../images/bullet_clear.gif');
}

   
   #banner {
   position:relative;
   margin-left:7px;
   left:7px;
   top: -232px;
   width:273px;
   height:60px;
   z-index:10;
   }

   #bannergirl {
   position:relative;
   left:174px;
   top: 0px;
   width:106px;
   height:133px;
   z-index:8;
   background-image: url(../images/banner_right_bottom_girl.png);
   background-repeat:no-repeat;
  }
  #bannerbutton {
   position:relative;
   left:50px;
   top: -35px;
   width:280px;
   height:133px;
   z-index:10;
   }
   .bannerimage {
	margin-left:20px;
	}