﻿.hide
{
	display: none;
}

div#topLinks {margin-left: 180px;}

div#topLinks ul li.security 
{ 
	float: left; 
	padding: 0 6px 0 6px;
}

/******************** Forms ********************/

fieldset.form
{
	background: #FFFFFF;
	border: 0;
	clear: both;
	float: left;
	margin:0;
	padding:0;
	width: 100%;
}

fieldset.form input, fieldset.form textarea
{
	border:1px solid #BBBBBB;
}

fieldset.form fieldset
{
	margin: 0;
	padding: 6px 0 3px 0;
}

fieldset.form h3, fieldset.form fieldset h3
{
	margin: 5px 0;
}

fieldset.form table tr th
{
	text-align: left;
}

div.field
{
	border: 0;
	clear: both;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	width: 650px !important;
	width: /**/ 650px;
}

div.field div.question
{
	border: 0;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 200px !important;
	width: /**/ 200px;
}

div.field em, div.field div.question em
{
	color: #cc0000;
	cursor: help;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
}

div.field div.answer
{
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 400px !important;
	width: /**/ 400px;
}

div.field div.answer input.inputBox
{
	width: 220px;
}
div.field div.answer select.inputBox
{
	width: 205px;
}

div.indent
{
	border: 0;
	clear: both;
	float: left;
	margin: 0;
	padding: 0 0 0 220px;
}

input.text, textarea.text, select.text
{
	width: 228px !important;
	width: /**/ 240px;
}

fieldset.form input.button
{
	background: #dfdfdf;
	border: 1px solid #bbbbbb;
	color: #464646;
	cursor: pointer;
	margin: 10px 0;
	padding: 2px 5px;
	width: 14em;
}

fieldset.form select
{
	border:1px solid #BBBBBB;
	color:#464646;
	font-size:1em;
	width:230px !important;
	padding:0;
	margin:0;
	height:20px;
}

fieldset.form select option
{
	display: block;
	color:#464646;
	font-size:1em;
	height:20px;
}

.mandatory
{
	color: #cc0000;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
}

div.validationSummary
{
	color: #FF0000;
	padding-top: 15px;
}

div.validationSummary div
{
	color: #FF0000;
}

div.validationSummary div ul
{
	border: 0;
	list-style: none;
	margin: 0;
	padding: 4px 0 10px 0;
}

div.validationSummary div ul li
{
	color: #FF0000;
	background: url( "../../../../images/structure/bullets/error.gif" ) center left no-repeat;
	border: 0;
	font-size: 0.9em;
	list-style: none;
	margin: 0;
	padding: 1px 0 1px 10px;
}

.HeaderSearchQuery
{
	position: absolute;
	width: 130px;
	top: 2px;
	left: 20px;
	padding: 0px;
	margin: 0;
	padding-right: 5px;
	border: 1px solid transparent;
	font-size: 11px;
	height: 19px;
	background-color: transparent;
	font-weight: bold;
	color: #4f71c8;
	z-index: 50;
	_border:0;
}

ul#TickerItems,
ul#TickerItems li
{
	text-align: left;
}

/* Download library component */
div.NoMarginBox div.BoxContent {margin-left:0;}
div.NoMarginBox ul.ComponentLinks {margin-left:10px;}

div#Comp_ServCent_2col div#frm_ServCent_Comp {margin-left: 10px; margin-top: -40px;}

/* iframe used to outline edit-areas in the CMS Editor */
iframe 
{
	border: solid 1px #aaaaaa;
}

ul#LeftNav ul.ProductsLeft li.Nav3Active a {font-weight:normal; text-decoration:none;}
ul#LeftNav ul.ProductsLeft li.Nav3Active a.current {font-weight:bold; text-decoration:underline;}
ul#LeftNav ul.ProductsLeft li.Nav3Active ul li a.current {font-weight:bold; text-decoration:underline;}

div#RelatedProducts {position:relative; right:0px; margin-left:530px;}
div#RelatedProducts fieldset {margin:0; padding:0;}
div#RelatedProducts select {border:1px solid #4f71c8;}
div#RelatedProducts select, form#frm_Related option {font-size:100%; display:block;}

div.ProductFeatures p span.Heading3 {font-size:1em; font-weight:normal; text-transform:uppercase; margin:0; padding:0; }


ul#ProductTabNav li.Active a {background:#0434b1 url(../../../../images/core/ProductsTabBG_on.gif) left top no-repeat; text-decoration:none;}

body.ProductFeatures {margin:1em 0 0 15px; width:400px; float:none; clear:left; }
body.ProductFeatures h3 {font-size:1em; font-weight:normal; text-transform:uppercase; margin:0; padding:0; }
body.ProductFeatures ul {font-size:0.9em; font-weight:normal; margin:0 0 1em 2em; padding:0;}

div#ProductFinder input.ProductSearchTextBox {position:absolute; top:1px; left:0; width:220px; _width:195px; padding-left:25px; background-color:transparent}

div.ContentAreaUse div.ProductInUse div.WYSIWYG p { width: 380px; float: none; margin-left:0 }

div.ContentAreaQuestion {margin:16px; padding:0; float:none;}
div.ContentAreaQuestion fieldset {padding:1em 0 1em 2%; margin:0; width:47%; }
div.ContentAreaQuestion fieldset.PersonalDetails {float:left}
div.ContentAreaQuestion h3 {font-size:1.2em; margin:0 0 0.75em; padding:0; color: #464646; text-transform:none; font-weight: bold;}
div.ContentAreaQuestion input, div.ContentAreaQuestion textarea, div.ContentAreaQuestion select {font-size:1em; clear:right; display:block; border:1px solid #bbb; margin:0 0 10px 6em; width:17em}
div.ContentAreaQuestion label {clear:left; float:left; display:block; padding-top:3px; width:6em; }
div.ContentAreaQuestion textarea {height:5em}
div.ContentAreaQuestion fieldset.Query textarea.Message, div.ContentAreaQuestion fieldset.Query select {margin-left:4em; }
div.ContentAreaQuestion fieldset.Query select, div.ContentAreaQuestion fieldset.Query option {color:#464646; display:block; width:auto; font-size:1em;}
div.ContentAreaQuestion fieldset.Query textarea.Message {height:12em; width:17em;}
div.ContentAreaQuestion fieldset.Query .captcha img { margin-bottom: 8px; }
div.ContentAreaQuestion input.button {margin:1em auto;}

div.ContentAreaQuote {margin:16px; padding:0; loat:none;}
div.ContentAreaQuote fieldset {padding:1em 0 1em 2%; margin:0; width:47%; }
div.ContentAreaQuote fieldset.PersonalDetails {float:left}
div.ContentAreaQuote h3 {font-size:1.2em; margin:0 0 0.75em; padding:0; color: #464646; text-transform:none; font-weight: bold;}
div.ContentAreaQuote input, div.ContentAreaQuote textarea, div.ContentAreaQuote select {font-size:1em; clear:right; display:block; border:1px solid #bbb; margin:0 0 10px 8em; width:14em}
div.ContentAreaQuote label {clear:left; float:left; display:block; padding-top:3px; width:6em; }
div.ContentAreaQuote textarea {height:5em}
div.ContentAreaQuote fieldset.Query textarea.Message, div.ContentAreaQuote fieldset.Query select, div.ContentAreaQuote fieldset.Query input {margin-left:4em; }
div.ContentAreaQuote fieldset.Query select, div.ContentAreaQuote fieldset.Query option {color:#464646; display:block; width:auto; font-size:1em;}
div.ContentAreaQuote fieldset.Query textarea.Message {height:12em; width:17em;}
div.ContentAreaQuote input.button {margin:1em auto;}
div.FormNotes {font-size:0.9em}

/* Products.css */
div.ProductContent p {font-size:1.2em; line-height:150%; float:left; width:520px; margin-left:10px; }
div.ProductContent div.DownloadHelp p { width: 320px; float: none; margin-right: 0px; padding-right: 0px;}
div.ProductFeatures p { font-size:1.0em; line-height:125%; float:left; margin-left:0px; margin-bottom: 10px; width: 400px; }


div#ProductInfo div#RelatedProducts {position:relative; right:0px; margin-left:530px;}
div#ProductInfo div#RelatedProducts fieldset {margin:0; padding:0;}
div#ProductInfo div#RelatedProducts select {border:1px solid #4f71c8;}
div#ProductInfo div#RelatedProducts select, div#RelatedProducts option {font-size:100%; display:block;}

ul#ProductTabNav li.NavBarNodeFeatures {padding-left:10px}

div.HomeProducts ul li h3 a {font-weight:bold; }

div.ProductFeatures{float:left;}

ul.NewsHeadlinesGateway h3 { text-transform: none; }
ul.NewsHeadlinesGateway li.Separated a { text-align: right; }

div.RoundBox h2 { color: #ffffff !important; }

/* From Minerals.css - Change div#AboutDivision to div.AboutDivision for use within CMS edit area */
div.AboutDivision .BoxContainer .bd {border-left:1px solid #f48e00; border-right:1px solid #f48e00;}
div.AboutDivision .BoxContainer .hd {background:transparent url(../../../../images/Minerals/tl.gif) 0px 0px no-repeat;}
div.AboutDivision .BoxContainer .hd .c {background:transparent url(../../../../images/Minerals/tr.gif) right 0px no-repeat;}
div.AboutDivision div.RoundBox h2 {border-bottom:1px solid #f4800c; background: #f4800c url(../../../../images/Minerals/bg_boxtop.gif) left top repeat-x;}
div.AboutDivision div.RoundBox {background: transparent url(../../../../images/Minerals/bg_grad.gif) left bottom repeat-x;}
div.AboutDivision .BoxContainer .ft {background:transparent url(../../../../images/Minerals/bl.gif) no-repeat 0px 0px;}
div.AboutDivision .BoxContainer .ft .c {background:transparent url(../../../../images/Minerals/br.gif) no-repeat right 0px;}


/* For the Brand pages Logo heading */
div.BrandLogo h3 {float:left; clear:left; width:380px; margin:-3px 0 3px; padding:0; font-size:1.2em; text-transform:uppercase}
div.BrandLogo h3 {color:#000}
div.BrandLogo h3 span{text-transform:none; font-weight:normal; display:block}
div.BrandLogo h3 { margin-bottom: 10px; font-size: 0.9em;}

/* For the Search / Product Search results page */
/*div.SearchResults div.BoxContent div.SearchResult (div.Heading / div.Relevance / div.Summary / div.LastUpdated) */

div.SearchResults div.BoxContent input 
{
	border: solid 1px #CCC; 
	width: 200px;
}

div.SearchResults div.BoxContent select 
{
	border: solid 1px #CCC; 
	font-size: 1.1em;
	width: 150px;
}

div.SearchResults div.BoxContent table 
{
	width: 500px; 
}
div.SearchResults div.BoxContent div.searchtop
{
	color: #666;	
}

div.SearchResults div.BoxContent div.SearchResult 
{
	margin-bottom: 7px;
	padding-bottom: 10px;
	border-bottom: solid 1px #CCC;
}

div.SearchResults div.BoxContent div.SearchResult div.Heading
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	float: left;
}

div.SearchResults div.BoxContent div.SearchResult div.Relevance
{
	float: right;
	margin-right: 20px;
	color: #666;
}

div.SearchResults div.BoxContent div.SearchResult div.LastUpdated
{
	clear:both;
	color: #666;
	margin-bottom: 5px;
}


/* New styles for Product Info at top of product detail template */
div#ProductInfo p
{
	font-size:1.2em; 
	line-height:150%; 
	float:left; 
	width:500px; 
	margin-left:10px;
	padding-right:20px;
}

div.ProductValidationSummary,
div.ProductValidationSummary ul li
{
	color: #FF0000;
}
