/* ================================================================
   MULTI SITE THEME STYLES
   ================================================================ */

.k-header.k-window-titlebar { background-color:#428e70;color:#fff;}


/* PROFESSIONAL */

.pro .altColor { color: #ed3c34; }
.pro .errorWrap h1 { color:#4b9f54; }
.pro .btmBar { background:#4b9f54; }
.pro .btmBar a:hover, .store .btmBar a:focus { color:#85e093; }
.pro .menuLink:before, 
.pro .menuLink span:after, 
.pro .menuLink span:before,
.pro .navMain > ul > li > a:before,
.pro .navMain > ul .themeLink > a:after,
.pro .navMain > ul .themeLink > a:before,
.pro .navMain > ul .themeLink > a span:after,
.pro .navMain > ul .themeLink > a span:before { background:#85e093; }
.pro .navMain > ul > li { background:#4b9f54; }

.pro .footerMid .row > div { float:none; width:100%; }
.pro .footerMid .row > div { text-align:center; }

.pro .sectionBanner { border:1px solid #d7d7d5; padding:0; min-height:150px; background-color:#f3f8fc; }
.pro .sectionBanner .content { 
	display:block; 
	position:relative; 
	z-index:10; 
	padding:10px 20px; 
	width:100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.pro .sectionBanner .content .title { display:block; margin-bottom:.3em; width:100%; line-height:1.4; font-size:16px; color:#63534a; }
.pro .sectionBanner .content .title span { display:block; margin-top:-8px; font-size:40px; color:#ef3b33; }
.pro .sectionBanner .description { display:block; margin:0; padding:0; font-size:14px; font-weight:normal; color:#313131; }
.pro .sectionBanner .aside { display:block; width:100%; top:0; left:0; right:auto; bottom:auto; overflow:hidden; }

.pro .tableList thead { background:#4b9f54; }
.pro .tableList thead th { color:#fff; }


@media screen and (min-width: 40em) {
	.pro .sectionBanner .content { width:50%; }
	.pro .sectionBanner .aside { display:block; }
}

@media screen and (min-width: 48em) {
	.pro .logoArea { margin-bottom:5px; width:58%; }
	.pro .btmBar { min-height:50px; }
	.pro .mainNav { margin-left:-11px; }
	.pro .navMain > ul > li { background:#transparent; }
	.pro .navMain > ul .themeLink > a { padding:16px 15px 10px 19px; font-size:.85em; }
	
	.pro .footerMid .row  { table-layout:fixed; }
	.pro .footerMid .row > div + div { border:0; padding:0; }

	.pro .sectionBanner .content { width:55%; }	
}

@media screen and (min-width: 56em) {
	.pro .logoArea { width:485px; max-width:485px; }
	.pro .navMain > ul .themeLink > a { padding:14px 16px 10px 20px; font-size: 1.1em; }

	.pro .sectionBanner .content { width:50%; }	
}

@media screen and (min-width:60em) {
	.pro .navMain > ul .themeLink > a { padding:14px 18px 8px 22px; }
}


/* STORE */

.store h1 { font-size:26px; color:#69629a; }
.store .storeItem h1 { color:#313131; }
.store .errorWrap h1 { font-size:3em; }
.store .pageHeading { margin-top: 30px; }
.store .pageHeading .title { font-size:34px; color:#69629a; }
.store .departmentTitle { color:#69629a; }

.store .overlayHead { color:#fff; background:#6a609c; }

.store .btmBar { margin-bottom:25px; background:#6a629b; }
.store .btmBar a:hover, .store .btmBar a:focus { color:#a4a1b9; }
.store .navMain > ul > li { padding-left:0; background:#6a629b; }
.store .menuLink:before, 
.store .menuLink span:after, 
.store .menuLink span:before,
.store .navMain > ul > li > a:before,
.store .navMain > ul .themeLink > a:after,
.store .navMain > ul .themeLink > a:before,
.store .navMain > ul .themeLink > a span:after,
.store .navMain > ul .themeLink > a span:before { background:#a4a1b9; }

.store .itemScroll .itemList .item { padding-top:10px; width:200px; }
.store .itemList .aside img { border:0; }

.store .tableList thead { background:#766cb1; }
.store .tableList thead th { color:#fff; }

.store .sectionBanner { margin-bottom:10px; border:8px solid #f2f2f2; padding:0; overflow:visible; background-color:#fff; background-repeat: no-repeat; }
.store .sectionBanner .item { border:none; padding:10px 20px; }
.store .sectionBanner .content .title { width:auto; font-size:20px; color:#69629a; }
.store .sectionBanner .content .description { display:table-cell; padding:0 0 0 20px; color:#313131; } 
.store .sectionBanner .aside { display:none; bottom:0; right:0; }

.store .sectionBanner.topBanner { margin:0 20px 25px; background-position:right bottom; }
.store .sectionBanner.topBanner .aside { left:30px; right:auto; }
.store .sectionBanner.topBanner .content .title { color:#514a80; }

@media screen and (max-width:30em){
	.store .sectionBanner { background-image:none !important; }
	.store .sectionBanner .content .title,
	.store .sectionBanner .content .description { display:block; padding:0 10px; }
}

@media screen and (min-width:40em){
	.store .logoArea {  width:33%; }
	.store .memberLinks > ul > li { display: none; }

	.store .sectionBanner .content .description { padding-right:120px; }
	.store .sectionBanner .aside { display:block; }

	.store .sectionBanner.topBanner .content { margin-left:25%; }	
	.store .sectionBanner.topBanner .content .description { padding-right:0; }
	
}

@media screen and (min-width:48em){
	.store .memberLinks > ul > li { display: inline-block; }
	.store .btmBar { margin-bottom:0; }
	.store .navMain > ul > li { background:transparent; }
	.store .navMain > ul > li > a { padding:25px 8px 25px; }
	.store .navMain > ul .themeLink > a { padding:17px 5px 14px 12px; font-size:.85em; max-width:100px; }
	.store .navMain > ul .themeLink:first-child > a { padding-left:5px; }
	.categorySelect { position:absolute; z-index:1200; top:10px; right:10px; border-left:1px solid #978fbe; padding:6px 0 6px 6px; font-size:0.75em; }
	.categorySelect select { width:120px; }
	.store .sectionBanner .content .title { width:65%; font-size:40px; }
	.store .sectionBanner .content .description { padding-right:0; }
	.store .sectionBanner.topBanner .content .title { width:65%; }
	.store .sectionBanner.topBanner .content .description { font-size:14px }
}

@media screen and (min-width:60em){
	.store .logoArea { margin-bottom:5px; width:290px; }
	.store .navMain > ul .themeLink > a { padding:17px 10px 14px 18px; font-size:.9em; }
	.store .navMain > ul .themeLink:first-child > a { padding-left:18px; }

	.store .categorySelect { padding:3px 0 4px 15px; font-size:.95em; }
	.store .categorySelect select { width:130px; }	
	
	.store .sectionBanner .item .content { width:80%; }
	.store .sectionBanner .aside { display:block; }
	.store .sectionBanner.topBanner .content { margin-left: 18%; }
	.store .sectionBanner.topBanner .content .title { width:50%; }
}

/* ================================================================
   THEME COLOR STYLES 
   ================================================================ */

/* Food */
.colorTheme-1 .sectionHeading > .title,
.colorTheme-1 .modHead .title,
.colorTheme-1 .pageTitle,
.colorTheme-1 .topic,
.colorList .colorTheme-1 a { color:#b0006d; }
.colorList .colorTheme-1 a:before,
.colorList .colorTheme-1 a:after { border-right-color: #b0006d; border-top-color: #b0006d; }

/* Fitness */
.colorTheme-2 .sectionHeading > .title,
.colorTheme-2 .modHead .title,
.colorTheme-2 .pageTitle,
.colorTheme-2 .topic,
.colorList .colorTheme-2 a { color:#eb9735; }
.colorList .colorTheme-2 a:before,
.colorList .colorTheme-2 a:after { border-right-color: #eb9735; border-top-color: #eb9735; }

/* Health */
.colorTheme-3 .sectionHeading > .title,
.colorTheme-3 .modHead .title,
.colorTheme-3 .pageTitle,
.colorTheme-3 .topic,
.colorList .colorTheme-3 a { color:#6c6baf; }
.colorList .colorTheme-3 a:before,
.colorList .colorTheme-3 a:after { border-right-color: #6c6baf; border-top-color: #6c6baf; }

/* Kids - All Ages */
.colorTheme-4 .sectionHeading > .title,
.colorTheme-4 .modHead .title,
.colorTheme-4 .pageTitle,
.colorTheme-4 .topic,
.colorList .colorTheme-4 a { color:#75aa02; }
.colorList .colorTheme-4 a:before,
.colorList .colorTheme-4 a:after { border-right-color: #75aa02; border-top-color: #056839; }
.colorTheme-4 .sectionBanner { background-color:#75aa02; }
.colorTheme-4 .sectionBanner .description { color:#d7f790; }
.slideTabs .tabLinks a.colorTheme-4,
.slideTabs .tabLinks a.colorTheme-4.active { background:#75aa02; }
.slideTabs .tabLinks a.colorTheme-4 span:after { border-top-color:#75aa02; }

/* Kids - Baby */
.colorTheme-5 .sectionHeading > .title,
.colorTheme-5 .modHead .title,
.colorTheme-5 .pageTitle,
.colorTheme-5 .topic,
.colorList .colorTheme-5 a { color:#0099ff; }
.colorList .colorTheme-5 a:before,
.colorList .colorTheme-5 a:after { border-right-color: #0099ff; border-top-color: #0099ff; }
.colorTheme-5 .sectionBanner { background-color:#0099ff; }
.colorTheme-5 .sectionBanner .description { color:#50d1ff; } 
.slideTabs .tabLinks a.colorTheme-5 { background:#0099ff; }
.slideTabs .tabLinks a.colorTheme-5 span:after { border-top-color:#0099ff; }

/* Kids - Toddler */
.colorTheme-6 .sectionHeading > .title,
.colorTheme-6 .modHead .title,
.colorTheme-6 .pageTitle,
.colorTheme-6 .topic,
.colorList .colorTheme-6 a { color:#dfa900; }
.colorList .colorTheme-6 a:before,
.colorList .colorTheme-6 a:after { border-right-color: #dfa900; border-top-color: #dfa900; }
.colorTheme-6 .sectionBanner { background-color:#dfa900; }
.colorTheme-6 .sectionBanner .description { color:#fdefc4; } 
.slideTabs .tabLinks a.colorTheme-6,
.slideTabs .tabLinks a.colorTheme-6.active { background:#dfa900; }
.slideTabs .tabLinks a.colorTheme-6 span:after { border-top-color:#dfa900; }

/* Kids - Preschooler */
.colorTheme-7 .sectionHeading > .title,
.colorTheme-7 .modHead .title,
.colorTheme-7 .pageTitle,
.colorTheme-7 .topic,
.colorList .colorTheme-7 a { color:#9801cc; }
.colorList .colorTheme-7 a:before,
.colorList .colorTheme-7 a:after { border-right-color: #9801cc; border-top-color: #9801cc; }
.colorTheme-7 .sectionBanner { background-color:#9801cc; }
.colorTheme-7 .sectionBanner .description { color:#dd5fff; } 
.slideTabs .tabLinks a.colorTheme-7 { background:#9801cc; }
.slideTabs .tabLinks a.colorTheme-7 span:after { border-top-color:#9801cc; }

/* Kids - Gradeschooler */
.colorTheme-8 .sectionHeading > .title,
.colorTheme-8 .modHead .title,
.colorTheme-8 .pageTitle,
.colorTheme-8 .topic,
.colorList .colorTheme-8 a { color:#f16100; }
.colorList .colorTheme-8 a:before,
.colorList .colorTheme-8 a:after { border-right-color: #f16100; border-top-color: #f16100; }
.colorTheme-8 .sectionBanner { background-color:#f16100; }
.colorTheme-8 .sectionBanner .description { color:#ff9f4f; } 
.slideTabs .tabLinks a.colorTheme-8 { background:#f16100; }
.slideTabs .tabLinks a.colorTheme-8 span:after { border-top-color:#f16100; }

/* Kids - Teen */
.colorTheme-9 .sectionHeading > .title,
.colorTheme-9 .modHead .title,
.colorTheme-9 .pageTitle,
.colorTheme-9 .topic,
.colorList .colorTheme-9 a { color:#cd4400; }
.colorList .colorTheme-9 a:before,
.colorList .colorTheme-9 a:after { border-right-color: #cd4400; border-top-color: #cd4400; }
.colorTheme-9 .sectionBanner { background-color:#cd4400; }
.colorTheme-9 .sectionBanner .description { color:#ff8f57; } 
.slideTabs .tabLinks a.colorTheme-9 { background:#cd4400; }
.slideTabs .tabLinks a.colorTheme-9 span:after { border-top-color:#cd4400; }

/* Charitable Causes */
.colorTheme-10 .sectionHeading > .title,
.colorTheme-10 .modHead .title,
.colorTheme-10 .pageTitle,
.colorTheme-10 .topic,
.colorList .colorTheme-10 a { color:#aac312; }
.colorList .colorTheme-10 a:before,
.colorList .colorTheme-10 a:after { border-right-color: #aac312; border-top-color: #aac312; }

/* Education */
.colorTheme-11 .sectionHeading > .title,
.colorTheme-11 .modHead .title,
.colorTheme-11 .pageTitle,
.colorTheme-11 .topic,
.colorList .colorTheme-11 a { color:#ed1c24; }
.colorList .colorTheme-11 a:before,
.colorList .colorTheme-11 a:after { border-right-color: #ed1c24; border-top-color: #ed1c24; }

/* Advocacy */
.colorTheme-12 .sectionHeading > .title,
.colorTheme-12 .modHead .title,
.colorTheme-12 .pageTitle,
.colorTheme-12 .topic,
.colorList .colorTheme-12 a { color:#006225; }
.colorList .colorTheme-12 a:before,
.colorList .colorTheme-12 a:after { border-right-color: #006225; border-top-color: #006225; }

/* The Media */
.colorTheme-13 .sectionHeading > .title,
.colorTheme-13 .modHead .title,
.colorTheme-13 .pageTitle,
.colorTheme-13 .topic,
.colorList .colorTheme-13 a { color:#5658c0; }
.colorList .colorTheme-13 a:before,
.colorList .colorTheme-13 a:after { border-right-color: #5658c0; border-top-color: #5658c0; }

/* Professionals */
.colorTheme-14 .sectionHeading > .title,
.colorTheme-14 .modHead .title,
.colorTheme-14 .pageTitle,
.colorTheme-14 .topic,
.colorList .colorTheme-14 a { color:#482068; }
.colorList .colorTheme-14 a:before,
.colorList .colorTheme-14 a:after { border-right-color: #482068; border-top-color: #482068; }



/***** FIX FOR SHOPPING CART NOT APPEARING ON MOBILE *****/

.siteList {
	float: left;
}

@media screen and (max-width:767px) {
	.memberLinks > ul > li {
		display: none;
	}
	.memberLinks > ul > li.icon-cart {
		float: right;
		display: block;
		border: none;
	}
	.quickView {
		left: auto;
		right: 0;
	}
	.memberLinks a.icon-cart:before,
	.memberLinks .icon-cart > a:before {
		font-size: 16px;
	}
}

@media screen and (max-width:459px) {
	.memberLinks {
		position: static;
		padding: 10px 0;
	}
	.memberLinks > ul > li.icon-cart {
		padding: 10px 10px 10px 0;
	}
	.memberLinks > ul > li.icon-cart a > span:first-of-type {
		display: none;
	}
	.quickView {
		top: 79px;
	}
}


/** toogle switch **/

.switch {
position: relative;
display: block;
vertical-align: top;
width: 100px;
height: 30px;
padding: 3px;
margin: 0 10px 10px 0;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
border-radius: 18px;
box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer;
}

.switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}

.switch-label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}

.switch-label:before, .switch-label:after {
position: absolute;
top: 50%;
margin-top: -.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
}

.switch-label:before {
content: attr(data-off);
right: 11px;
color: #aaaaaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
content: attr(data-on);
left: 11px;
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
}

.switch-input:checked ~ .switch-label {
background: #E1B42B;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
opacity: 1;
}

.switch-handle {
position: absolute;
top: 4px;
left: 4px;
width: 28px;
height: 28px;
background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
border-radius: 100%;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
border-radius: 6px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked ~ .switch-handle {
left: 74px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}



/* Switch Yes No
==========================*/
.switch-yes-no {
	padding: 0;
	margin: 15px 0 0;
	background: #FFF;
	border-radius: 0;
	background-image: none;
}
.switch-yes-no .switch-label {
	box-shadow: none;
	background: none;
}
.switch-yes-no .switch-label:after, .switch-yes-no .switch-label:before {
	width: 100%;
	height: 70%;
	top: 5px;
	left: 0;
	text-align: center;
	padding-top: 10%;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-yes-no .switch-label:after {
	color: #FFFFFF;
	background: #32CD32;
	backface-visibility: hidden;
	transform: rotateY(180deg);
}
.switch-yes-no .switch-label:before {
	background: #eceeef;
	backface-visibility: hidden;
}
.switch-yes-no .switch-handle {
	display: none;
}
.switch-yes-no .switch-input:checked ~ .switch-label {
	background: #FFF;
	border-color: #0088cc;
}
.switch-yes-no .switch-input:checked ~ .switch-label:before {
	transform: rotateY(180deg)
}
.switch-yes-no .switch-input:checked ~ .switch-label:after {
	transform: rotateY(0)
}

    .window-confirm-bar {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

    .window-content-wrapper legend{
       margin-bottom:20px;
    }