.Heading1.home,H1.home
{
	font-size: 18px;
	color: #000033;
	margin: 8px 0px 8px 0px;
	white-space: nowrap;
}

.Heading2.home,H2.home
{
	font-size: 15px;
	color: #000033;
	margin: 5px 0px 10px 0px;
	white-space: nowrap;
}




/* Word Compatibility Styles */
/* These styles alter the default html behaviour to be more like MS Word */

	FORM			{margin-top:0px; margin-bottom:0px;}
	UL              {list-style:square; margin-top:0px; margin-bottom:0px;}	
	OL				{margin-top:0px; margin-bottom:0px;}
	BLOCKQUOTE		{margin-top:0px; margin-bottom:0px;}


/* Global Styles */

a 
{
	text-decoration: underline;
	color: #000000;	
}

a:link
{
	text-decoration: underline;

}

a:active
{
	text-decoration: underline;

}

a:visited
{
	text-decoration: underline;

}

a:hover 
{
	text-decoration: underline;

}


a.WidgetLink
{
	 font-size: 10px;
	 color: #FF9900;
	 text-decoration: none;
}

a.WidgetLink:hover
{
	 font-size: 10px;
	 color: #FF9900;
	 text-decoration: underline;
}


a.footerlink
{
	 font-size: 11px;
	 color: #000000;
	 text-decoration: none;
}

a.footerlink:hover
{
	 font-size: 11px;
	 color: #000000;
	 text-decoration: underline;
}

a.infolink
{
	 font-size: 11px;
	 color: #000000;
	 text-decoration: none;
}

a.infolink:hover
{
	 font-size: 11px;
	 color: #000000;
	 text-decoration: none;
}

a.infolink-underline
{
	 font-size: 11px;
	 color: #000000;
	 text-decoration: none;
}

a.infolink-underline:hover
{
	 font-size: 11px;
	 color: #000000;
	 text-decoration: underline;
}

a.category-title-text
{
	font-weight:bold;
	text-decoration: none;
}

a.category-title-text:hover
{
	font-weight:bold;
	text-decoration: underline;
}

a.gridlink
{
	font-weight:normal;
	color: #000333;
	text-decoration: underline;
}

a.SEOProductLinks
{
	font-weight:normal;
	color: #888888;
	text-decoration: none;
}

a.SEOProductLinks:hover
{
	font-weight:normal;
	color: #888888;
	text-decoration: underline;
}
	
/* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */


/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */

html
{
	height: 100% !important;
	text-align: left !important;
	background: #e4e4e4 url(../../../images/bg-content.png) repeat-y top center;
    margin:0;
	padding:0;
	overflow-y:scroll;  /*Adds vertical scrollbar in all browsers so page does not jump */
	overflow-x:auto;
	/*border: 1px solid blue; */
}

body 
{
	/*background-color: #e5e7ea;*/
	/*margin: 15px auto 15px auto;*/
	margin: 0px auto 0px auto;
	padding:0;
	font-family: arial, sans-serif;
	font-size: 12px;
	/*border: 1px solid green; */
}


	/* These styles used in the supplied templates */
	#utilitylinks A	{font-size:small; color:#444444; font-weight:normal;}
	#utilitylinks A:hover	{color:#999999;}
	

/* Plugin Styles */
/* These styles are used by plugins through out the site. */

	/* Scroller */
	#divscroller0	{z-index:1;}
	.scrollertitle	{z-index:1; color:#8C897A; font-family:arial, sans-serif;	font-size:12px; font-weight:bold;}
	.scrollerbody	{z-index:1; color:#8C897A; font-family:arial, sans-serif; 	font-size:12px; font-weight:normal;}
	.search         {color:#8C897A;	font-size:small; font-weight:bold;}

	/* Whats new */
	.WhatsnewTitle	{font-size:9pt; color:#8C897A; font-weight:bold;}
	.WhatsnewTitle:hover	{color:#8c89ff;}
	.WhatsnewBody	{font-size:8pt; color:#8C897A; font-weight:normal; float:left;}

	/* SiteMap */
	DIV.sitmp0				{padding:2px;}
	DIV.sitmp1				{padding:2px;}
	DIV.sitmp2				{padding:2px;}
	A.sitmpA0				{color:#000000; font-weight:normal; text-decoration: none;}
	A.sitmpA0:hover			{text-decoration: underline; color: #000000;}
	A.sitmpA1				{color:#000000; font-weight:normal; text-decoration: none;}
	A.sitmpA1:hover			{text-decoration: underline; color: #000000;}
	A.sitmpA2				{color:#000000; font-weight:normal; text-decoration: none;}
	A.sitmpA2:hover			{text-decoration: underline; color: #000000;}

	/* Page Counter Styles */
	#PageCounter	{text-align:right; clear:both; width:10em;}
	.PageCounter	{text-align:left; font-size:x-small; color:#000070;}
	HR.PageCounter	{color:#000070; height:1px;}
	.PageCounterTxtBox {width:40px;}


	/* Global Sidemenu Styles  - see color style sheets for further styles */
	/* These are styles used globally by the expanding sidemenu. Further styles for this plugin are defined the in the "color" style sheets. */
		
		/* style for the containing div for the menu */	
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#sidemenu {
			width:100%;
			font-family:arial, sans-serif;
			font-size:83%;
		}

		/* style of the "header" for the menu if there is one */
		div#sidemenu .head	{
					font-weight:bold; 
					height:1.75em; padding-left:0.6em; padding-top:0.5em; margin-bottom:0.01px; margin-top:0.01px;
					}
		/* default ul tag style for this menu - you probably won't need to change this */
		div#sidemenu ul 
		{
			list-style:none;
			margin:0;
			padding:0px;
		}
		
		/* default li tag style for this menu - you probably won't need to change this */
		div#sidemenu ul li		
		{
			float:left; width:100%; margin:0px;
		}
		
		/* style for the actual menu links. padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
		/* change the padding styles, but exercise some caution with different browsers*/					
		div#sidemenu a {
			display:block;
			text-decoration:none;
			padding-top:0.23em;
			padding-bottom:0.33em;
		}
		
		/* style for the menu bullets */
		div#sidemenu a SPAN	 {float:left; height:1.5em; width:14px; background-repeat:no-repeat;}




	/* Top Drop Down Menu Styles */
	/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

		/* style for the containing div for the menu */
		/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
		div#topdropmenu 
		{
			font-family:arial, sans-serif;
			font-size:12px;
			z-index:99;
			width:595px;	
		}
		
		/* default ul tag style for this menu - you probably won't need to change this */
		div#topdropmenu ul 
		{
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
		/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
		div#topdropmenu a {
			display:block;
			margin:0px;
			height:100%;
			text-decoration:none;
		}

		/* default li tag style for this menu - you probably won't need to change this */
		/* the postion:relative and float:left are critical to the correct operation of the menu */
		div#topdropmenu ul li	{position:relative; float:left; margin:0px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#topdropmenu ul ul {
			position:absolute;
		}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
	
	/* This section defines the width of the menu items at different levels */
	div#topdropmenu ul.L0		{width:595px;} /* defines the total width of the top menu */
	div#topdropmenu ul.L1		{width:124px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:124px;} /* width of level 2 leaves */
	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul	{top:30px; left:0;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:0px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:1px; left:100%;} /* position of third leaf - if there is one*/

	/* defines width of menu items */
	div#topdropmenu ul.L0 li	{width:100px;} /* level 0 items */
	div#topdropmenu ul.L1 li	{width:100px;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:100px;} /* level 2 items */
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	div#topdropmenu ul.L0 li a	{width:130px; height:19px; font-size:110%; font-weight:bold; padding-top:5px; padding-left:8px; padding-right:15px;}
	div#topdropmenu ul.L1 li a	{width:150px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	div#topdropmenu ul.L2 li a	{width:150px; height:auto; font-size:100%; font-weight:normal; padding-left:5px; padding-right:15px; padding-top:.23em; padding-bottom:.33em;}
	
	/* end top menu bar*/
	a img
	{
		border-style:none;
	}

/*Events Calendar */
.eventsborder {background-color:#222299; color:#ffffff; font-family:arial, sans-serif; font-size:110%; font-weight:bold;}
.eventsboxbg {background-color:#e7e7e7; font-size:100%; color:#222299;}
.eventsbullet {background-image:url(../../images/documenticon.gif);}

/* eWorld UI Calendar Control */
.calCtrl {font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlDayHeader {background-color: #DCDCDC; color: Black;font-size:60%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlMonthHeader {background-color: #0f9fef; color: Black;font-size:85%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlWeekDay {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlOffMonth {background-color: #778898; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlGoToToday {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlTodayDay {background-color: #0f9fef; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlWeekend {background-color: #D3D3D3; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlSelectedDate {background-color: #FFFF00; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlClearDate {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}
.calCtrlHoliday {background-color: #FFFFFF; color: Black;font-size:80%; font-weight:normal; font-family:arial, sans-serif;}


/* main event calendar table */
TABLE.eventBrowser				{border: solid green 0px; vertical-align:top;} /*; border:solid red 1px;}*/

/* calendar section */
TABLE.eventCalendar				{border-collapse:collapse;} /* border: solid blue 0px*/

/* calendar month section */
Table.eventMonth					{border-collapse:collapse; margin-bottom:0.2em; margin-right:0.2em;}
TD.eventMonthTitle				{padding-left:0.2em; background-color: #9AB6FF; height:1em; font-family:arial, sans-serif; font-size:70%; font-weight:bold;}
TD.eventMonthContent				{background-color: #FFF0D3; border: solid #9AB6FF 1px;}
DIV.eventMonthContent			{padding:0.2em; overflow: auto ; height:5.5em; width:11em;}

/* calendar event details section */
DIV.eventDetails					{} /*border:solid cyan 0px;}*/ 
Table.eventDetails				{border-collapse:collapse; vertical-align:top; height:100%;} /*border:solid red 0px;*/
TD.eventDetailsTitle				{background-color: #9AB6FF; height:1em; font-family:arial, sans-serif; font-size:70%; font-weight:bold;}
TD.eventDetailsContent			{background-color: #FFF0D3; border: solid #9AB6FF 1px;}
DIV.eventDetailsContent			{margin:2px; overflow: auto ; height:26.2em; width:18em;}
DIV.eventDetailsHeaders			{color:black; font-family:arial, sans-serif; font-size:80%;}
DIV.eventDetailsDescription	{color:black; font-family:arial, sans-serif; font-size:100%;}

/* calendar key section */
Table.eventKey						{border-collapse:collapse; border: solid #9AB6FF 1px; width:100%;}
TD.eventKeyTitle					{background-color: #9AB6FF; height:1em; width:13.1em; font-family:arial, sans-serif; font-size:70%; font-weight:bold;}

/* calendar key types */
.eventKeyDefault					{color:gray; font-family:arial, sans-serif; font-size:80%;}
.eventKeyFinancial				{color:red; font-family:arial, sans-serif; font-size:80%;}
.eventKeyGeneral					{color:blue; font-family:arial, sans-serif; font-size:80%;}
.eventKeyInternal					{color:green; font-family:arial, sans-serif; font-size:80%; }
.eventKeyTrade						{color:magenta; font-family:arial, sans-serif; font-size:80%;}
.eventKeyOther						{color:cyan; font-family:arial, sans-serif; font-size:80%;}

/* my links */ 
#mnu {width:8em; height:15em;}
.mnu {font-family:arial, sans-serif; font-size:100%;}
.mylinks {font-family:arial, sans-serif; font-size:100%; color:#3366ff; list-style-image:url(MLBullet.gif); line-height:105%;}
TD.mnu_bullet_nc1 {background-image:url(../../../../images/mnu_0_bullet_nc1.gif)}


/*Vacancies2*/
.VacanciesDarkBg {background-color:#66CC66;}
.VacanciesLightBg1 {background-color:#66CCcc;}
.VacanciesLightBg2 {background-color:#99ee99;}
.VacanciesLightBg3 {background-color:#ffffff;}



/* Blogging Plugin  Styles */
.BloggingAboutBox
{
	padding: 10px;
}

.BloggingAboutBox A
{
	display: block;
}

.RSSFeedLink
{
	float:right;
	margin-top: -30px;
	margin-right: 5px;
}

.BlogItem
{
	margin-bottom: 30px;
}

.BlogItem .CreatedDate
{
	font-size: x-large;
	color: navy;
	border-bottom: 1px dashed navy;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.BlogItem h1.Title
{
	font-size: large;
}

.BlogItem .Content
{
}

.CommentItem
{

	border-bottom: 1px lightgrey dashed;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.CommentItem .Title
{
	font-weight: bold;
	margin-bottom: 5px;
}

.CommentItem .MetaData
{
	font-style: italic;
	color: gray;
	margin-bottom: 10px;
}

.CommentItem .Content
{
	margin-bottom: 10px;
}

.CommentItem .CreatedDate
{
	font-weight: bold;
}


a[name="Comments"] + p,
a[name="Comments"] + p + h2
{
	clear: both;
}
div.BlogItem > div.Footer
{
	clear: both;
	padding-top: 2em;
}

/* New comment form layout */
.BlogEntryNewCommentForm fieldset {
  margin-bottom: 10px;
}
.BlogEntryNewCommentForm legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

.BlogEntryNewCommentForm fieldset ol {
  margin: 0;
  padding: 0;
}
.BlogEntryNewCommentForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.BlogEntryNewCommentForm fieldset input,
.BlogEntryNewCommentForm fieldset textarea
{
  width: 350px;
}
.BlogEntryNewCommentForm fieldset label
{
	display:-moz-inline-block;
	display: inline-block;
	width: 120px; /* Width of labels */
	vertical-align:top;
	line-height: 1.8em;
}


/* Form styles */
	
.BlogEntryNewCommentForm legend { padding-left: 0; }
	
.BlogEntryNewCommentForm legend,
.BlogEntryNewCommentForm label { color: #333; }

.BlogEntryNewCommentForm fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	}
		
.BlogEntryNewCommentForm fieldset li {
	padding: 5px 10px 7px;
	border-bottom: 1px solid #C9DCA6;
	}

/* End blogging styles */

/* Rss Feed Styles */
UL.rssFeed			{list-style:none; margin:0px; margin-bottom:20px; width:40em;}
UL.rssFeed LI		{margin-bottom:.75em;}
UL.rssFeed A		{font-size:120%; font-weight:bold;}
UL.rssFeed .desc	{margin-bottom:.2em;}
UL.rssFeed .meta	{}




/* ========= MMMC Specific Styles ========================================= */

/* Form Elements */

.form
{
	width: 527px;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #333333;	
}

.customerinfoform
{
	width: 517px;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #333333;
    margin-left: 10px;
}

.FormErrorTxt
{
	text-align: center;
	color: #cc3300;
}

.required
{
	color: #cc3300;
}

.requiredtxt
{
	text-align: left;
	color: #cc3300;
}

.formheader
{
    color: #333333;
    font-size: 13px;
    border-bottom: 1px solid #cccccc;
}

.headerRFS
{
	text-align: left;
	color:#cc3300;
	 font-size:larger;
	 font-weight:bold;
}
.formlabel
 {
	width: 170px;
	text-align: right;
}
.formlabel10
 {
	width: 10px;
	text-align: left;
}
.formlabel90
 {
	width: 90px;
	text-align: right;
}
.formlabel120
 {
	width: 120px;
	text-align: right;
	white-space: nowrap;
}
.formlabel140
 {
	width: 140px;
	text-align: right;
}
.formlabel150
 {
	width: 150px;
	text-align: right;
}
.formlabel155
 {
	width: 155px;
	text-align: right;
}
.formlabel160
 {
	width: 160px;
	text-align: left;
}
.formlabel160rt
 {
	width: 160px;
	text-align: right;
	white-space: nowrap;
}
.formlabel180
 {
	width: 180px;
	text-align: left;
}
.commentlabel
 {
	width: 170px;
	text-align: right;
	vertical-align: top;
}

.textbox
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 280px;
}
.textbox135
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 135px;
}
.textbox150
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 140px;
}
.textbox370
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 370px;
}
.textbox380
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 378px;
}
.textbox400
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 390px;
}

.dropdownbox
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 140px;
}

.dropdownbox135
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 135px;
}

.dropdownbox150
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 145px;
}

.dropdownbox170
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 170px;
}
.commentbox
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	height: 80px;
    width: 350px;
}
.commentbox370
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	height: 80px;
    width: 378px;
}
.commentbox400
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;;
	border: 1px solid #cccccc;
	height: 80px;
    width: 390px;
}


/*QUICK QUOTE FORM STYLES */

.quickquoteform
{
	width: 537px;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #333333;
    margin-left: 5px;
    margin-top: 5px;
}
.QQformheader
{
    color: #333366;
    background-color: #d6e7ee;
    height: 27px;
}
.QQformlabel
{
	width: 210px;
	white-space: nowrap;
}
.QQtextbox
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 305px;
}
.QQtextboxPhone
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 175px;
}
.QQtextboxExt
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 89px;
}
.QQdropdownbox
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 150px;
}
.QQcommentbox
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	height: 80px;
    width: 305px;
}
.QQhiddentextbox
{
    display: none;
    color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 150px;
}

/*QUICK QUOTE FORM STYLES -- END */


.hiddentextbox
{
    display: none;
    color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 145px;
}

.listbox
{
      color: #333333;
      font-weight: normal;
      font-size: 12px;
      font-family: arial, sans-serif;
      border: 1px solid #cccccc;
      width: 140px;
}


.formbtn
{
	text-align: right;
}

.SubmitBtn
{
	background:url(../../../../images/buttons/submit_form_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 72px;
	height: 23px;
	cursor: pointer;
}

.QQSubmitBtn
{
	background:url(../../../../images/buttons/QQsubmit_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #ffffff;
	width: 140px;
	height: 30px;
	cursor: pointer;
}

.SubscribeBtn
{
	background:url(../../../../images/buttons/subscribe_form_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 92px;
	height: 23px;
	cursor: pointer;
}


/* Live Inventory Search Form Elements */

.PlusIcon
{
	vertical-align: middle;
	border: 0;
	padding-bottom: 4px;
}

#AdvancedOptionsToggle
{
	background-color: #dcebf1;
	width: 170px;
}

#AdvancedOptions
{
	/* border: 1px solid blue;
	min-height: 30px; */
	height: auto;
	padding-bottom: 6px;
}

#SearchTabs
{
	clear: both;
	height: auto;
	width: 100%;
	position: relative;
	top: 1px;
}

#Tab1
{
	 float: left;
	 width: 120px;

}

.Tab
{
	 float: left;
	 width: 120px;
	 height: 22px;
	 border-top: solid 2px #FF6600;
	 border-right: solid 1px #cccccc;
	 border-left: solid 1px #cccccc;
	 border-bottom: solid 1px #ffffff;
	 font-family: arial, sans-serif;
	 cursor: pointer;
	 background-color: #ffffff;
	 color: #FF6600;
	 font-size: 11px;
	 outline: none;
	 -moz-outline: none;
}

.TabGray
{
	 float: left;
	 width: 120px;
	 height: 22px;
	 border-top: solid 1px #cccccc;
	 border-right: solid 1px #cccccc;
	 border-left: solid 1px #cccccc;
	 border-bottom:  solid 2px #cccccc;
	 font-family: arial, sans-serif;
	 cursor: pointer;
	 background-color: #cccccc;
	 color: #000000;
	 font-size: 11px;
	 outline: none;
	 -moz-outline: none
}

.or
{
	 width: 10px;
	 float: left;
	 text-align: center;
	 font-weight: bold;
}

#Tab2
{
	 float: left;
	 width: 120px;
}


#Tab3
{
	float: left;
	width: 120px;
}

#SearchPanels
{
	 clear:both;
	 height: auto;
	 width: 100%;
}

.Pnl_SqFt
{
	border: solid 1px #cccccc;
	height: auto;
	width: auto;
	min-height: 50px;
	padding: 8px;
}

.Pnl_WdLn
{
	 border: solid 1px #cccccc;
	 height: auto;
	 width: auto;
	 min-height: 80px; 
	 padding: 8px;
}

.Pnl_ModelNo
{
	border: solid 1px #cccccc;
	height: auto;
	width: auto;
	min-height: 30px;
	padding: 8px;
}


.textbox60
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 60px;
}

.dropdown60
{
	color: #333333;
	font-weight: normal;
	font-size: 12px;
	font-family: arial, sans-serif;
	border: 1px solid #cccccc;
	width: 60px;
}

#SearchLIBtmBar
{
	border-top: 1px solid #dcebf1;
	clear: both;
	height: 35px;
}

#SearchLIReqFlds
{
	float: left;
	padding-top: 5px;
	height: 31px; 
}

#SearchLIButton
{
	float: right;
	padding-top: 3px;
	height: 31px;
}

.SearchLIBtn
{
	background:url(../../../../images/buttons/IS_form_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 138px;
	height: 23px;
	cursor: pointer;
}

.SearchReturned
{
	text-align: left;
	padding-bottom: 8px;
	height: auto;
	width: 100%;
	clear: both;
	font-weight: bold;
}

.SearchResultsTab
{
	float: left;
	border-top: solid 2px #FF6600;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 247px;
	white-space: nowrap;
	vertical-align: middle;
	height: 20px;
}

.SearchResultsTabLine
{
	float: left;
	border-bottom: 1px solid #cccccc;
	height: 20px;
	width: 270px;
}

.SearchReturnedText
{
	padding-left: 5px;
	vertical-align: middle;
	color: #000000;
}

.SubCatIndent
{
    padding-left: 22px;
}



/* Quote Cart Styles */

.QCRegionHeader
{
	background-color: #000333;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.QCTable
{
	width: 100%;
}

.GVQuoteCart
{
	width: 100%;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #ffffff;
}

.QCQty
{
	font-family: arial, sans-serif;
    font-size: 12px;
    color: #333333;
    width: 15px;
    height: 15px;
}

.QCHeader
{
    font-size: 12px;
    color: #43525A;
    font-weight: normal;
    background-color: #ffffff;
    text-align: left;
    border-top: #D5DEE3 1px solid;
    text-decoration: none;
}

.QCHeaderCenter
{
    font-size: 12px;
    color: #43525A;
    font-weight: normal;
    background-color: #ffffff;
    text-align: center;
    border-top: #D5DEE3 1px solid;
    text-decoration: none;
}

.QCHeader1
{
    font-size: 12px;
    color: #43525A;
    font-weight: normal;
    background-color: #ffffff;
    text-align: center;
    border-top: #D5DEE3 1px solid;
    border-left: #D5DEE3 1px solid;
    text-decoration: none;
}


.QCHeader a
{
    text-decoration: none;
    color: #43525A;
}

.QCHeader1 a:hover
{
    text-decoration: underline;
    color: #43525A;
}

.QCHeader a:hover
{
    text-decoration: underline;
    color: #43525A;
}

.QCHeader1 a
{
    text-decoration: none;
    color: #43525A;
}


.QCHeaderEnd
{
    font-size: 12px;
    color: #43525A;
    font-weight: normal;
    background-color: #ffffff;
    text-align: center;    
    border-right: #D5DEE3 1px solid;
    border-top: #D5DEE3 1px solid;
}

.QCColumn
{
	vertical-align: top;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eef0f0;
}

.QCColumnPadRight
{
	vertical-align: top;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    background-color: #eef0f0;
}

.QCColumn1
{
	vertical-align: top;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-left: #eef0f0 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eef0f0;
}

.QCColumnEnd
{
	vertical-align: top;
	text-align:center;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-right: #eef0f0 1px solid;
	padding-top: 10px;
    background-color: #eef0f0;
}

.QCPaging td table
{
    color: #333333;
    font-weight: normal;
    text-align: right;
    /* width: 12%; */
}

.QCRestroomTxt
{
    color: #333333;
    font-weight: normal;
    padding-top: 10px;
    vertical-align: top;
    text-align: center;
    font-size: 10px;
    border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    background-color: #eef0f0;
}

.QCRestroomBtns
{
    color: #333333;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
}

.QCAccyHeader
{
	background-color: #d8f1fd;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	color: #000033;
}

.QCAccyList
{
	border: solid 3px #d8f1fd;
}

.QCMoreAccyTxt
{
	color: #3366cc;
	font-size: 12px;
	white-space: nowrap;
}

.QCMoreAccyIcons
{
	vertical-align: middle;
	border: 0;
}

.QCMoreAccyTD
{
	vertical-align: top;
	text-align: right;
	padding: 5px;
}

.CartShoppingBtn
{
	background:url(../../../../images/buttons/cont_shopping_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 122px;
	height: 23px;
	cursor: pointer;
}

.QCCheckoutBtn
{
	background:url(../../../../images/buttons/checkout_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 81px;
	height: 23px;
	cursor: pointer;
}

.BackBtn
{
	background:url(../../../../images/buttons/back_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 62px;
	height: 23px;
	cursor: pointer;
}

#QCCheckout
{	
	padding-top: 9px;		
	background-color: #ffffff;
	text-align: right;
}

.QCXItemsTxt
{
	text-align: left;
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 11px;
	background-color: #dbeaf0;
	font-weight: normal;
}

.QCXItemsOrangeTxt
{
	color: #FF6600;
	font-weight: bold;
}


/* Quote Cart Confirmation Styles */

.QCConfirmReqTxt
{
	border: solid 1px #98d6e9;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	background-color: #ffffff;
	color: #CC6600;
}

.QCConfirmCol1TxtHeading
{
	 padding-top: 8px;
	 padding-left: 8px;
	 white-space: nowrap;
	 font-weight: bold;
	 width: 50%;
}

.QCConfirmCol1Txt
{
	vertical-align: top;
	padding-left: 8px;
	padding-bottom: 8px;
	white-space: nowrap;
	width: 50%;
}

.QCConfirmCol2Txt
{
	vertical-align: top;
	padding-bottom: 8px;
	white-space: nowrap;
	width: 50%;
}

.QCConfirmComments
{
	padding-top: 3px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.QCConfirmCol2TxtHeading
{
	padding-top: 8px;
	white-space: nowrap;
	font-weight: bold;
	width: 50%;
}


.QCConfirmColumn
{
	vertical-align: top;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #d6e7ed;
}

.QCConfirmColumnPadRight
{
	vertical-align: top;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    background-color: #d6e7ed;
}

.QCConfirmColumn1
{
	vertical-align: top;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #d6e7ed;
}

.QCConfirmColumnEnd
{
	vertical-align: top;
	text-align:center;
	border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-right: #FFFFFF 1px solid;
	padding-top: 10px;
    background-color: #d6e7ed;
}

.QCConfirmRestroomTxt
{
	color: #333333;
    font-weight: normal;
    padding-top: 10px;
    vertical-align: top;
    text-align: center;
    font-size: 10px;
    border-top: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    background-color: #d6e7ed;
}

.QCConfirmAccyHeader
{
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	color: #000033;
}

.QCConfirmAccyList
{
	border: solid 1px #97bed3;
}

.QCConfirmAccyTxt
{
	padding-left: 12px;
}

.QCConfirmGrayLine
{
	border-top: solid 1px #d5dee3;
	height: 0;
}

/* Quick Quote Confirmtion Page */

.QQConfirmGrayLine
{
	border-top: solid 1px #d5dee3;
	height: 10px;
}

.QQConfirmReqTxt
{
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}


/* Grid View Styles */

.GVProducts
{
	width: 100%;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #ffffff;
}

.GridHeader
{
    font-size: 12px;
    color: #43525A;
    font-weight: normal;
    background-color: #ffffff;
    text-align: left;
    border-top: #D5DEE3 1px solid;
    text-decoration: none;
}

.GridHeader1
{
    font-size: 12px;
    color: #43525A;
    font-weight: normal;
    background-color: #ffffff;
    text-align: center;
    border-top: #D5DEE3 1px solid;
    border-left: #D5DEE3 1px solid;
    text-decoration: none;
}


.GridHeader a
{
    text-decoration: none;
    color: #43525A;
}

.GridHeader1 a:hover
{
    text-decoration: underline;
    color: #43525A;
}

.GridHeader a:hover
{
    text-decoration: underline;
    color: #43525A;
}

.GridHeader1 a
{
    text-decoration: none;
    color: #43525A;
}


.GridHeaderQuote
{
    font-size: 12px;
    color: #43525A;
    font-weight: normal;
    background-color: #ffffff;
    text-align: center;
    border-left: #D5DEE3 1px solid;
    border-right: #D5DEE3 1px solid;
    border-top: #D5DEE3 1px solid;
}

.GridColumn
{
	vertical-align: top;
	border-top: #D5DEE3 1px solid;
    border-bottom: #D5DEE3 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

.GridColumnPadRight
{
	vertical-align: top;
	border-top: #D5DEE3 1px solid;
    border-bottom: #D5DEE3 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

.GridColumn1
{
	vertical-align: top;
	border-top: #D5DEE3 1px solid;
    border-bottom: #D5DEE3 1px solid;
    border-left: #D5DEE3 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
}

.GridColumnQuote
{
	vertical-align: middle;
	text-align:center;
	border-left: #D5DEE3 1px solid;
	border-top: #D5DEE3 1px solid;
    border-bottom: #D5DEE3 1px solid;
    border-right: #D5DEE3 1px solid;
	padding-top: 5px;
    padding-bottom: 5px;
}

.GridPaging td table
{
    color: #333333;
    font-weight: normal;
    text-align: right;
    margin-right: 50px;
}

.GVRestroomTxt
{
    color: #333333;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    border-top: #D5DEE3 1px solid;
    border-bottom: #D5DEE3 1px solid;
}

.RRIcon
{	
	padding-bottom: 0px;
}

.GVRestroomBtns
{
    color: #333333;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
}

.AddToQuoteBtn
{
	background:url(../../../../images/buttons/btn.gif);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000333;
	width: 98px;
	height: 23px;
	cursor: pointer;
}

.RemoveItemBtn
{
	/*background:url(../../../../images/buttons/remove_item_btn.gif);*/
	background:url(../../../../images/buttons/btn.gif);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000333;
	width: 98px;
	height: 23px;
	cursor: pointer;
}

.GoToCartBtn
{
	background:url(../../../../images/buttons/goToCart_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 122px;
	height: 23px;
	cursor: pointer;
}

#GoToCart
{
	text-align: right;
	height: 27px;
	width: 100%;
	/*border: 1px solid red; */
	clear: both;
}

#FeaturedTab
{
	float: left;
	width: 125px;
	height: 16px;
	position: relative;
	top: 22px;
	/*border: 1px solid blue; */
}

#ViewAll
{
	float: right;
	text-align: right;
	width: auto;
	white-space: nowrap;
	height: 16px;
	position: relative;
	top: 22px;
	/*border: 1px solid blue; */
}

.FeaturedTabPaging
{
	width: 125px;
	height: 16px;
	display: inline;
	float:left;
	position: relative;
	top:7px;
}

.FeaturedTabNoPaging
{
	width: 125px;
	height: 16px;
	display: inline;
	float:left;
	position: relative;
	top:-21px;
	
}

.GridTopDiv
{
	height: 17px;
}

.btnViewPagingTop
{
	position: relative;
	top:-22px;
}
.btnViewPagingBtm
{
	position: relative;
	top:22px;
}


.GridBtmDiv
{
	height: 17px;
}

#ViewAllBtm
{
	float: right;
	text-align: right;
	width: auto;
	white-space: nowrap;
	position: relative;
	top: -22px;
	/*border: 1px solid blue; */
}

/* MINI-QUOTE CART */

.GVMiniCart
{
	width: 100%;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #ffffff;
    border: none;    
}

.DetailedQCBtn
{
	background:url(../../../../images/buttons/detail_quote_btn.png);
	font-weight: bold;
	border: solid 0px #ffffff;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000333;
	width: 134px;
	height: 23px;
	cursor: pointer;
}

#GVMiniCartBtnDiv
{
	padding-bottom: 5px;
}

.MiniCartGridColumn
{
	vertical-align: top;
    /* border-top: #D5DEE3 1px solid; */
    text-align: left;
    padding-left: 1px;
    padding-right: 5px;
}

.MiniCartRecentlyAddedTxt
{
    color: #333333;
    text-align: center;
    font-size: 11px;
    font-weight: bold;    
}

.MiniCartRecentlyAddedTitle
{
	padding-top: 3px;
	padding-bottom: 3px;
}




/* HORIZONTAL MENU
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	/*z-index: -200; */
	float:left;
	width: 100%;
	height: 28px;
	font-size: 14px;
	text-decoration: none;
	background-color: #000033;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	text-decoration: none;
}

.menu ul li {
	float:left;
	position:relative;
	text-decoration: none;
	z-index: 300;
}

.menu ul li a, .menu ul li a:visited {
	float:left;
	display:block;
	text-decoration: none;
	color:#ffffff;
	/* padding: 5px 23px 0px 17px; **Old Menu with 'Modular Buildings'** */
	padding: 5px 34px 0px 17px; /* **New Menu with 'Products'** */
	text-align: left;
	height:22px;
	border-right: 1px solid #ffffff;
	font-size: 14px;
}

.menu ul li:hover {
	width: auto; 
	text-decoration: none; 
	color: #ffffff; 
	background-color: #cc6600;
}

.menu ul li a.menu:hover {
	color:#ffffff; 
	background-color: #000033; 
	text-decoration: none;
}

.menu ul li:hover a.menu {
	color:#ffffff;
	background-color: #000033; 
	text-decoration: none;
}

.menu ul li ul {
	display: none;
	text-decoration: none;
}

.menu table {
	margin:0;
	border-collapse:collapse;
	font-size: 14px;
	position:absolute;
	top:0;
	left:0;
}


/* specific to non IE browsers */
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:25px;
	margin-top:1px;
	left:0;
	width:158px;
	border-bottom:1px solid #ffffff;
	text-decoration: none;
}

.menu ul li:hover ul.endstop {
	left:-92px;
	text-decoration: none;
}

.menu ul li:hover ul li ul {
	display: none;
	text-decoration: none;
}

.menu ul li:hover ul li a {
	display:block;
	background: #000033;
	color:#ffffff;
	height:auto;
	line-height:15px;
	padding:4px 16px;
	width:125px;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	text-decoration: none;
}

.menu ul li:hover ul li a.drop {
	background:#000033; 
	text-decoration: none;
}

.menu ul li:hover ul li a:hover {
	color:#ffffff;
	background: #cc6600; 
	text-decoration: none;
}

.menu ul li:hover ul li a:hover.drop {
	background: #cc6600; 
	text-decoration: none;
}

.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:158px;
	top:0px;
	text-decoration: none;
}

.menu ul li:hover ul li:hover ul.left {
	left:-158px;
	text-decoration: none;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
	display:block;
	position:absolute;
	top:25px;
	background:#000033;
	left:0;
	border-bottom:1px solid #ffffff;
	text-decoration: none;
}

.menu ul li a:hover ul.endstop {
	left: -92px;
	text-decoration: none;
}

.menu ul li a:hover ul li a {
	display:block;
	background:#000033;
	color:#000000;
	height:1px;
	line-height:15px;
	padding:4px 16px;
	width:125px;
	w\idth:125px;
	border:1px solid #ffffff;
	border-bottom:0;
	text-decoration: none;
}

.menu ul li a:hover ul li a.drop {
	background:#000033; 
	padding-bottom:4px;
	text-decoration: none;
}

.menu ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:0;
	text-decoration: none;
}

.menu ul li a:hover ul li a:hover {
	color:#ffffff;
	background:#000033; 
	text-decoration: none;
}

.menu ul li a:hover ul li a:hover.drop {
	background:#000033;
	text-decoration: none;
}

.menu ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	top:0;
	color:#ffffff;
	left:158px;
	text-decoration: none;
}

.menu ul li a:hover ul li a:hover ul.left {
	left:-158px;
	text-decoration: none;
}

<!--[if lte IE 5.5]>
.menu ul li a, .menu ul li a:visited {height:23px; text-decoration: none;}
<![endif]-->




