html, body { padding: 0; margin: 0; background: #ecf3fd;}
html { overflow: -moz-scrollbars-vertical; height:100% }
body, a, p, div, dl, dt, dd, ul, ol, li, span, address, sup, table, td, th, input, h1, h2, h3, h4, h5, dl, dt, dd { font: 12px/14px arial, sans-serif; color: #666666; }
a { color: #265291;}
a sup { color: #265291; }
a:hover { text-decoration: none; }
.center { text-align: center; }
.noDefault { margin: 0; padding: 0; }
img { border: none; }
sup { position: relative; top: 5px; }
.clear {height: auto !important; height: 1px; font-size: 0; clear: both; visibility: hidden;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.floatLeft { float: left; }
.floatRight { float: right; }
div.wrapper { background: #4a739f url(../img/common/background/bg_blueGrid.gif) repeat-x 0 0;}
div.container { width: 760px; height: auto; margin: 0 auto; }
div.header{ background: #bed8ef url(../img/common/background/bg_header.gif) repeat-x 0 0;
height: auto; padding-top: 8px;}
/* ................................... Top Logo classes .................................. */
div.logoHeader { background: #e9f2f7 url(../img/common/background/bg_header_water.jpg) no-repeat 0 0;
position: relative; width: 760px; height: 83px; overflow: hidden; margin: 0 auto; }
p.homeTab { position: absolute; top: 0; left: 15px; margin: 0; padding: 0; background: transparent url(../img/common/navigation/nav_home_tab.gif) no-repeat 0 0; width: 52px; height: 20px; z-index: 1000; }
p.homeTab a { font-size: .89em; padding-left: 15px; background: url(../img/common/misc/misc_arrow_back.gif) no-repeat 5px 4px; }
div.logoHeader h1 { margin: 0; padding: 22px 0 0 15px; float: left; }
div.logoHeader ul { list-style: none; margin: 0; padding: 12px 0 9px; }
div.logoHeader li { display: inline; padding: 0 10px; }
div.logoHeader li.raise { position: relative; top: -2px; } /* used to raise Ice Moutain logo to be flush top w/ other logos */
div.logoHeader li a { position: relative; z-index: 1;}
/* ............................... END Top Logo classes .................................. */
/* ....................... top navigation container div .............................. */
div.nav { background: #437abe url(../img/common/background/bg_navRow.gif) repeat-x 0 0; height: 26px; position: relative; z-index: 10;}
/* ....................... END top navigation container div .......................... */
/* ....................... Main content classes ............................... */
div.mainContent { height: auto; padding: 0 15px 5px; }
div.mainContent, div.search { background: #fff url(../img/common/background/bg_midContent.gif) repeat-y 0 0; }
.printBtn { background: #fff url(../img/common/buttons/btn_printPage_22x14.gif) no-repeat 0 0; font-size: 10px; padding: 1px 0 1px 20px; text-decoration: none; }
.printBtn:hover { text-decoration: underline; }
.orangeTxt { color: #f75006; }
.blueTxt { color: #00559d; }
.last, li.last a { border-right: none !important; }
.dottedLine { clear: both; width: 100%; height: 5px; overflow: hidden; font-size: 0; line-height: 0;
background: transparent url(../img/common/misc/misc_dottedLine.gif) repeat-x 0 50%; padding: 0; margin: 10px 0; }
div.leftColumn { width: 490px; float: left; margin: 15px 0 10px; height: auto; }
div.leftColumn h2 { font-size: 18px; }
div.leftColumn p.intro, div.leftColumn p.intro .orangeTxt { line-height: 18px; margin: 10px 0; padding: 0; }
div.leftColumn p { margin: 10px 0; padding: 0; line-height: 1.5em; }
div.leftColumn div.blueLine { margin-bottom: 15px; }
div.rightColumn { width: 215px; float: right; margin-top: 15px; }
div.rModule, div.greyMod { margin-bottom: 10px; position: relative; background: url(../img/common/background/bg_sideBox_white_bot.gif) no-repeat 0 100%; }
div.greyMod { background: url(../img/common/background/bg_sideBox_grey_bot.gif) no-repeat 0 100%;}
div.rightColumn p { padding-top: 0; margin-top: 0;}
div.rModule img.circleBtn { position: absolute; left: 175px; bottom: 12px; }
div.rModule p.txt { font-size: 11px; padding: 0 0 15px 18px; margin: 0; width: 150px; position: relative; }
div.greyMod p.txt { width: 190px; }
div.rModule h3 { margin: 0; padding: 0; min-height: 75px; }
div.tertiary div.leftColumn, div.tertiary div.rightColumn { margin-top: 44px; }
/* ....................... END Main content classes ............................... */
/* .............................. Search classes ............................... */
div.search { padding: 0 0 0 20px; position: relative; }
div.search input { font-size: 11px; }
div.search form, div.search input { margin: 0; padding: 0; }
div.search ul { list-style: none; margin: 0; padding: 0; height:44px;}
div.search ul li { float: left; padding: 15px 1.7em 0 0; font-size: 10px;}
div.search ul li.divider {background: url(../img/common/misc/misc_divider_001x033.gif) no-repeat 0 8px; width: 1px; height: 33px; }
div.search ul li.map { position: absolute; top: -4px; left: 91%; } /* verticaly align map icon image */
div.search a { color: #1d326b; font-size: 11px; padding-left: 1px;}
div.search a.blueArrow, a.blueArrow { background: url(../img/common/misc/misc_arrow_blue.gif) no-repeat 0 4px; padding-left: 7px; }
/* .............................. END Search classes ........................... */
/* ..................................... Footer classes ...................................... */
div.footer { background: #ecf3fd url(../img/common/background/bg_footer.gif) repeat-x 0 0; padding: 18px 0 40px; }
div.footerLinks { width: 735px; height: auto; margin: 0 auto; padding: 0 10px; }
div.footer ul { list-style: none; margin: 0; padding: 0; }
div.footer ul li { display: inline; border-right: 1px solid #4079a6; }
div.footer a { color: #4079a6; text-decoration: none; padding: 0 10px; font-size: .89em;}
div.footer a:hover { text-decoration: underline; }
.copyRight { float: right; padding-right: 10px; }
/* .................................... END Footer classes .................................... */
/* ................................. Home pg specific Classes ................................. */
body.Home div.mainContent { height: 414px; background: #fff; position: relative; padding: 0; }
img.homeBackground { position: absolute; top: 0; left: 0; }
body.Home p.intro { width: 400px; line-height: 1.5em; position: absolute; top: 130px; left: 305px; color: #333333; margin: 0; padding: 0;}
div.flashModules {height: auto; position: absolute; top: 222px; left: 25px; }
div.flashModules .module { float: left; padding: 0 12px; width: 216px; }
div.flashAltTxt { background: url(../img/common/background/bg_module_white.png) no-repeat 0 100%;
_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/Default/Assets/img/common/background/bg_module_white.png',sizingMethod='image'); }
div.flashAltTxt p { margin: 0; padding: 5px 0 15px 15px; width: 145px; font-size: 11px; position: relative;}
div.flashAltTxt img.circleBtn { position: absolute; left: 170px; bottom: 12px; }
/* ................................. END Home pg specific Classes ................................. */
/* ...............................SpringWaterInformation Secondary page Classes ................................. */
div.mainContent h2, div.mainContent h3 { margin: 0 0 4px; padding: 0; font-weight: bold; color: #186aad;}
div.mainContent h3 { margin: 10px 0;}
div.blueCaption { background: #4f88c7 url(../img/common/background/bg_blueCaption.gif) repeat-y 0 0; height: 174px; width:100%; margin-top: 22px; }
div.blueCaption p { float: left; width: 100%; }
div.blueCaption p img { display: block; }
img.caption { padding: 55px 0 0 40px;}
div.blueLine { background: #8ddaf8 url(../img/common/background/bg_skyBlueLine.gif) repeat-x 0 0; margin: 0;
padding-top: 5px; height: auto; clear: both; font-size: 0;}
img.blueBtn { display: block; padding-right: 14px; margin-bottom: 8px; }
/* ........................... END SpringWaterInformation Secondary page Classes ............................... */
/* ................................. Mineral Content/ standard table classes ............................... */
div.MineralContent div.mainContent p { margin: 5px 0; }
h4.productTitle, caption { font: bold 12px/14px arial; margin: 10px 0 0; padding: 0 0 4px 4px !important; color: #fff; background: #6097d0; }
h4.productTitle sup { color: #fff; font-size: 1em; }
caption { margin: 0; padding: 5px 0 5px 4px !important; text-align: left; }
table.chart td sup { font-size: .9em; }
table.chart { width: 100%; border: none; margin-bottom: 20px; }
table.chart th, table.chart td { border-top: 1px solid #8cdaf8; border-right: 1px solid #8cdaf8; padding: 2px 0 2px 4px; text-align: left; vertical-align: top; }
table.chart th { color: #333366; background: #edf3f6; font: bold 11px/12px arial; }
table.chart td, table.chart td sup, table.chart li { color: #4079a6; font-size: 11px; }
table.chart tr.lastRow td { border-bottom: 1px solid #8cdaf8; }
/* ................................. END Mineral Content page classes ........................... */
/* ................................. Regional Map page classes ............................... */
div.brandInfo { margin: 15px 0 10px; }
div.brandInfo .dottedLine { height: 8px; margin-top: 12px; }
div.brandInfo h4 { padding-bottom: 2px; margin: 0 0 2px; height: 1.5em; }
div.brandInfo h4, div.brandInfo h4 sup { font-weight: bold; color: #3b7db5; }
p.brandStats { color: #3b7db5; }
div.brandInfo address { padding: 0; margin: 0; }
a.brandLink { background: url(../img/common/misc/misc_arrow_blue.gif) no-repeat 100% 50%; padding-right: 10px; }
div.learnMore { position: relative; }
div.learnMore p.blueTxt { width: 50%; position: absolute; top: 20px; left: 260px; margin: 0; font-size: 12px; font-weight: bold; }
div.learnMore p.blueTxt .blueBtn { padding-top: 5px; }
/* ************** replacement for flash map ******************** */
div.replacementMap {
background: transparent url(../img/swf_replace/plain_map.jpg) no-repeat 0 0; position: relative;
width:490px; height: 294px; }
.mapLogo_AH { position: absolute; top: 80px; left: 60px; }
.mapLogo_IM { position: absolute; top: 40px; left: 230px; }
.mapLogo_OZ { position: absolute; top: 160px; left: 206px; }
.mapLogo_DP { position: absolute; top: 140px; left: 340px; }
.mapLogo_PS { position: absolute; top: 30px; left: 390px; }
.mapLogo_ZH { position: absolute; top: 215px; left: 295px; }
.hide { display: none; }
/* ................................. END Regional Map page classes ................................... */
/* .......................... Available Products / standard ul classes ............................... */
div.leftColumn ul { margin: 4px 0 25px; padding: 0; list-style: none; clear: both; }
div.leftColumn ul li { background: url(../img/common/misc/misc_li_blueDot.gif) no-repeat 0 7px; padding: 0 0 0 10px; margin: 0 0 10px; line-height: 1.5em;}
.ProductsAvailable h4.orangeTxt sup { color: #f75006; }
.ProductsAvailable h4 a sup { color: #1d326b; }
.ProductsAvailable div.dottedLine { height: 5px; margin: 5px 0; }
div.leftColumn h4 { padding: 0; margin: 0; font-weight: bold; }
div.leftColumn h4 a { background: url(../img/common/misc/misc_arrow_blue.gif) no-repeat 100% 60%;
padding: 0 7px 4px 0; font-size: 11px; float: left; font-weight: bold; color: #1d326b; }
/* ................................. END Available Products classes .................................. */
/* ................................. Quality Assurance classes ....................................... */
ol li strong { line-height: 3em; }
ol { padding: 0; margin: 0; }
ol li { margin-bottom: 10px; list-style: decimal inside; font-weight: bold; color: #f75006; }
ol li span { color: #666666; font-size: 12px; }
/* ................................. END Quality Assurance classes ................................... */
/* .................................. Question and Answer classes ................................... */
div.QnA { margin-bottom: 15px; }
/* ................................ END Question and Answer classes ................................. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ IE browser fixes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body.IE60 sup { font-size: 1em; position: relative; top: 4px; }
body.IE60 div.flashAltTxt { height: 1em; }
body.IE60 h4.productTitle { padding-bottom: 8px !important; }
body.IE60 h4.productTitle sup { font-size: 1.1em; }
body.IE60 div.learnMore p.blueTxt { top: 30px; left: 260px; }
body.IE60 div.search ul li.map { left: 85%; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END IE browser fixes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ IE7 browser fixes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body.IE70 #homePageBg p.intro { top: 140px; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END IE7 browser fixes~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PopUp Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body.popup {background: #1d326b; margin:0; padding:0;font: 12px/14px arial, sans-serif; color: #666666;}
body.popup p.close {margin: 0; padding: 13px 17px 14px; text-align: right; background: #fff url(../img/common/background/bg_popup_top.gif) repeat-x;}
body.popup p.bottom {padding: 12px 17px; background: url(../img/common/background/bg_popup_bot.gif) repeat-x;}
body.popup div.popupContent {padding: 25px 15px; text-align: left; background: #fff;}
body.popup div.popupContent ul.error {margin: 0 ! important;}
body.popup div.product img {margin: 10px 0 15px; border: 1px solid #ccc;}
body.popup p.close {margin: 0; padding: 13px 17px 14px; text-align: right; background: #fff url(../img/common/background/bg_popup_top.gif) repeat-x;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PopUp Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ............................................ Print Styles ............................................. */
@media print {
html, body { background: #fff; background-image: none;}
body, a, p, div, dl, dt, dd, ul, ol, li, span, address, sup, table, td, th, input, h1, h2, h3, h4, h5, dl, dt, dd { font: 14px/16px serif; }
div.nav, div.rightColumn, div.footer, div.search, .printBtn, p.homeTab { display: none; }
h3 { font-size: 16px; }
div.container, div.leftColumn, div.logoHeader { width: 100%; }
div.logoHeader h1 { padding-left: 10px; }
div.logoHeader li { padding: 0 5px; }
/* ................ (reduce font size after intro paragraph - in 3rd level pages ......... */
body.tertiary p, body.tertiary li, body.tertiary .orangeTxt, body.tertiary div.leftColumn a { font-size: 12px; }
body.tertiary p.intro, body.tertiary p.intro .orangeTxt { font-size: 14px;}
/* ........................................................................................ */
/* ................................. Mineral Content/ standard table classes ............ */
table.chart { width: 100%; }
table.chart th { font: normal 12px/14px arial; }
table.chart td, table.chart td sup, table.chart li { font-size: 12px; }
/* ................................. END Mineral Content page classes ................... */
}
/* ...................................... End of Print Styles ............................................ */