/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* BODY - GENERIC SETTINGS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

body {font-family: Arial, Helvetica, sans-serif; color:#5D636E; font-size: 11px; line-height: 15px; margin-top: 8px; background-color: #B9BCC5;}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* MACRO LAYOUT - STYLES APPLIED TO CELLS OF MACRO TABLE / TEMPLATE */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* HOME PAGE */
.hBanner 			{padding: 0px; background-color:#003399;}
.hMenuMain			{padding: 0px 0px 0px 0px;}
.hNavBottom			{padding: 15px 15px 5px 15px;}
.hPage				{background-color: #FFFFFF;}
.hContent1			{padding: 4px 10px 7px 4px; background-color: #ffffff;}
.hContent2			{padding: 6px 0px 6px 0px; background-color: #FFFFFF;}
.hFooter			{padding: 15px;}

/* CONTENT PAGES */
#cLayout 			{z-index: 1; width: 985px;}
.cBanner 			{padding: 0px; background-color:#003399;}
.cNavMain 			{padding: 0px 0px 0px 0px;}
.cNavSub 			{padding: 8px 12px 0px 6px;}
.cNavBreadcrumbs 	{}
.cNavBottom 		{padding: 15px 15px 5px 0px;}
.cContent1 			{padding: 7px 10px 7px 14px; background-color: #FFFFFF;}
.cContent2 			{padding: 6px 10px 6px 14px; background-color: #FFFFFF;}
.cFooter 			{padding: 15px;}


/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* PAGE DESIGN - HEADINGS - TEXT - LISTS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* These basic formatting styles match those in the content1 and content1_admin stylesheets */ 
/* They are duplicated here so that the dynamic pages like NEWS can adopt the same consistent look */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* LINKS */

a:link, a:visited	{color: #3B62C9; text-decoration: underline;}
a:active, a:hover	{color: #ff6600; text-decoration: underline;}

/* HTML TAGS - General Text */
p				{font-size:11px; line-height:15px;}
ul li			{display: list-item; list-style:disc; list-style-position: outside; font-size:11px; line-height:15px;}
ol li			{list-style-position: outside; font-size:11px; line-height:15px;}
hr 				{color: #999999;}
H1				{font-size:18px; font-weight:bold; color: #384f7b;}

/* HEADINGS */
.Head1			{font-size:15px; font-weight:bold; color: #014284; line-height:20px;}
.Head2			{font-size:14px; font-weight:bold; color: #014284;}
.Head3			{font-size:12px; font-weight:bold; color: #5D636E;}

/* TEXT - CUSTOM SETTINGS */
.Text1			{font-size: 11px; color: #666666; line-height: 15px;}
.Text2			{font-size: 11px; color: #000000;}
.Text3			{font-size: 11px; color: #FFFFFF;}
.Text4			{color:#003399;}
.Text5			{font-size:12px; color:#003399; font-style:italic; line-height:16px;}
.HeadLarge		{font-size:16px; color:#CC0000; font-weight:bold; line-height:22px;}
.TextSml1		{font-size: 10px; color: #666666; line-height:14px;}
.TextSml2    	{font-size: 11px; color: #666666;}

.TxtSpecialNote {font-size: 11px; color: #cc0000; line-height: 15px;}

.NoStyle		{border:0px; margin:0px;}

/* TABLES */
.TableHead 				{font-size:12px; font-weight:bold; color: #ffffff; background-color: #666666;}
.TableSubHead 			{font-size:11px; color: #000000; background-color: #cccccc;}
.TableCell 				{font-size:11px; color: #000000; background-color: #ffffff;}
.TableBorder 			{border:1px solid #cccccc; background-color:#F4F4F4;}
.TableFeaturedItem		{margin-top:18px; margin-bottom:12px; border:2px solid #D6E0FB; background-color:#F3F5FC;}
.TableSpecialUpdates	{border:2px solid #FFCC33; background-color:#FFFFCC;}
.TableSpecialUpdates th	{ background-color:#FFCC33; color:#CC0000;}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* SITE BASICS - FORMS - USER CONTROLS - ALERTS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* ALERT POP-UP MESSAGES */
.AlertHeader 	{font-size: 15px; padding: 4px 0 4px 10px; font-weight: bold; color: #ffffff;}
.AlertImage1 	{font-size: 12px; background-image: url(../images/msg_type_01.jpg); padding: 2px 0 2px 0;}
.AlertImage2 	{font-size: 12px; background-image: url(../images/msg_type_02.jpg); padding: 2px 0 2px 0;}
.AlertImage3 	{font-size: 12px; background-image: url(../images/msg_type_03.jpg); padding: 2px 0 2px 0;}
.AlertTxt 		{padding: 10px 4px 4px 4px; font-size: 12px;}
.AlertBox 		{cursor:auto; visibility:visible; width:238px; position:absolute; bottom:20px; right:20px; z-index:10000;}
.AlertBoxInner 	{top:0px; left:0px; position:absolute; z-index:9999;}
.AlertBoxFrame 	{top:0px; left:0px; position:relative; width:1px; height:1px; z-index:9998;}
.AlertNoResult	{padding: 10px; border: 1px solid #e5e5e5; background: #f7f7f7;}

/* FOOTER */
.FooterText 		{font-size: 9px; color: #666666; line-height: 15px;}
.FooterText a:link, .FooterText a:visited {color: #ffffff; text-decoration: underline;}
.FooterText a:hover, .FooterText a:active {color: #003366; text-decoration: underline;}

/* FORMS */
.FormTextBox				{padding:1px; font-size:11px; color:#000000; background-color: #ffffff; border:inset 1px #708090;}
.FormPulldown				{padding:2px; font-size:11px; color:#000000; background-color: #b0becd;}
.FormButton 				{padding:4px 8px 4px 8px; font-size:12px; color:#393b4a; background-image: url(../images/button_tile.jpg); background-repeat:repeat-x; background-color: #b0becd; border:inset 1px #708090; cursor: hand; cursor: pointer;}
.FormButtonSubmit 			{padding:4px 8px 4px 8px; font-size:12px; color:#393b4a; background-image: url(../images/button_tile.jpg); background-repeat:repeat-x; background-color: #b0becd; border:inset 1px #708090; cursor: hand; cursor: pointer;}
.FormInvalid 				{padding:1px; font-size:11px; color:#000000; background-color: #fbb5b3; border:inset 1px #708090;}

.Captcha 		{text-align:left;}
.Captcha input  {padding:1px; font-size:11px; color:#000000; background-color: #ffffff; border:inset 1px #708090;} /* only for custom features ie CAPTCHA control */


.FormTable      	{background-color: #fcfcf8; line-height: 15px; padding: 5px;}
.FormTable th		{font-size: 12px; color: #333333; font-weight: bold; padding: 7px 5px 5px 15px; border:1px solid #bebebe; background-image: url(../images/tile_formheader.jpg); background-repeat:repeat-x;}

.FormTableHead		{font-size: 12px; color: #333333; font-weight: bold; padding: 7px 5px 5px 15px; border:2px solid #bebebe; background-image: url(../images/tile_formheader.jpg); background-repeat:repeat-x;}

.FormCellHeadSub 	{font-size: 12px; color: #000000; font-weight: bold; padding: 3px; border:1px solid #D6E0FB; background-color:#F3F5FC;}

.FormCellLabel 		{font-size: 11px; color: #2c4064; background-color: #fcfcf8; padding: 3px;}

.InstructTextSml	{font-size: 10px; color: #333333;}

/* CHECKOUT SCREENS */
.FormTableCheckout      	{border: 1px solid #ffffff; font-size: 11px; background-color: #ffffff;}
.FormTableCheckout th		{font-size: 12px; color: #ffffff; font-weight: bold; padding: 4px; background-color: #3d5aa6;}
.FormTableCheckout td    	{padding: 3px;}

.FormCheckoutTotal		 	{font-size: 12px; color: #000000; font-weight:bold; padding: 3px; background-color: #e5e5e5;}

.FormCellHeadSubCheckoutAlt {font-size: 10px; color: #000000; padding: 2px; background-color: #e5e5e5;}

.FormCellHeadSubCheckout 	{font-size: 11px; color: #000000; padding: 3px; background-color: #cccccc;}
.CheckoutHeading			{font-size:11px; font-weight:bold;}
.CheckoutTextMain			{font-size:11px;}
.CheckoutTextMainAlt		{font-size:11px; color:#666666;}
.CheckoutTextSmall			{font-size:10px;}
.CheckoutTextNote			{font-size:11px; color:#ff0000;}

/* DATAGRID */
.datagrid         		{padding: 3px; font-size: 11px; background-color: #ffffff; font-size: 11px; border-bottom: 1px solid #cccccc;}
.datagridAlter 			{padding: 3px; background-color: #f0f0f0; border-bottom: 1px solid #cccccc; font-size: 11px;}
.datagridOver 			{color: #cc0000;}
.datagridColumn 		{font-size: 10px; color: #ffffff; font-weight: bolder; background-color: #a5a7b3;}
.datagridColumnSelected {font-size: 10px; color: #ffffff; font-weight: bolder; background-color: #a5a7b3;}
.datagridPager 			{font-size: 10px; color: #000066; font-weight: normal; background-color: #e5e6e7;}

/* USER CONTROL STYLES */
.FaqQuestionHead		{font-size:12px; font-weight:bold; color: #000000; line-height:15px;}
.DownloadsHead			{font-size:12px; font-weight:bold; color: #000000; padding: 4px 4 4px 8px; background-color:#e7e7e7}
.LinksHeader			{font-size:12px; font-weight:bold; color: #000000; padding: 4px 4 4px 8px; background-color:#e7e7e7}

#ProductList, #ProductList ul	{list-style: none; line-height: 14px; padding: 0; margin: 0; background-color:#e5e5e5;}
#ProductList .sel			 	{background-color: #ffffff; background-image: url(../images/arrow_prod_toplevel_on.gif);}
#ProductList a 					{font-weight:normal; display: block; text-decoration: none; color:#000000;}
#ProductList li 				{margin: 0; padding: 0; background: url(../images/arrow_prod_toplevel.gif) 3px 6px no-repeat; list-style: none; border-bottom: 1px solid #f7f7f7;}
#ProductList li a 				{width: 146px; width: 126px; padding: 4px 5px 3px 15px; background: url(../images/arrow_prod_toplevel.gif) 3px 6px no-repeat; color: #878c9c;}
#ProductList li ul 				{border-width: 0;}
#ProductList li li .sel			{background-color: #ffffff; color:#cc0000; background-image: url(../images/arrow_prod_level2_on.gif);}
#ProductList li li 				{margin: 0; padding: 0; background: url(../images/arrow_prod_level2.gif) 10px 6px no-repeat; background-color: #f7f7f7; border-bottom: 1px solid #ffffff;}
#ProductList li li a:hover		{color: #cc0000; background-image: url(../images/arrow_prod_level2_on.gif);}
#ProductList li li a 			{width: 146px; width: 116px; padding: 4px 5px 3px 25px; background: url(../images/arrow_prod_level2.gif) 10px 6px no-repeat;}
#ProductList a:hover 			{color: #cc0000; background-image: url(../images/arrow_prod_toplevel_on.gif);}

.TableHeadProductList 	{font-size:12px; font-weight:bold; color: #ffffff; background-color: #666666; padding: 3px 3px 3px 6px;}

.ProductSearch	 		{background-color: #cbcbcb;}
.ProductSearch th 		{font-size:12px; font-weight:bold; color: #ffffff; background-color: #cbcbcb; padding: 0px;}
.ProductSearch td 		{font-size:11px; color: #666666; background-color: #cbcbcb; padding: 0px 3px 3px 6px;}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* HOMEPAGE SPECIAL FONTS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
.SearchEngineTxt			{font-size: 12; font-height: 17px; padding-bottom:10px;}
.NewsHomeFeatureHead		{padding: 4px 4px 4px 6px; color: #6E6E6F; background-color:#D9DEE2; font-size:13px; border-bottom:4px solid #FFFFFF;}
.NewsHomeFeatureHead a:link, .NewsHomeFeatureHead a:visited {color: #6E6E6F; text-decoration: underline;}
.NewsHomeFeatureHead a:hover, .FooterText a:active {color: #003366; text-decoration: underline;}
.NewsHomeHeading			{font-size: 12px; padding-top: 4px; padding-bottom:3px;}
.CasestudyHomeFeatureHead	{padding: 3px; color: #6E6E6F; background-color:#D9DEE2; font-size:13px;}
.ArchSpecifiersHead			{font-size:12px; font-weight:bold; color:#014284; padding-bottom:4px;}
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* SITE SPECIFIC STYLES FOR TEMPLATE DRIVEN PAGES, SUCH AS NEWS, STAFF ETC - NEVER EXPOSED THROUGH AN HTML EDITOR */
/* NORMAL THAT CONTENT BLOCK STYLES WILL BE USED - THE FOLLOWING IS FOR WHEN THOSE DON'T COVER THE FULL NEED */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
.PriceMain			{font-size: 14px; font-weight:bold; color: #000000;}
.PriceMainCut		{font-size: 14px; font-weight:bold; color: #000000; text-decoration:line-through;}
.PriceMainSpecial	{font-size: 14px; font-weight:bold; color: #ff0000;}

/*Modal Popup*/
.modalBackground {background-color:Gray;filter:alpha(opacity=70); opacity:0.7;}

/* AJAX POP-UP FORMS */
.FormTopPopup			{ height:40px; background-image: url(../images/tile_stripe.jpg); background-repeat: repeat-x;color:#ffffff; font-weight:bold;}
.FormTableBorder 		{background-color:#ffffff; border-collapse:collapse;margin:0px; padding:0px;}

/* Technical documents Side Panel */
.TechDocsHeader		{background-color:#F4F6F7; padding:3px; border-bottom:2px solid #D9DEE2;}
.TechDocsSubHeader	{background-image:url(/images/tile_techdocs_subhead.jpg); background-repeat:repeat-x; border-top:1px solid #FFFFFF;}
.TechDocsCell		{border-bottom:1px dashed #CCCCCC; padding-right:4px;}
.anchor_image { vertical-align:bottom; }

/* Architects - Specifiers */
.SpecsTable				{border:1px solid #CCCCCC; padding:3px;}
.SpecsTable th			{background-image:url(/images/tile_specs_header.jpg); background-repeat:repeat-x; padding:5px 3px 5px 0px; font-size:14px;}
.SpecsTable td			{border-bottom:1px solid #F4F4F4; padding:2px;}

.SpecsTableProductList		{}
.SpecsTableProductList th	{background-image:url(../images/tile_ajaxform_header.jpg); background-repeat:repeat-x; padding:5px 3px 5px 3px; font-size:14px;}
.SpecsTableProductList td	{border-bottom:1px solid #F4F4F4; padding:3px;}
.SpecsTitle					{font-size:12px;}

.SearchResultsList			{padding:3px;}
.SearchResultsList th		{background-image:url(../images/tile_ajaxform_header.jpg); background-repeat:repeat-x; padding:5px 3px 5px 3px; font-size:14px;}
.SearchResultsList td		{border-bottom:1px solid #F4F4F4; padding:3px;}
.SearchResultsListSubHead	{font-size:11px; color: #000000; background-color: #F3F5FC; border-top:2px solid #FFFFFF;}

.gmnoprint span, #copyright span {display:none !important;}

/* IMAGE GALLERY */
.ImageGalleryPopup 						{ background-color:#ffffff; border-collapse:collapse;margin:0px; padding:0px; width:955px;}
.ImageGalleryPopupCellHeader			{ font-size:12px; height:40px; background-image: url(../images/tile_gallery_header.jpg); background-repeat: repeat-x;color:#ffffff; font-weight:bold;}
.ImageGalleryPopupCellImage				{ padding:0px 5px 5px 5px; width:740px; }
.ImageGalleryPopupCellThumbs			{ width:225px;}
.ImageGalleryScrollerMainImage			{ overflow-x: hidden; overflow-y: auto;  width:100%; text-align:left; }
.ImageGalleryScrollerThumbnails			{ overflow-x: hidden; overflow-y: auto; width:100%; }
.ImageGalleryLargeImage					{ width:700px; height: 100%; padding-top:10px;}
.ImageGalleryThumbnailImageBorder		{ margin:0px 5px 5px 0px; width:92px; height:80px; }
.ImageGalleryThumbnailImageBorder td		{ border:solid 1px #CCCCCC; }

.ImageGalleryThumbnailImageBorder td:hover, .ImageGalleryThumbnailImageBorder .ImageGalleryThumbnailSelected		{ border:solid 2px #6699CC; }

.ImageGalleryThumbnailImageBorder img		{ padding-top:3px; }
.ImageGalleryFileDescriptionBox			{ display:none; position:absolute; margin:0px; padding:0px; float:left; border:solid 1px #CCCCCC; background-color:#DDDDDD; text-align:left; width:400px; }

/* IMAGE GALLERY ROTATOR */
.ImageGalleryRotatorImageBorder			{ margin:0px 5px 5px 0px; width:92px; height:80px; }
.ImageGalleryRotatorImageBorder td		{ border:solid 1px #CCCCCC; }
.ImageGalleryRotatorImageBorder td:hover{ border:solid 2px #6699CC; }
.ImageGalleryRotatorImageBorder img		{ padding-top:3px; }

/* Technical documents Side Panel */

.TechDocsHeader		{background-color:#F4F6F7; padding:3px; border-bottom:2px solid #D9DEE2;}
.BlueBoxContainer	{background-image:url(/images/tile_bluebox.jpg); background-repeat:repeat-x; background-color:#FBFFFF; padding: 8px; border: 2px solid #AEDEE2;}