/* 
	CUSTOM STYLES - Exclusive to website. Will override global.css styles.
	These are styles for mobile and styles that are common to all screen sizes
	(no media queries) ============================================================================= 
*/
/*
MAIN COLORS:
AC162C Red
131F6B Blue
2A5DB0 Blue for HYPERLINKS
f1f1f2 Lt Gray
a7a9ab Med Gray
939597 Dk Gray
67686A Dk Dk Gray
*/


/*	IMPORT FONTS  ============================================================================= */

@font-face {
 font-family: 'Open Sans';
 font-weight: normal;
 font-style: normal;
}
/*
	  GLOBAL OBJECTS ============================================================================= 
*/
img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }
body {
	margin : 0 auto;
	padding : 0;
	color : #000;
	font-size: 0.813em;
	font-family : 'Open Sans', verdana, arial, helvetica, helve, sans-serif;
}
strong { font-weight:700; }
.breaker { clear: both; }
.space { margin:2% 0; }
.floatleft { float: left; }
.floatright { float: right; }
.space-right {padding-right:3%;}
.dot-rule { border-bottom: 2px dotted #939597}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box
} /*This setting will prevent borders from affecting the width of the div (box)*/
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  GROUPING  ============================================================================= */


.group:before, .group:after {
	content:"";
	display:table;
}
.group:after { clear:both; }
/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*
	  HEADINGS  ============================================================================= 
*/
h1, h2, h3, h4, h5, h6 {
	line-height: 1.45;
	padding: 0;
	margin: .5em 0 .3em 0;
}
h1 {
	font-size: 1.626em;
	font-weight:500;
}
h2 {
	font-size: 1.5em;
	font-weight:500;
}
h3 {
	font-size: 1.125em;
	font-weight:600;
}
h4 {
	font-size: 1em;
	font-weight:600;
}
h5 {
	font-size: 0.875em;
	font-weight:600;
}
h6 {
	font-size: 0.813em;
	font-weight:600;
}
.quote {
	margin-left:5em;
}
.quote span {
	color:#AC162C;
	font-weight:600;
	}
/*
	  TYPOGRAPHY  ============================================================================= 
*/

p, ol, ul, dl, address, a, a:hover { font-size : 0.813em; 	/* 13 px / 10pt */ }
ul ul, ol ol { font-size : 1em; 	/* 13 px / 10pt */ }
.center { text-align: center; }
.left { text-align:left; }
.right { text-align:right; }
ul, ol {
	margin : 0 0 1.5em 0;
	padding : 0 0 0 1.5em;
}
li ul, li ol { margin : 0; }
.italic { font-style:italic; }
.bold { font-weight:600; }
/* 	
	LINKS =============================================================================  
*/

a, a:visited {
	font-size:inherit;
	color : #2A5DB0;
	text-decoration:none;
}
.link-blue {color : #2A5DB0;}
a:focus {
	outline : thin dotted;
	color : rgb(0,0,0);
}
a:hover, a:active {
	color : #000;
	font-size:inherit;
	text-decoration:underline;
}
footer a { color : #000; }
footer a:visited { color : #000; }
footer a:focus {
	outline : thin dotted;
	color : rgb(0,0,0);
}
footer a:hover, footer a:active {
	outline : 0;
	color : #000;
}
/* 	
	IMAGES ============================================================================= 
*/

img {
	border : 0;
	max-width: 100%;
}
img.floatleft {
	float: left;
	margin: 0 10px 0 0;
}
img.floatright {
	float: right;
	margin: 0 0 0 10px;
}
/*
	  HEADER CONTAINER ============================================================================= 
*/
#topheadercontent {
	clear:both;
	color:#333;
	position:relative;
	max-width:92.3em;
	margin:0 auto
}
#topheadercontent a {
	text-decoration:none;
	color:#333;
	font-size:75%;
	}
#headcontainer {
	clear: both;
	width: 100%;
	border-bottom:2px solid #AC162C;
}
header {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size : 0.813em; 	/* 13 px / 10pt */
	max-width: 92.3em; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
	min-height:7em;
}
#login {  color:#131F6B; font-size:.7em; padding:.5% 2%; }
#login a { color:#131F6B;  }
#login a:hover { color:#FFF; text-decoration:none;  }
.breadcrumb { display: inline; color:#AC162C;}
.breadcrumb a { font-size:.6em; color:#AC162C;}
.breadcrumb a:link {
	text-decoration:none;
	color:#AC162C;
}
.breadcrumb a:visited {
	text-decoration:none;
	color:#AC162C;
}
.breadcrumb a:hover {
	text-decoration:underline;
	color:#939597;
}
.breadcrumb a:active {
	text-decoration:underline;
	color:#AC162C;
	font-weight:bold;
}
.breadcrumb-arrow {
	padding:0 5px;
	font-size:.8em;
	color:#AC162C;
}
/*
	  MAIN CONTAINER	============================================================================= 
*/
#wrapper { background-color: #F9F9F9; }
.section {
	clear: both;
	padding: 0;
	margin: 0;
}
.section_break {
	padding: 1.5em 0 0 0;
	clear:both;
	margin: 0;
}
#maincontainer, #sectioncontainer {
	clear: both;
	width: 100%;
}
#sectioncontainer { border-bottom:2px solid #a7a9ab; }
#maincontent, #sectioncontent {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size : 0.75em;
	max-width: 92.3em; /* 1200px / 13 */
	margin: .7em auto;
	padding: .5em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
/*
	  SIDEBAR 	============================================================================= 
*/
#sidebar {
	margin-top:2em;
	font-size:.8em;
}
#sidebar h5 {padding:.8em 0;}
#sidebar h4 { color:#AC162C; }
#sidebar.CTA-buttonKO {
	color:#FFF;
	background-color:#AC162C;
	text-decoration:none;
	padding:5%;
	font-size:.8em;
	}
#sidebar.CTA-buttonKO a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	}
div#red-button {
	background:none;
  	margin:3% 0;
	}
div#red-button a {
	color:#FFF;
	background:#AC162C;
  	font-weight: bold;
  	font-size: .9em;
  	text-decoration: none;
  	padding:1em;
	}

/*
	  FOOTER CONTAINER	============================================================================= 
*/
#compcontainer {
	clear: both;
	width: 100%;
	background: #FFF;
	padding:1em 0;
}
#footercontainer {
	clear: both;
	width: 100%;
	background: #A9AAAD;
}
footer {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	margin: auto;
	padding: 20px 0px 10px 0px;
	color: #000;
}
footer a:link, footer a:visited {
	color: #000;
	text-decoration: underline;
}
footer a:hover {
	color: #000;
	text-decoration: underline;
}
ul#list li { padding-bottom:1%; }
ul.pagefooterlist {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.pagefooterlist li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	display: block;
	line-height: 1.6em;
	font-weight: normal;
	background: none;
}
ul.pagefooterlist a {
	text-decoration:none;
	font-size : .9em; 	/* 13 px / 10pt */
}
ul.pagefooterlist a:hover {
	text-decoration:underline;
	color:#F6F6F6;
	font-size : .9em; 	/* 13 px / 10pt */
}
/*
	  HOME PAGE STYLES	============================================================================= 
*/
#choose {
	border:1px solid #a7a9ab;
	width:90%;
	border-bottom-right-radius: 1em;
	-moz-border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	-moz-border-bottom-left-radius: 1em;
	padding-bottom:2%;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzk2OTg5YSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2E1YTdhOSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhN2E5YWIiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(150, 152, 154, 0) 90%, rgba(165, 167, 169, 0.65) 99%, rgba(167, 169, 171, 0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(150, 152, 154, 0)), color-stop(99%, rgba(165, 167, 169, 0.65)), color-stop(100%, rgba(167, 169, 171, 0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(150, 152, 154, 0) 90%, rgba(165, 167, 169, 0.65) 99%, rgba(167, 169, 171, 0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(150, 152, 154, 0) 90%, rgba(165, 167, 169, 0.65) 99%, rgba(167, 169, 171, 0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(150, 152, 154, 0) 90%, rgba(165, 167, 169, 0.65) 99%, rgba(167, 169, 171, 0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(150, 152, 154, 0) 90%, rgba(165, 167, 169, 0.65) 99%, rgba(167, 169, 171, 0.65) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6a7a9ab', GradientType=0 ); /* IE6-8 */
}
#choose h4 {
	font-weight:normal;
	text-align:center;
}
.arrow { color:#AC162C; }
.gray-arrow { color:#494587; }
#icons h3 {
	font-weight:400;
	text-align:center;
}
.round-icon {
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	padding:1.5em 0;
	text-align:center;
	width:6em;
	height:6em;
	margin:0 25%;
}
.blue-bg {	background-color:#2AADB7; }
.orange-bg {	background-color:#f6911b; }
.purple-bg {	background-color:#8165A3; }
.green-bg {	background-color:#C1D44A; }
.red-bg {	background-color:#CE3549; }
.blue-clr {	color:#2AADB7; }
.orange-clr {	color:#f6911b; }
.purple-clr {	color:#8165A3; }
.green-clr {	color:#AEBF43; }
.red-clr {	color:#CE3549; }
.round-arrow-left {
	border:1pt solid #494587;
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	background-color:#f1f1f2;
	padding:.5em 0;
	width:2.8em;
	height:2.8em;
	margin-top:3em;
	margin-left:-4em;
	float:left;
	text-align:center;
}
.round-arrow-right {
	border:1pt solid #494587;
	border-radius: 1000px;
	-moz-border-radius: 1000px;
	background-color:#f1f1f2;
	padding:.5em 0;
	width:2.8em;
	height:2.8em;
	margin-top:3em;
	margin-right:-4em;
	float:right;
	text-align:center;
}
/*
    Full Screen Work With Us  ===========================================================
*/
#cover {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.6);
	z-index:5;
	width:100%;
	height:100%;
	display:none;
}
#contactScreen {
	min-height:500px;
	right:100px;
	width:400px;
	margin:0 auto;
	position:fixed;
	z-index:10;
	display:none;
	background:#f1f1f2;
	padding:4em 2em;
	color:#000 !important;
}
#contactScreen input {
	padding:.5em;
}

#contactScreen:target, #contactScreen:target + #cover {
	display:block;
	opacity:2;
}
#contactScreen h5 {font-size:1.2em;padding:.8em 0;}
#contactScreen h4 {font-size:1.5em;}

#contactScreen a.cancel, a.cancel:hover {
	display:block;
	position:absolute;
	top:1px;
	right:2px;
	background:rgb(245,245,245);
	color:black!important;
	font-size:16px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
#contactScreen .cancel {
	padding:1em;
	}
/*
    MISCELLANEOUS  ===================================================================
*/
#values {
  background:url(/images/core-values.png) no-repeat center;
	}
#values p, #values h3,#values ul li {
	margin-top:0; text-align:left;
	}
#values .bubble {
	border-radius: 1em;
	-moz-border-radius: 1em;
	border:1px solid #666;
	padding:3% 3% 1% 3%;
	width:46%;
	min-height:9.8em;
	float:left;
	margin-bottom:2%;
	margin-left: 2% ;
	margin-right: 2% ;	
  }
.core-red {
	background-color:#fcdcdc;
	}
.core-yellow {
	background-color:#fefee2;
	}
.core-green {
	background-color:#eef4d7;
	}
.core-orange {
	background-color:#fef2e0;
	}
.core-peach {
	background-color:#fee2d8;
	}
/*
	Used to style the ? of the onmouseover Tooltip. To style the tooltip box, edit wz_tooltip.js.
*/
.tip {
	background-color:#CCC;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	line-height:1.5em;
	cursor:pointer;
}
div#tipDiv {
	font-size:9pt; font-family:Arial, Helvetica, sans-serif; line-height:15px;
	color:#333; background-color:#FFFFEB;
	border:1px solid #666;
	width:224px; padding:4px;
}

/* PACKAGES */
#pkgtabs {
	background-color:#EBE8E2;
	text-align:center;
	padding:2%;
	font-weight:bold;
}
#pkgtabs a, #pkgtabs a:hover { text-decoration:none; color:#131F6B; }
#pkgtabs h2 {
	text-align:center;
	margin-top:3%;
	margin-bottom:0;
	font-size:1em;
	font-weight:bold;
	}
#pkgtabs h3 {
	text-align:center;
	color:#CC1F30;
	font-style:italic;
	font-weight:normal;
	font-size:1.5em;
	margin-bottom:3%;
	}
#pkgtabs p.price {
	color:#414042;
	margin:5% 0;
	font-size:2em;
	font-weight:normal;
	text-align:center;
}
#pkgtabs .sign {
	font-size:.5em;
	font-weight:normal;
	position:relative;
	top:-.7em;
}
#pkgtabs .cents {
	font-size:.5em;
	font-weight:normal;
	text-decoration:underline;
	position:relative;
	top:-.7em;
}
#pkgtabs .product {
	padding:3%;
	border-bottom:1pt dotted #414042;
	}
/*
	  TOOLTIP	============================================================================= 
*/

#tooltip
{
    text-align: center;
    color: #111;
    background: #fff;
    position: absolute;
    z-index: 100;
    padding: 1em;
	font-size : 0.625em; 	/* 10px	/ 8pt */
	border:1px solid #111;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:80em;
}
 
#tooltip:after /* triangle decoration */
{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #111;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}

#tooltip.top:after
{
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto;
}

#tooltip.left:after
{
	left: 10px;
	margin: 0;
}

#tooltip.right:after
{
	right: 10px;
	left: auto;
	margin: 0;
}
/*
	Used to style the ? of the onmouseover Tooltip. To style the tooltip box, edit wz_tooltip.js.
*/
#tip {
	background-color:#FFF;
	color:#414042;
	font-size:.7em;
	font-weight:bold;
	line-height:1.5em;
	cursor:pointer;
	padding:0 1.5%;
	border:thin solid #414042;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
}