/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Formatter styles
//-------------------------------------------------------------------------------------------------------*/
.custom-title
{
	margin:					0px 0px 0.5em 0px;
	padding:				0px;
	font-weight:			normal;
	font-family:			helvetica, sans-serif;
	font-size:				30px;
	color:					rgb( 40, 100, 182);
}

.custom-subtitle
{
	margin:					0px 0px 0.2em 0px;
	padding:				0px;
	
	font-weight:			bold;
	color:					#666666;
}

.custom-justify
{
	text-align:				justify;
	display:				block;
}

.custom-sidebartitle
{
	font-size:				13px;
	font-weight:			bold;
	color:					rgb( 0, 94, 157 );
	margin-bottom:			8px;
}

/*---------------------------------------------------------------------------------------------------------
//	Video Popup
//-------------------------------------------------------------------------------------------------------*/
#videobox
{
	zoom:				1; 
	display:			none;
	position:			absolute;
	z-index:			999;
}

#videobox-contents
{
	background-color:	rgb( 93, 134, 191 );
	border-top:			none;
	border-bottom:		none;
	height:				503px;
	width:				543px;
	background-image:	url( /images/videobox-bg.gif );
	background-repeat:	repeat-x;
	text-align:			center;
}

#videobox-title
{
	font-size:			14px;
	font-weight:		bold;
	margin-top:			-47px;
	color:				white;
	margin-left:		25px;
	height:				47px;
	line-height:		47px;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
background-color: transparent;
background: url(/images/dropshadow/upperrightfade.png) right top no-repeat;
zoom: 1;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background-color: transparent;
background: url(/images/dropshadow/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
zoom: 1;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url(/images/dropshadow/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
background-color: transparent;
position: relative;
left: -8px;
top: -8px;
zoom: 1;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
zoom: 1;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */

/*---------------------------------------------------------------------------------------------------------
//	Custom classes
//-------------------------------------------------------------------------------------------------------*/
#videoPopup
{
	top:					50px;
	width:					100%;
	margin-left:			auto;
	margin-right:			auto;
	width:					542px;
	height:					576px;
	position:				absolute;
	background-color:		#5d86bf;
	z-index:				99;
}

.video-thumbnail
{
	width:					220px;
	height:					220px;
	border:					1px solid black;
	background-image:		url( /images/videothumb_background.jpg );
	cursor:					pointer;
	cursor:					hand;
	overflow:				hidden;
}

.video-thumbnail-text
{
	width:					220px;
	height:					220px;
	padding-top:			80px;
	text-align:				center;
	font-size:				14px;
	font-family:			arial,sans-serif;
	color:					black;
}

img, div 
{ 
	behavior: url(../site/iepngfix/iepngfix.htc) 
}

img.thumb
{
	float:					left;
	margin:					6px 23px 10px 0px;
}

.letterdivider
{
	color:					#acc5e1;
	margin:					0px 14px;
}

.sidebar-widget
{
	background-color:		#f8ea59;
	background-image:		url( /images/widget-middle.gif );
	background-repeat:		repeat-x;
	width:					230px;
}

.sidebar-widget-contents
{
	background-image:		url( /images/widget-shadow.gif );
	background-repeat:		repeat-y;
	font-size:				11px;
	line-height:			18px;
	font-weight:			bold;
	padding:				0px 20px;
}

.sidebar-widget-contents-resources
{
	background-image:		url( /images/widget-shadow.gif );
	background-repeat:		repeat-y;
	font-size:				11px;
	line-height:			14px;
	font-weight:			bold;
	padding:				0px 20px;
}

.sidebar-widget-contents .title,
.sidebar-widget-contents-resources .title
{
	font-size:				13px;
	font-weight:			bold;
	color:					rgb( 0, 94, 157 );
	margin-bottom:			8px;
}

.sidebar-widget-contents ul
{
	margin-bottom:			0px;
	margin-left:			0px;
	padding-left:			0px;
}

.sidebar-widget-contents ul li
{
	margin-left:			15px;
	padding-left:			0px;
}

.sidebar-widget-contents a
{
	color:					#738c17;
}

.sidebar-widget-contents-resources a
{
	color:					#738c17;
}

.sidebar-widget-contents a:hover
{
	color:					rgb( 0, 94, 157 );
}

#producttable td
{
	border-bottom:			1px solid #DDDDDD;
	padding:				15px 0px 25px 0px;
}

/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/
html
{
	width:					100%;
}

body
{
	margin:					0px;
	width:					100%;	
	background-color:					rgb( 247, 246, 240 );
	
	/*	Default text styles	----------------------------*/
	font-family:			"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:					#666666;
	font-size:				13px;
	line-height:			20px;
	background-image:		url( /images/bg-content.gif );
	background-repeat:		no-repeat;
	background-position:	0px 188px;
}

strong, em, b, i 
{
}

/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/
a
{
	color:					rgb(59,121,166);
	outline:				none;
}

a:hover
{
	color:					rgb(119,119,119);
}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#center-x
{
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	background-color:		white;
	width:					760px;
	border:					1px solid rgb(170,170,170);
}

/*	Popup container	*/
#popup-box
{
	/*	Customize			----------------------------*/
	background-color:		white;
	border:					1px solid black;
	margin:					0px 20px 0px 20px;
	padding:				15px;
}

#header
{
	background-image:		url(/images/bg-header.gif);
	background-repeat:		repeat-x;
	margin-bottom:			38px;
	width:					100%;
	min-width:				1200px;
	width:					expression(document.body.clientWidth < 1202 ? "1200px" : "100%");
}

#logo
{
	height:					75px;
	line-height:			75px;
	margin:					15px 15px 10px 15px;
	padding:				15px;
	background-color:		#666666;
	color:					white;
	font-size:				16px;
	font-weight:			bold;
	text-align:				center;
}

#logo a,
#logo a:hover
{
	color:					white;
}

table#body
{
	border-collapse:		collapse;
	width:					1055px;
}

col#col-left
{
	width:					200px;
}

col#col-content
{
	width:					auto;
}

col#col-right
{
	width:					228px;
}

/*	See sectionnav CSS tempaltes for td#left	*/

/*	Optional sitebar	*/
td#right
{
}

td#content
{
	width:					626px;
	padding-top:			12px;
}

#content-margins
{
	margin-left:			30px;
	margin-right:			20px;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer
{
	clear:					both;
	margin:					0px 0px 50px;
	padding:				0em 1em;
	font-size:				11px;
	margin-left:			230px;
	margin-top:				20px;
}

#footer a
{
	margin-left:			10px;
}

#footer p
{
	clear:					both;
}

#footer ul
{
	width:					100%;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

#footer li
{
	float:					left;
	padding:				5px 10px;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
h1
{
	margin:					0px 0px 0.5em 0px;
	padding:				0px;
	font-weight:			normal;
	font-family:			helvetica, sans-serif;
	font-size:				30px;
	line-height:			34px;
}

h1 a,h1 a:hover
{
	color:					rgb( 40, 100, 182);
}

#popup-box h1
{
	margin-top:				10px;
	text-align:				center
}

h2
{
	margin:					0px 0px 0.2em 0px;
	padding:				0px;
	
	font-weight:			bold;
	color:					#666666;
}

h3
{
	margin:					1.7em 0em 0em 0em;
	font-weight:			bold;
}

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1.7em 0px;
	padding:				0px;
}

.bodytext:first-letter
{
	color:					rgb( 115, 140, 23 );
	font-size:				22px;
	margin-right:			1px;
}

.green
{
	color:					rgb( 115, 140, 23 );
	font-size:				22px;
	margin-right:			1px;
}

blockquote
{
	margin:					1em 3em;
	padding:				0em;
	font-style:				italic;
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar styles
//-------------------------------------------------------------------------------------------------------*/
td#right
{
	padding-top:			7px;
	width:					228px
}

.sidebar
{
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Table Data
//-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:					1px solid rgb(204,215,238);
	border-collapse:		collapse;
	empty-cells:			show;
}

table.data caption
{
	margin:					0.5em 0em;
	text-align:				left;
	font-weight:			bold;
}

tr.r0
{
	background-color:		white;
}

tr.r1
{
	background-color:		rgb(238,245,255);
}

table.data th,
table.data td
{
	padding:				0.5em 1.0em;
	text-align:				left;
}

table.data th
{
	vertical-align:			bottom;
	background-color:		rgb(204,215,238);
	font-weight:			bold;
	color:					white;
}

table.data td
{
	vertical-align:			top;
	border-bottom:			1px solid rgb(204,215,238);
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Bread crumb
//-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	height:					26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	border-bottom:			1px solid rgb(238,238,238);
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}



/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Social networking tool links
//-------------------------------------------------------------------------------------------------------*/
table.links-bar td
{
	padding:				0px 10px 0px 0px;
}

.inline-digg
{
	float:					left;
	margin:					3px 10px 5px 0px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Video controls
//-------------------------------------------------------------------------------------------------------*/
#video-buttons a
{
	background-color:		#CCCCCC;
	color:					white;
	font-weight:			bold;
	padding:				4px 6px;
	margin-right:			5px;
	float:					left;
	margin-top:				5px;
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MISCELLANEOUS DEFAULTS
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*	do not underline links	*/
a
{
	text-decoration:		none;
}

/*	shortcomings of the formatter	*/
p
{
	margin:					0px;
}

/*	IE will allocate space for these if there are not display:none -  POSJ	*/
map
{
	display:				none;
}

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}