/**************************************************************************
	Style Sheet for Master Template
	Updated by Moogambigai on June 24 2009
	Updated by Elvi Shu 2009/07/09
**************************************************************************/	
/************** Elements ********************/

body
{
	padding: 0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(../images/bgBody.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
}
form
{
	padding: 0;
	margin: 0;
}


/*********** Master Layout *****************/
.bgInventory
{
	width: 100%;
	padding: 0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(../images/bgInventory.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}
.bgContent
{
	/*width: 1192px;*/
	width:100%;
	padding: 0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(../images/bgContent.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}

/*.bgContent1
{
	width: 100%;
	padding: 0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(../images/bgContent1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}*/

.bgContact
{
	width: 100%;
	padding: 0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(../images/bgContact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}



.outer
{
	padding: 0px;
	margin:0px auto;
	text-align: center;
	width: 952px;
}
#masterTemplateContainer {
	padding: 0px;
	margin:0px;
	width: 952px;
	text-align:left;
}
	
	#masterTemplateContainer .siteContent {
		border:2px solid #aaa;
		background:#fff;	
	
	}
	/** Page Header **/
	#siteHeader {   
		padding: 37px 0px 0px 0px;
		margin:0px;
		float: left;
		width: 952px;
		height: 72px;
	}
		#siteHeader div.logo {
			float: left;
			padding: 0px;
			margin:0px;
			width: 558px;
		}
			
		#siteHeader .searchbox
		{
			padding: 8px 0px 0px 10px;
			float: right;
 			margin:0px;
			width: 215px;
			height: 65px;
		}	
		
		 #siteHeader .searchbox input {
			padding: 0px 0px 0px 10px;
			margin-left:3px;	
		 }
		
		#siteHeader .searchbox .text{
			float:left;
			margin: 0px;
			width: 137px;
			background-attachment: scroll;
			background-image: url(../images/bgSearch.gif);
			background-repeat: no-repeat;
			background-position: left top;
			border:0px;
			color: #FFFFFF;
			padding: 5px;
			height: 17px;
			font-size:11px;	
		}	
		#siteHeader .searchbox .submit{
			padding:5px 0px 5px 0px;
  			float:left;
			width: 50px;
			color: #FFFFFF;
			text-transform: uppercase;
			border: 0;
			font-size:12px;
			font-weight:bold;
			cursor: pointer;
			background-attachment: scroll;
			background-image: url(../images/bgGo.jpg);
			background-repeat: no-repeat;
			background-position: left top;	
			line-height: 17px;	
			margin-left:13px;	
			height:27px;
			 
		}
		
		/*#siteHeader .quicksearch {
			position: absolute;
			top: 100px;
			right: 10px;
		}
				#siteHeader .quicksearch INPUT {font-size: 11px;}
					#siteHeader .quicksearch INPUT.text { border: 1px solid #ccc;padding: 3px;}*/
		#globalMenu { 
			padding: 0px;
			margin:0px;
			height: 50px;
			width: 952px;
			float: left;
			background-image: url(../images/bgMenu.jpg);
			background-position: left top;	
			background-repeat: repeat-x;	
			background-attachment: scroll;	
			position:relative;
			z-index:9;
		}
			#globlaMenu .menu
			{
				padding: 0px;
				margin:0px;
				height: 50px;
				width: 952px;
				float: left;
			}
			 
			
			/*#globalMenu A { color:white; display:block; padding: 0px 10px;}
			#globalMenu A:hover,
			#globalMenu A.hover {background-color:#666; color:white;}*/	
			 
			#globalMenu UL LI:hover A,#globalMenu UL LI.over A {
				background-image: url(../images/bgMenuPipe_over.jpg);
				background-repeat: no-repeat;
				background-position: right top;
				background-color:#19283b;
			}
		 
			
			
		 #globalMenu UL { margin: 0px;padding: 0px;height: 35px;width: 952px;list-style-type:none;vertical-align:middle;}
			#globalMenu UL LI { float: left;vertical-align:middle;}	
			 
			#globalMenu UL LI a {
				text-decoration:none;
				color: #ffffff;
				display:block;
				line-height: 17px;
				font-weight:bold;
				font-size: 13px;
				padding: 15px 12px 0px 15px;	
 				background-image: url(../images/bgMenuPipe.jpg);
				background-repeat: no-repeat;
				background-position: right top;
				height: 35px;
				vertical-align:middle;
				_float:left;
 			}
		   
			

			#globalMenu UL LI a:hover {
				text-decoration:none;
				color: #ffffff;
				/*padding: 15px 12px 0px 15px;
				line-height: 17px;*/
				height: 35px;
				_float:left;
				vertical-align:middle; 
				top:-10px;
				background-image:none;
 				background-image: url(../images/bgMenuPipe_over.jpg);
				background-repeat: no-repeat;
				background-position: right top;
				background-color:#19283b;
				
 			}
			 
			
			 #globalMenu UL LI.active {
				_float:left;_height: 35px;_padding: 0px 0px 15px 0px;background-color:#19283b;
			}
			
			 #globalMenu UL LI.active A, #globalMenu UL LI.active A:hover
			{
  				text-decoration:none;
				color: #ffffff;
				padding: 15px 12px 0px 15px;
				line-height: 17px;
				height: 35px;
				_height: auto;
				vertical-align:middle; 
				top:-10px;
  				background-image: url(../images/bgMenuPipe_over.jpg);
				background-repeat: no-repeat;
				background-position: right top;
   			}
									
					#globalMenu UL LI UL,#globalMenu UL LI.active A UL {display:none; position:absolute; width:200px; _clear:left;background-color:#051427;padding-bottom:10px;border-bottom:solid 3px #FFFFFF;}
 					#globalMenu UL LI:hover UL, #globalMenu UL LI.over UL {display:block; margin:0; padding:0; float:none; _clear:left; background-color:#051427;padding-bottom:10px;border-bottom:solid 3px #FFFFFF;   }
					#globalMenu UL LI.hover UL, #globalMenu UL LI.over UL {display:block; margin:0; padding:0; float:none; _clear:left;background-color:#051427; padding-bottom:10px;border-bottom:solid 3px #FFFFFF;  }
  					
					#globalMenu UL LI:hover UL LI, #globalMenu UL LI.over UL LI { line-height: 25px;    float:none; background-color:#051427; }
					#globalMenu UL LI.hover UL LI, #globalMenu UL LI.over r UL LI { line-height: 25px;   float:none; background-color:#051427; }
 				 
					#globalMenu UL LI UL LI.first  { background-color:#051427; padding-top:10px;}
 					#globalMenu UL LI UL LI a, #globalMenu UL LI:hover UL LI a, #globalMenu UL LI.over UL LI a,
					#globalMenu UL LI.active UL LI A{
						background:none;
  						color: #8F9EB1; 
						margin:0; padding:0;  
  						background-color:#051427; 
						font-size:11px;
						font-weight:normal;			
						padding:0px 0px 4px 25px;	
						#padding:0px 0px 0px 25px;	
						text-decoration:none;
						line-height: 20px;
						#line-height: 18px;
 						height:auto;
						_height:25px;
						_clear:left;background-color:#051427;
     					}			
 					#globalMenu UL LI UL LI a:hover,
					#globalMenu UL LI.active UL LI a:hover,
					#globalMenu UL LI UL LI.active a:hover{
						background-image: url(../images/arrow.jpg);
						background-repeat:no-repeat;
						background-position: center left;
						color:#FFFFFF;
						padding:0px 0px 4px 25px;
						#padding:0px 0px 0px 25px;
 						text-decoration:none;
						line-height: 20px;
						#line-height: 18px;
						height:auto;_height:25px;
						background-color:#051427; 
						_clear:left;background-color:#051427;
  					}
					#globalMenu UL LI UL LI.last{
						 background-color:#051427;
						 padding-bottom:10px;
						 border-bottom:solid 3px #FFFFFF; 
						 _padding-bottom:0px;
						 _border-bottom:none; 
					}
					
					
				 

	/** Module Content **/
	#masterTemplateContainer .moduleContentContainer {margin:10px;position:relative;}
		#masterTemplateContainer .moduleContentContainer H1.moduleTitle { font-family: tribalbenji,Arial;}
		#masterTemplateContainer .moduleContentContainer .showSiteMenu { margin-left:220px;}
		#masterTemplateContainer .moduleContentContainer .sidemenu {width:200px;float:left;}
		#masterTemplateContainer .moduleContentContainer .sidemenu H4 {font-size:14px;font-weight:bold;color:#aaa;}
		#masterTemplateContainer .moduleContentContainer .sidemenu UL {display:block; list-style:none;margin:0px;padding:0px;}	
		#masterTemplateContainer .moduleContentContainer .sidemenu UL LI { display:block; border-bottom:1px solid #eee;}
		#masterTemplateContainer .moduleContentContainer .sidemenu UL LI A {display:block; padding:3px 0px 3px 10px;color:#333;line-height:16px;}
		#masterTemplateContainer .moduleContentContainer .sidemenu UL LI A:hover {background:#666;color:#fff;}
			#masterTemplateContainer .moduleContentContainer .sidemenu UL LI UL { margin-left:20px;}
			#masterTemplateContainer .moduleContentContainer .sidemenu UL LI UL LI { border:none;font-weight:bold;}
		#masterTemplateContainer .moduleContentContainer .moduleContent {
			padding-bottom:50px;
		}
	/* 	===================================================================================================
												FOOTER 
	===================================================================================================  */
	#siteFooter { 
			border-top: 1px solid #38393B;
			width: 952px;
			float: left;
			background-attachment: scroll;
			background-image: url(../images/bgFooter.gif);
			background-repeat: repeat-x;
			background-position: left bottom;
			padding-top: 10px;
			padding-right: 0px;
			padding-bottom: 33px;
			padding-left: 0px;
			height: 111px;
	}
		/*#siteFooter A { color: #666;padding: 0px 5px;}
		#siteFooter #copyright { float: left;}*/
		#branding{ float:right; font-size:10px; color:#798694; padding:10px 0;}
		#branding A {color:#798694; text-decoration:none;}
		#branding A:hover{ color:#fff;}
		#siteFooter p
		{
			font-size: 11px;
			color: #798694;
			padding-right: 92px;
			text-align: justify;
			padding-top: 0px;
			margin: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
		}
	.spacer
	{
		width: 10px;
		float: left;
		padding: 0px;
		margin:0px;
	}	
	#siteFooter .footerLeft
	{
		padding: 0px;
		margin: 0px;
		float: left;
		width: 305px;
		border-right: 1px solid #38393B;
		height: 111px;
	}
	
	.footerLeft h3 
	{
		height:30px;
		font-size:11px;
		color: #ffffff;
		background-attachment: scroll;
		background-image: url(../images/bgFooterTitle.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	
	.footerLeft h3  { width: 305px; }
	
	/* 	===================================================================================================
												FOOTER - MULTI COLUMN LIST
	===================================================================================================  */
	
	#siteFooter .footerLeft UL
	{
		padding: 0;
		margin:0;
		float: left;
	}
	
	#siteFooter .footerLeft UL li
	{
	  line-height: 16px;
	  list-style-type: none;
	  margin: 0px 0 0 0;
	  padding: 0;
	}
  	.footerLeft UL li a
	{
	  display: block;
	  width: 110px;
	  color: #798694;
	  text-decoration: none;
	  font-size: 10px;
	}
	.footerLeft UL li a:hover
	{
	  color: #FFFfff; /* white */
	}
	
	.footerLeft .basicMenuSubMenu {
		display:none;
		float:none;
	}	
 	.footerLeft ul.basicMenu li+li+li+li+li { position:relative; left:98%; top:-4.0em ;#top:-4.8em ;}
	
	.footerLeft .menuItem_90 {
	 	_margin-top: -76px;
	 }
	.footerLeft .menuItem_90,.footerLeft .menuItem_91,.footerLeft .menuItem_114{
		_margin-left:101px;
  	}
	
	.footerLeft .footersecondarymenu ul{  
  		left:31%;
 		position:relative;
 		_left:200px;
		_top:-78px;
 	 }
 	/* 	===================================================================================================
													FOOTER CENTER
	===================================================================================================  */
 	.footerCenter
	{
		padding: 0px;
		margin: 0px;
		float: left;
		width: 551px;
		border-right: 1px solid #38393B;
		height: 111px;	
	}
	.footerCenter h3
	{
		height:30px;
		font-size:11px;
		color: #ffffff;
		background-attachment: scroll;
		background-image: url(../images/bgFooterTitle.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
 	.footerCenter img
	{
		padding: 0px 15px;
	}
	
	/* 	===================================================================================================
													FOOTER RIGHT
	===================================================================================================  */
 	#siteFooter #footerRight
	{
		width: 84px;
		float: left;
		padding: 0px;
		margin:0px;
 		float: right;
		text-align: right;
 	}
	/* 	===================================================================================================
												INNER - HEADER
	===================================================================================================  */
	
	.innerHeader
	{
		width: 950px;
		float: left; 
		height: 56px;
		margin: 0px 0px 0px 0px;
		padding: 47px 0px 0px 0px;
		
	}
	.innerHeader h1
	{
		font-size: 28px;
		padding: 0px;
		margin: 0;
		float: left;
		color: #ffffff;
		text-transform: uppercase;
		font-weight:bold;
	}
	
	/* 	===================================================================================================
													INNER - BREADCRUMB
	===================================================================================================  */
	.breadcrumb
	{
		height: 28px;
		width: 928px;
		padding: 15px 0px 0px 22px;
		margin: 0px;
		float: left;
		font-size: 11px;
		color: #ffffff;
		font-weight: bold
	}
	.breadcrumb a
	{
		text-decoration: none;
		color: #ffffff;
	}
	.breadcrumb a:hover
	{
		text-decoration: underline;
		color: #ffffff;
	}
	
	/* 	===================================================================================================
													INNER - BOTTOM
	===================================================================================================  */
	
	.innerBottom
	{
		float: left;
		background-color: #ffffff;
		padding: 0px;
		margin: 0px 0px 18px 1px;
		height: 15px;
		width: 950px;
		background-attachment: scroll;
		background-image: url(../images/bgContentBottom.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	.clBottom
	{
		float: left;
		background-color: #ffffff;
		padding: 0px;
		margin: 0px 1px 18px 1px;
		height: 15px;
		width: 950px;
		background-attachment: scroll;
		background-image: url(../images/bgContentBottom1.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
	
	
 /*********** Basic Form Structure *****************/
/*	.formElement { margin-bottom:3px;}
	.formElement INPUT,
	.formElement TEXTAREA,
	.formElement SELECT { font-size:11px;font-family:Arial;}
	.formElement INPUT {overflow:auto;padding:3px 0px;}	
	.formElement INPUT.text { 
		
	}
	.formElement TEXTAREA.textarea { width:200px;}
	.formElement SELECT { width:200px;}
	.formElement LABEL {float:left; font-weight:bold; width:80px;}
	.formElement .radio,
	.formElement .checkbox { margin-left:80px;}
	 H3.formElement {border-bottom:1px solid #ccc;}

*/


.clear {
	clear:both;
}


/* Scraptool */
BODY.scraptool{
	text-align:center;
	color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

	BODY.scraptool #content{
		/*margin:50px 0 20px 0;	*/
	}
	
		BODY.scraptool #content H1{
			margin:65px 0 30px;
		}

		BODY.scraptool #content H2{
			margin:35px 0 10px;
		}

		BODY.scraptool .scraptool_msg{
			font-size:14px;
			font-weight:bold;
			padding:20px 0;	
		}
		
		BODY.scraptool .scraptool_msg A{
			color:#fff;
		}