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

body, html 		{font-family:'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; color: #000000; background:#ececec; margin:0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

#mainBody	{background:#ffffff;}


* {box-sizing: border-box}
*:before, *:after {box-sizing: border-box}
img {vertical-align: middle; border: 0;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  MAIN CONTAINERS            */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.wrap				{width:100%; overflow:auto; background:#ffffff;} 
.sectionWrapper		{width:94%; max-width:1440px; overflow:visible; margin:0 auto; padding:0;}
.sectionWrapperThin	{max-width:960px;}
.col1 				{width:96%; margin:3% 2% 4% 2% ; padding:0; float:left; display:block; }
.col2				{width:46%; margin:0 2%; padding:0; float:left; display:block; }
.col3				{width:31%; margin:0 1%; padding:0; float:left; display:block; }

hr 					{clear:both; display:block; width:100%; margin:10px auto; height:1px; border:none; background:#cccccc; box-sizing:content-box; clear:both;}

.headerBGColor		{background:#ED1C24 url(../../images/teacher_full_year_header.png) no-repeat top right; background-size:contain;}

.mainHeader			{width:650px; margin:0; padding:/*10%*/ 2% 5%; overflow:visible;} 
.mainHeader	 p		{text-align:left; color:#ffffff; margin:0 auto; font-size:18px; line-height:24px;} 
.mainHeader hr {margin:20px auto; width:100%;}
.mainHeader.reviewOrder h1 { font-size: 30px; }

.fieldSingle		{max-width:300px; margin:0 auto 0 auto;}



.headerLinks		{display:block;}
.headerLink			{font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline; font-size:12px; line-height:40px; font-weight:600; padding:0 20px 0 0;}





@media(max-width:1200px){
.mainHeader			{padding:5%;} 
} @media(max-width:1000px){
.headerBGColor		{background-position:130% 100%;}
} @media(max-width:800px){
.mainHeader			{width:500px;} 
header 				{height:50px; }
.headerSection		{height:30px; margin:10px 4%;}  
} @media(max-width:700px){
hr 					{width:96%; margin:0 auto; height:1px; border:none; background:#cccccc; box-sizing:content-box;}
.mainHeader			{width:100%; } 
.headerBGColor		{background:#ED1C24;}
.col2, .col3		{width:96%; margin:0 auto; float:none; clear:both; }
.fieldSingle		{max-width:none;}
}

.aboveCol2			{margin-bottom:0; }
.belowCol2			{margin-top:30px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                Headers and paragraphs       */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 				{font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#ffffff; font-size:48px; line-height:52px; font-weight:400; margin:10px auto; padding:0; text-align:left; text-shadow: 0 0 5px rgba(0,0,0,.5); letter-spacing:1px;}
@media(max-width:1000px){
h1				{font-size:42px; line-height:46px; margin:0 0 10px 0; }
} @media(max-width:700px){
h1				{font-size:32px; line-height:36px; }
}


h2 					{font-family:'Open Sans', Arial, Helvetica, sans-serif; letter-spacing:1px; color:#000000; font-size:36px; line-height:44px; font-weight:700; margin:50px 0; padding:0; text-align:center;}
@media(max-width:600px){
h2 					{font-size:24px; line-height:28px; }
}
h3, h4 				{font-family:'Roboto', Arial, Helvetica, sans-serif;  color:#000000; font-size:21px; line-height:26px; font-weight:400; margin:2% 0; padding:0; text-align:left;}
h4 					{font-size:18px; line-height:22px; font-weight:400; text-align:center; margin:20px auto;}
.mouseType h4 		{color:#ffffff; margin:20px 0;}
p, ul, li 			{font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400; margin:5px 0 15px 0; font-size:14px; line-height:22px;}

strong 			{font-weight:700;}

.mouseType 		{width:100%; margin:2% auto; padding:0; overflow:auto;}
.mouseType 	h3	{text-align:center; color:#ffffff;}
.mouseType p 	{font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#ffffff; text-align:center; font-weight:400; padding:0;}
.mouseType p a 	{color:#cccccc; cursor:pointer; white-space:nowrap;}
.mouseType p a:hover 	{color:#ffffff;}

.mousetypeWrap 	{background:#ED1C24; border-top:#cccccc 1px solid;}

.tableContainer {border:#cccccc 1px solid; background:#ffffff; padding:20px; max-width:450px; margin:10px auto 20px auto; position:relative;}
table {width:100%; border-collapse: collapse !important; border-spacing: 0;}
td, th 			{padding:10px; font-size:18px; vertical-align:top;}
img.burst 		{position:absolute; top:-1%; left:-42%; width:200px;}

.priceCalc   	{width:90%; margin:0 5% 2% 5%;}
.priceCalc td	{border:#000000 1px solid; width:50%; text-align:center;}

.totalPrice		{color:#00a326; font-size:26px;}

.tableMouse {text-align:center; font-size:11px; line-height:15px;}
@media(max-width:800px){
	
img.burst {top:16%; left:-26%; width:121px;}

} @media(max-width:650px){
.tableContainer {padding:5px; }
td, th {padding: 5px;}
img.burst {display:none;}
}



.highlight	{color:#e90606;} /* This is whatever the brand color is */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  Sticky Header              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header 				{overflow:visible; width:100%; background:#101e2d; z-index:99; -webkit-transition:all 0.4s ease; transition:all 0.4s ease; height:60px; }
header.sticky 		{position:fixed; box-shadow:0 5px 5px 0 rgba(0,0,0,.2);}
header .sectionWrapper {overflow:visible; margin:0 auto;}      
.headerSection		{width:96%; height:40px; margin:10px 2%; box-sizing:border-box; padding:0; float:right; position:relative; /*background:url(../../images/TFK_logo_1line.png) no-repeat left center; background-size:contain;*/}  

.tagLine			{float:left; padding-left:20px; margin-left:12px/*175px*/; font-size:18px; line-height:40px; color:#ffffff; border-left:#ffffff 2px solid;}

.sticky .sectionWrapper .headerR #cart .outerCart 	{margin-top:0;} 

.logo img { height: 40px; }


#dropDown		{padding:20px; width:250px; position:absolute; top:38px; right:0; z-index: 1000; display: none; min-width: 160px; margin:0; list-style: none; background-color: #101e2d;  box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box;}
#dropDown p 	{margin:0; padding:0;}		
#cart 			{position:relative; cursor:pointer; width:40px;}
@media(max-width:800px){
#cart 			{width:30px;}
}

.mobileHide		{display:block;}
.mobileShow		{display:none;}
@media (max-width:700px) {
.mobileHide		{display:none;}
.mobileShow		{display:block;}
}


@media(max-width:900px){
.tagLine		{padding-left:10px; /*margin-left:165px;*/ font-size:12px; line-height:40px; border-width:1px}
} @media(max-width:767px){
.tagLine		{display:none;}
} @media (max-width:575px) {
.mobileHide		{display:none;}

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  Navs and Btns              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.CTAButton 				{display:block; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; width:auto; max-width:240px;  margin:0 auto; padding:0 26px; font-family:'Roboto', Arial, Helvetica, sans-serif; background-color:#ffffff; border:none; color:#000000; font-size:18px; line-height:44px; font-weight:400; font-style:normal; text-align:center; text-decoration:none; font-variant:normal; -webkit-font-smoothing:antialiased; -webkit-user-select:none; vertical-align:middle; white-space:nowrap; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.CTAButton:hover		{background-color:#ffffff; border:none; color:#666666;}
@media(max-width:480px){
.CTAButton 				{width:100% !important; max-width:none !important; margin:10px auto; }
}

.CTALgC					{font-size:22px; line-height:50px; display:inline-block; }

@media(max-width:480px){
.CTASmC, .CTAMdC, .CTALgC, .CTAXlC		{padding:0 22px 3px 22px; font-size:18px; line-height:44px; font-weight:700; max-width:none;}
}

.CTARed 				{background-color:#ED1C24; color:#ffffff;}
.CTARed:hover			{background-color:#ef4c4c; color:#ffffff;}
.CTARedIn 				{background-color:#ffffff; border:#ED1C24 2px solid; color:#ED1C24;}
.CTARedIn:hover			{background-color:#ffffff; border:#ef4c4c 2px solid; color:#ef4c4c;}

.CTAHeader 				{display:inline-block; margin:0; font-size:14px; line-height:34px;}

.fa { color: #fff; font-size: 1.5rem; margin-top: 12%; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  Form Styling              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fieldStyle {
	display: block; width: 100%; height: 44px; margin:0 0 15px 0; padding:0 8px;
	font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; line-height:44px; text-align:left; color: #555555; font-weight:400;
	background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}
	
.fieldStyle:focus {border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6)}
.fieldStyle::-moz-placeholder {color:#999; opacity:1}
.fieldStyle:-ms-input-placeholder {color:#999}
.fieldStyle::-webkit-input-placeholder {color:#999}
.fieldStyle::-ms-expand {border:0; background-color:transparent}
.fieldStyle[disabled], .fieldStyle[readonly], fieldset[disabled] .fieldStyle {background-color: #eeeeee; opacity: 1}
textarea.fieldStyle {height: auto}
input[type="search"] {-webkit-appearance: none}

.fieldW30 {width:30%; float:left; line-height:44px;}


select {
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
color: #555555;
white-space: pre;
-webkit-rtl-ordering: logical;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ) !important;
background:#ffffff;
}

input[type=checkbox] {
  transform: scale(1.5);
	margin:5px 10px;
	float:left;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                  MISC                       */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textLink		{color:#ED1C24;}
.textLink:visited	{color:#ED1C24;}
.textLink:hover	{color:#2dc6ff;}

.clearBoth		{clear:both;}

.noWrap			{white-space:nowrap;}
.floatL			{float:left;}
.floatR, .floatRb	{float:right;}

.w25			{width:25%;}
.w28			{width:28%;}
.w32			{width:32%;}
.w40			{width:40%;}
.w43			{width:43%;}
.w48			{width:48%;}
.w60 			{width:60%;}
.w70 			{width:70%;}

.mt0			{margin-top:0;}
.mt1			{margin-top:1%;}
.mt2			{margin-top:2%;}
.mr2			{margin-right:2%;}
.mb0			{margin-bottom:0;}
.mb1			{margin-bottom:1%;}
.mb2			{margin-bottom:2%;}

.pt25     {padding-top:25px;}

.underline { text-decoration: underline; }

.submit { margin: 1% auto; text-align: center; }
#submit { margin: 0 auto; text-align: center; max-width:500px; }
#submit .CTAButton.CTAXlC.CTARed { float: left; }

#CVVinst { font-size: 12px; padding: 15px; margin: 0 auto; border: 1px solid #000; width: 50%; }

#edit { cursor: pointer; margin-left: 4px; }

.border-top { clear: both; border-top: 1px solid #ccc;}
.TIM { display:none; }

.error, #giftAdded { color: #f00; float: none; }
select.error, input.error { color: #999; }

.txtCenter 		{text-align:center;}

.burstTxt 		{position:absolute; top:-1%; right:0%; width:200px; height:200px; color:#ffffff; background:#000000; border-radius:400px; -moz-border-radius:400px; -ms-border-radius:400px;}
.burstHeader	{font-size:21px; line-height:24px; margin:0; padding:25px 15px 10px 15px; text-align:center;}
.burstBody		{font-size:14px; line-height:18px; margin:0; padding:0 20px; text-align:center;}

/* remove spinner from number input fields */
input[type='number'] {
	-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

@media(max-width:925px){
.burstTxt 		{top:30%; right:-5%;}
} @media(max-width:800px){
.burstTxt 		{right:0; width:150px; height:150px; border-radius:300px; -moz-border-radius:300px; -ms-border-radius:300px;}
.burstHeader	{font-size:18px; line-height:21px; margin:0; padding:20px 12px 4px 12px; text-align:center;}
.burstBody		{font-size:11px; line-height:13px; margin:0; padding:0 15px; text-align:center;}
} @media(max-width:700px){
.burstTxt 		{display:none;}
}

.icns			{margin:10px; display:inline-block; height:24px; font-size:14px; line-height:24px;  padding:0 0 0 30px !important; white-space:nowrap;}

.icn_phone 		{background:url(../../images/ICN_phone.png) no-repeat; background-position:left center; background-size:24px;}
.icn_fax 		{background:url(../../images/ICN_fax.png) no-repeat; background-position:left center; background-size:24px;}
.icn_mail 		{background:url(../../images/ICN_mail.png) no-repeat; background-position:left center; background-size:24px;}
.icn_email 		{background:url(../../images/ICN_email.png) no-repeat; background-position:left center; background-size:24px;}


@media(max-width:600px){
.footerDivider	{ visibility:hidden;}
	
.icns			{ display:block; line-height:18px; padding:25px 0 0 0 !important;}

.icn_phone 		{background-position:center top;}
.icn_fax 		{background-position:center top;}
.icn_mail 		{background-position:center top; white-space:normal; margin-bottom:15px; }
.icn_email 		{background-position:center top; margin-bottom:50px;}
}