/* Global objects */

body, td
{
/*	background-image:		url(../images/bg.png);
	background-repeat:		repeat;
*/
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
}
#backgroundbody-topleft {
	background-color:		#8891AA;
	background-image: url(../common/images/topLeftBackground.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
#backgroundbody-topleft-border {
	background-color:		#8891AA;
	background-image: url(../common/images/topLeftBorder.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#backgroundbody-left
{
	background-color:		#8891AA;
	background-image: url(../common/images/leftBackground.png);
	background-repeat: repeat;
}
#backgroundbody-left-border {
	background-color:		#8891AA;
	background-image: url(../common/images/leftBorder.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
#backgroundbody-top-border {
	background-color:		#8891AA;
	background-image: url(../common/images/topContentBorder.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#backgroundbody-right-border {
	background-color:		#8891AA;
	background-image: url(../common/images/rightBorder.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
#backgroundbody-right
{
	background-color:		#8891AA;
	background-image: url(../common/images/rightBackground.png);
	background-repeat: repeat;
}
#backgroundbody-topright-border {
	background-color:		#8891AA;
	background-image: url(../common/images/topRightBorder.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#backgroundbody-topright {
	background-color:		#8891AA;
	background-image: url(../common/images/topRightBackground.png);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

#productNavigation
{
/*	border:					1px solid #000000;
	background-image:		url(../images/prod-nav-bg.png);
	background-repeat:		repeat;
	background-position: 0px 0px;
*/	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-left: 20px;
	vertical-align: top;
}

#productContent
{
	margin-top: 21px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	vertical-align: top;
	clear: none;
	float: left;
}

.productNavigationTitle
{
	background-image:		url(../images/nav.png);
	background-repeat:		repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.quote
{
	color:					black;
	font-style:				italic;
/*	
	font-weight:			bold;
*/
}

.quoteByline
{
	color:					#silver;/*#5C7FB5;*/
/*
	font-style:				italic;
*/
}

.quoteProduct
{
	color:					silver;
}

.framedBox
{
/*	background-image:		url(../images/newsframe-bg.png);
	background-repeat:		repeat;
*/	background-color:		white;
	color:					black;
	margin:					0px;
	padding:				0px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
/*	display:				inline-block;
*/
}

.quotationBox
{
	color:					black;
	margin:					0px;
	padding:				0px;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	height:					360px;
}

	
a
{
	color:					#5C7FB5;
	text-decoration:		none;
}
a:hover, a:active
{
	color:					blue;
	text-decoration:		none;
}

.date {
	color:					#CCCCCC;
	font-size:				9px;
	font-weight:			bold;
	font-variant:			normal;
	margin:					0px;
}

.news
{
	color:					#000000;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
}

.newsBox
{
	padding-bottom:			30px;
}

.newsImage
{
	padding-right:			30px;
}
.newsText
{
}

a.news 
{
	color:					#000000;
}

.leftBox
{
	padding-right:			30px;
}
.rightBox
{
	margin-left:			30px;
}
#boxBG {
	background-image: url(../common/images/boxBG.png);
	height: 100%;
	width: 100%;
}
#box {
	background-image: url(../common/images/boxBG.png);
	position: relative;
	left: 5px;
	top: -5px;
	right: 5px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px groove #CCCCCC;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.boxTitle
{
	margin-bottom:			11px;
	color:					#3375b3;
	font-weight:			bold;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 4px;/*	border-right-color: #5C7FB5;
	border-bottom-color: #5C7FB5;
	border-left-color: #5C7FB5;
*/
}

.nav
{
	font-weight:			bold;
	height:					30px;
	border: 1px solid #666666;
	background-color: #3375B2;
}
.menu {
	font-weight: bold;
	color: #FFFFFF;
}
.navigatoranchor
{
	color:					white;
	text-decoration:		none;
}
.navigatoranchor:hover, .navigatoranchor:active
{
	color:					silver;
	text-decoration:		none;
}

.navleft
{
	background-image:		url(../images/nav-left.png);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.navright
{
	background-image:		url(../images/nav-right.png);
	background-repeat:		no-repeat;
	background-position:	0px 0px;
}


.addressField
{
	background-image:		url(../images/laidback-disc.png);
	background-repeat:		no-repeat;
	width:					280px;
	padding-top:			100px;
	padding-left:			30px;
}



caption {
	font-style:	italic;
	text-align: left;
}
.imageCaption {
	font-style:	italic;
	text-align: left;
}
	
hr {
	height:1px;
	color: #000000;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 1pt;
	border-bottom-width: 0pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*border: none;*/
	border-top-color: #222222;
/*	border-right-color: #5C7FB5;
	border-bottom-color: #5C7FB5;
	border-left-color: #5C7FB5;
*/
}
	
/* ID Styles */


#navigation {
	font-size: 11px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}


#navigation a {
	color: #333333;
	text-decoration: none;
	}

#navigation .level1, .level2, .level2arrow, .level3 {
	font-size: 11px;
	font-variant: normal;
	display: block;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 1pt;
	border-bottom-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}
#navigation .level1:hover, .level2:hover, .level2arrow:hover, .level3:hover {
	border-right-width: 0px;
	border-left-width: 0px;
	background-color: #C0C0C0;
	border-top-width: 1pt;
	border-bottom-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5C7FB5;
	border-right-color: #5C7FB5;
	border-bottom-color: #5C7FB5;
	border-left-color: #5C7FB5;
	}

#navigation .level2c, .level2e {
	background-image:		url(../_images/collapsed.gif);
	background-repeat:		no-repeat;
	background-position:	0px 1px;
	width: 12px;
	cursor: pointer;
	display: inline-block;
}
#navigation .level2e {
	background-image:		url(../_images/expanded.gif);
}


#navigation .level1 {
	font-weight:bold;
	padding-left: 2px;
}

#navigation .level2 {
	padding-left: 23px;
	}
#navigation .level2arrow {
	padding-left: 8px;
	}

#navigation .level3 {
	padding-left: 40px;
	}
	
	
#navigation hr {
	color: #666666;
	padding:2px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0pt;
	border-bottom-width: 1pt;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	}

#macroRow td {
	border: 1pt dotted #000066;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	}

#tagline {
	margin-top:10px;
	padding-top:10px;
	color: #dddddd;
	line-height:18px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
#dateformat a {
	color:#99CCFF;
	color: #99CCFF;
	letter-spacing:0.2em;
	text-decoration:none;
	font-weight:bold;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
#dateformat a:hover {
	color: #ffffff;
	background-color: #CCCCCC;
	}

.exampleText {
	color:#111111;
	font-style: italic;
	font-weight: bold;
	}

.exampleBlockText {
	color:#333333;
	line-height:normal;
	letter-spacing:0.1em;
	font-family: arial;
	font-size: 11px;
	text-align: left;
	font-style: italic;
	background-color: #CCCCCC;
	border: 1px solid #666666;
	margin: 5px;
	clear: both;
	width: 300px;
	padding: 5px;
	}
			
.pageName{
	font:22px arial;
	color: #000066;
	line-height:20px;
	letter-spacing:0.1em;
	font-weight: bold;
	}

H1 {
	color:					#3375b3;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				20px;
	font-weight:			bold;
	font-variant:			normal;
	padding-top:			5px;
	padding-bottom:			5px;
}

H2 {
	color: #3375b3;
	font-weight:bold;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 3px;
	margin-top: 10px;
	}	

H3 {
	color: #3375b3;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 10px;
	margin-top: 5px;
	}	

#newsHeader
{
	padding-bottom: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}


.sub2Header {
	font:12px arial;
	color: #000066;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom:2px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:12px;
	}	
	
.sidebarHeader {
	font:14px arial;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:16px;
	}	

.titleRow {
	margin-top: 15px;
	padding-top: 15px;
}

.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	font:10px arial;
	color:#99CCFF;
	}
	

	
.exampleBlockText2 {
	color:#FFFFFF;
	line-height:normal;
	letter-spacing:0.1em;
	font-family: arial;
	font-size: 11px;
	text-align: left;
	font-style: italic;
	background-color: #999999;
	border: 1px solid #666666;
	margin: 0px;
	clear: both;
	width: 98%;
	padding: 1px;
}
.warning, .info, .example {
	color:#333333;
	/* line-height:normal;*/
	font-family: Arial;
	font-size: 11px;
	text-align: left;
	font-style: normal;
	background-color: silver;
	border: 1px outset gray;
	clear: both;
	width: 320px;
	background-attachment:	inherit;
	background-image:		url(../_images/warning.png);
	background-repeat:		no-repeat;
	background-position:	7px 7px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 90px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	height: auto;
}
.info {
	background-image: url(../_images/info.png);
}
.example {
	background-image: url(../_images/example.png);
}

#mainTable {
	margin-left: 30px;
	padding: 0px;
	margin-right: 30px;
}
a:active {
	color: #FFCC00;
	text-decoration:none;
}
.version {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#contentTable {
	margin:0px;
	width: 520px;
}
.caption {
	color:#000000;
	margin-top:0px;
	font-family: arial;
	font-size: 10px;
	font-weight:bold;
	padding-top: 21px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.collapsed
{
    display: none;
}
.expanded
{
    display: block;
}




/**********************
	IMAGE SLIDING
***********************/

.imageslide-wrapper div 
{
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}

.imageslide 
{
/*    cursor: url(imageslide/graphics/zoomin.cur), pointer;*/
 	color:					white;
	outline: none;
    text-decoration: none;
}
.imageslide:hover
{
	color:					silver;
}

.imageslide-active-anchor img 
{
	visibility: hidden;
}
.imageslide img 
{
	border: 2px solid white;
}
.imageslide:hover img 
{
	border: 2px solid gray;
}

.imageslide-wrapper 
{
	background: white;
}
.imageslide-image 
{
	border: 2px solid white;
	/*margin-top: 21px;*/
}
.imageslide-nav 
{
	border:				0px solid white;
	background-image:	url(graphics/bg-subnav.png);
	background-repeat:	repeat-x;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			24px;
	font-weight:		bold;
	color:				white;
	text-align:			center;
	margin:				0px;
	padding-top:		8px;
	padding-right:		0px;
	padding-bottom:		0px;
	padding-left:		0px;
}
.imageslide-navtmp
{
	color:				white;
	background-image:	url(graphics/bg-subnav.png);
	background-repeat:	repeat-x;
}

.imageslide-image-blur 
{
}
.imageslide-caption 
{
	display: none;
	font-family: Verdana, Helvetica;
	font-size: 11pt;
	padding: 5px;
	background-color: white;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: groove;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: white;
	border-left-color: white;
}
.imageslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.imageslide-dimming {
	position: absolute;
	background: black;
}

.imageslide-loading 
{
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 4px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.imageslide-credits,
a.imageslide-credits i 
{
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.imageslide-credits:hover,
a.imageslide-credits:hover i 
{
    color: white;
    background-color: gray;
}
a.imageslide-full-expand 
{
/*	background: url(imageslide/graphics/fullexpand.gif) no-repeat;*/
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

.imageslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.imageslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.imageslide-controls li {
	float: left;
	padding: 5px 0;
}
.imageslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.imageslide-controls a.disabled {
	cursor: default;
}
.imageslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.imageslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* The CSS sprites for the controlbar */
.imageslide-controls .imageslide-previous a {
	background-position: 0 0;
}
.imageslide-controls .imageslide-previous a:hover {
	background-position: 0 -30px;
}
.imageslide-controls .imageslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.imageslide-controls .imageslide-play a {
	background-position: -30px 0;
}
.imageslide-controls .imageslide-play a:hover {
	background-position: -30px -30px;
}
.imageslide-controls .imageslide-play a.disabled {
	background-position: -30px -60px !important;
}
.imageslide-controls .imageslide-pause a {
	background-position: -60px 0;
}
.imageslide-controls .imageslide-pause a:hover {
	background-position: -60px -30px;
}
.imageslide-controls .imageslide-next a {
	background-position: -90px 0;
}
.imageslide-controls .imageslide-next a:hover {
	background-position: -90px -30px;
}
.imageslide-controls .imageslide-next a.disabled {
	background-position: -90px -60px !important;
}
.imageslide-controls .imageslide-move a {
	background-position: -120px 0;
}
.imageslide-controls .imageslide-move a:hover {
	background-position: -120px -30px;
}
.imageslide-controls .imageslide-full-expand a {
	background-position: -150px 0;
}
.imageslide-controls .imageslide-full-expand a:hover {
	background-position: -150px -30px;
}
.imageslide-controls .imageslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.imageslide-controls .imageslide-close a {
	background-position: -180px 0;
}
.imageslide-controls .imageslide-close a:hover {
	background-position: -180px -30px;
}
#bordered {
	border: 1px solid #666666;
}



ul.MenuBarHorizontal
{
	list-style-type: none;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	text-align: center;
	cursor: pointer;
	display: inline;
	vertical-align: middle;
	padding:0px;
	margin:0px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarHorizontal li
{
	list-style-type: none;
	position: relative;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal div
{
	list-style-type: none;
	position: absolute;
	z-index: 1020;
	cursor: default;
	left: -1000em;
	top: 15px;
	color: #FFFFFF;
	background-color: #3375B2;
	margin: 20px;
	text-align: left;
}

div.subMenu
{
	padding: 10px;
	border: 10px solid #333333;
}

.subMenuItem
{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal div.MenuBarSubmenuVisible
{
	left: 30;
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: silver;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: silver;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontaliframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}