@charset "utf-8";
/* CSS Document */

body
	{
	background-image:url(images/gradient_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:top;
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color:#000000;
	}

.sitewrapper {background: url(images/archbackcompressednew.jpg) top center no-repeat; height:auto; min-height:100%;}
* html .sitewrapper {/*IF IE*/ height:100%;}

.SkinObject {font-family:tahoma; font-size:11px; color:#a8a8a8; text-decoration:none; font-weight:normal}
a.SkinObject:link { color:#a8a8a8; text-decoration:none; }
a.SkinObject:visited { color:#a8a8a8;  text-decoration:none;}
a.SkinObject:hover { color:#a8a8a8;  text-decoration:none;}
A.SkinObject:active { color:#a8a8a8;  text-decoration:none;}

.LinksObject {font-family:tahoma; font-size:11px; color:#a8a8a8; text-decoration:none; font-weight:normal }
a.LinksObject:link { color:#a8a8a8; text-decoration:none; }
a.LinksObject:visited { color:#a8a8a8; text-decoration:none;}
a.LinksObject:hover { color:#a8a8a8;  text-decoration:none;}
A.LinksObject:active { color:#a8a8a8;  text-decoration:none;}
	
.topspacer {height:50px;}

.top
	{
	vertical-align:top;
	}

.sitecontainer
	{
	margin:0px auto;
	width:926px;
	height:100%;
	}
	
.leftshadow
	{
	background-image:url(images/shadow_left.png);
	background-repeat:repeat-y;
	width:13px;
	}

.rightshadow
	{
	background-image:url(images/shadow_right.png);
	background-repeat:repeat-y;
	width:13px;
	}

.header
	{
	background-image:url(images/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:257px;
	width:900px;
	color:#0976ae;
	text-align:right;
	padding:15px 35px 0px 0px;
	}
	
.menu_left
	{
	background-image:url(images/menu_left2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
	width:177px;
	height:420px;
	padding:20px 0px 0px 0px;
	color:#FFFFFF;
	text-indent:29px;
	}
	
.contentarea
	{
	width:557px;
	min-width:557px;
	height:100%;
   	padding:0px 7px 0 7px;
	}
	
.menu_right
	{
	background-image:url(images/menu_right2.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	width:163px;
	max-width:163px;
	padding-top:110px;
	padding-right:17px;
	text-align:right;
	float:right;
	}

.menu_right2
	{
	background-image:url(images/menu_right2.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#FFFFFF;
	width:163px;
	max-width:163px;
	padding-top:110px;
	padding-right:0px;
	text-align:left;
	float:left;
	}
	
.rcontent
	{
	height:200px;
	}
	
.rtop
	{

	background-position:bottom;
	background-repeat:no-repeat;
	width:137px;
	height:9px;
	}
	
.rmid
	{
	background-repeat:repeat-y;
	width:137px;
	height:100%;
	}
	
.rbot
	{
	background-repeat:no-repeat;
	width:137px;
	height:9px;
	}

.footer
	{
	height:70px;
	text-align:center;
	color:#a8a8a8;
	vertical-align:bottom;
	padding-bottom:20px;
	}

.white
	{
	background-color:#FFFFFF;
	}
	
.text1
	{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	vertical-align:bottom;
	}
.text2
	{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:14px;
	vertical-align:bottom;
	color:#0976AE;
	}
.info
	{
	margin-top:10px;
	}
	
.panes
	{
	height:100%;
	width:100%;
	}
	
.toppane
	{
	vertical-align:top;
	}
	
.rightpane
	{
	vertical-align:top;
	}
	
.contentpane
	{
	height:100%;
	vertical-align:top;
	padding-right:12px;
	}
	
.leftpane
	{
	vertical-align:top;
	}
	
.bottompane
	{
	vertical-align:top;
	}
	
/*-----Solpart-----*/
.solpart
	{
	margin-left:29px;
	}

.MainMenu_SubMenu TD
{
	height: 30px;
	vertical-align:top;                     /* height of submenu--notice all of height 24px*/
	font-size:14px;
}

.MainMenu_SubMenuItemSelHover TD          
{
	color: #ffffff;                       /* color of sub menu text and height on mouseover*/
	height: 30px;
	font-size:14px;
}

.MainMenu_TabRootMenuItem TD                 
{
	color: #ffffff;
	font-size: 18px;
	font-family: Tahoma, sans serif;                                 /* color of menu text and height--no mouseover*/
	height: 30px;
}

.MainMenu_TabRootMenuItemSel TD                  /* color of menu text if you select subpage to show that it is selected*/
{
	height: 30px;
	font-family: Tahoma, sans serif;
	font-size: 18px;
	font-weight: normal;
 	font-style: normal;
	color: #ffffff;
}

.MainMenu_TabMenuItemHover TD                      /* color of menu text on mouseover*/
{
	font-family: tahoma;
	font-size: 18px;
	color: #ffffff;
	height: 30px;
}

.MainMenu_TabMenuItemSelHover TD                    /***** color of main menu to show that it is the current page*/
{
	color:#FFFFFF;
	height: 30px;
}

.MainMenu_MenuContainer {
	border-bottom: #FFFFFF 0px solid;
	border-left: #E7EDE3 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #404040 0px solid;
	background-color: Transparent;
	padding: 0px;
}

.MainMenu_MenuBar {
	border-bottom: #FFFFFF 0px solid; 
	border-left: #E7EDE3 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #000000 0px solid;  
	cursor: pointer; 
	cursor: hand; 
	height: 30px; 
	padding: 0px;
}

.MainMenu_MenuItem {
	cursor: pointer;
	cursor: hand;
	color: #ffffff;                                  /*color of sub menu text---no mouseover*/
	font-family: Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	border-left: #C5CAD3 0px solid;
	border-bottom: #C5CAD3 0px solid;
	border-top: #C5CAD3 0px solid;
	border-right: #C5CAD3 0px solid;
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #0976ae;             /* this is the color of the drop down submenu for the left side if you want to use icon*/
	border-left: #cdcdcd 0px solid; 
	border-bottom: #cdcdcd 0px solid; 
	border-top: #cdcdcd 0px solid; 
	border-right: #cdcdcd 0px solid; 
	text-align: center; 
	width: 0px; 
}

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	margin: 0px 0px 0px 0px;
	color: #C5CAD3;                           
	font-family: Tahoma, sans-serif; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: #0976ae;                 /*this is the color of the submenu behind text*/
	border-bottom: #cdcdcd 1px solid;          /*these are the colors of the submenu box border*/
	border-left: #cdcdcd 1px solid; 
	border-top: #cdcdcd 1px solid; 
	border-right: #cdcdcd 1px solid;

}

.MainMenu_MenuBreak {
	width: 10px;
	border: 0;
}

.MainMenu_MenuItemSel {
	background-color:Transparent;          /*this is the color of the submenu highlight*/
	font-family: Tahoma, sans-serif; 
	font-size: 14pt;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 9pt; 
	color: #ffffff; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #000000 0px solid; 
	border-bottom: #FFFFFF 0px solid; 
	border-top: #000000 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 9pt; 
	cursor: pointer; 
	cursor: hand;
}
	
.NormalTextBox
	{
	border: 1px solid #0976ae;
	}

A:link
{
	text-decoration: none;
	color: #ffffff;
}

A:visited
{
	text-decoration: none;
	color: #ffffff;
}

A:hover
{
	text-decoration: underline;
	color: #ffffff;
}

A:active
{
	text-decoration: none;
	color: #ffffff;
}
.contentpane a:link, .contentpane a:visited, .contentpane a:hover, .contentpane a:active
{
	text-decoration: none;
	color: #0976ae;
}
.rmid a:link, .rmid a:visited, .rmid a:hover, .rmid a:active
{
	text-decoration: none;
	color: #ffffff;
}

/* specials */

.specialsBox a{ display:block; z-index:20; position:relative; left:-55px; background:url(images/STLPipe-Specials.png) right no-repeat; width:197px; height:220px; text-indent:-999px; overflow:hidden;}

* html .specialsBox a{/*if IE */ display:block; z-index:20; position:relative; left:-26px; background:url(images/STLPipe-SpecialsIE.png) right no-repeat; width:172px; height:220px; text-indent:-999px; overflow:hidden; float:left;}