﻿@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
* {margin:0;padding:0;border:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:middle;text-align:left}
body {background:#333;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-100px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, body>nav, main, body>footer, #alertApp{width:100%;float:left;clear:left;padding:0;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*{width: 100%; max-width:70rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}


/* text */
body, footer h1, aside nav li ul li.on ul, input, textarea, select, .logIn span, .order-info table button {font-family:"adobe-garamond-pro",Times New Roman,serif;}
h1, h2, h3, h4, h5, h6, aside nav, header nav, .logIn>a, table th,.band-coaching span {font-family:"proxima-nova-condensed", Helvetica, sans-serif;}
body {line-height: 1.4em}
h1 {line-height: 1.6em}
a, a *{color:#007dba;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#003865}
p,h1,h2,h3,h4,hr,#content ul,.contentEditor ul,blockquote,dd,ol{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:600}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.3em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#007dba;}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-weight:400;}
h1, #content article.blog>h1{font-size:2.25em;margin-bottom:1em; color:#007dba}
#home main h1 {color:#007dba; line-height:1.25em; margin-bottom:1em;font-size: 2.25rem}
body, .text, input, button {font-size:1.125em; color:#333333; margin-bottom:1.25em}
footer h1 {font-size:1.25em;color:#fff;text-transform: uppercase;}
#content>section{margin:2em 0}
h1+h2{margin-top:-1em}
h2 {color: #003865;font-size: 2em;margin-top: 1em;line-height: 1}
#content * h1{font-size:1.875em; color:#007dba}
h2.blog-title {font-size:1.625em; margin-bottom:0.75em; line-height:100%; white-space:nowrap; text-overflow:ellipsis}
h3{font-size:1.875em; color:#007dba}
h4, th{font-size:1.500em; color:#007dba}
h5 {font-size:1.375em;}
h6 {font-size:1.250em;}
h7, h8, h9{font-size:1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/* level1 list */

#content ol, #content_home ol, .contentEditor ol{margin-left:35px;padding-left: 1.5em}
.content ol li {list-style: decimal}
#content p b, #content li b {font-weight:500}
.checkList ul li {margin: .5em;color: #007dba;}
.checkList ul li:before {content:'';width: 1em; height: 1em;background: url(/images/greenCheck.png) no-repeat center center / 19px 19px;display: inline-block; vertical-align: top;margin-left: -2em;padding-left: 1em;margin-top: .25em}

/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
        columns:2;
-webkit-column-gap:40px;
        column-gap:40px;/*
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);*/
}
.threeCol {
-webkit-columns:3;
        columns:3;
-webkit-column-gap:30px;
        column-gap:30px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}

/* forms */
input:not([type="checkbox"]):not([type="radio"]), button{font-size:.9em;-webkit-appearance: none;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"]{border-radius:0;}
input[type="radio"],input[type="checkbox"]{}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{width: 15em;padding:.5em; margin-bottom: .5em;background-color: #e8ecf1; -webkit-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.25);height: 2.5em}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{background-color:#fff !important;-webkit-box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .2) !important;box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .2) !important}
input[type="text"], input.wsFormBox[type="text"], input.wsFormBox[type="password"], input.wsFormBox[type="tel"], input.wsFormBox[type="number"], input.wsFormBox[type="email"], input.wsFormBox[type="url"], input.wsFormBox[type="search"], textarea.wsFormTextarea, select.wsFormSelect, .ValidatorTextClass input {line-height:2.125em !important}
textarea{display:block}
select{padding:0}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{display: inline-block;background:#007dba;color:#fff;border-radius: 25px;font-size: 1rem;line-height: 1.8em;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);padding: 0 1em;text-align: center;}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{color:#fff;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.8);box-shadow: 0px 3px 10px 0px rgba(0,0,0,.8)}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}
.subjClass, .mobileOnly{display:none}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.forgotPassword {line-height:150% !important}
.logIn input{text-align: center}
.logIn input[type="submit"]{font-size: 1em; cursor: pointer; padding: 0.25em 1em;  -webkit-box-shadow: inset 0 -4px 0 0 #003865; box-shadow: inset 0 -4px 0 0 #003865}
.logIn input[type="submit"]:hover {background: #003865}

.buttonLink, .downloadLink {color:#fff; border:0; padding:.55em 1em; line-height:1em; cursor:pointer; vertical-align:middle; display: inline-block; margin-right: 1em; border-radius: 1em;}
.buttonLink {background:#007DBA;}
.buttonLink:before {content: "\203a"; float: right; padding-left: .6em;}
.downloadLink {background: #666;}
.downloadLink:before {content: "\25be"; float: right; padding-left: .6em;}
.buttonLink:hover, .downloadLink:hover {background-color:#D1234C; color:#fff}

.blueButton {display: inline-block;background:#007dba;color:#fff;border-radius: 25px;font-size: 1.5rem;line-height: 1.8em;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);padding: 0 1em;min-width: 11em;text-align: center;}
.blueButton:hover {color:#fff;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.7);box-shadow: 0px 3px 10px 0px rgba(0,0,0,.7)}
.blueButton:after {content:"\203A";margin-left:.2em;display: inline-block}
.blueButton:hover:after {-webkit-transform:translateX(.3em);transform:translateX(.3em)}
.blueButton.sm {line-height: 1.3;min-width: 0;font-size: 1.25rem;}

#blogSearch {
    margin-top: 3.3em;
    position: absolute;
    right: 1em;
    top: 0;
}
#blogSearch input {margin-right: 5px;}

/* HEADER ------------------------------*/

body>header{margin:0 auto;background:#fff;-webkit-box-shadow: 0 -.5em 1em 1em rgba(0,0,0,0.15);box-shadow: 0 -.5em 1em 1em rgba(0,0,0,0.15)}
.management header {top:34px}
.management2 header {top:79px}
body>header>.wrap{height:100px; overflow:hidden}

body>header form {height:100px; line-height:100px}
.back {display:none}

/* NAVIGATION ------------------------------ */

body>nav{background:#333;overflow:visible}
body>nav ul{text-align:center;overflow:visible}
body>nav li{display:inline-block;position:relative}
body>nav a{color:#fff;line-height:30px;padding:0 20px;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none}
body>nav>ul>li:hover>a, body>nav>ul>li:active>a{background:#f03c5e;color:#fff}
body>nav>ul>li.on>a{background:#fff;color:#f03c5e}
/*dhtml*/
body>nav li ul{z-index:1;width:200px;padding:5px;background:rgba(0,0,0,.8);position:absolute;overflow:auto;height:auto}
body>nav>ul>li:last-child ul{right:0}
body>nav li ul li{width:100%;display:block;float:left}
body>nav ul li ul li a{background:none;color:#fff}
body>nav li ul li a{font-size:.9em;line-height:1.1em;padding:.3em .5em; display:block;width:100%;text-align:left;float:left}
body>nav li ul li a:hover, .t1 li ul li a:active{color:#000;background:#fff}

.breadcrumb {line-height:100%; position:absolute; top:2em; left:1em; font-size:0.875em; font-weight:100}

/* side column */
body>main>.wrap>aside{font-weight:300; position:absolute;top:8.5em;width:13.813em;overflow:hidden;font-size:1em;line-height:1.3em}
/* t1 */
#sidenav{width:200px;overflow:hidden;margin:0 0 40px}
#sidenav li{height:1%;overflow:hidden;}
#sidenav li a{padding:.5em 5px;line-height:1.1em;display:none}
#sidenav li a:hover, #sidenav li a:active{}
#sidenav li.on>a{color:#000}
/* t2 */
#sidenav li.on ul{visibility:visible;font-size: 1.125rem;font-weight: 800}
#sidenav li.on ul li{font-weight: 600;position: relative}
#sidenav li.on ul li a{padding:0.5em 1.125em;font-size:1.125em;color:#007dba; display:block;}
#sidenav>ul>li>ul>li>a:before{opacity: 0; content:"\203A"; color:#007dba; font-size:1.25em; display:block; position:absolute; top:0.3em;margin-left: -.5em}
#sidenav>ul>li>ul>li>a:hover:before{opacity: 1;margin-left: -.8em}
#sidenav li ul li a:active{}
#sidenav li ul li.on>a{color:#003865; font-weight:800}
#sidenav li ul li.on>a:hover{}
/* t3 */
#sidenav li ul li.on ul{padding-top:0.15em;border:0}
#sidenav li ul li.on ul li{border:0; position:relative}
#sidenav li ul li.on ul li a{padding:0.5em 0.5em 0.5em 2.25em;font-size:1rem; color:#333333;font-weight: 400}
#sidenav li ul li.on ul li a:before{content:"\203A"; color:#007dba; font-size:1.25em; display:block; position:absolute; top:0.3em; margin-left:-0.5em}
#sidenav li ul li.on ul li a:hover:before{margin-left: -.8em}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li.on a:hover {}
#sidenav li ul li ul li.on>a{color:#333;}
#sidenav li ul li ul li.on>a:hover{}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding:0.6em 0.6em 0.6em 3.25em;font-size:.8em;}
#sidenav li ul li ul li.on ul li a:before {opacity: 0}
#sidenav li ul li ul li ul li a:hover:before, #sidenav li ul li ul li a:active:before{opacity: 1}
#sidenav li ul li ul li ul li.on>a:before {opacity: 1}
/*section callouts*/
body>main>.wrap>aside section{margin:0 0 20px;padding:10px}
body>main>.wrap>aside section:hover{background:#FFC}
body>main>.wrap>aside section h1{margin:0;font-size:1.2em}
body>main>.wrap>aside section p{margin:0}

#resize{display:none}

body > main > .wrap > aside .cta {border-top:1px dotted #abb9cb; border-bottom:1px dotted #abb9cb; padding:0; background:none}
body > main > .wrap > aside .cta:hover {background:none}
.cta a {display:block; padding:1.25em 0.5em 1.25em 3.25em; font-size:1.5em; background:url(../images/small-phone.png) no-repeat 0.25em bottom}
.cta a:hover {background:url(../images/small-phone.png) no-repeat 0.25em bottom #007dba; color:#fff}

/* MAIN ------------------------------ */

main, .mceContentBody{background:#fff; width:100%; position:relative; float:left; clear:both;}
main>.wrap{padding:5.5em 0 4.063em 0}
.contentEditor{background:#fff;min-width:100%;}
#home main {padding:0; z-index:2}
#home.management main, #home main {margin-top:0}

/*.bgHome{position: absolute;left: 0;top:0;right: 0;height:100%;z-index: -1;}
	.bgHome div,.bgHome{background: url(/images/home/bg4.jpg) no-repeat center top;background-size:cover;}
	.bgHome div{z-index:0;opacity: 0;position:absolute;left: 0;top: 0;width: 100%;height: 100%;}
		.bgHome div:nth-child(2){background-image:url(/images/home/bg2.jpg)}
		.bgHome div:nth-child(3){background-image:url(/images/home/bg3.jpg)}
		.bgHome div:nth-child(4){background-image:url(/images/home/bg4.jpg)}
		.bgHome .prev{z-index:1;opacity:1}
		.bgHome .on{z-index:2;opacity:1;-webkit-transition: opacity 2s linear;transition: opacity 2s linear}
		.bgHome .next{z-index:0;opacity:0}
		.bgHome .next.prev{z-index:0;opacity:0;-webkit-transition: opacity 0s linear 2s;transition: opacity 0s linear 2s}
*/
.homeTop>.wrap {position: static}
.logIn {position: absolute;background-color:rgba(255,255,255,.9);text-align: center;border: 3px solid #fff;border-radius: 10px}
.logIn img {display: block; max-width: 10.31rem; height: auto; margin:0 auto 1.44rem}
.logIn img+img {display: block;margin-left: auto;margin-right: auto;margin-top: 0;max-width: 9em;margin-bottom: 1em}
.logIn input {width:100%}
.logIn a {display: block; background: #003865; padding: 1em 1em; color: #66b1d6; border-radius: 10px;}
.logIn a:hover {-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,.5)}
.logIn a span {font-size: 1.4rem;color:#fff;}

.band-1 {height:40em;text-align: center; background: #eeeded;border-top: 3px solid #fff;padding-top: 3em; color:#003865;font-size: 1.25rem}
.band-1>.wrap {max-width: 70em;margin-right: auto;margin-left: auto}
.band-1 h1 {font-weight: 800}

.band-1 a, .darkButton {background:#003865;color:#fff;border-radius: 25px;font-size: 2rem;height:1.5em;padding-top: .25em;line-height: 1;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}

.band-2 {position: relative;height: 60em;background: #fff;text-align: center;color:#007dba; margin-bottom:3em}
.band-2 h1 {font-weight: 600}
.band-2 .wrap {max-width: 70em;margin-right: auto;margin-left: auto}
.boxInfo, .onlineInfo {text-align: left;width:50%;height:45em;position: relative}
.boxInfo {float: left;border-right: 1px solid #d1d9e2}
.boxInfo img, .onlineInfo img {max-width: 100%; height: auto;display: block;margin-left: auto;margin-right: auto}
.onlineInfo {float: right;border-left: 1px solid #d1d9e2}
.band-2 ul li {margin: .5em}
.band-2 ul li:before {content:'';width: 1em; height: 1em;background: url(/images/greenCheck.png) no-repeat center center / 19px 19px;display: inline-block; vertical-align: top;margin-left: -2em;padding-left: 1em;margin-top: .25em}

.boxInfo span, .onlineInfo span {color:#a4b3c6;}
.boxInfo span>a, .onlineInfo span>a {font-style: italic;color:#007dba}
.learnMore:after {content:"\203A";margin-left:.2em;display: inline-block}
.learnMore:hover:after {-webkit-transform:translateX(.3em);transform:translateX(.3em)}

/* Coaching Band */
.band-coaching {float: left;width: 100%;background-color: #eeeded;padding: 3em 0;text-align: center}
.band-coaching .wrap {max-width: 70em;margin: 0 auto}
.band-coaching h1 {font-weight: 600;margin-bottom: .5em !important;display: block}
.band-coaching span {font-size: 2em;color: #007dba;margin-bottom: 1.25em;display: block}
.band-coaching p {font-size: 1.25em;display: block;margin-bottom: 1.35em;color: #003865}
.band-coaching a {margin-bottom:10px}


/* CONTENT ------------------------------ */

#content{float:left;width:100%;padding:3em 1em 3em 18em;overflow:hidden; min-height:600px;word-wrap:break-word;position:relative}
#content .photoright, #content .photoleft{max-width:50%;height:auto}
.photoright.circle { border-radius:50%; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1); border: 3px solid #dae2eb}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
#content img.phototreatment{max-width:50%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;margin:0 0 3em 4em;clear:right}
.photoleft{float:left;margin:0 4em 3em 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight{background:#f6f7f9;padding:2.625em;margin:1em 0;border-top: 2px solid #e1e6ec;border-bottom: 2px solid #e1e6ec}
.highlight * {text-shadow:none}
#content * h1{border-bottom:1px solid #bac2cb; padding-bottom:0.75em; font-size:1.875em;margin-bottom:1em;text-shadow:none}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

#content .content-callout {width:100%; height:auto; text-align:center; display:block; clear:both; margin:5em 0; border-top:1px dotted #abb9cb; border-bottom:1px dotted #abb9cb; padding-top:4em}
#content .content-callout img {max-width:100%; height:auto; margin:0 auto; display:block}
#content .content-callout h1 {padding-bottom:0; margin-bottom:1em; border-bottom:0; font-weight:500; font-size:2.375em; color:#007dba}
#content .content-callout h2 {color:#333; font-size:2.125em}

.css-link  {position:relative; z-index:9; text-shadow:none; color:#fff; padding:0.2em 0.8em; background:#007dba; line-height:4em; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15); border-radius:20px; -webkit-border-radius:20px;}
.css-link:hover {opacity:0.5; -webkit-opacity:0.5; color:#fff}

figure.photoright img, figure.photoright span {display: block; text-align: right}
figure.photoright a:hover {opacity:0.5; -webkit-opacitY:0.5}
.blog article, .blog aside, .blog .tags, .blog .comments{}
#content article.blog>h1{margin-bottom:.3em}
.latest-blog {display: block; float: left;}
.latest-blog > h2 {font-size:1.2em; color: #d1232a}
.blogCredits{font-size:.8em;margin-bottom:2em}
.blogCredits>p{margin-bottom:.5em}
.blogContinue{font-style:italic}
.blogContinue a:after{content: "\00A0\2026"}
article > h1 {border-top:1px solid #bac2cb; padding-top:0.75em; margin-top: 1em}
article#content>h1{margin-bottom:.5em}
/*official social media plugins should be wrapped in <div class="blogShare">*/
.blogShare{display:inline-block;position:relative;overflow:auto}
.blogShare>*{float:left;margin:0 .5em 0 0}
/*facebook override*/.fb-like, .fb-like *{line-height: 1.28}
/*linkedin override*/.blogShare, .blogShare *{-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box; -webkit-transition:none; transition:none}
.blog img {max-width: 100%; height: auto;}

#content .new-signup h1 {color:#007DBA}
.white {background-color: #fff; display: inline-block; padding: 2em 3em; width: 100%;}
.signupLeft, .signupRight {float: left}
.signupRight {padding-left: 2em}
.signupLeft h2 {margin-bottom: 23px !important}
h2.red {color: #d0232a;}
h2.green {color:#009446}
h2.purple {color:#9d479a}
h2.yellow {color:#fbad1b}
.new-signup {border: 2px solid #dae2eb;margin-bottom: 1rem}
.new-signup h2 {font-size: 2em; margin: 1rem 0 0.5em;display: inline-block;}
.new-signup h2 span {color: #666; display: inline-block; font-size: .5em;}
.new-signup p {line-height: 1.3em;}
.new-signup table {width:100%; color:#000; line-height:130%}
.new-signup input, .new-signup select {margin:0.25em 0 0.25em; width: 100%;text-align:left;padding-left: .5rem}
.new-signup select {height: 40.5px;font-size: 1em}
/*.ui-datepicker {width: 20em !important}*/
.ui-datepicker {font-size: .9em !important}
.new-signup input[type="radio"] {font-size: 1rem;margin: 0 3px 0 0; padding: 0; -webkit-appearance: radio; width: 0.875rem; height: 0.875rem; background: none; }
.new-signup .receive-text {display: none}
.new-signup .receive-text input {max-width:10em}

#content ol{margin-left:2em}
#content ul li{padding-left:1.5em;text-indent: -1em; line-height: 1.5em;margin-bottom: .5em}
#content ul li:before, .content ul li:before{content: "\203A";display: inline-block;font-weight: 700; font-size: 1.2em; width: 1rem;text-align: center;text-indent:0; color: #007dba}
#content ul li ul li:before{opacity: 1}

/* SHOP LANDING PAGE ------------------------------ */

.accountCart {position: fixed;right: 0;background: #4499c1; width: 12em;text-align: center; height: 2.25em;padding-top: .5em;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;margin-right:2em;z-index: 1}
.accountCart img {vertical-align: top;height:1.2em;margin-top: .12em;}
.accountCart img+img {margin-left: 1.3em}
.accountCart a {color:#fff;}
.accountCart a:hover {color:#003865}

.shopSec1 {margin-top: 0;text-align: center;}
.shopSec1 h1 {font-weight: 600}
.boxBuy, .onlineBuy {height: auto;padding: 0 3.5em;position: relative}
.boxBuy p, .onlineBuy p {font-size: 1.125em;text-align: left;margin-bottom: 2em}
.boxBuy span, .onlineBuy span {font-size: 1.5em;text-align: center;color: #007dba;display: block;left: 40%;padding-top: 1%}
.boxBuy img, .onlineBuy img {max-width: 100%;height: auto; display: block;margin-left: auto;margin-right: auto;margin-bottom: 1em}

.boxBuy span:last-child, .onlineBuy span:last-child {color:#a4b3c6;font-size: 1em}
.boxBuy a:last-child, .onlineBuy a:last-child {font-style: italic;color:#007dba}

.shopSec2 {background: #007dba;color:#fff;font-size: 1.25rem;float: left;clear: both;width: 100%;}

.points {width: 20%;min-width: 33%; float: left;text-align: center;margin: 0;height: 10em;padding:3% 5%}
.points img {display: block;margin-right: auto;margin-left: auto;max-height: 3.2em;margin-bottom: 1em}

.shopSec3 {float: left;clear: both;width: 100%;background: #fff;}
.shopSec3 .wrap {overflow: visible}

.tableBoxBuy, .tableOnlineBuy {text-align: center; font-size: 1.5em; color:#007dba}

.tableBoxBuy span:first-child, .tableOnlineBuy span:first-child {display: block}
.tableBoxBuy span:nth-child(4), .tableOnlineBuy span:nth-child(4){display: block; font-size: 1rem;color: #a4b3c6}
.tableBoxBuy a:last-child, .tableOnlineBuy a:last-child{font-style: italic;color: #007dba}
.shopSec3 .blueButton {margin-bottom: .5em}

/* PRODUCT PAGE ------------------------------ */

#free-shipping {width:100%; margin:99px 0 0; padding:0.25em 10px; background:#f5f7fa; border-bottom:1px solid #dadcde; position:fixed; z-index:8; text-align:center; -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.06); box-shadow: 0 3px 4px 0 rgba(0,0,0,0.06);}
.management #free-shipping {margin-top:63px}
#free-shipping p {margin-bottom:0; font-size:1.125em; color:#d51c29;}
#free-shipping p span {font-size:0.8em; color:#333; display:inline-block}
#free-shipping p span span {font-size:1em; text-transform:uppercase; color:#007dba}

.product-info {width:100%; display:block; float:left; clear:both; position:relative; overflow:visible; height:auto}
.product-info h2 {font-size:1.7em;font-weight: 600;color: #007dba}

.product-info .left {width:40%; height:auto; display:block; float:left}
.product-info .left .largeImage {width:100%; background-position:center center; background-size:cover;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);}
/*.product-info .left .largeImage:after {content:""; display:block; height:0; padding-bottom:100%; width:100%}*/
.product-info .left .largeImage img {width:100%; height:auto; display:block}
.product-info .left .thumb{width:15%; display:block; cursor:pointer; float:left; margin:5% 3% 0 0; background-size:cover; background-repeat:no-repeat; background-position:center center}
.product-info .left .thumb:after {padding-bottom:100%; content:""; display:block}

.product-info .right {width:60%; height:auto; display:block; float:right;}
.order-info {height:auto; background:#fff; padding:1em}
.order-info table {width:100%; height: 100%;float:right}
.order-info table td {padding:0.75em 0 0}
.order-info table tr:last-child td {padding:0}
.order-info table td:first-child {text-align:right; color:#003865;font-style: italic;padding-top: 1em}
.order-info table td+td {padding-left:1em; font-size: 1.25em;color:#007dba}
.order-info table td+td span {font-weight:300}
.order-info table input {width: 2.5em;}
//.order-info table button {width:93%;}
.order-info table input {padding-right:0; background:#e8ecf1;}
.order-info table button {background:#007dba; border-radius:30px; -webkit-border-radius:30px;margin-top: 1em;font-size: 1.25em;border:none; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);}
.order-info table button:before {content: "\f217"; font-family: FontAwesome;display: inline-block;margin-right: .35em}

.prodHighlight, .includedBox {width: 100%; height: auto;float:left;clear: both;border-top: 2px solid #eeeded;padding:4em 2em 4em 2em}
.prodHighlight h1, .includedBox h1 {font-size: 1.2em;font-weight: 600;color: #003865}
.prodHighlight ul, .includedBox ul {margin-left: 2em; color: #007dba}
.prodHighlight ul li, .includedBox ul li {margin: .6em}
.prodHighlight ul li:before, .includedBox ul li:before {content:'';width: 1em; height: 1em;background: url(/images/greenCheck.png) no-repeat center center / 19px 19px;display: inline-block; vertical-align: top;margin-left: -2em;padding-left: 1em;margin-top: .25em}

.prodHighlight .left a, .includedBox .right a {display: block;margin-top: 2.5em;font-style: italic;color: #003865}

.related-products {width:100%; display:block; text-align:center; overflow:hidden; float:left; clear:both; padding:1em 0 3em; border-bottom:1px dotted #a4b3c6; margin:4em auto 1em}
.related-products span {color:#d51c29; border-bottom:0; line-height:100%; margin-bottom:0; padding-bottom:0; position:relative; text-align:center; font-size:1.250em; font-family:"proxima-nova",Helvetica,sans-serif; font-weight:100}
.related-products span:before, .related-products span:after {content:""; position:absolute; height:1px; top:0.5em; display:inline-block; width:150%; border-top:1px dotted #a4b3c6}
.related-products span:before {left:100%; margin-left:0.75em}
.related-products span:after {right:100%; margin-right:0.75em}
.related-products > .wrap {width:100%; padding:1em 12%; overflow:auto}
.related-products > .wrap > a {width:25%; float:left; margin-right:12.5%; text-align:center}
.related-products > .wrap > a:last-child {margin-right:0}
.related-products > .wrap > a > div {width:80%; margin:0 auto; display:block; background-position:center center; background-size:contain; background-repeat:no-repeat}
.related-products > .wrap > a > div:after {content:""; padding-bottom:100%; display:block;}
.related-products > .wrap > a > h3 {font-size:0.938em; color:#007dba; margin:1em 0 0}
.related-products > .wrap > a:hover > h3, .related-products > .wrap > a:hover > p {color:#d2232a;}
.related-products > .wrap > a > p {font-size:0.9em; color:#333; font-weight:500; margin-bottom:0}
.special {font-style:italic; color:#D51C29}

/* Online Toolbox Product Page */
.product-info .left [src="/images/ToolboxSC1.jpg"]{margin: 3em 1em 0 0;}
.prodHighlight [src="/images/ToolboxSC3.jpg"]{margin: 3em 0 0 0;}
.includedBox [src="/images/ToolboxSC2.jpg"]{margin: 3em 0 0 0;}


/* SHOPPING CART ------------------------------ */
.product-checkout-info td {vertical-align:middle}
.product-checkout {margin-left:1em}
.product-thumbnail {width:3em; vertical-align:middle; margin:0 1em 0 0; display:inline-block; background-position:center center; background-size:cover; background-repeat:no-repeat}
.product-thumbnail:after {content:""; padding-bottom:100%; display:block;}

/* Interior Tweaks */
#btnArchive img, #btnDelete img {margin-top: .4em}
#tblSubmissions .wsFormCheckbox {margin: 0}
#ContactForm em.text {font-size: 1.25rem}
#ContactForm textarea {height: 10em}
.staffApp.staffList section h1 {border: none !important;padding-bottom: 0 !important;line-height: 1.3;}
.staffApp.staffList section {padding-top:2em}
.staffApp.staffList section img {margin: 0 1rem 1rem 3rem}
.staffApp video {width: auto;height: 15rem;display: block;margin: 0 auto;}
.staffApp textarea {height:10em}
.staffApp table .text {margin-bottom: 0;height: 40.5px;font-size: 18px}
.staffApp table .text input {height: 40.5px}
.events .button.viewToggle {margin: 0 .25rem}
.createAccountBtn a {font-size: 1.5rem;padding: 0 1em;}
/* input tweaks 
.checkout section table input, .discountCode input, .cartTable input, textarea, .staffApp input, #ContactForm input {text-align: left;padding: .5em;font-size: 1rem}*/
.checkout select {height: 40.5px;font-size: 1rem}
.checkout form p {line-height: 3}
.checkout>form>input {display: inline-block;background:#007dba;color:#fff;border-radius: 25px;font-size: 1.5rem;line-height: 1.8em;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.5);padding: 0 1em;min-width: 11em;text-align: center;}
.checkout .threeCol section>table>tbody>tr>td:first-child {text-align: center}
#shipMethodContainer {padding-left: 1.5rem}
.checkout form p+hr+p+hr {display: none}
.calNav {margin-top: 3em}
.fullWidth {padding: 3em 2em !important;}

/* Interior Footer */
.intFooter {text-align: center;background: #007dba;padding: 9rem;border-bottom: 2px solid #fff}
.intFooter h1 {color: #fff;font-weight: 700;font-size: 2.250rem}
.darkButton {padding: .1em 1.5em;font-size: 1.750rem}
.darkButton:hover {color:#fff}

/* FOOTER ------------------------------ */
body>footer{padding:5em 1.5em 0;color:#999999;font-size:0.938em;line-height:1.5em;}
footer p, footer h1 {text-shadow:none;}
body>footer>.wrap{overflow:auto; width:100%; display:block; clear:both}
body>footer a:hover, footer a:active{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
.fatFooter{margin-bottom:2em;display:table}
.fatFooter>*{display:table-row}
.fatFooter>*>*{display:table-cell}
.fatFooter>*>*:last-child{width:1%;padding-right:0;white-space:nowrap}
body>footer nav{display:inline}
body>footer>div{min-height:18px}
#web-solutions-exposure {float:right;margin-left:11px}
#web-solutions-exposure a{opacity:.4;filter:alpha(opacity=40)}
#web-solutions-exposure a:hover{opacity:.8;filter:alpha(opacity=80)}
#web-solutions-exposure img {margin-left:9px}
.container2:last-child {float: right}
.container2:last-child h1 {margin-bottom: 0}


.container1 {width:43%; padding-right:12%}
.container2 {width:20%;}
.email-signup {position:relative; width:100%; height:2.25em; position:relative}
.email-signup input[type="text"] {background:#999999; width:100%; height:38px; padding-left:1em !important; border:0; border-radius:20px; box-shadow:none; -webkit-box-shadow:none;text-align: left}
.email-signup input:focus {background:#fff}
.email-signup input::-webkit-input-placeholder {color: #fff; font-style:italic}
.email-signup input:-moz-placeholder {color: #fff; font-style:italic}
.email-signup input::-moz-placeholder {color: #fff; font-style:italic}
.email-signup input:-ms-input-placeholder {color: #fff; font-style:italic}
.email-signup button {position:absolute; margin:0; background: url(../images/icons/misc/email-arrow.png) no-repeat center center #007dba; top:1px; right:1px; height:36px; width:2.5rem; border-radius:50%;border: none;padding: 0}
.email-signup button:hover {background:url(../images/icons/misc/email-arrow.png) no-repeat center center #83a8c4}

body footer .container2 a {color:#74bde0}
body footer .container2 a:hover {color:#fff}
body footer .container2 a:active {color:#fff}


footer .social a {display:inline-block; margin-right:0.813em; background: #007dba; border-radius: 50%;     width: 39px;}

footer .twitter i, .instagram i{ bottom: 5px; right: 7px;}
footer .facebook i { bottom: 5px; right: 4px;}
footer .linkedin i { bottom: 5px; right: 6px;}

footer .social i {color: #fff; padding: .7em; padding: 1em 1.1em; width: 6px; height: 6px; position: relative;}



footer .facebook:hover, footer .twitter:hover, footer .instagram:hover, footer .linkedin:hover {opacity: .7}

footer .wrap+.wrap {font-size:0.688em; color:#999999; margin-top:3.750em; padding:1.50em 0; border-top:1px solid #484848}
body>footer .wrap+.wrap a {color:#999}
body>footer .wrap+.wrap a:hover, body>footer .wrap+.wrap a.on {color:#fff}
footer .container2 section+section {width: 100%}


/* Download Form ------------------------------ */
.downloadContainer {width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(255,255,255,.6); z-index:1000;}
.downloadPop {border:5px solid #007dba; background:#fff; padding:35px; float:left; position:fixed; left:50%; margin-left:-325px; top:200px; width:650px;}
.downloadPop>div {background:none; padding:0; width:100%;}
.SiteForm {width:100%;}
.downloadPop .form {float:left; width:100%;}
.downloadPop .form + .form {margin-left:10%;}
.downloadPop .bottom {float:left; clear:both; width:100%; margin-top:.55em;}
.downloadPop .bottom span {margin-left:20px; color:#041E42}
.downloadPop input[type="email"] {display:block; width:100%; margin-bottom:10px;}
.downloadPop textarea {width:100%; font-size:.95em;}
.downloadPop input[type="email"] {color:#565555; border:none; -webkit-box-shadow:none; box-shadow:none; background:#e2f4fb;}
.downloadPop input[type="submit"] {background:#007dba; padding:.55em 1em; cursor:pointer; vertical-align:middle; border-radius: 1em;}
.downloadPop input[type="submit"]:hover {background:#d1234c;}
.downloadPop p {position:relative; font-size: 1.4em; line-height:1.3em; color: #666; margin-bottom: .75em;}
.downloadPop input[type="radio"] {position:absolute; top:2px; left:0;}
.downloadPop .form label {display:inline-block; padding-left:25px;}
.subForm {padding-left:10%; width:100%;}
.popClose {display:block; height:27px; width:27px; background:url(/images/home/popClose.png) no-repeat 0 0; position:absolute; top:-13px; right:-13px;}

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:2em}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000}
#alertApp h1{margin-bottom:0;font-size:1.1em;padding:5px;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#660000;}

/* MANAGEMENT OVERRIDES ------------------------------ */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
.customer-table th:nth-child(3), .customer-table th:nth-child(4), .customer-table th:nth-child(5) {padding:5px 20px}
.customer-table .center {text-align:center}
.formError p {text-shadow:none !important}
input.bulky, .bulky {text-shadow:none !important}
/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.email-signup input , .rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc, body>header nav .search input, .cta a, #sidenav :before, .band-1 :after, .blueButton:after, .learnMore:after, .darkButton:after {-webkit-transition: all 200ms ease;transition: all 200ms ease}

/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }


@media screen and (max-width:1130px){
    .container1 { width: 35%; padding-right: 10%;}
    .container2 {width: 30%;}
}