/* CSS Document */


/* NEEDS to go first - bug fix */

#wrapper #productBubbles ul li.green a {
	background: url(../images/bubble-green.jpg) left top no-repeat;
}

/* Global Styles */


body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	background:#b6ad7f url(../images/body-background.gif) repeat-x;
}

div {
	font-size: 11px;
}

p, span, ul, li, input, select, h1, h2, h3, h4, h5, h6, form, a {
	margin:0;
	padding:0;
}

p.centered {
	text-align:center;
	}

a, a:link, a:visited, a:hover {
	color:#2c496b;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#wrapper {
	width:1005px;
	margin:auto;
	/*border:1px solid #000000;*/
	border-top:none;
	background: url(../images/header-background.png) no-repeat top left;	
}
/*
#wrapper.bg1 {
	background: url(../images/header-background.png) no-repeat top left;	
}

#wrapper.bg2 {
	background: url(../images/header-background-img2.png) no-repeat top left;	
}

#wrapper.bg3 {
	background: url(../images/header-background-img3.png) no-repeat top left;	
}
*/
#twocol #wrapper, #home #wrapper {
	background: url(../images/header-background-twocol.png) no-repeat top left;	
}
/*
#twocol #wrapper.bg1, #home #wrapper.bg1 {
	background: url(../images/header-background-twocol.png) no-repeat top left;	
}

#twocol #wrapper.bg2, #home #wrapper.bg2 {
	background: url(../images/header-background-twocol-img2.png) no-repeat top left;	
}

#twocol #wrapper.bg3, #home #wrapper.bg3 {
	background: url(../images/header-background-twocol-img3.png) no-repeat top left;	
}
*/

/* Masthead Elements */

#wrapper #header {
	width:999px;
	height:89px;
	margin:0;
	padding:0;
	padding-top:10px;
}


/* Global Navigation Elements */

#header #global {
	width:450px;
	margin:0;
	margin-top: 10px;
	padding:0;
	float:right;
}

#logo span {
	display:none;
}

#global ul {
	list-style-type:none;
	float:left;
}

#global ul li {
	list-style-type:none;
	float:left;
	font-size:10px;
	padding:9px;
	padding-top:0;
	padding-bottom:0;
	background: url(../images/global-divider.gif) no-repeat right center;
}

#global ul li.last {
	background:none;
}

#global ul li a {
	color: #FFFFFF;
	font-size:10px;
	text-decoration: none;
	}
	
#global ul li a:hover {
	text-decoration: underline;
	}

#global #search {
	width:580px;
	margin:0;
	padding:0;
	padding-top:15px;
	margin-right:10px;
	float:right;
	text-align:right;
}

#search p {
	font-size:12px;
}



/* Generic Main Navigation Tabs */

#wrapper #mainnav ul {
	width:932;
	margin-left: 12px;
	height:25px;
	list-style-type:none;
	float:left;
}

#wrapper #mainnav ul li {
	list-style-type:none;
	float:left;
	font-size:12px;
	margin-right:0px;
	background:url(../images/right-tab-round.gif) no-repeat bottom right;
	font-size:12px;

}

#wrapper #mainnav ul li.current {
	background:url(../images/right-tab-round_active.gif) no-repeat top right;
}

#wrapper #mainnav ul li.currentnolink {
	background:url(../images/right-tab-round_active.gif) no-repeat top right;
}

#wrapper #mainnav ul li:hover, #wrapper #mainnav ul li.sfhover {
	background:url(../images/right-tab-round-hover.gif) no-repeat bottom right;
}

#wrapper #mainnav ul li.currentnolink:hover, #wrapper #mainnav ul li.sfhover.currentnolink, #wrapper #mainnav ul li.current:hover, #wrapper #mainnav ul li.sfhover.current {
	background:url(../images/right-tab-round_active.gif) no-repeat top right;
}

#wrapper #mainnav ul li.last {
	background:url(../images/right-tab-round.gif) no-repeat bottom right;
}

#wrapper #mainnav ul li.last:hover, #wrapper #mainnav ul li.sfhover.last {
	background:url(../images/right-tab-round-hover.gif) no-repeat bottom right;
}

#wrapper #mainnav ul li a {
	margin:0;
	margin-top: 3px;
	padding:0;
	list-style-type:none;
	float:left;
	padding:15px;
	padding-top:4px;
	padding-bottom:4px;
	color:#255676;
	font-weight:bold;
	background:url(../images/left-tab-round.gif) left bottom no-repeat;
	text-decoration:none;
}


#wrapper #mainnav ul li.last a {
	padding-left:10px;
	background:url(../images/left-tab-round.gif) left top no-repeat;
}

#wrapper #mainnav ul li a:hover, #wrapper #mainnav ul li a:hover {
	text-decoration:underline;
	background:url(../images/left-tab-round-hover.gif) left bottom no-repeat;
}


#wrapper #mainnav ul li a.currentnotlink, #wrapper #mainnav ul li a.currentlink,   #wrapper #mainnav ul li a.currentnotlink:hover {
	margin-top: 0px;
	height: 27px;
	padding-top: 6px;
	background:url(../images/left-tab-round_active.gif) left top no-repeat;
	text-decoration:none;
}

#wrapper #mainnav ul li a.currentnotlink {
	color: #000000;
	cursor: text;
}



#wrapper #mainnav ul li a.currentlink:hover {
	background:url(../images/left-tab-round_active.gif) left top no-repeat;
	text-decoration:underline;
}


/* Under Nav */

#wrapper #underNav {
	width:1005px;
	height:9px;
	margin:0;
	margin-top:0px;
	padding:0;
	clear:both;
	background:url(../images/underNav.gif) left top repeat-x;
}

*html #wrapper #underNav {
	margin-top:-12px;
	overflow:hidden;
	width:1005px;
}

#wrapper #underNav #tabExtension {
	width:0px;
	height:9px;
	margin:0;
	margin-left:12px;
	padding:0;
	background: #f6f6de;
	border-right: 1px solid #cecebd;
	border-left: 1px solid #cecebd;
}

*html #wrapper #underNav #tabExtension {
	width:0px;
	height:9px;
	margin:0;
	margin-left:462px;
	padding:0;
	background: #f6f6de;
}



/* COMMENT FOLLOWING BLOCK OUT IF SECONDARY NAV IS ADDED */

#underNav #tabExtension {
	width:0px;
	margin-left:0px;
}



/* ---------- DHTML DROPDOWN NAVIGATION --- */	

#mainnav ul li#Home a {	width: 36px;  }
#mainnav ul li#League {	width: 250px;}
#mainnav ul li#Managing {	width: 150px;  }
#mainnav ul li#Legis {	width: 162px;	 }
#mainnav ul li#Risk {  width: 112px; }
#mainnav ul li#Training {  width: 132px;   }

#mainnav ul ul {
	display:none;
	position:relative;
	margin:0;
	padding:0;
}

#mainnav ul li:hover ul, #mainnav ul a:hover ul, #mainnav ul li.sfhover ul {
	display:block;
}

#mainnav ul li ul li {
	margin:0;
	list-style: none;
	display:block;
	width: 100%;
	height:auto;
}

#mainnav ul li ul li.first {
	border-top: none;
}

#mainnav ul li ul li.last a {
	border-bottom: 1px solid #7e0029;
}	

	* html #mainnav ul ul li {
	border: none;
	border-bottom: 1px #7e0029 solid;
	}

 #mainnav ul ul li a, #mainnav ul ul li a:visited {
	background: #cfcabe;
	border: 1px solid #7e0029;
	border-top: #86805f;
	border-bottom: none;
	color:#7e0029;
	padding: 4px;
	padding-left: 6px;
	margin:0;
	font-size: 11px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

 #mainnav ul li#League ul li a, #mainnav ul li#League ul li a:visited {
	width: 186px;
}

 #mainnav ul li#Managing ul li a, #mainnav ul li#Managing ul li a:visited {
	width: 138px;
}


		* html #mainnav ul ul li a:link, * html #mainnav ul ul li a:visited {
			margin: -1px 0px -1px -5px;
			padding: 8px 0px 8px 6px;
		}
		
		* html #mainnav ul ul li a:hover {
			margin: -1px 0px -1px -5px;
			padding: 8px 0px 8px 6px;			
			background-color: #FFFFFF;	
		}
		

#mainnav ul ul li a:hover {
	color: #000000;
	background: #dddbd7;
}


/* Secondary Navigation Elements */
#wrapper #secondary {
	width:1005px;
	height:27px;
	margin:0;
	padding:0;
	clear:both;
	background-color:#f6f6de;
	color:#210B69;
}

#secondary ul {
	width:930px;
	list-style-type:none;
	float:left;
	margin-left:24px;
}

#secondary ul li {
	float:left;
	margin:0;
	padding:1.2em;
	padding-top:5px;
	padding-bottom:5px;
	background:url(../images/nav_divider.gif) left center no-repeat;
	font-size:11px;
	font-weight:bold;
}

#secondary ul li.first {
	background:none;
	padding-left:0;
}

#secondary ul li a:link, #secondary ul li a:visited, #secondary ul li a:hover {
	color:#255676;
}

#secondary ul li.current a, #secondary ul li.current a:visited, #secondary ul li.current a:hover {
	color:#000000;
	cursor:text;
	text-decoration: none;
}

#secondary ul li a.active:link, #secondary ul li a.active:visited, #secondary ul li a.active:hover {
	padding-bottom: 10px;
	background:url(../images/secondary-nav-active-arrow.gif) 45% 15px no-repeat;
}

/* Main Body Elements */

#wrapper #bodycontent {
	width:1005px;
	margin:0;
	padding:0;
	border-top: 1px solid #d2ceb3;
	/*background: #FFFFFF url(../images/bodycontent_3col_bg.gif) left top repeat-y*/;
}

#bodycontent #container {
	width:785px;
	margin:0;
	padding:0;
	float:left;
	
}

/* Left Column Elements */

#container #left {
	width:195px;
	margin:0;
	padding:16px;
	float:left;
	background: #FFFFFF url(../images/left-sidebar-background.jpg) left top repeat-x;
}

*html #container #left {
	height: 500px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 15px;

	}

/*

#left h1 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#left p {
	font-size:12px;
	margin-bottom:8px;
}
*/

#left ul {
	list-style-type:none;
	float:left;
	margin-left:2px;
	min-height:500px;
}

#left ul li {
	width: 187px;
	float:left;
	clear:both;
	margin:0;
	padding:4px;
	padding-bottom: 9px;
}

*html #left ul li {
	width: 200px;
	}
	
	
#left ul li.current {
	width: 202px;
	margin-left: -5px;
	padding-left: 9px;
	background: #FFFFFF url(../images/white.gif) left top repeat-x;
}

*html #left ul li.current {
	width: 199px;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 4px;
	margin-right: 0px
	}

#left ul li.first {
	background:none;
	padding-left:0;
}

#left ul li a:link, #left ul li a:visited, #left ul li a:hover {
	color:#255676;
	font-weight:bold;
	font-size:11px;
	margin:0;
}

#left ul li.current a:link, #left ul li.current a:visited, #left ul li.current a:hover {
	color: #000000;
	cursor: text;
	text-decoration:none;
}

#left ul h1 {
	font-size: 12px;
	font-weight: bold;
	background:url(../images/line-dotted-short-transparent.gif) 1px bottom no-repeat;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-bottom: 6px;
	padding-left: 1px;
	text-transform:uppercase;
	}
	
#home #container #left {
	width:175px;
	background: #FFFFFF;
}

*html #home #container #left {
	width:125px;
	
}

#home #left div.contentBox {
	margin-bottom: 10px;
}



#home #left div.contentBox p {
	color: #000000;
	font-size: 11px; 
	font-weight: normal;
	line-height:16px;
	margin-bottom: 5px;
}

#home #left div.contentBox div.theBox p img {
	float:left;
	margin-left: -6px;
	padding-bottom: 5px;
	padding-right: 5px;
}

* html #home #left div.contentBox div.theBox p img {
	padding-bottom: 5px;
	}

*:first-child+html #home #left div.contentBox div.theBox p img {
	padding-bottom: 5px;
	}

#home #left div.contentBox h1 {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	padding: 4px 5px 4px 10px;
	text-align: left;
	color: #000000;
	font-size: 12px; 
	font-weight: bold;
	text-transform:uppercase;
	border: 1px solid #dddac6;
	border-bottom: none;
	background:url(../images/background-beige-gradient.jpg) left top repeat-x;
}

#home #left div.contentBox div.theBox h2 {
	color: #45422f;
	font-size: 11px; 
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

#home #left div.contentBox div.theBox {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	padding: 4px 5px 4px 10px;
	text-align: left;
	color: #000000;
	font-size: 11px; 
	font-weight: normal;
	border: 1px solid #dddac6;
	background: #FFFFFF;
}

#home #left div.contentBox div.theBox.brown {
	background:url(../images/background-beige-gradient.jpg) left top repeat-x;
}


/* Center Column Elements */

#container #center {
	width:532px;
	margin:0;
	padding:10px;
	padding-left: 16px;
	float:right;
	border-top:none;
	/*background: #FFFFFF url(../images/centerheader2_bg.gif) left top repeat-x;*/
}

*html #container #center {
	padding-right: 5px;
	padding-left: 0px;
	width: 520px;

	}
	
#twocol #container #center {
	width:753px;
}

#home #container #center {
	width: 550px;
}

*html #home #container #center {
	margin: 0px;
	padding: 0;
	margin-top: 18px;
	padding-right: 4px;
	width: 453px;
}


#center h1.pageTitle {
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding-bottom: 10px;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#center h1.pageTitle2 {
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

#center h1.dotted {
	background: url(../images/line-dotted.gif) left bottom no-repeat;
	}

#center h2 {
	font-size:11px;
	font-weight:bold;
	color:#000000;
	clear:both;
	padding-bottom:6px;
}

#center h3 {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	clear:both;
	padding-bottom:6px;
	margin-bottom: 7px;
	margin-left: 10px;	
	margin-right: 5px;
	border-bottom: 1px solid #807a6f;
}


#center ul {
	margin-left: 26px;
	margin-right: 5px;
}

#center p, #center ul li {
	list-style-type: disc;
	font-size:12px;
	line-height: 15px;
	padding-bottom: 20px;	
}

#center #contentBox {
	border: 1px solid #81adb5;
	width: 97%;
}

#center #contentBox.borderless {
	border: none;
}

#center #contentBox p {
	margin-left: 10px;	
	margin-right: 5px;
}



#center #contentBox.narrow {
	border: 1px solid #81adb5;
	width: 32%;
	margin-right: 2px;
	margin-top: 10px;
}

#center #contentBox a {
	font-weight: bold;
}

#center #contentBox h1 {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;	
	margin-bottom:3px;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#81adb5;
}

#center #contentBox h1.spacer {
	height: 11px;
	padding:0;
	margin-bottom:3px;
	background-color:#81adb5;
}

#center #hubbanner {
	margin-left: -16px;
	background:#FFFFFF;
	width: 780px;
}


/* Right Sidebar Elements */



#bodycontent #right {
	width:219px;
	height: 600px;
	margin:0;
	margin-left:1px;
	padding:0;
	float:right;
	background: url(../images/right-sidebar-background.jpg) left top repeat-x;
	/*border-left: #d3cfb4 1px solid;*/
}



#right div.contentBox {
	width: 166px;
	font-size:11px;
	line-height: 16px;
	margin: 14px;	
	padding:8px;
	margin-bottom: 0px;margin-top: 0px;
}

*html #right div.contentBox {
	margin: 4px;	
	padding:2px;
}


#right div.contentBox h1 {
	font-size:11px;
	font-weight:bold;
	color:#000000;	
	margin-bottom:3px;
	margin-top: 10px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(../images/line-dotted-short-transparent.gif) left bottom no-repeat;
	text-transform:uppercase;
}

#right div.contentBox h2 {
	font-size:11px;
	font-weight:bold;
	color:#000000;	
	margin-bottom:3px;
}

#right a {
	color: #1e77b3;
}

#right div.contentBox.white {
	background: #FFFFFF;
	margin-top: 14px;
	margin-bottom: 0px;
	border: 1px solid #dddac6;
	}
	
*html #right div.contentBox.white {
	padding-left: 6px;
	}	


/* Clearer div */

#wrapper .clearer {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	height:0;
}

/* Footer Elements */

#footer {
	width:993px;
	margin-top:0px;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:10px;
	background: #fdfdf8;
	border: 1px solid #ededeb;
}

#footer p {
	font-size: 10px;
	color:#484843;
}

#footer ul li {
	list-style-type:none;
	float:left;
	padding:6px;
	padding-top:0;
	padding-bottom:0;
	background:url(../images/nav_divider.gif) no-repeat left center;
}

#footer ul li.first {
	padding-left:0;
	background:none;
}

/* Home-Products */

#homeProducts {
	background: url(../images/bubble-wide.jpg) left top no-repeat;
	width:544px;
	height: 253px;
	margin-left: 0px;
	padding-bottom: 20px;
	}

#homeProducts.eco {
	background: url(../images/bubble-wide-green.jpg) left top no-repeat;
	}

#homeProducts ul {
	width:544px;
	height: 220px;
	margin-left: 7px;
	list-style-type:none;
	float:left;
	}



#homeProducts h1 {
	width: 520px;
	margin-left: 12px;
	font-size: 12px;
	font-weight:bold;
	padding:0px;
	line-height:15px;
	font-variant:normal;
	padding-bottom: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 12px;
	margin-left: 12px;
	text-transform: uppercase;
	background:url(../images/line-dotted-long-transparent.gif) left bottom repeat-x;
}

#homeProducts h1 a {
	position: absolute;
	margin-left: 356px;
	padding-left: 16px;
	margin-top: -2px;
	text-transform:none;
	font-weight: normal;
	font-size: 11px;
	color: #0f6fb0;
}

*:first-child+html #homeProducts h1 a {
	margin-top: 0px;
	}	

#homeProducts ul li {
	list-style-type:none;
	width: 173px;
	float:left;
	font-size:12px;
	margin-right:8px;
	font-size:12px;

}


#homeProducts ul li p {
	font-size: 9px;
	line-height: 11px;
	margin-top: 0px;
	padding: 0px;
	padding-left: 6px;
	}
	
#homeProducts ul li p img {
	border: 1px solid #cdcdcd;
	}
	
#homeProducts ul li p.homeLink {
	position: absolute;
	margin-top: 198px;
	margin-left: 0px;
	}
	
#homeProducts ul li p a {
	color: #0f6fb0;
	text-decoration:none;
	font-size: 10px;
	}

#homeProducts ul li p a:hover {
	text-decoration:underline;
	}




/* Eco-Products */


#ecoProducts ul {
	width:100%;
	margin-left: 0px;
	list-style-type:none;
	float:left;
	padding-bottom: 20px;
}

#ecoProducts ul li {
	list-style-type:none;
	height: 232px;
	width: 163px;
	float:left;
	font-size:12px;
	margin-right:8px;
	font-size:12px;
	background: url(../images/bubble-green-large.jpg) left top no-repeat;
}

#ecoProducts ul li h1 {
	font-size: 12px;
	font-weight:bold;
	padding:0px;
	line-height:11px;
	font-variant:normal;
	padding-top: 4px;
	padding-bottom: 8px;
	margin-bottom: 6px;
	padding-left: 6px;
	text-transform: uppercase;
	height: 22px;
	background: url(../images/line-dotted-short-transparent.gif) 2px bottom no-repeat;
}

#ecoProducts ul li p {
	font-size: 9px;
	line-height: 11px;
	margin-top: 0px;
	padding: 0px;
	padding-left: 6px;
	}
	
#ecoProducts ul li p img {
	border: 1px solid #cdcdcd;
	}
	
#ecoProducts ul li p.ecoLink {
	position: absolute;
	margin-top: 226px;
	margin-left: 30px;
	}
	
#ecoProducts ul li p.ecoLink a {
	color: #0f6fb0;
	text-decoration:none;
	font-size: 10px;
	}

#ecoProducts ul li p.ecoLink a {
	text-decoration:underline;
	}


/* Promo-Products */


#promoProducts ul {
	width:100%;
	margin-left: 0px;
	list-style-type:none;
	float:left;
	padding-bottom: 20px;
}

#promoProducts ul li {
	list-style-type:none;
	height: 232px;
	width: 163px;
	float:left;
	font-size:12px;
	margin-right:8px;
	font-size:12px;
	background: url(../images/bubble-gray.jpg) left top no-repeat;
}

#promoProducts ul li p {
	font-size: 9px;
	line-height: 11px;
	margin-top: 0px;
	padding: 0px;
	padding-left: 6px;
	}

#promoProducts ul li p img {
	margin-top: 7px;
	margin-bottom: 3px;
	border: 1px solid #cdcdcd;
	}

#promoProducts ul li p.promoLink {
	position: absolute;
	margin-top: 197px;
	margin-left: 24px;
	}
	
#promoProducts ul li p.promoLink a {
	color: #0f6fb0;
	text-decoration:none;
	font-size: 10px;
	}

#promoProducts ul li p.promoLink a {
	text-decoration:none;
	}

#promoProducts ul li p.promoLink a:hover {
	text-decoration:underline;
	}

#promoProducts ul li.greenPromoProducts {
	background: url(../images/bubble-green.jpg) left top no-repeat;
	}


/* Product Bubbles */




#wrapper #productBubbles ul {
	width:100%;
	margin-left: 0px;
	list-style-type:none;
	float:left;
	padding-bottom: 20px;
}

#wrapper #productBubbles ul li {
	list-style-type:none;
	height: 198px;
	width: 163px;
	float:left;
	font-size:12px;
	margin-right:8px;
	font-size:12px;
}

*html #wrapper #productBubbles ul li {
	margin-right:6px;
	margin-top:0px;
}


#wrapper #productBubbles ul li.current {
	background:url(../images/right-tab-round_active.gif) no-repeat top right;
}


/*#wrapper #productBubbles ul li:hover, #wrapper #productBubbles ul li.sfhover {
	background:url(../images/bubble-right-hover.jpg) no-repeat top right;
}


}


#wrapper #productBubbles ul li.last {
	background:url(../images/right-tab-round.gif) no-repeat bottom right;
}

#wrapper #productBubbles ul li.last:hover, #wrapper #productBubbles ul li.sfhover.last {
	background:url(../images/right-tab-round-hover.gif) no-repeat bottom right;
}*/


/*1-8#wrapper #productBubbles ul li a {
	margin:0;
	height: 210px;

	margin-top: 0px;
	padding:0;
	list-style-type:none;
	float:left;
	padding:6px;
	padding-top:4px;
	padding-bottom:4px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size: 9px;
	line-height: 11px;
	background: url(../images/bubble-gray.jpg) no-repeat top right;
}*/

#wrapper #productBubbles ul li a h2 {
	font-size: 9px;
	font-weight:bold;
	padding:0px;
	line-height:11px;
	font-variant:normal;
	padding-top: 3px;
	padding-bottom: 1px;
}

*html #wrapper #productBubbles ul li a h2 {
	padding-top:0px;
	margin-top: 0px;
	}

*:first-child+html #wrapper #productBubbles ul li a h2 {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
}

#wrapper #productBubbles ul li a h1 {
	font-size: 12px;
	font-weight:bold;
	padding:0px;
	line-height:11px;
	font-variant:normal;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-bottom: 6px;
	padding-left: 3px;
	text-transform: uppercase;
	background:url(../images/line-dotted-short-transparent.gif) 2px bottom no-repeat;
}

#wrapper #productBubbles ul li a img {
	border: 1px solid #7b888b;
	width: 100%;
	}

#wrapper #productBubbles ul li.last a {
	padding-left:10px;
	background:url(../images/left-tab-round.gif) left top no-repeat;
}

#wrapper #productBubbles ul li a:hover, #wrapper #productBubbles ul li a:hover {
	text-decoration:none;
	background:url(../images/bubble-gray-hover.jpg) left bottom no-repeat;
}

*html #wrapper #productBubbles ul li a:hover, #wrapper #productBubbles ul li a:hover {
	text-decoration:none;
	background:url(../images/bubble-gray-hover.jpg) left bottom no-repeat;
}

*html #home #wrapper #productBubbles ul li a:hover, #home #wrapper #productBubbles ul li a:hover {
	text-decoration:none;
	background:none;
}




#wrapper #productBubbles ul li a #imageFilter {
	width: 152px;
	height: 150px;
	margin-top: 1px;
	margin-left: 1px;
	background: url(../images/imgFilter.png) left top;
	position:absolute;
	z-index:99;
	visibility:hidden;
	cursor:pointer;
}



#wrapper #productBubbles ul li a:hover #imageFilter {
	visibility: visible;
}



*html #wrapper #productBubbles ul li a:hover #imageFilter {
	visibility: hidden;
	}

/* GREEN BUBBLE */

/*
1-28 TEJ

#wrapper #productBubbles ul li.green a:hover, #wrapper #productBubbles ul li.green a:hover {
	background:url(../images/bubble-green-hover.jpg) left bottom no-repeat;
}

*html #wrapper #productBubbles ul li.green a:hover, *html #wrapper #productBubbles ul li.green a:hover {
	background:url(../images/bubble-green-hover.jpg) left top no-repeat;
}
*/

/* LARGE GREEN BUBBLE */

/*1-28#wrapper #productBubbles ul li.large a {
	height: 243px;
	width: 151px;
}
*/
#wrapper #productBubbles ul li.large {
	height: 231px;
	cursor: pointer;
}


#wrapper #productBubbles ul li.large a:hover #imageFilter {
	width: 151px;
	height: 150px;
	margin-top: 43px;
	margin-left: 1px;
	background:url(../images/imgFilter.png);
	position:absolute;
	z-index:99;
}

*:first-child+html #wrapper #productBubbles ul li.large a:hover #imageFilter {
	margin-top: 43px;
	cursor: pointer;
}

#wrapper #productBubbles ul h1 {
	font-size: 12px;
	width: 150px;
	font-weight:bold;
	padding:0px;
	line-height:15px;
	font-variant:normal;
	padding-bottom: 12px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 12px;
	text-transform: uppercase;
	background:url(../images/line-dotted-long-transparent.gif) left bottom repeat-x;
}

#wrapper #productBubbles ul li.large h1 {
	height: 22px;
	margin-left: 0px;
	padding-top: 6px;
}

/*
1-28 TEJ
#wrapper #productBubbles ul li.large.green a:hover, #wrapper #productBubbles ul li.large.green a:hover {
	background:url(../images/bubble-green-large-hover.jpg) left bottom no-repeat;
}

*html #wrapper #productBubbles ul li.large a:hover, *html #wrapper #productBubbles ul li.large a:hover {
	background:url(../images/bubble-green-large.jpg) left bottom no-repeat;
}
*/
#wrapper #productBubbles ul li.large a {
	background: url(../images/bubble-green-large.jpg) left top no-repeat;
}

/*
1-28 TEJ#wrapper #productBubbles ul li.large:hover, #wrapper #productBubbles ul li.large.sfhover {
	background:url(../images/bubble-green-large-hover.jpg) no-repeat top right;
}

*html #wrapper #productBubbles ul li.large.green:hover, *html #wrapper #productBubbles ul li.large.green.sfhover {
	background:url(../images/bubble-right-green-large.jpg) no-repeat top right;
}
*/
#wrapper #productBubbles ul li.large {
	background: url(../images/bubble-right-green-large.jpg) no-repeat top right;
}

#wrapper #productBubbles ul li.large a #thelink {
	margin-top: 223px;
	margin-left: 27px;
}

#wrapper #productBubbles ul li.nobackground {
	background: none;
}

#wrapper #productBubbles ul li.nobackground a {
	background: none;
}	

/* HOME (WIDE) BUBBLE */

#wrapper #productBubbles ul.wide h1 {
	width: 520px;
	margin-left: 12px;
}

#wrapper #productBubbles ul.wide h1 a {
	position: absolute;
	margin-left: 370px;
	margin-top: -2px;
	text-transform:none;
	font-weight: normal;
	font-size: 11px;
	color: #0f6fb0;
}

*:first-child+html #wrapper #productBubbles ul.wide h1 a {
	margin-top: 0px;
	}
	
#wrapper #productBubbles ul.wide h1 a.eco {
	margin-left: 398px;
}

#wrapper #productBubbles ul li.home {
	width: 176px;
}



#wrapper #productBubbles ul li.home a {
	width: 166px;
}

#wrapper #productBubbles ul li.home, #wrapper #productBubbles ul li.home:hover, #wrapper #productBubbles ul li.home.sfhover, #wrapper #productBubbles ul.wide li {
	background:none;
}



#home #wrapper #productBubbles ul li a img {
	margin-left: -3px;
}




#wrapper #productBubbles ul.wide {
	width:603px;
	height: 253px;
	margin-left: 0px;
	list-style-type:none;
	float:left;
	padding-bottom: 20px;
	background: url(../images/bubble-wide.jpg) left top no-repeat;
}

#wrapper #productBubbles ul.wide.green {
	background: url(../images/bubble-wide-green.jpg) left top no-repeat;
}



#home #wrapper #productBubbles ul li a #thelink, #home #wrapper #productBubbles ul li a:hover #thelink {
	height: 24px; 
	background: url(../images/play-button-transparent.gif) no-repeat left 0px;
	margin-left: 3px;
	padding-top: 3px;
	padding-left: 20px;
	margin-top: 184px;
	margin-left: 0px;
}

#home #wrapper #productBubbles ul li a, #home #wrapper #productBubbles ul li a:hover {
	width: 151px;
	padding:11px;
	padding-left: 11px;
	padding-top:4px;
	padding-bottom:4px;
}


#home #wrapper #productBubbles ul li a #imageFilter {
	margin-top: 1px;
	margin-left: -2px;
}


/* FEATURE AREA */

#wrapper #center div.feature {
	width: 510px;
	margin-top: 10px;
	margin-bottom: 20px; 
}

#wrapper #center div.feature #description {
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	padding-top: 30px;
}


#wrapper #center div.feature #description.nolink {
	padding-top: 0px;
}


#wrapper #center div.feature #featurePhoto {
	width: 150px;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 16px;
	margin-bottom: 10px;
	float:left;
}

*html #wrapper #center div.feature #featurePhoto {
	width: 130px;
	margin-right: 3px;
}

#wrapper #center div.feature #featurePhoto a {
	width: 150px;
	height: 170px;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 16px;
	margin-bottom: 10px;
	float:left;
	background: url(../images/play-button.gif) no-repeat left 150px;
}

*html #wrapper #center div.feature #featurePhoto a {
	width: 130px;
	margin-right: 3px;
}


#wrapper #center div.feature #featurePhoto a.nobackground {
	background:none;
	height: 130px;
	}

#wrapper #center div.feature #featurePhoto a #thelink {
	color: #0f6fb0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	position: absolute;
	margin-top: 154px;
	margin-left: 20px;
	cursor:pointer;
}

#wrapper #center div.feature #featurePhoto a:hover #thelink {
	text-decoration:underline;
}



#wrapper #center div.feature #featurePhoto a #productTitle {
	color: #0f6fb0;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	position: absolute;
	margin-top: 4px;
	margin-left: 164px;
	cursor:pointer;
}

*html #wrapper #center div.feature #featurePhoto a #productTitle {
	width: 400px;
}



#wrapper #center div.feature #featurePhoto.large {
	width: 180px;
}


#wrapper #featurePhoto img {
border: 1px solid #e2dfce;
}


#wrapper #featurePhoto a:hover #imageFilter {
	width: 150px;
	height: 150px;
	margin-top: 1px;
	margin-left: 1px;
	background:url(../images/imgFilter.png);
	position:absolute;
	z-index:99;
}

#wrapper #featurePhoto.large a:hover #imageFilter {
	width: 180px;
	height: 180px;
	background:url(../images/imgFilter-large.png);
}


/* RIGHT FEATURE AREA */

#wrapper #right div.feature {
	width: 180px;
	margin-top: 10px;
	margin-bottom: 20px; 
}

#wrapper #right div.feature #description {
	color: #000000;
	width: 172px;
	font-size: 11px;
	line-height: 13px;
	padding-top: 3px;
	position: absolute;
	margin-left: 3px;
	margin-top: 150px;
	cursor: pointer;
}


#wrapper #right div.feature #description.nolink {
	padding-top: 0px;
}


#wrapper #right div.feature #featurePhoto {
	width: 150px;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 16px;
	margin-bottom: 10px;
	float:left;
	cursor: pointer;
}

#wrapper #right div.feature #featurePhoto a {
	width: 150px;
	height: 214px;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 16px;
	margin-bottom: 0px;
	float:left;
	text-decoration:none;
	background: url(../images/play-button.gif) no-repeat left 196px;
}

#wrapper #right div.feature #featurePhoto a #thelink, #wrapper #right div.feature #featurePhoto a:hover #thelink {
	color: #0f6fb0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	position: absolute;
	margin-top: 198px;
	margin-left: 22px;
	cursor: pointer;
}


#wrapper #right div.feature #featurePhoto a #productTitle {
	color: #0f6fb0;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	position: absolute;
	margin-top: 4px;
	margin-left: 164px;
}

*html #wrapper #right div.feature #featurePhoto a #productTitle {
	width: 200px;
}


#wrapper #right div.feature #featurePhoto a:hover #productTitle,#wrapper #right div.feature #featurePhoto a:hover #thelink {
	text-decoration:underline;
}

#wrapper #right div.feature #featurePhoto.large {
	width: 180px;
}


#wrapper #featurePhoto img {
border: 1px solid #e2dfce;
}


#wrapper #featurePhoto a:hover #imageFilter {
	width: 150px;
	height: 150px;
	margin-top: 1px;
	margin-left: 1px;
	background:url(../images/imgFilter.png);
	position:absolute;
	z-index:99;
	cursor: pointer;
}

#wrapper #featurePhoto.large a:hover #imageFilter {
	width: 180px;
	height: 180px;
	background:url(../images/imgFilter-large.png);
}

/* CENTER PROMO */



#wrapper #center div.centerPromo {
	text-align: center;
	width: 100%;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 20px; 
	background:url(../images/center-promo-gradient.jpg) repeat-x;
	border: 1px solid #213144;
	padding-top: 8px; 
	padding-bottom: 8px;
	font-size: 12px; 
	line-height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper #center div.centerPromo a {
	color: #ffc600;
	font-style: italic;
}


/* BASIC ADJUSTABLE-WIDTH BUTTON */

#button ul {
	list-style-type:none;
}

#button ul li {
	height: 26px;
	list-style-type:none;
	float:left;
	margin-left: 6px;
	margin-right:0px;
	padding-bottom: 4px;
	background: #FFFFFF url(../images/button-right.gif) no-repeat right 6px;
	font-size:11px;
	display:block;
	cursor: pointer;
}

*html #button ul li {
	margin-left: 0px;
}

#button ul li:hover, #button ul li.sfhover {
	background:url(../images/button-right-hover.gif) no-repeat right 6px;
}

*html #button ul li:hover, #button ul li.sfhover {
	background:#FFFFFF url(../images/button-right.gif) no-repeat right 6px;
}


#button ul li a {
	margin:0;
	height: 25px;
	margin-top: 5px;
	margin-left: -5px;
	padding:0;
	list-style-type:none;
	float:left;
	display:block;
	padding:22px;
	padding-top:5px;
	padding-bottom:4px;
	color:#255676;
	font-weight:bold;
	background: url(../images/button-left.gif) left 1px no-repeat;
	text-decoration:none;
}

*html #button ul li a {
	margin-left: 0px;
	background: url(../images/button-left.gif) left 1px no-repeat;
}


#button ul li a:hover {
	background:url(../images/button-left-hover.gif) left 1px no-repeat;
	text-decoration:underline;
}


*html #button ul li a:hover {
	background:url(../images/button-left.gif) left 1px no-repeat;
}

.control_bar {
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: left;
        width: 400px;
}

#control {
        text-align: left;
        font-family: verdana;
        font-size: 8pt;
}

#control a b {
	color: red;
}

#container #center div.article ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	}

#container #center div.article ul li {
	margin-bottom: -17px;
	padding-top: 0px;
	}
	

div#thelink{
	color: #0f6fb0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	margin-top: 193px;
	margin-left: 22px;
	cursor: pointer;
	text-decoration:underline;
}

div#thelink:hover {
	text-decoration:underline;
}

a.productTitle {
	color: #0f6fb0;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
	}