/*-----------------------------------------------------*/
/* Document:       chq-homepage.css                    */
/* Version:        1.0                                 */
/* Authors:        Annette, Carla                      */
/* Creation-Date:  07.20.2007                          */
/* Last-Edit:      07.20.2007                          */
/*-----------------------------------------------------*/

/***********************************************/
/* HTML STYLES                                 */
/***********************************************/ 

body {
	margin: 0px;
	padding: 0px;
	background-color: #DFDBD8;
	}

body, div, table, td, th, li {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #474747;
	}

a:link, a:visited {
	color: #458EBF;
	text-decoration: underline;
	}

a:hover {
	color: #82bFEA;
	text-decoration: underline;
	}

h1 {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 115%;
	font-weight: bold;
	color: #3986ba;
	margin: 0px; padding: 0px;
	}

h2, h3, h4, h5 {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 105%;
	font-weight: bold;
	color: #646464;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
h2 a:link, h2 a:visited, h2 a:hover, 
h3 a:link, h3 a:visited, h3 a:hover,
h4 a:link, h4 a:visited, h4 a:hover,
h5 a:link, h5 a:visited, h5 a:hover {
	color: #3986ba;
	text-decoration: none;
	}
	
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #82bFEA;
	text-decoration: none;
	}
	
h6 {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 105%;
	font-weight: bold;
	color: #646464;
	margin: 20px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	}

/***********************************************/
/* FORM STYLES                                 */
/***********************************************/

input {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 90%;
	color: #333333;
	background: #FFFFFF;
	}

input.small {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 90%;
	color: #333333;
	width: 40px;
	padding: 1px;
	border: solid 1px #c8c8c8;
	}
	
input.medium {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 90%;
	color: #333333;
	width: 135px;
	padding: 1px;
	border: solid 1px #c8c8c8;
	}
	
input.large {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 90%;
	color: #333333;
	width: 250px;
	padding: 1px;
	border: solid 1px #c8c8c8;
	}
	
img.floatLeft {
	position: relative;
	float: left;
	margin: 0px 15px 5px 0px;
	border: 1px solid #61BF1A;
	padding: 2px;
	}		

/***********************************************/
/* GLOBAL NAVIGATION STYLES                    */
/***********************************************/

.globalNav {
	font-family: arial, verdana, sans-serif;
	font-size: 85%;
	font-weight: normal;
	text-align: right;
	color: #AFAFAF;
	position: absolute; 
	top: 20px; right: 25px;
	}

.globalNav a:link, .globalNav a:visited, .globalNav a:active {
	color: #317FB9;
	text-decoration: none;
	}

.globalNav a:hover {
	color: #317FB9;
	text-decoration: underline;
	}
	
.globalNav a.on, .globalNav a.on:visited {
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #646464;
	}

.globalNav a.on:hover {
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	text-align: right;
	text-decoration: underline;
	color: #646464;
	}	
	
/***********************************************/
/* DROP NAVIGATION STYLES                      */
/***********************************************/

.menu {
	position: absolute;
	visibility: hidden;
	width: 155px;
	z-index: 50;
	background: #519CD0;
	border-top: 1px solid #FFFFFF;
	}
	
.menu div {
	font-family: arial, verdana, sans-serif;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom: 1px solid #FFFFFF;
	}
	
.menu div a {
	z-index: 50;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	width: 135px;
	}

.menu div a:hover, .menu div a:active, .menu div a:focus {
	z-index: 50;
	display: block;
	color: #FFFFFF;
	background-color: #82BFEA;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	width: 135px;
	}
	
.menu div a:visited {
	z-index: 50;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	width: 135px;
	}

/***********************************************/
/* LAYOUT CLASSES                              */
/***********************************************/

#master {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 978px;
	background-color: #FFFFFF;
	}
	
.logo {
	position: absolute;
	top: 21px; left: 24px;
	}
	
#globalHeader {
	height: 109px;
	background-color: #FFFFFF;
	background-image: url("../images/structure/frameT.gif");
	background-position: top left;
	background-repeat: no-repeat;
	}

#navPrimary {
	position: absolute;
	top: 72px; left: 24px;
	text-align: left !important;
	z-index: 50;
	}

#navPrimary td {
	vertical-align: bottom;
	}
	
#search {
	position: absolute;
	top: 41px; right: 21px;
	width: 311px; height: 61px;
	background-image:url("../images/navigation/search-background.gif");
	background-repeat: no-repeat;
	z-index: 3;
	}

#searchFormat {
	margin: 20px 0px 0px 16px;
	vertical-align: center;
	}
	
input.search {
	font-family: trebuchet ms, arial, tahoma, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 190px; height: 18px;
	padding: 1px;
	border: solid 1px #c8c8c8;
	vertical-align: top;
	}
	
#searchButton {
	margin: 1px 0px 0px 8px;
	}

#advancedSearch {
	position: absolute;
	top: 38px;
	font-family: arial, verdana, sans-serif;
	font-size: 85%;
	font-weight: normal;
	text-align: left;
	}

#advancedSearch a:link, #advancedSearch a:visited, #advancedSearch a:active {
	color: #317FB9;
	text-decoration: none;
	}
	
#advancedSearch a:hover {
	color: #317FB9;
	text-decoration: underline;
	}

/***********************************************/
/* MAIN CONTENT FEATURE                        */
/***********************************************/

#slideshow {
	width: 616px;
	height: 225px;
	overflow: hidden;
	background-image: url("../images/homepage/feature-background.gif");
	background-repeat: no-repeat;
	padding: 2px;
	}

#slideshow .slide {
	position: absolute; 
	width: 620px;
	height: 186px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	}

#slideshow #slide1, #slideshow #slide2, #slideshow #slide3, #slideshow #slide4 {
	z-index: 10;
	}
	
#slideshow .content {
	z-index: 10;
	position: absolute;
	top: 65px; left: 25px;
	width: 350px;
	line-height: 1.3em;
	}
	
#slideshow .content a:link, #slideshow .content a:visited, #slideshow .content a:hover {
	font-weight: bold;
	text-decoration: none;
	}

#slideshow .slidelinks_container {
	position: absolute;
	width: 620px;
	height: 225px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	z-index: 2;
	}
	
#slideshow #slideshowcontrols { 
	position: absolute; 
	top: 296px; 
	z-index: 3;
	left: 4; 
	padding: 0px 0px 0px 0px; 
	width: 616px; 
	height: 36px;
	}
	
/* 4 SLIDES WITH TEXT */
ul.slideshowcontrolsmiddle4 {
	z-index: 5;
	position: absolute;
	text-align: center;
	width: 616px !important;
	margin: 0px; padding: 0px;
	list-style: none;
	line-height: normal;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	}

ul.slideshowcontrolsmiddle4 li {
	z-index: 0; 
	width: 154px !important;
	float: left;
	margin: 0px;
	}
	
/* THE LINK ELEMENTS INSIDE 4 TABS */
ul.slideshowcontrolsmiddle4 a:link, ul.slideshowcontrolsmiddle4 a:visited {
	color: #3986ba;
	width: 154px !important; height: 30px;
	text-align: center; 
	display: block;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 9px;
	font-size: 11px;
	background: url("../images/homepage/tabs4.gif") no-repeat 0px 0px;
	padding: 5px 0px 0px 0px !important;
	}
	
/* The next 5 styles fix Netscape issues with padding it any other way */
ul.slideshowcontrolsmiddle4 .single-line a {
	line-height: 27px!important;
	}

*html ul.slideshowcontrolsmiddle4 .single-line a {
	line-height: 26px!important;
	}

ul.slideshowcontrolsmiddle4 .padded_fmt {
	display: block;
	padding: 4px 0px 0px 0px;
	}

ul.slideshowcontrolsmiddle4 .single-line .padded_fmt {
	display: block;
	padding: 0px;
	}

ul.slideshowcontrolsmiddle4 a.activeslide, ul.slideshowcontrolsmiddle4 a:hover {
	background-position: 0px -33px !important;
	color: #4b4b4b;
	text-decoration: none;
	}
	
	
/* 3 SLIDES WITH TEXT */
ul.slideshowcontrolsmiddle3 {
	z-index: 5;
	position: absolute;
	text-align: center;
	width: 616px !important;
	margin: 0px; padding: 0px;
	list-style: none;
	line-height: normal;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	}

ul.slideshowcontrolsmiddle3 li {
	z-index: 0; 
	width: 205px !important;
	float: left;
	margin: 0px;
	}
	
/* THE LINK ELEMENTS INSIDE 3 TABS */
ul.slideshowcontrolsmiddle3 a:link, ul.slideshowcontrolsmiddle3 a:visited {
	color: #3986ba;
	width: 205px !important; height: 30px;
	text-align: center; 
	display: block;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 9px;
	font-size: 11px;
	background: url("../images/homepage/tabs3.gif") no-repeat 0px 0px;
	padding: 5px 0px 0px 0px !important;
	}
	
/* The next 5 styles fix Netscape issues with padding it any other way */
ul.slideshowcontrolsmiddle3 .single-line a {
	line-height: 27px!important;
	}

*html ul.slideshowcontrolsmiddle3 .single-line a {
	line-height: 26px!important;
	}

ul.slideshowcontrolsmiddle3 .padded_fmt {
	display: block;
	padding: 4px 0px 0px 0px;
	}

ul.slideshowcontrolsmiddle3 .single-line .padded_fmt {
	display: block;
	padding: 0px;
	}

ul.slideshowcontrolsmiddle3 a.activeslide, ul.slideshowcontrolsmiddle3 a:hover {
	background-position: 0px -33px !important;
	color: #4b4b4b;
	text-decoration: none;
	}
	
/* USED TO CONTROL FADE */
#slideshow .opacity10 { opacity:0.99; filter:alpha(opacity=100); visibility:visible !important;}
#slideshow .opacity9 { opacity:.9; filter:alpha(opacity=90); visibility:visible !important;}
#slideshow .opacity8 { opacity:.8; filter:alpha(opacity=80); visibility:visible !important;}
#slideshow .opacity7 { opacity:.7; filter:alpha(opacity=70); visibility:visible !important;}
#slideshow .opacity6 { opacity:.6; filter:alpha(opacity=60); visibility:visible !important;}
#slideshow .opacity5 { opacity:.5; filter:alpha(opacity=50); visibility:visible !important;}
#slideshow .opacity4 { opacity:.4; filter:alpha(opacity=40); visibility:visible !important;}
#slideshow .opacity3 { opacity:.3; filter:alpha(opacity=30); visibility:visible !important;}
#slideshow .opacity2 { opacity:.2; filter:alpha(opacity=20); visibility:visible !important;}
#slideshow .opacity1 { opacity:.1; filter:alpha(opacity=10); visibility:visible !important;}

#slideshow .hide { 
	visibility: hidden; 
	}
	
#slideshow .hideArchive {
	visibility: hidden; 
	display: none;
	}
	
#slideshow .show { 
	visibility: visible !important;
	display: block !important; 
	}

/***********************************************/
/* NEWS CATEGORIES HOME PAGE                   */
/***********************************************/


.newsCategories {
	width: 311px;
	margin: 0px;
	background: url("../images/homepage/sides-NewsCategories.gif");
	background-repeat: repeat-y;
	}

.newsCategoriesTop {
	width: 311px; height: 34px;
	}
	
.newsCategoriesBottom {
	width: 311px; height: 26px;
	margin: 0px;
	background: url("../images/homepage/base-NewsCategories.gif") no-repeat;
	}
	
.newsCategoriesBottom a:link, .newsCategoriesBottom a:visited, .newsCategoriesBottom a:hover {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 0px 15px;
	color: #4b4b4b;
	display: block;
	text-decoration: none;
	}
	
.newsCategoriesBody {
	width: 299px;
	margin: 0px 6px 0px 6px;
	}

.category {
	background: url("../images/homepage/header-category.gif") no-repeat;
	width: 299px; height: 25px;
	margin: 0px;
	}
	
.category td.header {
	padding-left: 9px;
	}
	
.category td.more {
	text-align: right;
	padding-right: 10px;
	}
	
.category a:link, .category a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #4b4b4b;
	text-decoration: none;
	}
	
.category a:hover, .category a:active {
	text-decoration: none;
	}
	
.category a.more:link, .category a.more:visited {
	font-size: 11px;
	font-weight: bold;
	color: #3986ba;
	text-decoration: none;
	}
	
.category a.more:hover, .category a.more:active {
	color: #6aa4cb;
	text-decoration: none;
	}

.categoryInformation {
	width: 280px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	max-height: 65px;
	color: #4b4b4b;
	font-size: 90%;
	}
	
.categoryInformation p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	line-height: 15px;
	}

.categoryInformation a, .categoryInformation a:visited {
	color: #3986ba; 
	text-decoration: underline; 
	font-weight: bold;
	}

.categoryInformation a:hover {
	color: #6aa4cb;  
	text-decoration: underline; 
	font-weight: bold;
	}
	
img.plusminusIcon { 
	vertical-align: bottom;
	}

/***********************************************/
/* COMPLIANCE NEWS HOME PAGE                   */
/***********************************************/

#complianceNews {
	width: 620px;
	margin: 0px;
	background: url("../images/homepage/sides-ComplianceNews.gif");
	background-repeat: no-repeat;
	}

#complianceNewsTop {
	width: 620px; height: 33px;
	}

#complianceNewsBody {
	width: 587px;
	margin: 15px 16px 0px 16px;
	}
	
#complianceNewsTable {
	width: 587px;
	}
	
#complianceNewsTable td.points {
	font-size: 90%;
	width: 279px;
	vertical-align: top;
	}
	
#complianceNewsTable td.divider {
	width: 31px;
	vertical-align: top;
	background-image: url("../images/homepage/border-ComplianceNews.gif");
	background-repeat: repeat-y;
	}
	
#complianceNewsTable td.articles {
	font-size: 90%;
	width: 278px;
	vertical-align: top;
	}

/***********************************************/
/* COMPLIANCE HIGHLIGHTS HOME PAGE             */
/***********************************************/

#complianceHighlights {
	width: 311px;
	margin: 4px 0px 0px 0px;
	background: url("../images/homepage/sides-CompHighlights.gif");
	background-repeat: no-repeat;
	}

#complianceHighlightsTop {
	width: 311px; height: 33px;
	}

#complianceHighlightsBody {
	width: 279px;
	font-size: 90%;
	margin: 15px 16px 0px 16px;
	}

/***********************************************/
/* SURVEY COMPONENT HOME PAGE                  */
/***********************************************/

#survey {
	width: 311px;
	margin: 10px 0px 0px 0px;
	background: url("../images/homepage/sides-survey.gif");
	background-repeat: no-repeat;
	}

#surveyTop {
	width: 311px; height: 33px;
	}

#surveyBackground {
	background: url("../images/homepage/survey-background.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 0px 0px 6px; 
	width: 299px; height: 100px;
	border: 1px solid #FFFFFF;
	}

#surveyBody {
	width: 200px;
	font-size: 90%;
	margin: 10px 0px 0px 10px;
	}

/***********************************************/
/* FOOTER STYLES                               */
/***********************************************/

#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 978px; height: 42px;
	background-color: #FFFFFF;
	background-image: url("../images/structure/frameB.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	}
	
#footer td {
	font-family: arial, verdana, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #7d7d7d;
	padding-left: 25px;
	padding-right: 25px;
	}

#footerNav {
	font-family: arial, verdana, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #7d7d7d;
	text-align: right;
	}

#footerNav a:link, #footerNav a:visited, #footerNav a:active {
	color: #317FB9;
	text-decoration: none;
	}

#footerNav a:hover {
	color: #317FB9;
	text-decoration: underline;
	}
	
/***********************************************/
/* OTHER HOME PAGE STYLES                      */
/***********************************************/

#home {
	width: 978px;
	background-image: url("../images/structure/frameS.gif");
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0px; padding: 0px 0px 20px 0px;
	}

#home td.column1 {
	width: 644px;
	vertical-align: top;
	}
	
#home td.column2 {
	width: 334px;
	vertical-align: top;
	}

#column1-margin {
	margin-left: 24px;
	}

#column2-margin {
	margin-left: 2px;
	margin-right: 21px;
	}
	
#emailRSS {
	width: 299px;
	margin: 15px 0px 0px 2px;
	vertical-align: top;
	text-align: right;
	}
	
#emailRSS td {
	font-size: 90%;
	vertical-align: top;
	text-align: right;
	}
	
#promotions {
	width: 175px; height: 125px;
	margin-left: 6px;
	margin-top: 15px;
	vertical-align: top; 
	}

/***********************************************/
/* Promotion A                                 */
/***********************************************/

#promotionA {
	width: 125px;
	height: 125px;
	overflow: hidden;
	background-repeat: no-repeat;
	padding: 2px;
	}

#promotionA .promoA {
	position: absolute; 
	width: 125px;
	height: 125px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	}

#promotionA #promoA1, #promotionA #promoA2, #promotionA #promoA3, {
	z-index: 10;
	}

#promotionA .promoAlinks_container {
	position: absolute;
	width: 0px;
	height: 0px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	z-index: 2;
	}
	
#promotionA #promotionAcontrols { 
	position: absolute; 
	top: 296px; 
	z-index: 3;
	left: 4; 
	padding: 0px 0px 0px 0px; 
	width: 0px; 
	height: 0px;
	}
	
	
/* 3 SLIDES WITH TEXT */
ul.promotionAcontrolsmiddle {
	z-index: 5;
	position: absolute;
	text-align: center;
	width: 0px !important;
	margin: 0px; padding: 0px;
	list-style: none;
	line-height: normal;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	}

ul.promotionAcontrolsmiddle li {
	z-index: 0; 
	width: 0px !important;
	float: left;
	margin: 0px;
	}
	
/* THE LINK ELEMENTS INSIDE 3 TABS */
ul.promotionAcontrolsmiddle a:link, ul.promotionAcontrolsmiddle a:visited {
	color: #3986ba;
	width: 0px !important; height: 0px;
	text-align: center; 
	display: block;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 9px;
	font-size: 11px;
	background: url("../images/homepage/tabs3.gif") no-repeat 0px 0px;
	padding: 5px 0px 0px 0px !important;
	}
	
/* The next 5 styles fix Netscape issues with padding it any other way */
ul.promotionAcontrolsmiddle .single-lineA a {
	line-height: 0px!important;
	}

*html ul.promotionAcontrolsmiddle .single-lineA a {
	line-height: 0px!important;
	}

ul.promotionAcontrolsmiddle .padded_fmtA {
	display: block;
	padding: 4px 0px 0px 0px;
	}

ul.promotionAcontrolsmiddle .single-lineA .padded_fmtA {
	display: block;
	padding: 0px;
	}

ul.promotionAcontrolsmiddle a.activeslide, ul.promotionAcontrolsmiddle a:hover {
	background-position: 0px -33px !important;
	color: #4b4b4b;
	text-decoration: none;
	}
	
/* USED TO CONTROL FADE */

#promotionA .opacity10 { opacity:0.99; filter:alpha(opacity=100); visibility:visible !important;}
#promotionA .opacity9 { opacity:.9; filter:alpha(opacity=90); visibility:visible !important;}
#promotionA .opacity8 { opacity:.8; filter:alpha(opacity=80); visibility:visible !important;}
#promotionA .opacity7 { opacity:.7; filter:alpha(opacity=70); visibility:visible !important;}
#promotionA .opacity6 { opacity:.6; filter:alpha(opacity=60); visibility:visible !important;}
#promotionA .opacity5 { opacity:.5; filter:alpha(opacity=50); visibility:visible !important;}
#promotionA .opacity4 { opacity:.4; filter:alpha(opacity=40); visibility:visible !important;}
#promotionA .opacity3 { opacity:.3; filter:alpha(opacity=30); visibility:visible !important;}
#promotionA .opacity2 { opacity:.2; filter:alpha(opacity=20); visibility:visible !important;}
#promotionA .opacity1 { opacity:.1; filter:alpha(opacity=10); visibility:visible !important;}

#promotionA .hideA { 
	visibility: hidden; 
	}
	
#promotionA .hideArchiveA {
	visibility: hidden; 
	display: none;
	}
	
#promotionA .showA { 
	visibility: visible !important;
	display: block !important; 
	}







/***********************************************/
/* Promotion B                                 */
/***********************************************/

#promotionB {
	width: 1px;
	height: 125px;
	overflow: hidden;
	background-repeat: no-repeat;
	padding: 2px;
	}

#promotionB .promoB {
	position: absolute; 
	width: 125px;
	height: 125px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	}

#promotionB #promoB1, #promotionB #promoB2, #promotionB #promoB3, {
	z-index: 10;
	}

#promotionB .promoBlinks_container {
	position: absolute;
	width: 10px;
	height: 10px;
	opacity:0.99; /* Fix Firefox opacity flicker problem */
	z-index: 2;
	}
	
#promotionB #promotionBcontrols { 
	position: absolute; 
	top: 296px; 
	z-index: 3;
	left: 4; 
	padding: 0px 0px 0px 0px; 
	width: 0px; 
	height: 0px;
	}
	
	
/* 3 SLIDES WITH TEXT */
ul.promotionBcontrolsmiddle {
	z-index: 5;
	position: absolute;
	text-align: center;
	width: 0px !important;
	margin: 0px; padding: 0px;
	list-style: none;
	line-height: normal;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	}

ul.promotionBcontrolsmiddle li {
	z-index: 0; 
	width: 0px !important;
	float: left;
	margin: 0px;
	}
	
/* THE LINK ELEMENTS INSIDE 3 TABS */
ul.promotionBcontrolsmiddle a:link, ul.promotionBcontrolsmiddle a:visited {
	color: #3986ba;
	width: 0px !important; height: 0px;
	text-align: center; 
	display: block;
	font-weight: bold !important;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 9px;
	font-size: 11px;
	padding: 5px 0px 0px 0px !important;
	}
	
/* The next 5 styles fix Netscape issues with padding it any other way */
ul.promotionBcontrolsmiddle .single-lineB a {
	line-height: 27px!important;
	}

*html ul.promotionBcontrolsmiddle .single-lineB a {
	line-height: 26px!important;
	}

ul.promotionBcontrolsmiddle .padded_fmtB {
	display: block;
	padding: 4px 0px 0px 0px;
	}

ul.promotionBcontrolsmiddle .single-lineB .padded_fmtB {
	display: block;
	padding: 0px;
	}

ul.promotionBcontrolsmiddle a.activeslide, ul.promotionBcontrolsmiddle a:hover {
	background-position: 0px -33px !important;
	color: #4b4b4b;
	text-decoration: none;
	}
	
/* USED TO CONTROL FADE */

#promotionB .opacity10 { opacity:0.99; filter:alpha(opacity=100); visibility:visible !important;}
#promotionB .opacity9 { opacity:.9; filter:alpha(opacity=90); visibility:visible !important;}
#promotionB .opacity8 { opacity:.8; filter:alpha(opacity=80); visibility:visible !important;}
#promotionB .opacity7 { opacity:.7; filter:alpha(opacity=70); visibility:visible !important;}
#promotionB .opacity6 { opacity:.6; filter:alpha(opacity=60); visibility:visible !important;}
#promotionB .opacity5 { opacity:.5; filter:alpha(opacity=50); visibility:visible !important;}
#promotionB .opacity4 { opacity:.4; filter:alpha(opacity=40); visibility:visible !important;}
#promotionB .opacity3 { opacity:.3; filter:alpha(opacity=30); visibility:visible !important;}
#promotionB .opacity2 { opacity:.2; filter:alpha(opacity=20); visibility:visible !important;}
#promotionB .opacity1 { opacity:.1; filter:alpha(opacity=10); visibility:visible !important;}

#promotionB .hideB { 
	visibility: hidden; 
	}
	
#promotionB .hideArchiveB {
	visibility: hidden; 
	display: none;
	}
	
#promotionB .showB { 
	visibility: visible !important;
	display: block !important; 
	}