* {border:0; font-family: arial,sans-serif; color:#464646 }
body, img, div, span, a, form {margin:0; padding:0; }
body {background:#fff url(http://www.weirminerals.com/images/core/GreyWhite_bg.gif) center top repeat-y; text-align:center;  position:relative; padding:0 15px 15px;}
img {display:block}
a {text-decoration:none; color:#4f71c8}
a:hover {text-decoration:underline}
div.clear {float:none; clear:both; height:0px; margin:0; padding:0}

/* Page setup styles */
div#page {display:block; width:960px; margin-left:auto; margin-right:auto; text-align:left; position:relative; background-color:#fff;}
div#pageHeader {display:block; position:relative; width:960px; height:95px; margin-top:10px; background-color:#fff}
div.header {display:block; position:relative; width:960px; margin-top:7px; margin-bottom:15px; background-color:#464646; height:180px;}
div#headerTall {height:300px; background-color:#fff}
div#ContentArea {position:relative; display:block; clear:both; width:960px; background-color:#fff; overflow:hidden;}

/* Generic font styles */
div#ContentArea p {margin-top:0}
h2 {font-size:0.75em; margin:0;}
p {font-size:0.75em; padding:0}
.small {font-size:0.7em}
a em {color:#4f71c8}

/* =================================================================================================== */
/* PAGE HEADER STYLES START HERE */
div#Logo_Divisional {position:absolute; top:0; left:0; }

/* Styles for top links (top right corner, above main nav) */
/* DESIGN MOTIVE NOTE: 
   these styles look excessive for one link, but the system 
   should be extensible and allow for future additions
   e.g. the language selector */
div#topLinks {right:0; padding-top:11px; text-align:right; font-size:0.7em; margin-left: 180px;}
div#topLinks ul{margin:0; padding:0; list-style-type:none}
div#topLinks ul li{display:inline; margin:0; padding:0 3px 0 5px; border-right:1px solid #959595}
div#topLinks ul li.end{border-right-width:0px; padding-right:0px;}
div#topLinks a{text-align:right;}
div#topLinks a#TLselections {padding-left:22px; background:transparent url(http://www.weirminerals.com/images/core/SelectionsTrolleySmall.gif) 0px 2px no-repeat}

div.topLinks {right:0; padding-top:11px; text-align:right; font-size:0.7em}
div.topLinks ul{margin:0; padding:0; list-style-type:none}
div.topLinks ul li{display:inline; margin:0; padding:0 3px 0 5px; border-right:1px solid #959595}
div.topLinks ul li.end{border-right-width:0px; padding-right:0px;}
div.topLinks a{text-align:right;}
div.topLinks a#TLselections {padding-left:22px; background:transparent url(http://www.weirminerals.com/images/core/SelectionsTrolleySmall.gif) 0px 2px no-repeat}

div.LangOptions {position:absolute; right:0px; background:#efefef; top:9px; z-index:1500; display:none}
div#topLinks div.LangOptions li {display:block; align:right; text-align:right; border:0px; padding:2px 4px;}


/* Styles for main navigation */
div#NavContainer {position:relative; width:790px; margin:12px 0px 9px 180px; height:33px;}
ul#mainNav {position:relative; margin:0; padding:0; list-style-type:none; display:block; font-size:0.7em;}
ul#mainNav li {display:block; float:left; background:#7fa9db url(http://www.weirminerals.com/images/core/nav_bg_grad.gif) top left repeat-x; height:29px}
/* The _width is not valid CSS, but needed for IE6 */
ul#mainNav li a {display:block; _width:1%; height:14px; color:#0434b1; font-weight:bold; text-transform:uppercase; padding:8px 10px 7px; border-right:1px solid #fff; white-space:nowrap}
ul#mainNav li a:hover {text-decoration:none; color:#fff; background-color:#0434b1}
ul#mainNav li a.Active {color:#fff; background-color:#0434b1}
ul#mainNav li#Home a{padding-left:10px; background-image:url(http://www.weirminerals.com/images/core/nav_bg_grad_left.gif); background-repeat:no-repeat; background-position:top left;}
ul#mainNav li#Home a:hover{background-image:url(http://www.weirminerals.com/images/core/nav_bg_grad_left_on.gif)}
ul#mainNav li#Home a.Active {background-image:url(http://www.weirminerals.com/images/core/nav_bg_grad_left_on.gif)}
ul#mainNav li#NavRight {float:none; _float:left; clear:right; border-right-width:0px; }
ul#mainNav li#NavRight div {float:right; width:11px; height:29px; background:transparent url(http://www.weirminerals.com/images/core/nav_bg_grad_right.gif) top right no-repeat}

/* Styles for text search box */
div#SearchBox {position:relative; float:right; clear:right; right:0; margin-top:-3px; height:26px}
div#SearchBox form {margin:0; padding:0px; height:20px; }
div#SearchBox div#QueryContainer {position:relative; width:172px; height:19px; padding:0; z-index:10; background:transparent url(http://www.weirminerals.com/images/core/nav_searchBG.gif) 1px 1px no-repeat;}
div#SearchBox input#Query {position:absolute; width:130px; top:2px; left:20px; padding:0px; margin:0; padding-right:5px; border:1px solid transparent; _border:0; font-size:11px; height:19px; background-color:transparent; font-weight:bold; color:#4f71c8; z-index:50}
div#SearchBox input.Submit {float:right; margin-top:3px; margin-right:4px; padding:0; background:transparent url(http://www.weirminerals.com/images/core/GoButtonArrow_whiteBG.gif) left top no-repeat; width:13px; height:13px;}

/* Styles for breadcrumb */
div.Breadcrumb {position:relative; width:600px; margin-left:180px; overflow:hidden; }
div.Breadcrumb ul {width:615px; padding:0; font-size:0.7em; margin:0; list-style-type:none; position:relative; display:block;}
div.Breadcrumb ul li {display:inline;}
div.Breadcrumb ul span {display:none}
div.Breadcrumb ul span, div.Breadcrumb ul b {color:#000}

/* Style for page content header */
div.header h1 {position:absolute; top:0px; color:#fff; text-transform:uppercase; font-weight:normal; margin:140px 0 0 20px; font-size:1.75em }
/* PAGE HEADER STYLES END HERE */
/* =================================================================================================== */

/* =================================================================================================== */
/* OTHER GENERIC STRUCTURE STYLES START HERE */
/* Generic product finder styles */
div#ProductFinder {position:relative; width:960px; clear:both; background:#0434b1 url(http://www.weirminerals.com/images/core/ProductFinder_Left.gif) left top no-repeat; margin:15px 0; height:25px;}
div#ProductFinder form {width:960px; position:relative; height:25px; margin:0; padding:0; background:transparent url(http://www.weirminerals.com/images/core/ProductFinder_Right.gif) right top no-repeat;}
div#ProductFinder p {color:#fff; float:left; margin:4px 10px; font-weight:bold; width:175px;}
div#ProductFinder fieldset {margin:0; padding:0;}
div#ProductFinder div#PFtextbox {position:relative; float:left; width:245px; height:18px; margin-top:4px; background:#fff url(http://www.weirminerals.com/images/core/Icon_MagnifyingGlass.gif) 5px 2px no-repeat}
div#ProductFinder input, select, option {font-size:0.7em; color:#4f71c8; display:inline; margin:0;}
div#ProductFinder option {display:block; font-size:100%}
div#ProductFinder select {width:200px; margin-top:3px; margin-left:27px; height:18px; padding-top:2px;}
div#ProductFinder input#ProductSearch {position:absolute; top:1px; left:0; width:220px; _width:195px; padding-left:25px; background-color:transparent}
div#ProductFinder input.submit {width:40px; background:#4377c8 url(http://es.weirminerals.com/img/weirslurry/ES_1752.gif) 0px 0px no-repeat; height:18px; float:left; margin-top:4px; padding:0;}
/* End generic product finder styles */

/* Styles for news ticker*/
div#NewsTicker {position:relative; width:960px; font-size:0.75em; clear:both; background:#0434b1 url(http://www.weirminerals.com/images/core/ProductFinder_Left.gif) left top no-repeat; margin:0; margin-bottom:15px; height:25px;}
div#NewsTicker a.TickerRSS {float:left; margin:4px 7px 0}
div#NewsTicker h2 {color:#fff; float:left; font-size:100%; font-weight:normal; margin-top:5px; }
div#NewsTicker ul#TickerItems {margin:0; padding:0; padding-top:1px; margin-left:180px; list-style-type:none; height:24px; background:transparent url(http://www.weirminerals.com/images/core/NewsTickerBG.jpg) left top repeat-y}
div#NewsTicker ul#TickerItems li {margin:5px 10px 0 16px; padding:0; }
div#NewsTicker ul#TickerItems a{color:#fff}
div#NewsTicker ul#TickerItems span.tickerDate {float:right; color:#fff; font-weight:bold}
div#NTend {display:inline; float:right; height:25px; width:5px; background:transparent url(http://www.weirminerals.com/images/core/ProductFinder_Right.gif) left top no-repeat;}
/* End styles for news ticker*/

/* Styles for quickfinder */
div#QuickFinder {position:relative; margin-bottom:5px; clear:both; display:block; width:960px; background:#fff url(http://www.weirminerals.com/images/Quickfinder/qf_background.gif) 0 0 repeat-y;}
div#QuickFinder div.Breadcrumb {width:960px; margin:0; background:transparent url(http://www.weirminerals.com/images/Quickfinder/bc_background.gif) 0 0 no-repeat; }
div#QuickFinder div.Breadcrumb ul {width:956px; padding:4px 0px 4px 13px; margin-left:2px; background:transparent url(http://www.weirminerals.com/images/Quickfinder/bc_borderbase.gif) bottom left repeat-x}
div#QuickFinder div.Breadcrumb ul span {display:inline; }
div#QuickFinder div#Sitemap {position:relative; width:960px; padding:15px 0; font-size:70%; background:transparent url(http://www.weirminerals.com/images/Quickfinder/qf_borderbase.gif) bottom left no-repeat; overflow:hidden}
div#QuickFinder div#Sitemap dl {margin:0; padding:0; width:120px; margin-left:15px; display:block; float:left;}
div#QuickFinder div#Sitemap dt, div#QuickFinder div#Sitemap dd {margin:0; padding:0; margin-bottom:3px; padding-left:7px; text-indent:-7px;}
div#QuickFinder div#Sitemap dt {font-weight:bold}

/* Styles for the footer*/
div#Footer {position:relative; margin:0; font-size:70%; padding-bottom:15px;}
div#Footer ul {margin:0; padding:0; list-style-type:none;}
div#Footer li {float:left; padding-right:20px;}
/* OTHER GENERIC STRUCTURE STYLES END HERE */
/* =================================================================================================== */

/* =================================================================================================== */
/* CONTENT LAYOUT STYLES START HERE */
/* Styles for column setup */
div.colbase {width:180px; margin-left:15px; background-color:#fff; float:left; position:relative;}
div.FlushLeft {left:0px; margin-left:0px; clear:left;}
div.colspan2 {width:375px; background-color:transparent}
div.colspan3 {width:570px;}
div.colspan4 {width:765px;}
div.colspan5 {width:960px; margin:0}

/* ROUNDED CORNER BOX STYLES START HERE */
/* Generic styles */
.BoxContainer {margin:0px;_height:100px;}
.BoxContainer .bd {border-left:1px solid #4f71c8; border-right:1px solid #4f71c8;}
.BoxContainer .hd .c, .BoxContainer .ft .c { font-size:1px; height:5px;}
.BoxContainer .hd {background:transparent url(http://www.weirminerals.com/images/box/tl.jpg) 0px 0px no-repeat;}
.BoxContainer .hd .c {background:transparent url(http://www.weirminerals.com/images/box/tr.jpg) right 0px no-repeat;}
.BoxContainer .ft {margin-bottom:15px}
div.BoxContent {width:158px; padding-bottom:13px; margin-left:10px; position:relative; font-size:0.75em; border-top:1px solid transparent; _border-top-width: 0px;}
div.RoundBox h2 {margin:0; border-bottom:1px solid #3c61c2; background: #3c61c2 url(http://www.weirminerals.com/images/box/bg_boxtop.gif) left top repeat-x; padding:0 10px 3px; font-weight:bold; color:#fff}
div.RoundBox p {padding-top:0.75em; font-size:100%}
div.RoundBox p.small {font-size:90%;}
div.RoundBox .NoSpace {margin-left:-10px;}
div.RoundBox .FlushTop {margin-top:-1px; }
div.RoundBox .FillBox {margin:-1px 0 -14px 0;}
div.RoundBox h2 a {color:#fff}
div.RoundBox h2 a:hover {text-decoration:none}

/* Styles for boxes with gradient backgrounds from bottom */
div.RoundBox {background: transparent url(http://www.weirminerals.com/images/box/bg_grad.gif) left bottom repeat-x;}
.BoxContainer .ft {background:transparent url(http://www.weirminerals.com/images/box/bl.gif) no-repeat 0px 0px;}
.BoxContainer .ft .c {background:transparent url(http://www.weirminerals.com/images/box/br.gif) no-repeat right 0px;}

/* Styles for different widths */
div.boxWidth1 div.BoxContent{width:158px; overflow:hidden;}
div.boxWidth2 div.BoxContent{width:353px; overflow:hidden;}
div.boxWidth3 div.BoxContent{width:548px; overflow:hidden;}
div.boxWidth4 div.BoxContent{width:743px; overflow:hidden;}
div.boxWidth5 div.BoxContent{width:938px; overflow:hidden;}
/* ROUNDED CORNER BOX STYLES END HERE */

/* Styles for left nav */
ul#LeftNav, ul#LeftNav li ul {margin:0; padding:0; list-style-type:none}
ul#LeftNav {padding-bottom:15px; margin-top:-3px; }
ul#LeftNav a {display:block; color:#0434b1; padding:4px 0px 0px 10px; height:32px; font-size:0.75em; }
ul#LeftNav a.Nav2:hover {text-decoration:none}
ul#LeftNav li ul.TopLevel{background:transparent url(http://www.weirminerals.com/images/core/LeftNav_bg_grad.gif) left bottom no-repeat; }
ul#LeftNav li a.Nav2 {background:#a0c0e5 url(http://www.weirminerals.com/images/core/LeftNav_TopBG.gif) left top no-repeat; margin-top:3px}
ul#LeftNav li.Nav2Active a.Nav2 {color:#fff;}
ul#LeftNav li li {font-size:80%; }
ul#LeftNav li li a {height:auto; overflow:hidden;}
ul#LeftNav li.spacer {height:1.5em}
ul#LeftNav li li.Nav3Active a {font-weight:bold; text-decoration:underline}
/* End styles for left nav */


/* START COMPONENT STYLES */
/* Generic list styles */
ul.ComponentLinks {margin:0; margin-top:0.75em; padding:0; list-style-type:none}
ul.ComponentLinks li {margin-bottom:1px}
ul.ComponentLinks li.Separated {margin-top:1em}

/* Service centre link - 1 column */
div#Comp_ServCent_1col {background-color:#6682d5; height:174px; margin-left:0px;}
div#Comp_ServCent_1col p {position:absolute; top:142px; left:10px; width:120px; font-weight:bold;}
div#Comp_ServCent_1col p a{color:#fff}

/* Service centre link - 2 columns */
div#Comp_ServCent_2col {background-color:#6682d5; height:134px; margin-left:0px}
div#Comp_ServCent_2col div#ServCentreLogo {position:absolute; top:14px; left:10px}
div#Comp_ServCent_2col form#frm_ServCent_Comp {position:absolute; bottom:14px; left:10px;}
div#Comp_ServCent_2col label {color:#fff; font-weight:bold; margin-right:10px;font-size:1.1em;}
div#Comp_ServCent_2col select, div#Comp_ServCent_2col option {font-size:0.9em; width:auto}
div#Comp_ServCent_2col option {display:block}

/* Download library component */
div#Comp_DownloadLibrary div.BoxContent {margin-left:0;}
div#Comp_DownloadLibrary ul.ComponentLinks {margin-left:10px;}

/* News headlines component */
ul.NewsHeadlines {font-size:90%}
ul.NewsHeadlines li{margin-bottom:0.75em}
ul.NewsHeadlines a{font-size:1.1em; display:block}

/* Product spotlight component */
div.CompProductSpotlight span {color:#4f71c8; display:block; padding-top:4px;}
div.CompProductSpotlight a:hover span {text-decoration:underline;}
div.CompProductSpotlight img.ProductShot {margin:10px auto 0; padding-bottom:4px}

/* Contextual contacts component (e.g. Brand contacts) */
div.ContextContacts ul, div.ContextContacts dl, div.ContextContacts dd {padding:0; margin:0;}
div.ContextContacts ul {list-style-type:none; margin-top:0.75em;}
div.ContextContacts dl {margin-top:0.75em;}
div.ContextContacts dt {font-weight:bold}
div.ContextContacts dd a {padding-left:17px; background:transparent url(http://www.weirminerals.com/images/core/Icon_Email.gif) left center no-repeat}
div.ContextContacts ul li strong, div.ContextContacts dt {color:#f4800c}

/* News alert component */
ul.ComponentLinks img.RSSimage {float:left; margin-right:3px}

/* File download component */
div.FileDownload ul.ComponentLinks li {overflow:hidden}
div.FileDownload ul.ComponentLinks img {float:right}
div.FileDownload ul.ComponentLinks a.ArchiveLink {display:block; margin-top:1em}

/* Service centre logo component */
img#Comp_ServiceCentreLogo {margin-bottom:15px}

/* END COMPONENT STYLES */

/* HOMEPAGE STYLES */
div#HomeFlash {position:relative; margin:0; padding:0; width:960px; height:300px;}
div.HomeIndustries div.RoundBox div.BoxContent {height:125px; padding:0; margin-left:0;}
div.HomeIndustries div.RoundBox img {margin-top:-1px}

div.HomeProducts ul {list-style-type:none; margin:0; padding:0; width:353px; overflow:hidden; }
div.HomeProducts ul li {margin:15px 0 0; padding:0; border:1px solid white}
div.HomeProducts p {float:left; clear:left; width:250px; padding-top:0;}
div.HomeProducts a:hover {text-decoration:none; }
div.HomeProducts a.LearnMore {display:block; font-size:0.9em; border:1px solid #4f71c8; background:transparent url(http://www.weirminerals.com/images/core/LearnMoreArrow_onWhite.gif) 335px center no-repeat; padding:1px 0px 1px 263px; clear:both; margin-top:5px; }
div.HomeProducts a.LearnMore:hover {background-color:#f5f7fc}
div.HomeProducts h3 {float:left; clear:left; width:265px; margin:-3px 0 3px; padding:0; font-size:1.2em; text-transform:uppercase}
div.HomeProducts h3 a {color:#000}
div.HomeProducts h3 span{text-transform:none; font-weight:normal; display:block}

/* SOME DEFAULT STYLES FOR WYSIWYG AREAS */
div.RoundBox .WYSIWYG p, .WYSIWYG p, .WYSIWYG h4, .WYSIWYG li {font-size:0.9em; }
.WYSIWYG h3 {font-size:1.1em; margin-bottom:1em; margin-top:0; padding-top:0; }
.WYSIWYG h4 {margin:0.75em 0 0; padding-bottom:0}
div.RoundBox .WYSIWYG p, .WYSIWYG p {padding-top:0; margin-bottom:0.75em;  }
.WYSIWYG ul {padding:0; margin-top:0;margin-left:20px;}