@charset "utf-8";
/* CSS Document */

html {
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
  font-size: 16px; }

p, h1, h2, h3, h4, h5, h6, ul, li, a {
	font-family: 'Source Sans Pro',Arial,Helvetica, sans-serif;
	}

h1 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height:1.8rem; 
  }

h2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height:1.7rem; 
  }

h3 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height:1.6rem; 
  }

h4 {
  font-size: 1.3rem;
  font-weight: 400; 
  line-height:1.5rem;
  }

h5 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height:1.4rem; 
  }

h6 {
  font-size: 1.1rem;
  font-weight: 400;
  line-height:1.3rem; 
  }
	
p {
	line-height:1.4;
	color:#2F3940;
	font-size:16px;
}
.pageHeadline {
	text-transform:uppercase;
	letter-spacing:2px;
}

.contentPane a {
	line-height:1.4;
	color:#007FA6;
	font-size:16px;
  text-decoration:underline;
}

.contentPane a:hover {
  color:#00a8c8;
  text-decoration:none;
}

.contentPane li {
	line-height:1.4;
	color:#2F3940;
	font-size:16px;
}

/* Override old product pages styles */
.SIBBodyText {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 16px;
}
.SIBBodyText a {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #007fa6;
}
.bodyText2SurveyDetail {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 16px;
}
.SurveySectionTitle {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #006D9E;
    vertical-align: middle;
    padding-left: 4px;
}
.bodyText {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 16px;   
}


/* Hotcakes Description block - right-side box */

.sideBox li {
	margin-bottom:10px;
	font-size:14px;
	line-height:18px;
	margin-left:-7px;
}
a.sideBoxLink:link {
	font-size:14px;
}

/* Home page content boxes */
.contentBox {
	margin-bottom:1rem;
	margin-top:1rem;
	border-top: 8px solid;		
}
.contentRow {
	width:100%;
	margin-left:0px;
	margin-right:0px;
}
.contentImage {
	margin-top:5px;
	border:1px solid #BFBFBF;
	width:100%;
	height:auto;
}
.singleColumnStory {
	margin-top:5px;
	margin-left:-5px;
}
.singleColumnStory img {
	border:1px solid #BFBFBF;
}

/* END of home page content boxes */


/* Blue Button */

a.BlueButton:link { 
	background-color: #008099;  
	border: 1px solid #015679 ;  
	color: #ffffff;
	margin:5px 5px 5px 0px;  
	display: inline-block;  
	font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;  
	font-size: 16px;  
	font-weight: 600;    
	padding: 5px 10px 5px 10px;  
	text-align: center;  
	text-decoration: none;
}
a.BlueButton:visited { 
	background-color: #008099;  
	border: 1px solid #015679;  
	color: #ffffff;
	margin:5px 5px 5px 0px;  
	display: inline-block;  
	font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;  
	font-size: 16px;  
	font-weight: 600;    
	padding: 5px 10px 5px 10px;  
	text-align: center;  
	text-decoration: none;
}
a.BlueButton:hover { 
	background-color: #4d6e7d;    
	color: #ffffff; 
} 

/* Green Button */
a.GreenButton:link {
  background-color: #009956;
  border: 1px solid #027341 ;
  color: #ffffff;
  margin:5px 5px 5px 0px;
  display: inline-block;
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;  
  padding: 5px 10px 5px 10px;
  text-align: center;
  text-decoration: none;
}
a.GreenButton:visited {
  background-color: #009956;
  border: 1px solid #027341 ;
  color: #ffffff;
  margin:5px 5px 5px 0px;
  display: inline-block;
  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 600;  
  padding: 5px 10px 5px 10px;
  text-align: center;
  text-decoration: none;
}
a.GreenButton:hover {
    background-color: #4f856d;
    color: #ffffff;
    text-decoration: none; 
	}
	
/* Orange CTA button */
a.buttonCTA {
  font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
  display: inline-block;
  background-color: #f1b45f;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  padding: 10px 20px 10px 20px; 
  transition: all 0.5s;
  cursor: pointer;
  margin:5px 5px 5px 0px;
  font-weight:600;
  text-decoration:none;
}

/* Divider - used in place of hr tag */
.divider {
	color:#d8d8d8;
	background-color:#d8d8d8;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
}

/* Tabbed Panels content */

.TabbedPanelsContent p, h1, h2, h3, h4, h5, h6, ul, li {
	font-family: 'Source Sans Pro',Arial,Helvetica, sans-serif;
	}

.TabbedPanelsContent {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

.TabbedPanelsContent p {
	font-size: 16px;
	Color: #2F3940;
	line-height:1.4;
}
.TabbedPanelsContent label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 20px;
	font-weight: 700;
}
.TabbedPanelsContent div.testiquote {
	width: 300px;
	float: left;
	padding: 0;
	margin-top: 20px;
}
.TabbedPanelsContent th {
	background-color: #00a8c8;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #fff;
	text-align: left;
	padding: 4px;
	font-weight: 400;
}
.TabbedPanelsContent td {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding: 4px;
}
.TabbedPanelsContentVisible p a:link {
	color: #007FA6;
	text-decoration: underline;
}
.TabbedPanelsContentVisible p a:visited {
	color: #007FA6;
	text-decoration: none;
}
.TabbedPanelsContentVisible p a:hover {
	color: #00a8c8;
	text-decoration: none;
}
.TabbedPanelsContent a:link {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #007FA6;
	font-weight: 600;
	text-decoration: underline;
}
.TabbedPanelsContent a:visited {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #007FA6;
	font-weight: 600;
	text-decoration: underline;
}
.TabbedPanelsContent a:hover {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #66a5b9;
	font-weight: 600;
	text-decoration: none;
}
.TabbedPanelsContent h1 {
	font-size: 1.6rem;
  	font-weight: 400; 
}
.TabbedPanelsContent h2 {
	font-size: 1.5rem;
  	font-weight: 400;
	color:#006d9e; 
}
.TabbedPanelsContent h3 {
	font-size: 1.4rem;
  	font-weight: 400;
	color:#006d9e; 
}
.TabbedPanelsContent h4 {
	font-size: 1.3rem;
  	font-weight: 400;
	color:#00a8c8;
	padding-left:8px; 
}
.TabbedPanelsContent h5 {
	font-size: 1.2rem;
  	font-weight: 400;
	color:#2F3940;
}
.TabbedPanelsContent h6 {
	font-size: 1.1rem;
  	font-weight: 400;
	color:#2F3940;
}
.TabbedPanelsContent ul {
	padding-top: 0;
	padding-bottom: 8px;
	margin: 0;
	padding-left: 25px;
	list-style: disc;
}

/* End of Tabbed Content Panels */


/* Home pages for each navigation tab */

#NavTabHome .img {
   display: inline-block;
    vertical-align: middle;
	width:100%;
    height: auto;  
}
#NavTabHome .topLabel {
    position: absolute;
    top: 0rem;
    width: 94%;
    background-color: #006d9e;
    opacity: 0.80;
    filter: alpha(opacity=80);
    text-align: center;
    line-height: 1.1rem;
    padding: .5rem;
}
#NavTabHome .topLabel h3 {
    letter-spacing: .05rem;
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: white;
    text-decoration: none;
    margin: 0.1rem 0rem 0rem 0rem;
}
/* end of nav tabs */

/* Overview type pages that lead to subsections */

#overviewPage .articleImage img {
	width:100%;
    height: auto;
	border:1px solid #bfbfbf;  
}
#overviewPage .topLabel {
   background-color: #006d9e;
   text-align: center;
}
#overviewPage .topLabel h4 {
    font-family: 'Source Sans Pro', Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: white;
    text-decoration: none;
	padding: 10px 0px 10px 0px;
    margin: 0.3rem 0rem 0.3rem 0rem;
}
#overviewPage .triangleOverlay {
	position: relative; 
	bottom:165px;
}
#overviewPage .bannerWrapper{
    position: relative;
	width:100%;
	margin-bottom:20px;
 }
 #overviewPage ul.linkList {
	 font-size:18px;
 }

/* End Overview type pages */

@media (max-width: 800px) {

a.BlueButton:link { margin:0px !important;  display: inline-block;  font-size: 14px !important;  font-weight: 600;  padding: 3px 5px 3px 5px !important;
} 
a.BlueButton:visited { background-color: #008099;  border: 1px solid #015679 ;  color: #ffffff;
margin:5px;  display: inline-block;  font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;  font-size: 16px;  font-weight: 600;    padding: 5px 10px 5px 10px;  text-align: center;  text-decoration: none;
}
.singleColumnStory {
	display:none;
}
.singleColumnText {
	width:100%;
}
}


/********************MARGINS********************/

.right1rem {
  margin-right:1rem;
}

.bottom1rem {
  margin-bottom:1rem;
}

.top1rem {
  margin-top:1rem;
}

.left1rem {
  margin-left:1rem;
}

.margin1rem {
  margin:1rem;
}

.noMargin {
  margin:0;
}

.bottom2rem {
  margin-bottom:2rem;
}

/********************COLORS********************/

/*~*~*~*AMETHYST*~*~*~*/

.ltAmethyst {
	color:#e7b8d5;
}

.btAmethyst {
	color:#ce3d95;
}

.mdAmethyst {
	color:#932077;
}

.dkAmethyst {
	color:#560054;
}

.ltAmethystBg {
	background-color:#e7b8d5;
}

.btAmethystBg {
	background-color:#ce3d95;
}

.mdAmethystBg {
	background-color:#932077;
}

.dkAmethystBg {
	background-color:#560054;
}

/*~*~*~*CITRINE*~*~*~*/

.ltCitrine {
	color:#fccfab;
}

.btCitrine {
	color:#f48132;
}

.mdCitrine {
	color:#c45f24;	
}

.dkCitrine {
	color:#8c3709;	
}

.ltCitrineBg {
	background-color:#fccfab;
}

.btCitrineBg {
	background-color:#f48132;
}

.mdCitrineBg {
	background-color:#c45f24;	
}

.dkCitrineBg {
	background-color:#8c3709;	
}

/*~*~*~*EMERALD*~*~*~*/

.ltEmerald {
	color:#bddda3;
}

.btEmerald {
	color:#72be44;
}

.mdEmerald {
	color:#118b3f;
}

.dkEmerald {
	color:#00582d;
}

.ltEmeraldBg {
	background-color:#bddda3;
}

.btEmeraldBg {
	background-color:#72be44;
}

.mdEmeraldBg {
	background-color:#118b3f;
}

.dkEmeraldBg {
	background-color:#00582d;
}

/*~*~*~*GARNET*~*~*~*/

.ltGarnet {
	color:#f9bead;
}

.btGarnet {
	color:#ef4e45;
}

.mdGarnet {
	color:#ba2c2b;
}

.dkGarnet {
	color:#810009;
}

.ltGarnetBg {
	background-color:#f9bead;
}

.btGarnetBg {
	background-color:#ef4e45;
}

.mdGarnetBg {
	background-color:#ba2c2b;
}

.dkGarnetBg {
	background-color:#810009;
}

/*~*~*~*IOLITE*~*~*~*/

.ltIolite {
	color:#c4cae6;
}

.btIolite {
	color:#6f83c1;
}

.mdIolite {
	color:#595997;
}

.dkIolite {
	color:#43276d;
}

.ltIoliteBg {
	background-color:#c4cae6;
}

.btIoliteBg {
	background-color:#6f83c1;
}

.mdIoliteBg {
	background-color:#595997;
}

.dkIoliteBg {
	background-color:#43276d;
}

/*~*~*~*ONYX*~*~*~*/

.ltOnyx {
	color:#bfbfbf;	
}

.btOnyx {
	color:#808080;
}

.mdOnyx {
	color:#404040;
}
.dkOnyx {
	color:#000000;
}

.ltOnyxBg {
	background-color:#bfbfbf;	
}

.btOnyxBg {
	background-color:#808080;
}

.mdOnyxBg {
	background-color:#404040;
}
.mdOnyxBg {
	background-color:#000000;
}

/*~*~*~*PERIDOT*~*~*~*/

.ltPeridot {
	color:#d9d99e;
}

.btPeridot {
	color:#b2b935;
}

.mdPeridot {
	color:#828d30;
}

.dkPeridot {
	color:#505f21;
}

.ltPeridotBg {
	background-color:#d9d99e;
}

.btPeridotBg {
	background-color:#b2b935;
}

.mdPeridotBg {
	background-color:#828d30;
}

.dkPeridotBg {
	background-color:#505f21;
}

/*~*~*~*RUBY*~*~*~*/

.ltRuby {
	color:#f7b6bb;
}

.btRuby {
	color:#ed2c67;
}

.mdRuby {
	color:#a9194f;
}

.dkRuby {
	color:#690031;
}

.ltRubyBg {
	background-color:#f7b6bb;
}

.btRubyBg {
	background-color:#ed2c67;
}

.mdRubyBg {
	background-color:#a9194f;
}

.dkRubyBg {
	background-color:#690031;
}

/*~*~*~*SAPPHIRE*~*~*~*/

.ltSapphire {
	color:#a6e2ef;
}

.btSapphire {
	color:#00a8c8;
}

.mdSapphire {
	color:#006d9e;
}

.dkSapphire {
	color:#002c77;
}

.ltSapphireBg {
	background-color:#a6e2ef;
}

.btSapphireBg {
	background-color:#00a8c8;
}

.mdSapphireBg {
	background-color:#006d9e;
}

.dkSapphireBg {
	background-color:#002c77;
}

/*~*~*~*TOPAZ*~*~*~*/

.ltTopaz {
	color:#ffddac;
}

.btTopaz {
	color:#fbae17;
}

.mdTopaz {
	color:#c98314;
}

.dkTopaz {
	color:#8e5501;
}

.ltTopazBg {
	background-color:#ffddac;
}

.btTopazBg {
	background-color:#fbae17;
}

.mdTopazBg {
	background-color:#c98314;
}

.dkTopazBg {
	background-color:#8e5501;
}

/*~*~*~*TURQUOISE*~*~*~*/

.ltTurq {
	color:#a7d9c8;	
}

.btTurq {
	color:#0fb694;
}

.mdTurq {
	color:#008075;
}

.dkTurq {
	color:#004c4f;
}

.ltTurqBg {
	background-color:#a7d9c8;	
}

.btTurqBg {
	background-color:#0fb694;
}

.mdTurqBg {
	background-color:#008075;
}

.dkTurqBg {
	background-color:#004c4f;
}

/*~*~*~*WHITE*~*~*~*/

.white {
	color:#fff;
}