﻿body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	background-color: #1e3264;
}

div.hide
{
    display: none;
}

#customForm, h2
{
	margin: 0;
}

#BodyContainer #Header #Logo

{	position: absolute;
	 top: 0px; 
	left: 52px; 
	border: 0;
}


#BodyContainer #Header #StaticMenu
{
	position: absolute;
	left: 295px;
	top: 0;
	margin-top: 20px;
	margin-left: 5px;	
}

#IeAlter
{
    width: 300px;
}

#BodyContainer #Header #StaticMenu ul
{
	margin: 0;
}

#BodyContainer #Header #StaticMenu ul li
{
	list-style: none;
	float: left;
	background-image: url(/_layouts/AllStyles/Trimetal/buttonblue.gif);
	background-repeat: no-repeat;
	width: 94px;
	height: 30px;
	text-align: center;
}

#BodyContainer #Header #StaticMenu ul li a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.7em;
	color: white;
}

#BodyContainer #Header #MainMenu
{
	position: absolute;
	left: 300px;
	top: 0;
	margin-top: 94px;
	margin-left: 5px;
	list-style: none;
	color: black;
}

#BodyContainer #Header #MainMenu ul
{
	list-style: none;
	padding: 0;
	margin: 0;	display:inline;
}

#BodyContainer #Header #MainMenu ul ul
{
	width: 170px;
	margin-top: 3px;
	background-color: #2c5f93;
	display: none;
}

#BodyContainer #Header #MainMenu ul li
{
	background-repeat: no-repeat;
	width: 94px;
	height: 25px;
	float: left;
	margin-right: 1px;
	padding-top: 4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 7.5pt;
}

#BodyContainer #Header #MainMenu ul li a
{
	text-decoration: none;
	font-weight: bold;
	color: #2c5f93;
}

#BodyContainer #Header #MainMenu ul ul li
{
	background: none;
	float: none;
	width: 100%;
	height: 18px;
	text-align: left;
	font-size: 7pt;
}

#BodyContainer #Header #MainMenu ul ul li a
{
	padding-left: 10px;
	color: white;
}

#BodyContainer #Header #MainMenu ul li:hover ul li
{
	background: none;
}

#BodyContainer #Header #MainMenu ul li:hover ul
{
	display: block;
}

#BodyContainer #Header #MainMenu ul li ul li:hover
{
	background-color: #c21020;
}

#BodyContainer #Header #MainMenu ul li
{
	background-image: url(/_layouts/AllStyles/Trimetal/buttonwhite.gif);
}

#BodyContainer #Header #MainMenu ul li:hover
{
	background-image: url(/_layouts/AllStyles/Trimetal/buttonlightblue.gif);
}

/* added by Delta-N january 22nd 2009, to ensure same rendering in ie6 and ie7up*/

/*mainmenu*/
#BodyContainer #Header #MainMenu ul li
{
	position:relative;
}

/*submenu*/
#BodyContainer #Header #MainMenu ul li ul
{
	position: relative;
	left:0px;
	margin-top: 8px;
}

DIV#Body
{
	position:relative;
	/* z-index:-1; */
}

/* // added by Delta-N */

#SitemapDefault
{
	margin-left: 20px;
}

#SitemapDefault .AspNet-Menu
{
	margin: 0;
	list-style: none;
}

#SitemapDefault .AspNet-Menu .AspNet-Menu-WithChildren
{
	margin-bottom: 10px;
}

#BodyContainer
{
	position: relative;
	top: 0;
	left: 0;
	left: 50%;
	margin-left: -440px;
	width: 880px;
}

#BodyContainer #SharepointAuthoringHeader
{
	border: 1px solid black;
	width: 100%;
	height: 18px;
	background-color: orange;
}

#BodyContainer #SharepointAuthoringHeader div
{
	display: inline;
	float: left;
}

#BodyContainer #Header
{
	position: relative;
	background-image: url(/_layouts/AllStyles/Trimetal/topbanner.jpg);
	margin-top: 50px;
	height: 120px;
	z-index: 100;
}

#BodyContainer #Body
{
	background-image: url(/_layouts/AllStyles/Trimetal/left_corner.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: White;
	height: 445px;
}

#BodyContainer #Body #Left
{
	background: repeat-x left top;
	left: 52px;
	width: 247px;
	position: absolute;
	height: 445px;
}

#Main
{
	background-color: White;
	width: auto;
	height: 445px;
	margin-left: 299px;
	scrollbar-face-color: #e8e9ed;
	scrollbar-highlight-color: #c9ccd5;
	scrollbar-3dlight-color: #c1d0e5;
	scrollbar-shadow-color: #c1d0e5;
	scrollbar-darkshadow-color: #c1d0e5;
	scrollbar-track-color: #e8e9ed;
	scrollbar-arrow-color: #cccbd3;
	overflow: auto;
	
	/* added by Delta-N january 22nd 2009 for preventing the storelocator results to break out of this div*/
	position:relative;
}

#BodyContainer #Body #Main #Content
{
	margin: 10px;
	font-size: 0.7em;
	line-height: 1.25em;
}

#BodyContainer #Body #Main #Content #Breadcrumbs
{
	border-bottom: 1px solid #C10134;
	padding-bottom: 5px;
	text-align: left;
}

#BodyContainer #Body #Main #Content #Breadcrumbs .breadcrumbPage
{
	color: #C10134;
	font-size: 10px;
	font-weight: bold;
}

#BodyContainer #Body #Main #Content #Breadcrumbs a.breadcrumbPage
{
	color: #999;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

#BodyContainer #Body #Main #Content #Breadcrumbs .breadcrumb_channel
{
	color: #C10134;
	font-size: 10px;
	font-weight: bold;
}

#BodyContainer #Body #Main #Content #Breadcrumbs a.breadcrumb_channel
{
	color: #999;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

#BodyContainer #Body #Main #Content p img
{
	margin: 5px;
}

#BodyContainer #Footer p
{
	font-size: 0.7em;
	margin: 5px 0px 0px 50px;
	color: silver;
	text-align: left;
}

#BodyContainer .listPageTitle
{
	font-weight: bold;
	padding: 5px;
}

#BodyContainer #Footer a
{
	font-size: 0.84em;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}

#Content h1
{
	font-size: 1.2em;
	color: #000;
}

#SplashWebpart
{
}

#SplashWebpart #Title
{
	border: 1px solid red;
}

#SplashWebpart div
{
	border: 1px solid navy;
}

#SearchMenu
{
	position: absolute;
	left: 693px;
	margin-top: 22px;
}

#SearchMenu div
{
	float: left;
}

#SiteThumb
{
	float: left;
	display: inline;
	margin: 2.5px;
}

#SiteThumb #ThumbTitle
{
	font-weight: bold;
	color: white;
	padding-top: 2px;
}

#SiteThumb #ThumbBody
{
	padding-top: 2px;
	width: 250px;
	height: 50px;
}

#SiteThumb #ThumbLink
{
	text-align: right;
}

#SearchMenu .keywords
{
	border: 0;
	width: 150px;
	height: 16px;
}

/* PrintIcon */

#BodyContainer #Header #StaticMenu #PrintIcon
{
	position: absolute;
	top: 0;
	left: 320px;
	cursor: pointer;
	cursor: hand;
}

/* Storelocator */

DIV.suggestions
{
	border: solid 1px #C2C2C2;
	position: absolute;
	moz-box-sizing: border-box;
	box-sizing: border-box;
}
DIV.suggestions DIV
{
	padding: 0px;
	cursor: default;
	background-color: #f1f1f1;
	width: 160px;
}
DIV.suggestions DIV.current
{
	color: #FFFFFF;
	background-color: #C2C2C2;
	width: 160px;
}

#sl_result_input
{
}

.sl_frm_store
{
	background-color: #F9F9F9;
	border: solid 2px #C10134;
	margin: 4px;
}

.sl_frm_data
{
	padding: 10px;
}

.sl_frm_store h3
{
	font-size: 1.2em;
	margin: 0px;
}

#sl_frm_stores
{
	position: absolute;
	width: 380px;
}

.sl_frm_map
{
	display: none;
	width: 100%;
}

#sl_map_wrapper
{
	float: left;
	margin: 8px 8px 4px 8px;
	background-color: #F9F9F9;
	border: solid 3px #c2c2c2;
	width: 620px;
	height: 386;
}

#sl_map_wrapper input
{
	margin: 5px 0 0 5px;
}

#sl_frm_storeresult_header
{
	color: #BC0032;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px; /*background-color: #F9F9F9;*/
}

/*
.sl_map_open
{
    float:right;
    display:block;
}
*/

.sl_map_open
{
	position: absolute;
	display: block;
	left: 374px;
	margin-top: -2px;
	padding: 4px;
	background-color: #F9F9F9;
	border: solid 2px #C10134;
	border-left: none;
}

#sl_map_close
{
	float: right;
	cursor: pointer;
}

#sl_map_submit
{
	width: 150px;
	background-color: Transparent;
}

#sl_map_iframe
{
	cursor: pointer;
}

#sl_map_input_zip
{
	width: 90px;
}

.route
{
	color: #000000;
}
/* End Storelocator */

.verticalLine
{
	width: 1px;
	font-size: 0;
	background-repeat: repeat-y;
	background-image: url('/_layouts/AllStyles/Trimetal/dot.gif');
}

.horizontalLine
{
	margin: 0;
	padding: 0;
	border: 0;
	height: 0px;
	font-size: 0px;
	background-repeat: repeat-x;
	background-image: url('/_layouts/AllStyles/Trimetal/dot.gif');
}

.DecoSortField
{
	display: none;
}

/* Documents */
.DocumentImage
{
	padding: 10px 0 0 0;
	height: 227px;
	text-align: center;
}

.DocumentText
{
	font-size: 11px;
	text-align: left;
	line-height: 16px;
	padding: 12px;
	color: #333333;
	height: 183px;
	overflow: auto;
	background-color: Transparent;
}

.DocumentText h1
{
	margin: 0 0 14px 0;
	font-size: 11px;
}

.DocumentText a
{
	font-size: 10px;
	color: #bb0132;
}

/* Product Detail */
.tblProductDetail .head
{
	width: 150px;
}

.tblProductDetail
{
	width: 530px;
}

.tblProductDetail td
{
	border-bottom: solid 2px #98bada;
}

.tblProductDetail a img
{
	border: none;
}

/* Product Listing */
.tblProdList
{
	border: solid 1px #98bada;
	clear: both;
	width: 533px;
}

.tblProdList td
{
	border: solid 1px #98bada;
}

.tblProdList td a
{
	color: #bc0032;
	font-size: 0.9em;
}

.tblProdList .head
{
	font-weight: bold;
}

.tblProdList .head a
{
	font-weight: bold;
	color: #000000;
	font-size: 1em;
}

.tblProdList .cellover
{
	background-color: White;
}
.tblProdList .cellover:hover
{
	background-color: #cccccc;
}

.tblProdList .productNameColumn
{
	width: 400px;
}

.tblProdList .productLinkColumn
{
	width: 120px;
}

/* ProductDetail */
.ProductDetail
{
	text-align: center;
}

.ProductDetail img
{
	border: solid 1px #1e3264;
}
.ProductDetail .packshot
{
	/*height: 230px;*/
}

.ProductDetail .datasheet a
{
	font-size: 0.7em;
	color: #bc0032;
}

/* Product Overview Items */
.provItem
{
	float: left;
	width: 126px;
	margin: 2px 1px 8px 0;
	background: no-repeat top left;
}

.provItem .head a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
	line-height: 11px;
	color: Black;
}

.provItem .head
{
	height: 26px;
	padding: 6px 3px 0 9px;
}

.provItem .image
{
	text-align: center;
}

.provLink
{
	width: 129px;
	display: block;
	height: 20px;
	padding: 2px 3px 0px 7px;
	background: no-repeat top left;
	text-decoration: none;
	color: black;
	font-size: 9px;
}

/* Items Overview */
.itemoverview .itemblock td
{
	font-size: 0.9em;
}

.itemoverview .itemblock td a
{
	font-weight: bold;
	text-decoration: none;
	color: White;
}

.itemoverview .itemblock a.arrow
{
	float: right;
	color: #1e3264;
	font-weight: normal;
	font-size: 1.1em;
	padding: 3px 25px 4px 20px;
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: underline;
}

.itemoverview .itemblock a.arrow:hover
{
	color: Red;
}

.itemoverview .itemblock td.redfillbordertop
{
	height: 9px;
	background-image: url(redfillbordertop.gif);
	background-repeat: repeat-x;
	font-size: 0;
	line-height: 0;
}

.itemoverview .itemblock td.redfillborderleft
{
	width: 9px;
	background-image: url(redfillborderleft.gif);
	background-repeat: repeat-y;
	font-size: 0;
	line-height: 0;
}

.itemoverview .itemblock td.redfillborderright
{
	width: 9px;
	background-image: url(redfillborderright.gif);
	background-repeat: repeat-y;
	font-size: 0;
	line-height: 0;
}

.itemoverview .itemblock td.redfilltitle
{
	background-color: #C21020;
	padding-bottom: 2px;
	color: #FFFFFF;
}

.itemoverview .itemblock td.bluelineleft
{
	width: 9px;
	background-image: url(bluelineleft.gif);
	background-repeat: repeat-y;
	font-size: 0;
	line-height: 0;
}

.itemoverview .itemblock td.bluelineright
{
	width: 9px;
	background-image: url(bluelineright.gif);
	background-repeat: repeat-y;
	font-size: 0;
	line-height: 0;
}

.itemoverview .itemblock td.bluelinebottom
{
	height: 9px;
	background-image: url(bluelinebottom.gif);
	background-repeat: repeat-x;
	font-size: 0;
	line-height: 0;
}

/* Project Detail */
.tblProjectDetail
{
	margin: 4px 0 0 0;
	text-align: center;
}

.tblProjectDetail div
{
	text-align: center;
	padding: 7px 0 0 5px;
}

.ProjectDetailInfo
{
	text-align: left;
	font-size: 0.7em;
	padding: 3px 15px 0 15px;
	overflow: auto;
	height: 443px;
}

.projlinks
{
	width: 100%;
}

.projlinks td
{
	width: 33%;
}

.projlinks a
{
	color: #1E3264;
}

.projlinks a.arrowleft
{
	float: left;
	color: #1e3264;
	font-weight: normal;
	padding: 3px 20px 3px 26px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: underline;
}

.projlinks a.arrow
{
	float: right;
	color: #1e3264;
	font-weight: normal;
	padding: 3px 26px 3px 20px;
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: underline;
}

/* Searchbox */
.searchbox
{
	width: 150px;
	font-size: 11px;
	background-color: Transparent;
	border: none;
	padding: 0 0 2px 3px;
}
.searchbtn
{
	position: absolute;
	width: 20px;
	text-decoration: none;
}

.searchboxbtn
{
	position: absolute;
}

/* EditorInfo */

#BodyContainer #AN_EditorInfo
{
	font-size: 8pt;
	color: #ffffff;
}

/* Sitemap */

#BodyContainer #Body #Main #Content #AN_Sitemap a
{
	color: #000000;
}


.StaticMenuInFooter{display:none;}

/*---{ Modal popup control }----------------------------------------------------------------------*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #EEEEEE;
	border-width: 2px;
	border-style: solid;
	border-color: #595959;
	font-family: Verdana;
	font-size: medium;
	padding: 6px 10px 6px 10px;
	margin: 10px 12px 12px 12px; 
	width: 300px;
}


.modalPopup input
{
	border:solid 1px #C1D0E5;	
}

.li_header
{
	font-weight:bold;
	font-size: 120%;
}
.li_intro
{
	font-size: 80%;
}
.li_userid
{
}
.li_btns input
{
	background-color:#E8E9ED;
	padding: 4px 4px 4px 4px;
}
.li_rmnd
{
	font-size: 80%;
	/*display:none;*/
}


