/****************************   Ruling Colors ***************************/
/** Used in complex modules and modules that have 'light' text on 'dark' background**/
.box1Background					{background-color:#efefef; color:#385a99;}
.box1Color						{color:#385a99;}
.box1Color:HOVER				{color:#385a99;}

.box1Background_LightVersion	{background-color:#f5f6f5; color:#385a99;}
.box1Color_LightVersion			{color:#385a99;}
.box1Color_LightVersion:hover	{color:#385a99;}


/** Used in titles and captions**/
.titlesColor					{color:#385a99;}
.titlesColor:hover				{color:#385a99;}
.pageTitleColor					{color:#385a99;}
.pageTitleColor:hover			{color:#385a99;}

/****************************   Main Elements ***************************/
BODY			{font-family:Arial, Helvetica, sans-serif;font-weight:normal; color:#636363;font-size:80%;padding:0px;margin:0px;}
BODY * 			{-moz-box-sizing: border-box;}

TABLE			{}
TD				{font-size:80%;}
HR				{border: 0px; border-top: 1px solid #c0c0c0; height:1px; width:100%; background-color: transparent;}
FORM			{display:inline;}
INPUT			{font-size:12px; font-weight:normal; font-family:Arial;}
INPUT.input		{border-style:solid; border-width:1px; border-color:#005095;}
TEXTAREA		{border-style:solid; border-width:1px; border-color:#005095;}
SELECT			{font-size:10px; font-weight:normal; font-family:Arial;}
A				{text-decoration:none; color:#385a99;}
A:hover			{text-decoration:underline; color:#2e3c56;}
INPUT.button	{color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background:#c2625b; height: 18px; text-align: center;}
UL 				{}
UL LI 			{list-style: circle url('../ListIconLevel1.gif');}
.red			{color:red;}

/* Body */
TABLE.body			{padding:0; width:100%;}
TABLE.bodyItem		{}
TABLE.bodyList		{margin:0; padding:0;}

/** Bread Crumbs **/
TD.navigationTabContainer					{}
TD.navigationTab							{font-size:75%; font-weight:normal;}
A.navigationTab								{font-size:90%; text-decoration:none;}
A.navigationTab:hover						{font-size:90%; text-decoration:underline;}


/** Category Title & Description **/
DIV.categoryTitle		{}
DIV.itemCategoryTitle	{}
H1.categoryTitle		{}
TD.description			{}

/** Copyright **/
TD.Copyright			{font-weight:bold; font-size:75%; color:#005794;}
A.Copyright				{font-weight:bold; text-decoration:none; color:#005794;}
A.Copyright:hover		{font-weight:bold; text-decoration:none; color:#005794;}

/** Site Message **/
DIV.SiteMessageContainer	{border-bottom:solid 1px gray;text-align:center;padding:5px;}


/************************** Pop-up windows ******************************************/
BODY.Popup			{}

/** Talkbacks **/
INPUT.Response		{width:220px;}
TEXTAREA.Response	{width:220px;height:200px;}

/** Tell a Friend **/
INPUT.Friend		{width:220px;}
TEXTAREA.Friend		{width:220px;height:200px;}




/*********************************** TEXT ROTATION ******************************/
#feature_list {width:724px; height:350px; position:relative; margin-bottom:15px; background:url('../rotator-bg.png') no-repeat; }
#feature_list ul {display:none; position:absolute; top:4px; padding:0; margin: 0;}

#feature_list ul li {
	list-style-type:none;
	list-style-image:none;
}

ul#tabs {right:4px; z-index:2; width:196px; height:290px;}
ul#tabs li a {
	color: #789656;
	text-decoration:none;
	display: block;
	background:url('../tab-bg.png') no-repeat right 0;
	height: 58px;
	outline:none;
	cursor:pointer;
}

ul#tabs li a:hover {
	color: #fff;
	cursor:pointer;
	background-position:0 -58px;
}

ul#tabs li a.current {
	color: #fff;
	cursor:pointer;
	background-position:0 -58px;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
	cursor:pointer;
}

ul#tabs li a span{
	font-size:16px;
	font-weight:bold;
	display:block;
	width:190px;
	padding:8px 45px 0 0;
}

ul#output {
	left: 4px;
	width: 670px;
	height: 333px;
	overflow:hidden;
}

ul#output li {
	width: 670px;
	height: 333px;
	float:left;
	text-align:left;
}

ul#output li img{
	float:left;
	display:block;
}

ul#output li .text {
	position: absolute;
	bottom: 0;
	right: 0;
	width:460px;
	font-weight:bold;
	color:#4b6123;
	font-size:14px;
	text-align:right;
	background:#d6e1be;
}

ul#output li a.rmore {
	position: absolute;
	bottom: 0;
	left: 8px;
	width:170px;
	height:31px;
	background: url('../tabs-details.png') no-repeat center 0;
	overflow:hidden;
	z-index:9999;
}

ul#output li a:hover {
	background-position:0 -31px;
}

