/* ================================
    CSS STYLES FOR Salar MS
   ================================
*/   

/* include styles for eShop module */
@import url(css/eShop.css);

BODY {
	MARGIN: 0px;
	BACKGROUND-COLOR: #1A76B7;
}

TD {
	FONT-SIZE: 90%; FONT-FAMILY: arial
}

#msviRegionIdGraphic {
	PADDING-LEFT: 7px
}
#msviGlobalToolbar A {
	FONT: 80% Verdana; COLOR: #2a4d70; TEXT-DECORATION: none
}
.gt0 {
	padding: 2px 4px;
	FONT-SIZE: 80%;
}
.gtsep {
	padding: 0px 2px 2px;
	FONT: 85% Arial;
	COLOR: #2a4d70;
}
#msviGlobalSearch {
	PADDING-RIGHT: 0px; PADDING-LEFT: 6px; FONT: 95% Verdana; PADDING-TOP: 5px; TEXT-ALIGN: right;
}
.SearchPane {
PADDING-RIGHT:  0px; PADDING-LEFT: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left;

}
.main {
	BORDER-TOP: #ffffff 1px solid; WIDTH: 771px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
.vendorsMain {
	width: 771px;
	background-color: White;
}
#NavTd {
	BORDER-RIGHT: #ffffff 1px solid; WIDTH: 179px; BACKGROUND-COLOR: #2a4d70
}
.hFade {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f2f2f2',endColorStr='#ffffff',gradientType='0' ); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 8px; BACKGROUND-COLOR: #ffffff
}
.rotatingSection {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; WIDTH: 180px; PADDING-TOP: 0px; background-color:Transparent; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#f2f2f2',gradientType='0' ); 
}
.popDest {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff
}
.popDestWide {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px;  PADDING-TOP: 0px; 
}
.vSep {
	WIDTH: 1px; BACKGROUND-COLOR: #d2d3d6
}

span.menuimg {
  background: url(mbmenu.gif) no-repeat center center;}
#msviFooter {
	FONT: 90% Arial;
	color: #ffffff;
	background: #2a4d70;
}
#msviLocalFooter {
  font-weight: normal;
  font-size: 10px;
  font-family: Tahoma, Arial, Helvetica;
  color: #ffffff;
  text-decoration: none;
	PADDING-LEFT: 10px;
	MARGIN: 0px;
  PADDING-TOP: 8px;
	padding-bottom: 8px;
	FONT-SIZE: 90%; 
}

#msviFooter2 {
	BACKGROUND-COLOR: #2a4d70;
}

.tag {
	text-align: center;
	color: #f60400; /* red in spemco logo */
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	padding: 12px;
}

.style1, a.style1 {
	color: #aaa;
}
a.style1:hover {
	text-decoration: underline;
}

.TopTable {
	BORDER-BOTTOM: #B68D7C 1px solid;
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #d17a09; 
}
.MiddleRTable {
	BORDER-lEFT: #B68D7C 1px solid;
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #F4F4F4; 
}

.ContentTable {
	BORDER-BOTTOM: #98B2E6 1px solid;
	PADDING-TOP: 0px; 
		PADDING-LEFT: 0px; 
			PADDING-RIGHT: 0px; 
						PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: Transparent;
}
.LeftImage1Pane {
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: Transparent;
	background-image: url(Images/Image1.jpg);
	background-repeat: no-repeat;
    background-position: Middle;
}
.LeftImageLPane {
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: Transparent;
}
.LeftImageRPane {
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: Transparent;

}
.LeftImage33Pane {
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: Transparent;
	background-image: url(Images/Mix330.jpg);
	background-repeat: no-repeat;
    background-position: Middle;
}
.LeftImage1Pane {
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: Transparent;
	background-image: url(Images/Image1.jpg);
	background-repeat: no-repeat;
    background-position: Middle;
}

.LeftImage2Pane {
	PADDING-TOP: 0px; 
		PADDING-LEFT: 0px; 
			PADDING-RIGHT: 0px; 
						PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: Transparent;
	background-image: url(Images/Image2.jpg);
	background-repeat: no-repeat;
	    background-position: center;
}
.LeftImage1_3Pane {
	PADDING-TOP: 0px; 
		PADDING-LEFT: 0px; 
			PADDING-RIGHT: 0px; 
						PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: #818a8e;
	background-image: url(Images/banner_300x300_05.jpg);
	background-repeat: no-repeat;
}
.RightImage1_3Pane {
	PADDING-TOP: 0px; 
		PADDING-LEFT: 0px; 
			PADDING-RIGHT: 0px; 
						PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: #818a8e;
	background-image: url(Images/banner_300x300_01a.jpg);
	background-repeat: no-repeat;
}
.LeftImage2_3Pane {
	PADDING-TOP: 0px; 
		PADDING-LEFT: 0px; 
			PADDING-RIGHT: 0px; 
						PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: #818a8e;
	background-image: url(Images/banner_600x300_05.jpg);
	background-repeat: no-repeat;
}
.LeftImage2_4Pane {
	PADDING-TOP: 0px; 
		PADDING-LEFT: 0px; 
			PADDING-RIGHT: 0px; 
						PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: #818a8e;
	background-image: url(Images/banner_600x300_04.jpg);
	background-repeat: no-repeat;
}
.MSTable {
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #98B2E6; 
	font-weight: normal;
    font-size: 8pt;
    font-family: Tahoma, Arial, Helvetica;
    color: #CCCCCC; 
}
.GlobalToolbar {
	BORDER-BOTTOM: #98B2E6 1px solid;
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: #000033; 
	font-weight: normal;
    font-size: 8pt;
    font-family: Tahoma, Arial, Helvetica;
    color: #CCCCCC; 
}
.Head
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    color: #003366;
}
.RightTPane  
{
	 padding-left:3;
	 padding-top:0; 
	 padding-right:4 ; 
	 background-color: Transparent;

}
.LeftTPane  
{
	 padding-left:0;
	 padding-top:0; 
	 padding-right:0; 
	 background-color: #2B4D70;

}

.ContentTPane  
{ 
	 padding-left:3;
	 padding-top:0; 
	 padding-right:3; 
	 background-color: Transparent;
}

.RightPane  
{
     border-right:2px #ffffff solid;
	 padding-left:5;
	 padding-top:0; 
	 padding-right:6; 
     background-color: #ffffff; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#ffffff',gradientType='0' ); 
}
.LeftPane  
{
	 padding-left:6;
	 padding-top:0; 
	 padding-right:3; 
	 background-color: #2B4D70;

}
.ContentPane  
{ 
	 padding-left:6;
	 padding-top:0; 
	 padding-right:5; 
	 background-color: White;
}

.BannerPane
{ 
	 padding-left:6;
	 padding-top:0; 
	 padding-right:5; 
	 background-color: #ffffff;
}

.HeadBanner  
{ 

	 padding-left:4;
	 padding-top:0; 
	 padding-right:4; 
	 background-color: #2a4d70;
}

.Breadcrumb {
	font-weight: normal;
  font-size: 10px;
  font-family: Tahoma, Arial, Helvetica;
  color: #ffffff;
  text-decoration: none;
	background-color: transparent;
	padding-right: 10px;
}

.Breadcrumb a:visited {
    text-decoration: none;
    color: #ffffff;
}

.Breadcrumb a:active {
    text-decoration: none;
    color: #ffffff;
}

.Breadcrumb a:hover {
    text-decoration: underline;
    color: #ffffff;
}

.SkinObject {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica; TEXT-DECORATION: none
}
A.SkinObject:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.SkinObject:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.SkinObject:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.SkinObject:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.SelectedTab {
    font-weight: normal;
    font-size: 10px;
    color: #2B4D70;
    font-family: Arial;
    text-decoration: none;
}
A.SelectedTab:link {
	COLOR: #2B4D70; TEXT-DECORATION: none
}
A.SelectedTab:visited {
	COLOR: #003366; TEXT-DECORATION: none
}
A.SelectedTab:active {
	COLOR: #003366; TEXT-DECORATION: none
}
A.SelectedTab:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.LogoPane  
{
	 padding-left:10;
	 padding-right:10;
}

/* Main Menu */
/*___________________________________________________________________________________________*/
.MainMenu_MenuContainer{ background:transparent; width:100%; }
.MainMenu_MenuBar{}
.MainMenu_MenuArrow{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuBreak{ display:none; }
.MainMenu_MenuItem,.submenuitembreadcrumb{
	color:#325167;	font-size:10px;	font-weight:bold;
	padding:2px 5px 2px 10px;
	border:1px #AFD0E2 solid; border-width:1px 0px;
}


.MainMenu_MenuIcon{
        color:#325167;	font-size:10px;	font-weight:bold;
        padding: 6px 2px 0px 4px;
        display:none;
}

.submenuitemselected{
	color:#ffffff; font-size:10px;	font-weight:bold;
	padding:2px 15px 2px 10px;
	background:#465887;
	border:1px #AFD0E2 solid; border-width:1px 0px;	
}
.submenu{
    z-index:1000;
	border:1px #2F3C5B solid;
	padding:0px; margin-top:0px; margin-left:3px;
	background:#AFD0E2;
}
.rootmenuitem TD{ 
	color:#AFD0E2; font-size:11px; font-weight:bold;
	padding:0px 5px 0px 0px;
	background:#2B4D70;
	height:24px;
}
.rootmenuitemselected TD{
	color:#FFFFFF; font-size:11px; font-weight:bold;
	padding:0px 5px 0px 0px;
	background:#465887;
	height:24px;
}

.rootmenuitembreadcrumb TD{
	color:#ffffff; font-size:11px; font-weight:bold;
	padding:0px 5px 0px 0px;
	background:#ed1c24;
	height:24px;
}

.rootmenuitemleft TD{
	color:#ffffff; font-size:50px; font-weight:bold;
	padding:0px 5px 0px 0px;
	background:#2a4d70;
	height:38px;
}

.MenuPane
{
	background-image: url(imageside.jpg);
	background-repeat: no-repeat;
    background-position:left bottom;
	background-color: Transparent;
}

.Logo
{
	padding-left:30;
	padding-top:5;
	padding-bottom:5;
}

.HorizLogo
{
	background-image: url(Skier.jpg);
	padding-left:30;
	padding-top:5;
	padding-bottom:5;
	background-repeat:repeat-x;    
	background-position:bottom;
	background-color:#64769E;
	vertical-align:middle;
}

.Title
{
	font-family: Tahoma, Arial, Helvetica;
    font-size: 14px;
    font-weight:bold;
    color: #003366;
}

.Toprow
{
	background-image: url(bluegraduation.jpg);
	background-repeat:repeat-x;    
	background-position:bottom;
	vertical-align:right;
}
.CopywriteStuff {
    font-weight: normal;
    font-size: 7.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
	
}.OtherTabs {
    font-weight: normal;
    font-size: 10px;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color: #ffffff;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color: #242277;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color: #242277;
}

A.OtherTabs:hover    {
    text-decoration:    underline;
    color: #ffffff;
}
.grayborder {
	BACKGROUND: #b3b3b1
}

/* sidemenu by anthony.glenwright */
.MenuHdr
{ 
font-size: 10pt; padding-left: 5px; font-weight: bold; padding-bottom: 2px; 
background-color: Transparent; padding-top: 2px; cursor: default; color: #003399; 
}
.MenuItem, .MenuItemMouseOver, .MenuItem HR
{
font-size: 8pt; padding-left: 10px; font-weight: normal; padding-bottom: 2px;
background-color: Transparent; padding-top: 2px; color: #003399; 
}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, 
.MenuItem A:Link, .MenuItemMouseOver A, .MenuItemMouseOver A:Active, 
.MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver 
A:Link, .MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, 
.MenuHdr A:Link 
{
text-decoration: none; color: #003399; width: 100%; padding-top: 1px;
padding-bottom: 1px; cursor: default; cursor: hand; 
}
.MenuItemMouseOver
{
background-color: #cccccc!Important; 
}


/* treeview */
.TreeViewMenu {
	width: 175px;
	background-color: Transparent;
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}