﻿/************************************************
Derived from Vision's custom.css, dropdownmenu.css and dropdownmenubutton.css
Created June 2009 for the conversion to the new Vision GUI, certain elements removed that conflicted with existing style sheets
************************************************/
body
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: #4972b8;
}

/* Use :after instead of clear:both because IE adds a space with clear:both */
.clearfix:after, 
.mainSpan:after, 
.contentheader:after, 
.content:after, 
.content_wrapper:after,
.container:after,
.width_container:after, 
.title:after,
.home_columns:after,
.content_wrapper2:after,
.search_result:after,
.search_result_alternate:after,
.component_listitem:after,
.home_menus:after
{ 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size: 0px;
}

.clearfix, 
.mainSpan, 
.contentheader, 
.content,
.content_wrapper,
.container,
.width_container,
.title_right,
.home_columns,
.content_wrapper2,
.search_result,
.search_result_alternate,
.component_listitem,
.home_menus
{
	display:inline-block;
}

.clearfix, .mainSpan, .contentheader, .content, .container, .width_container, .content_wrapper, .title_right, .home_columns, .content_wrapper2, .search_result, .search_result_alternate, .component_listitem, .home_menus
{
	display:block;
}

/* Containing frame for the site */
.mainSpan_wrapper_home,
.mainSpan_wrapper,
.mainSpan_wrapper_noleftnav,
.mainSpan_wrapper_review
{
	width: 100%;
	background: #173a78 url(body_bg_strip.gif) center top repeat-x;

}

.mainSpan
{
	width: 100%;
	text-align: center;
	background: url(body_bg.gif) center top no-repeat;
}

.header_wrapper
{
	width: 940px;
	margin: 0 auto;
	text-align:left;
}

.header
{
	width: 940px;
	padding:  0px;
	height: 131px;
	background: url(header_bg.jpg) 0 0px no-repeat;
	position: relative;
}

.header_left
{
	float:left;
	width:90px;
}

.header_left a.home_link
{
	width: 675px;
	position: absolute;
	top: 30px;
	left: 0px;
	display:block;
	overflow: hidden;
	height: 80px;
	text-indent: -4000px;
}

.header_right
{
	width: 183px;
	height: 27px;
	float: right;
	clear: right;
	margin-top: 19px;
}

.header_nav
{ 
	float: right;
	text-align: right;
	padding: 0px 7px 0 0px;
	font-size: 11px;
	width: 680px;
	color: #7696c3;
	margin-top: 10px;
	font-family: tahoma, verdana, sans-serif;
	line-height:18px;
}

.header_nav a
{	
	color: #405e90;
	text-decoration: none;
	font-weight: bold;
}

.header_nav a:hover
{
	color: #405e90;
	text-decoration: underline;
	font-weight: bold;
}

/* Container for search field and go button */
.searchbox
{ 
	padding: 0px;
	float: left;
}

.searchbox_textbox
{
	float:left;
	padding: 2px 0 1px 3px !important;
	margin:3px 0px 0px 0px;
	line-height: 16px !important;
	height: 15px;
	font-size: 12px;
	width:138px;
	color: #464646;
	font-family: tahoma, verdana, sans-serif;
	BORDER: #d8dce2 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

.searchbox_button
{	
	width: 34px;
	height: 27px;
	float: left;
	margin:0px;
	background:url(go_button.gif) no-repeat;
	cursor: pointer;
}

/************************************************
Footer
************************************************/
.footer_wrapper
{
	clear: both;
	width: 100%;
	background: #4972b8 url(footer_bg_strip.gif) 0 0 repeat-x;
}

.footer
{
	padding: 0px 8px 20px 12px;
	text-align: left;
	color: #112665;
	width: 920px;
	min-height: 94px;
	height: auto !important;
	height: 94px;
	margin: 0px auto;
	background:  url(footer_bg.jpg) 430px 40px no-repeat;
	font-size: 11px;
	font-family: tahoma, verdana, sans-serif;
}

.footer a, .footer p
{
	color: #112665;
}

.footer a:hover
{
}

 .footer a, .footer p
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.footer_nav
{
	font-size: 12px;
	padding: 0px;
	font-weight: bold;
	color: #bacbff;
	height: 40px;
	line-height: 40px;
	margin-bottom: 18px;
	background:  url(footer_bg_strip.gif) 0 0 repeat-x;
}

.footer_nav p, .footer_nav a
{
	font-size: 12px;
	font-weight: bold;
	color: #bacbff;
}

.footer_nav a
{
	text-decoration: none;
}

.footer_nav a:hover
{
	text-decoration: underline;
}

/* Section Colors for table backgrounds, etc.*/
.ShortTabH {background:url(1_int.gif) 0 0px no-repeat;width: 131px; height:36px;}
.ShortTabIC {background:url(2_int.gif) 0 0px no-repeat;width: 137px; height:36px;}
.ShortTabEC {background:url(3_int.gif) 0 0px no-repeat;width: 134px; height:36px;}
.ShortTabBC {background:url(4_int.gif) 0 0px no-repeat;width: 134px; height:36px;}
.ShortTabLC {background:url(5_int.gif) 0 0px no-repeat;width: 134px; height:36px;}
.ShortTabSC {background:url(6_int.gif) 0 0px no-repeat;width: 134px; height:36px;}
.ShortTabOS {background:url(7_int.gif) 0 0px no-repeat;width: 136px; height:36px;}	

div.TabLink { text-align:center;}
div.TabLink a:link, div.TabLink a:active, div.TabLink a:visited { color:#1a3d81;font-family: Arial, sans-serif; font-size:12px;font-weight:bold;padding:1px;text-decoration: none;display:block; }
div.TabLink a:hover { color:white;} 

.SOSContent {width:100%; background-color: #EEEEEE; }  /* background color and width for content table */

.Cart
{
	BACKGROUND: url(/SharedVision/cart.png);
	background-repeat:no-repeat;  
	background-position:right;
	margin-top: -1px;
	margin-right: -4px;
	height: 17px;
	font-family: arial black;
	font-size: x-small;
	font-weight:bold;
	color:#003366;
	text-decoration: none !important;
}

.Cart:hover
{
	cursor:pointer;
	BACKGROUND: url(/SharedVision/cartBRIGHT.png);
	background-repeat:no-repeat;  
	background-position:right;
	text-decoration: none !important;
}
