@charset "UTF-8";
/*
Profilmet CSS :: Stylesheet Hub for Content
IMPORTANT:
This stylesheet and all of its imported stylesheets do not address the overall layout of the pages.
Layout is handled by style_layout-screen.css, style_layout-mobile.css, etc.
Classes may have entries in both respecitve sheets and should be commented.

------ TABLE OF CONTENTS ------
1. Stylesheet Imports
2. VARIABLES
3. OVERRIDES
4. ROES COLORS

*/


/* ======================================================================================== 1. IMPORTS ======================================================================================== */
/* NOTE: Imported stylesheets must be the very first item(s) on a stylesheet (save comments), and thus, everything below the imported sheets will overwrite the contents of the imported stylesheets. */

@import url("fonts/style-fonts.css");  /* Font Kits */

@import url("style-general.css"); /* Base Stylesheet */

/* Get rid of these two: */
@import url("style-interactive.css"); /* Extra anchor tags, navigation and styles for highly interactive elements, like Spry Widgets */
@import url("style-product.css");


/* ======================================================================================== 2. VARIABLES ======================================================================================== */
/*
Adjustments to the other classes in place of redundant and duplicate classes or inline styles.
To Use: Separate classes by spaces in the html tag (i.e., <p class="clarify C1">).
*/
.C1 {color:#007ac2;} /* Filmet Blue */
.C2 {color:#28b14a;} /* Filmet Green - Commercial Purple: 7d4199 */
.C3 {color:#fbac18;} /* Filmet Gold - Will become Commercial Green: c1d82f*/
.C4 {color:#f58426;} /* Commercial Orange */
.Cw {color:#fff;} /* White Text */
.Cb {color:#000;} /* Black Text */

.CRy {color:#f6d600;} /* ROES Yellow */
.CRr {color:#df0022;} /* ROES Red */
.CRg {color:#c3c3c3;} /* ROES Gray */

.C1BG {background:#007ac2; color:#fff;}
.C2BG {background:#28b14a; color:#fff;}
.C3BG {background:#fbac18; color:#fff;}
.C4BG {background:#f58426; color:#fff;}
	a.C4BG {}
.CRyBG {background:#f6d600;}
.CRrBG {background:#df0022; color:#fff;}
.note.C1BG {background:#86addb; color:#000;}
.note.C2BG {background:#b696c4; color:#000;}
.note.C3BG {background:#e3e898; color:#000;}
.note.C4BG {background:#fcc089; color:#000;}

.bold {font-weight:bold;}
.uppercase, .allcaps {text-transform:uppercase;}
.underline {text-decoration:underline; color:inherit;}

.Rtxt/*, .right*/ {text-align:right;}
.Ltxt, .left {text-align:left;}
.Ctxt, .center {text-align:center;}

.align-center {margin:0 auto;}

.Rfloat {float:right; display:inline-block;}
.Lfloat {float:left; display:inline-block;} .Lfloat.pad {padding-right:2em;}  /*<!--ul {margin:3px 10px 4px 25px;}-->*/
.floatable {clear:none !important;} /* use for headers that get floated graphics.  be sure they're not near floated content */
.Rfloat.overlap-header {margin-top:-25px;}
.clearfloats {clear:both;}

.round10 {-moz-border-radius:10px; border-radius:10px;}
.round15 {-moz-border-radius:15px; border-radius:15px;}

.pad-right {padding-right:10px;}
.pad10 {padding:10px;}

.wHalf {width:50%;}
.wQarter, .wQuarter {width:25%;}
.w3Qarter, .w3Quarter {width:75%;}
.wOneThirds {width:32%}
.wTwoThirds {width:64%}
.wFull {width:100%;}
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}


/* ------ Development Classes ------ */
.loremipsum, .tempText { /* Highlights dummy text in areas that need copy written - DELETE SECOND CLASS AFTER MOVE */
	color:#cc0000;
	background:#ff9999;
	}
.edit, editText { /* Highlights text that needs to be proofread and edited - DELETE SECOND CLASS AFTER MOVE */
	color:#660099;
	background-color:#ffff33;
	}
.proofread { /* HIghlights links on the Sitemap that need to be proofread in order to use it as a checklist */
	background-color:#99CCFF;
	font-weight:bold;
	}
.placeholder.header {background-color:#808080; height:200px;}
	
/* ======================================================================================== 3. OVERRIDES ======================================================================================== */

a.anchor:hover, a.anchor:active, a.anchor:visited {border-bottom:0 !important; color:inherit !important;} /* Negates the styling that appears on links for named anchors */
		
/* =+=+=+=+=+= FLOAT FIX - DO NOT CHANGE =+=+=+=+=+= */
/* This set of styles deals with clearing of the floats. Please see http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
		
	.clearfix {display:inline;}
		
	/* Hides from IE-mac \*/
	* html .clearfix, {height:1%;}
		
	.clearfix {display:block;}
	/* End hide from IE-mac */
	

.clear {clear:both; /*line-height:0;*/} /* Extra float clear for IE7 - used in new account form */


/* ======================================================================================== 4. ROES COLORS ======================================================================================== */
/* NOTE: ROES Color class names are all caps, where most other class and id selectors are lower-case. */
.WHITE {backround:#fff;}
.GAINSBORO {background:#dcdcdc;}
.SILVER {background:#969696;}
.CHARCOAL {background:#5e5e5e;}
.DARK-GRAY {background:#3a3a3a;}
.BLACK {background:#000;}
.ORCHID {background:#da70d6;}
.THISTLE {background:#d8bfd8;}
.NEON-PURPLE {background:#b87bbd;}
.BYZANTIUM {background:#702963;}
.WISTERIA {background:#c5a2d5;}
.AMETHYST {background:#936eb8;}
.ROYAL {background:#6d2687;}
.LAVENDER {background:#dcdef6;}
.VIOLET {background:#5959a6;}
.GRAPE {background:#333366;}
.BABY-BLUE {background:#afddf6;}
.BLUE {background:#0e62b3;}
.DEEP-BLUE {background:#033974;}
.CORNFLOWER {background:#6799ce;}
.DENIM {background:#4f638a;}
.NAVY-BLUE {background:#0d365c;}
.CYAN {background:#00aeef;}
.TITAN {background:#5e96b7;}
.CERULEAN {background:#0077a5;}
.ROBIN-EGG {background:#00cccc;}
.SEA-FOAM {background:#d6f8f8;}
.TEAL {background:#95dede;}
.DEEP-TEAL {background:#2a8686;}
.RAIN-FOREST {background:#005e51;}
.SPEARMINT {background:#a8e1cd;}
.JUNGLE-GREEN {background:#39b88b;}
.PARROT {background:#098764;}
.HUNTER-GREEN {background:#0c371d;}
.MINT {background:#b4dbb4;}
.GRASS {background:#3e9e3e;}
.FOREST {background:#255d25;}
.TENNIS-BALL {background:#d6eda5;}
.SPRING-GREEN {background:#b1de90;}
.KELLY-GREEN {background:#64b63d;}
.HONEYDEW {background:#ebf6b4;}
.CHARTREUSE {background:#bed62e;}
.ARMY {background:#4b5320;}
.LIGHT-YELLOW {background:#fcfcd3;}
.SUNSHINE {background:#feee91;}
.YELLOW {background:#ffcf28;}
.AMBER {background:#f5b12c;}
.GOLDENROD {background:#c0981a;}
.CREAM {background:#f9f0e6;}
.KHAKI {background:#ac9f5a;}
.OLIVE {background:#6b5a36;}
.SAND {background:#e3dacc;}
.WHEAT {background:#d6c296;}
.VEGAS-GOLD {background:#c5b358;}
.HAZELNUT {background:#81633e;}
.CHOCOLATE {background:#433423;}
.PEACH {background:#f7dcbf;}
.PUMPKIN {background:#ef8d25;}
.SPICE {background:#9e5c15;}
.LIGHT-CORAL {background:#f1ccbf;}
.VERMILLION {background:#ef6325;}
.RUST {background:#9e3515;}
.BRINK-PINK {background:#fb607f;}
.FIRE-ENGINE {background:#ed1c24;}
.SALMON {background:#f8caca;}
.RED {background:#b61616;}
.BURGUNDY {background:#7f1414;}
.FRENCH-ROSE {background:#f74889;}
.STRAWBERRY {background:#d33e75;}
.MAROON {background:#6d2e39;}
.PINK {background:#ffdcee;}
.LIGHT-ROSE {background:#f19dc7;}
.THULIAN-PINK {background:#de6fa1;}
.ROSE {background:#993366;}
.SUGAR {background:#f3e0e7;}
.MAUVE {background:#b28596;}
.WINE {background:#755360;}
.MAGENTA {background:#ec008c;}
.RED-VIOLET {background:#c1329e;}