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

/* PM Green = 76b23c */
/* PM Red = c51524 */
/* Dark Orange = cc5430 */
/* Light Orange = e37a46 */
/* Dark Yellow = eba931 */
/* Light Yellow = f4d047 */
/* Dark Blue = 30b4cc */
/* Light Blue = 46d6e3 */
/* Dark Grey = 414143 */
/* Light Grey = e7e7e7 */

/* Body */
body { color:#414143; background-color:#ffffff; font-family:'Arial','Helvetica',sans-serif; -webkit-text-size-adjust:none; overflow-x: hidden; }

/* Typography */
p { font-size:13px; margin:0 0 8px 0; padding:0; line-height:19px; letter-spacing:normal }
a { color:#76b23c; text-decoration:underline }
a:hover { color:#414143; text-decoration:underline }
h1 { font-size:30px; line-height:27px; color:#414143; font-family: 'Open Sans', sans-serif; font-weight: 300; padding:0; margin:0 0 25px 0 }
h2 { font-size:20px; line-height:25px; color:#76b23c; font-family: 'Open Sans', sans-serif; font-weight: 300; padding:0; margin:0 0 15px 0 }
h3 { font-size:16px; margin:25px 0 10px 0; padding:0; line-height:18px; letter-spacing:normal }
h2 a:link {text-decoration:none;}
.smallprint { font-size:11px; margin:0 0 8px 0; padding:0; line-height:15px }
.indented {
	margin-left: 165px;
	min-height: 100px;
}
.featured_image img {
	float: left; 
	border: 1px solid #ddd;
	margin: 0px 10px 10px 0px;
	max-height: 140px !important;
	max-width: 140px !important;
}
.avatar img {
	float: left; 
	margin: 2px 10px 10px 0px;
	max-height: 140px !important;
	max-width: 140px !important;
}
.green { color:#76b23c }
.white { color:#ffffff }
.orange { color:#cc5430 }
.grey { color:#414143 }
.author-info {font-size:12px;}

a.author-info { color:#cc5430;text-decoration:none;font-weight:bold;font-style: italic; text-transform:uppercase;}
a.partners-links { color:#414143; text-decoration:underline }
a.partners-links:hover { color:#76b23c; text-decoration:underline }
.entry-title {padding-top: 7px;margin-bottom: 5px;}
/* General */
#wrapper { width:100%; background-color:#ffffff; overflow: hidden; }
#wrapper .inside { clear:both; height:100%; margin:0 auto; position:relative; width:960px; overflow: hidden; }
#wrapper .inside2 { height:100%; margin: 0 0 0 10px; width:940px; overflow: hidden; }

/* Header */
#header { background:#ffffff; height:130px; }
#header .logo { position:absolute; top:50px; left:10px; width:482px; height:50px }
#header .logo a img { border:none; }
#header .social { position:absolute; top:1px; right:10px; width:382px; height:32px }
#header .social .icon { position:relative; float:left; width:32px; height:32px; margin:0 1px 0 0 }
#header .social .login a { position:relative; float:left; width:87px; height:32px; background:url(../images/login-button.gif) no-repeat 0 0; display:block; text-indent:-9999em; padding:0; border:0; margin:0 }
#header .social .login a:hover { background:url(../images/login-button.gif) no-repeat 0 -32px    }
#header .contact { position:absolute; top:50px; right:10px; width:450px; height:50px; text-align:right }
#header .contact p { font-size:19px; font-family: 'Open Sans', sans-serif; font-weight: 300; color:#000000; margin: 17px 0 0 0; letter-spacing:-1px }
#header .contact a { color:#000000; text-decoration:none }
#header .contact a:hover { color:#76b23c }
#header .contact .icon { margin:0 0 0 10px; position:relative; top:4px }
#header .inside2 { height:100%; margin: 0 0 0 10px; width:940px; border-bottom: 1px solid #c9c9c9 }
#header .social .school-login a { position:relative; float:left; width:108px; height:32px; background:url(../images/school-login-button.gif) no-repeat 0 0; display:block; text-indent:-9999em; padding:0; border:0; margin:0 }
#header .social .school-login a:hover { background:url(../images/school-login-button.gif) no-repeat 0 -32px    }
#header .social .parent-login a { position:relative; float:left; width:108px; height:32px; background:url(../images/parent-login-button.gif) no-repeat 0 0; display:block; text-indent:-9999em; padding:0; border:0; margin:0 1px 0 0 }
#header .social .parent-login a:hover { background:url(../images/parent-login-button.gif) no-repeat 0 -32px    }

/* Image Banner Home */
#slider-banner-home { position: relative; height:480px; padding:0; margin:0; z-index: 1000; }
#slider-banner-home .slide { width:100%; height:480px }
#slider-banner-home .slide .inner { height:480px; margin:0 auto; position:relative; width:960px }
#home_banner {overflow:hidden;}
.info-block { position:relative; top:38px; left:10px; width:280px; height:240px; padding:20px; background-color:#cc5430 }
.free-demonstration a { position:relative; float:left; width:268px; height:26px; background:url(../images/free-demonstration-button-home.png) no-repeat 0 0; display:block; text-indent:-9999em; padding:0; border:0; margin:25px 0 0 0 }
.free-demonstration a:hover { background:url(../images/free-demonstration-button-home.png) no-repeat 0 -26px    }

#slider-banner-home .slide h1 { color:#ffffff; font-size:28px; line-height:34px; font-family: 'Open Sans', sans-serif; font-weight: 300; margin:0 0 25px 0; padding:0 }
#slider-banner-home .slide p { color:#414143; font-size:16px; line-height:21px; margin:0; padding:0 }
#slider-banner-home .bold { font-weight: 400 }

/* Image Banner Internal */
#banner-internal { position: relative; height:120px; padding:0; margin:0; z-index: 100; }

/* Body Content */
#content { position:relative; padding:50px 0 40px 0;  }
#content .left-620px { position:relative; float:left; width:620px }
#content .left-640px { position:relative; float:left; width:640px }
#content .right-300px { position:relative; float:right; width:300px; padding:0; margin:0 }
#content .right-300px .panel { position:relative; float:left; width:300px; margin:0 0 5px 0; padding:0 }
#content .right-300px .panel img { float:left; margin:0; border:none }

#content .right-300px .panel-other-products { position:relative; float:left; width:300px; margin:0 0 5px 0; padding:0 }
#content .right-300px .panel-other-products .header { font-size:17px; line-height:19px; color:#76b23c; font-family: 'Open Sans', sans-serif; font-weight: 500; padding:0; margin:0 0 5px 0 }
#content .right-300px .panel-other-products .app { font-size:16px; line-height:18px;  font-family: 'Open Sans', sans-serif; font-weight: 400; padding:0; margin:0 0 3px 0 }
#content .right-300px .panel-other-products .app a { color:#414143; text-decoration:none }
#content .right-300px .panel-other-products .app a:hover { text-decoration:underline }
#content .right-300px .panel-other-products .icon { margin:0 8px 0 0; position:relative; top:6px }

#content .right-300px .panel-learn-more { position:relative; float:left; width:300px; margin:0 0 5px 0; padding:0 }
#content .right-300px .panel-learn-more .header { font-size:16px; line-height:18px; color:#414143; padding:0; margin:0 0 7px 0; font-weight:bold }
#content .right-300px .panel-learn-more a { color:#414143; text-decoration:none }
#content .right-300px .panel-learn-more a:hover { text-decoration:underline }
#content .right-300px .panel-learn-more ul { margin-bottom:0 }

#content .right-300px .panel-divide { position:relative; float:left; width:300px; height:1px; margin:6px 0 11px 0; padding:0; border-bottom:1px solid #c9c9c9 }

#content .right-300px .panel-quote { position:relative; float:left; width:300px; margin:0 0 5px 0; padding:0 }
#content .right-300px .panel-quote .comment { font-size:18px; line-height:22px; color:#cc5430; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style:italic; padding:0; margin:0 0 10px 0 }
#content .right-300px .panel-quote .name { font-size:12px; margin:0; padding:0; line-height:16px; letter-spacing:normal; font-weight:bold }

/* #content .right-300px .panel-quote { position:relative; float:left; width:260px; margin:0 0 5px 0; padding:15px 20px; background-color:#f4d047 }
#content .right-300px .panel-quote .comment { font-size:19px; line-height:23px; color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style:italic; padding:0; margin:0 0 10px 0 }
#content .right-300px .panel-quote .name { font-size:12px; margin:0; padding:0; line-height:16px; letter-spacing:normal; font-weight:bold } */

#content #contact-form-wrapper {
	padding: 15px 20px 15px 15px;
	background-color: #e7e7e7
}

	#contact-form-wrapper input[type="submit"] {
		background: #76b23c;
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		font-size: 16px;
		margin-bottom: 10px;
		padding: 5px 20px;
	}
		#contact-form-wrapper input[type="submit"]:hover { background: #444; }

#content ul { margin:0 0 10px -20px; padding:0; }
#content ul li { font-size:13px; line-height:17px; padding:0 0 0 25px; margin:0 0 5px 15px; list-style:none; background:url(../images/bullet-green.gif) no-repeat 5px 4px; }

#content .tw ul li { font-size:13px; line-height:17px; color:#414143; padding:0 0 0 18px; margin:0 0 2px 15px; list-style:none; background:url(../images/bullet-grey.gif) no-repeat 5px 6px; }
#content .tw ul li a { color:#414143; text-decoration: none;}
#content .tw ul li a:hover { color:#414143; text-decoration: underline;}
#content ol { margin:0 0 0 0; padding:0; }
#content ol li { font-size:13px; line-height:17px; padding:0 0 0 10px; margin:0 0 5px 30px; list-style:decimal }

#content ol ol { margin:0 0 0 0; padding:0; }
#content ol ol li { font-size:13px; line-height:17px; padding:0 0 0 10px; margin:0 0 5px 60px; list-style:decimal }

#content .plusminus { position:relative; float:left; margin:0 10px 0 0; padding:0 }

#content .left-620px .breadcrumbs { position:relative; float:left; width:620px; border-bottom: 1px solid #c9c9c9; margin:0 0 25px 0 }

#content .left-620px .available-from { position:relative; float:left; width:614px; background-color:#e7e7e7; padding:3px; font-size:13px; text-align:center; margin:10px 0 0 0 }

#content .left-620px .show-hide-wrapper { position:relative; float:left; width:620px; border-top: 1px solid #c9c9c9; padding: 0px;margin: 0px;}
#content .left-620px .show-hide { position:relative; float:left; width:620px; border-bottom: 1px solid #c9c9c9; margin:0 0 0 0; padding:6px 0 0 0 }
#content .left-620px .show-hide a { font-size:16px; color:#414143; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 0px;margin: 0px;}
#content .left-620px .show-hide a:hover { color:#76b23c; padding: 0px;margin: 0px;}

/* #content .app-icon { position:relative; top:-5px; float:right; margin:0 0 20px 20px } */

#content .app-page-icon { position:relative; float:left; margin:0 20px 10px 0 }

#content .app-icon { position:relative; float:left; width:74px; height:74px; margin:0 20px 10px 0 }

#content .left-620px .app-index-list-wrapper { position:relative; float:left; width:620px; border-top: 1px solid #c9c9c9; margin:10px 0 0 0; padding:20px 0 0 0 }
#content .left-620px .app-index-list-wrapper .app { position:relative; float:left; width:295px; margin:0 15px 25px 0 }
#content .left-620px .app-index-list-wrapper .app-index-name { font-size:16px; margin:0 0 4px 0; padding:0; line-height:18px; color:#76b23c; font-weight:bold }
#content .left-620px .app-index-list-wrapper .app-index-desc { font-size:13px; margin:0 0 8px 0; padding:0; line-height:16px }
#content .left-620px .app-index-list-wrapper .app-index-icon { position:relative; float:left; margin:0 15px 20px 0 }

#content .form-wrapper { position:relative; float:left; width:620px; margin:15px 0 15px 0; padding:0; font-size:14px }
#content .form-wrapper .form-text { border:solid 1px #76b23c; width:300px; font-size:13px; color:#858484 }
#content .form-wrapper .form-code { border:solid 1px #76b23c; width:100px; font-size:13px; color:#858484; margin-right:5px }
#content .form-wrapper .error-message {background-color:#D70000; color:#FFFFFF; padding:4px; padding-left:6px;width:300px; font-family:Verdana, Geneva, sans-serif; font-size:13px }
#content .form-wrapper .smallprint { font-size:11px; color:#858484 }
#content .form-wrapper .red { color:#D70000 }



/* Pricing Calculator */
#content .pricing-panel { position:relative; float:left; width:260px; margin:0 0 10px 0; padding:15px 20px; background-color:#76b23c }
#content .pricing-panel .row { position:relative; float:left; width:260px; margin:0 0 6px 0; padding:0 }
#content .pricing-panel .description { position:relative; float:left; width:190px; margin:0 10px 8px 0; padding:0; font-size:13px; }
#content .pricing-panel .price { position:relative; float:left; width:60px; margin:0 0 8px 0; padding:0; font-size:13px; color:#ffffff }
#content .pricing-panel .total { position:relative; float:left; width:260px; margin:0 0 15px 0; padding:8px 0 0 0; border-top:#5d8c2f 1px solid; border-bottom:#5d8c2f 1px solid }
#content .pricing-panel .description-subtotal { position:relative; float:left; width:190px; margin:0 10px 8px 0; padding:0; font-size:13px; font-weight:bold }
#content .pricing-panel .price-subtotal { position:relative; float:left; width:60px; margin:0 0 8px 0; padding:0; font-size:13px; color:#ffffff; font-weight:bold }
#content .pricing-panel .description-total { position:relative; float:left; width:190px; margin:0 10px 8px 0; padding:0; font-size:16px; font-weight:bold }
#content .pricing-panel .price-total { position:relative; float:left; width:60px; margin:0 0 8px 0; padding:0; font-size:16px; color:#ffffff; font-weight:bold }

#content .pricing-panel .main-header { font-size:23px; line-height:25px; color:#414143; font-family: 'Open Sans', sans-serif; font-weight: 300; padding:0; margin:0 0 10px 0 }

#content .pricing-panel input { font-size:14px; width:200px } 


#content .pricing-section .header { position:relative; float:left; width:620px; margin:0 0 20px 0; padding:0 }
#content .pricing-section .header .stepno { position:relative; float:left; width:80px; margin:0 10px 0 0; padding:4px; background-color:#76b23c; color:#ffffff; text-align:center; font-family: 'Open Sans', sans-serif; font-size:20px }
#content .pricing-section .header .steplabel { position:relative; float:left; margin:0 10px 0 0; padding:4px; font-family: 'Open Sans', sans-serif; font-size:20px }

#content .pricing-section .app-category { font-size:19px; line-height:21px; color:#414143; font-family: 'Open Sans', sans-serif; font-weight: 300; padding:0; margin:0 0 10px 0 }

#content .pricing-section { position:relative; float:left; width:620px; margin:0 0 20px 0; padding:0; border-bottom: 1px solid #c9c9c9; }
#content .pricing-section .row { position:relative; float:left; width:620px; margin:0 0 15px 0; padding:0 }
#content .pricing-section .app { position:relative; float:left; width:193px; margin:0 20px 0 0; padding:0 }
#content .pricing-section .app-last { position:relative; float:left; width:193px; margin:0 0 0 0; padding:0 }
#content .pricing-section .icon { position:relative; float:left; width:74px; margin:0 10px 0 0; padding:0 }
#content .pricing-section .text { position:relative; float:left; width:109px; margin:0; padding:0 }
#content .pricing-section .top { position:relative; float:left; width:109px; margin:8px 0 4px 0; padding:0 }#content .pricing-section .bottom { position:relative; float:left; width:109px; margin:0; padding:0 }
#content .pricing-section .checkdiv { position:relative; float:left; padding:0; margin:0 }
#content .pricing-section .dropdowndiv { position:relative; float:left; padding:4px 0 0 0; margin:0 }
#content .pricing-section .pricing-app-name { font-size:13px; margin:0; padding:0; line-height:14px; color:#76b23c; font-weight:bold }
#content .pricing-section .pricing-app-additional { font-size:12px; margin:0; padding:0; line-height:14px; }
#content .pricing-section .pricing-app-price { position:relative; float:left; font-size:13px; padding:3px 0 0 3px; margin:0 }
#content .pricing-section .training-desc { position:relative; float:left; font-size:13px; margin:0 5px 0 0; padding:3px 0 0 0; line-height:14px; color:#76b23c; font-weight:bold }
#content .pricing-section .training-checkdiv { position:relative; float:left; padding:0; margin:0 }
#content .pricing-section .training-price { position:relative; float:left; font-size:13px; padding:3px 0 0 3px; margin:0 30px 0 0 }

#content .pricing-section .select-textcredits { font-size:14px; color:#414143 }
#content .pricing-section .select-numpupils { font-size:18px; color:#414143 }

/* Pricing Summary */
#content .quote-summary-subhead { position:relative; float:left; width:620px; font-size:20px; line-height:21px; color:#414143; font-family: 'Open Sans', sans-serif; font-weight: 400; margin:10px 0 10px 0; padding:10px 0 10px 0; border-bottom: 1px solid #c9c9c9; }

#content .quote-summary-subsubhead { position:relative; float:left; width:620px; font-size:18px; line-height:21px; color:#76b23c; font-family: 'Open Sans', sans-serif; font-weight: 300; margin:10px 0 10px 0; padding:0 }

#content .quote-summary-description { position:relative; float:left; width:290px; margin:0 10px 8px 0; padding:0; font-size:15px; }
#content .quote-summary-details { position:relative; float:left; width:320px; margin:0 0 8px 0; padding:0; font-size:15px; color:#76b23c }

/* Pricing Summary */
#contact-form-wrapper { font-size:13px; margin:0 0 8px 0; padding:0; line-height:19px; letter-spacing:normal }

	#contact-form-wrapper label {
		display:block; 
		float: left; 
		color: #414143 !important;
		margin-right: 10px;
		width: 200px;
	}

	#contact-form-wrapper input[type="text"], #contact-form-wrapper textarea { width: 300px; }
	
	




/* Custom Checkbox http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/ */
#pricing-wrapper input[type="checkbox"] {
    display:none;
}
#pricing-wrapper input[type="checkbox"] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}
#pricing-wrapper input[type="checkbox"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/checkbox.png) left top no-repeat;
    cursor:pointer;
}
#pricing-wrapper input[type="checkbox"]:checked + label span {
    background:url(../images/checkbox.png) -25px top no-repeat;
}


/* For Schools etc */
#school-parent-etc { width:100%; background-color:#414143; height:56px }
#school-parent-etc .inside { clear:both; height:100%; margin:0 auto; position:relative; width:960px; text-align:center; padding:11px 0 0 0 }
#school-parent-etc .inside .arrow { margin:0 20px 0 5px; position:relative; top:5px }
#school-parent-etc p { font-family: 'Open Sans', sans-serif; font-weight: 400; color:#ffffff; font-size:17px }

#school-parent-etc a.primary-schools { color:#ffffff; text-decoration:none }
#school-parent-etc a.primary-schools:hover { color:#76b23c; text-decoration:none }
#school-parent-etc a.secondary-schools { color:#ffffff; text-decoration:none }
#school-parent-etc a.secondary-schools:hover { color:#cc5430; text-decoration:none }
#school-parent-etc a.nurseries { color:#ffffff; text-decoration:none }
#school-parent-etc a.nurseries:hover { color:#e37a46; text-decoration:none }
#school-parent-etc a.childrens-clubs { color:#ffffff; text-decoration:none }
#school-parent-etc a.childrens-clubs:hover { color:#eba931; text-decoration:none }
#school-parent-etc a.parents { color:#ffffff; text-decoration:none }
#school-parent-etc a.parents:hover { color:#f4d047; text-decoration:none }

/* Apps */
#apps { width:100% }
#apps .header { position:relative; float:left; width:940px; margin:35px 0 15px 0; padding:0 0 15px 0; border-bottom: 1px solid #c9c9c9}
#apps .footer { position:relative; float:left; width:940px; margin:15px 0 35px 0; padding:8px 0 0 0; border-top: 1px solid #c9c9c9; text-align:right }
#apps .content { position:relative; float:left; width:940px; margin:0 }
#apps .text { font-size:22px; line-height:24px; font-family: 'Open Sans', sans-serif; font-weight: 300; color:#414143; letter-spacing:-1px; margin:0; padding:0 }
#apps .text-bold { font-size:22px; line-height:24px; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#414143; letter-spacing:-1px; margin:0; padding:0 }
#apps .quote { font-size:18px; line-height:20px; color:#76b23c; font-family: 'Open Sans', sans-serif; font-weight: 400; padding:0; margin:0 }
#apps .quote a { text-decoration:none }
#apps .quote a:hover { color:#414143; text-decoration:none }
#apps .arrow { margin:0 0 0 5px; position:relative; top:5px }
#apps .app-list { position:relative; float:left; width:108px; margin:0 10px 25px 0; text-align:center }
#apps .app-list-last { position:relative; float:left; width:108px; margin:0 0 0 0; text-align:center }

#apps a.app-list-link { color:#76b23c; text-decoration:none }
#apps a.app-list-link:hover { color:#414143; text-decoration:none }

#apps .app-name { font-size:13px; margin:0 0 4px 0; padding:0; line-height:15px; color:#76b23c; font-weight:bold }
#apps .app-date { font-size:11px; margin:0; padding:0; line-height:14px; }

/* Free Demo */
#free-demo { width:100%; background-color:#414143; height:56px; text-align:center }
#free-demo .inside { padding:10px 0 0 0; height:40px }
#free-demo .text { font-size:22px; line-height:24px; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#ffffff; letter-spacing:-1px; margin:0; padding:0 }
#free-demo .click-here { margin:0 15px 0 10px; position:relative; top:5px }
#free-demo .arrow { margin:0 20px 0 10px; position:relative; top:4px }

/* Blog Case Study Panel */
#blog-casestudy-panel { width:100% }

#blog-casestudy-panel .panel { position:relative; float:left; width:220px; padding:0; margin:25px 10px 25px 10px }
#blog-casestudy-panel .panel h2 { font-size:22px; line-height:24px; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#414143; letter-spacing:-1px }
#blog-casestudy-panel .panel img { border: 1px solid #dcdcdc }
#blog-casestudy-panel .panel .headline { font-size:16px; line-height:19px; color:#76b23c; font-weight:bold; padding:0; margin:10px 0 5px 0 }
#blog-casestudy-panel .panel .headline a { color:#76b23c; text-decoration:none }
#blog-casestudy-panel .panel .headline a:hover { color:#414143; text-decoration:underline }
#blog-casestudy-panel .panel .date { font-size:11px; line-height:13px; font-weight:normal; padding:0; margin:0 0 5px 0 }
#blog-casestudy-panel .panel .snippet { font-size:13px; line-height:17px; font-weight:normal; padding:0; margin:0 0 5px 0 }

#blog-casestudy-panel .panel-help { position:relative; float:left; width:220px; padding:0; margin:25px 10px 25px 10px }
#blog-casestudy-panel .panel-help img { float:left; border: none; margin:0; padding:0 }

/* Footer */
#footer { width:100% }

#footer .contact { background:#76b23c; height:56px; text-align:center }
#footer .contact .inside { padding:12px 0 0 0; height:44px }
#footer .contact .text { font-size:22px; line-height:24px; font-family: 'Open Sans', sans-serif; font-weight: 300; color:#000000; letter-spacing:-1px; margin:0; padding:0 }
#footer .contact a { color:#000000; text-decoration:none }
#footer .contact a:hover { color:#ffffff }
#footer .contact .icon { margin:0 0 0 10px; position:relative; top:4px }

#footer .links { background:#e7e7e7 }
#footer .links .panel { position:relative; float:left; width:140px; padding:0; margin:25px 10px 10px 10px }
#footer .links .panel-double { position:relative; float:left; width:300px; padding:0; margin:25px 10px 10px 10px }
#footer .links .links-header { font-size:15px; line-height:19px; color:#414143; font-weight:bold; padding:0; margin:0 0 5px 0 }
#footer .links .link { font-size:12px; margin:0 0 2px 0; padding:0; line-height:13px; letter-spacing:normal; color:#414143 }
#footer .links .link a { color:#414143; text-decoration:none }
#footer .links .link a:hover { color:#414143; text-decoration:underline }

#footer input { margin:0 }

#footer .whitebar { background:#ffffff; height:75px }
#footer .whitebar .logo { position:relative; float:left; width:176px; height:31px; margin:20px 0 20px 0; padding:0 }
#footer .whitebar .smallprint { position:relative; float:left; width:550px; height:31px; margin:20px 0 0 20px; padding: 15px 0 0 0; font-size:11px }
#footer .whitebar .social { position:relative; float:right; width:185px; height:32px; margin:20px 0 20px 0 }
#footer .whitebar .social .icon { position:relative; float:left; width:32px; height:32px; margin:0 0 0 5px }

#footer p { font-size:12px; line-height:14px }
#footer ul { margin:0 0 15px -20px; padding:0; }
#footer li { font-size:12px; line-height:14px; padding:0 0 0 20px; margin:0 0 3px 16px; list-style:none; background:url(../images/footer-bullet.gif) no-repeat 5px 4px    }
#footer li a { color:#414143; text-decoration:none }
#footer li a:hover { color:#414143; text-decoration:underline }


/* Slider */
#slider {
    position:relative;
    width:2000px; /* Change this to your images width */
    height:480px; /* Change this to your images height */
    background:url('../images/loading.gif') no-repeat 50% 50%;
    margin: 0 auto;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


.nivo-controlNav {
	display: none;
	position:absolute;
	left:300px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url('../images/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('../images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:20%;
}
a.nivo-prevNav {
	left:20%;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.widget-area{
width:270px;
background-color: #e7e7e7;
margin-top: 151px;
padding-left: 15px;
padding-right: 15px;
padding-top:1px;
}
.panel-divide { position:relative; float:left; width:100%; height:1px; margin:6px 0 11px 0; padding:0; border-bottom:1px solid #c9c9c9 }
.author-divide { position:relative;float:right; width:550px; height:1px; margin:6px 0 11px 0; padding:0; border-bottom:1px solid #c9c9c9 }
.date {text-transform:uppercase;}
.addthis{ position:relative;float:right;margin-top: -13px;}
div.pagination {
	margin-bottom: 30px;
}

div.pagination span, div.pagination a {
	font-size: 14px;
	padding: 7px 11px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

div.pagination a {
	color: #888;
	text-decoration: none;
}

div.pagination a:hover {
	color: #333;
	border-color: #c0c0c0;
}

.crop {
    width: 218px;
    height: 106px;
    overflow: hidden;
    border: 1px solid #ccc;
    text-align:center;
}

	.crop img {
		display: block;
		border: none !important;
		height: 106px;
		margin: 0 auto;
		padding: 0;
		width: 218px;
	}
	
		.crop img a {border: none !important;}
	

.featured_in_content {
	border: 1px solid #ccc;
	height: 300px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	width: 618px;
}
	.featured_in_content img {
		display: block;
		height: 300px;
		margin: 0 auto;
		width: auto;
	}






/* PMX PAGE - www.parentmail.co.uk/parentmailx/ */



.pmx-apps { height:100%; margin: 0 0 0 20px; width:920px; padding:0 }
.pmx-apps .apps-row { position:relative; float:left; margin: 0 0 10px 44px; padding:0; width:840px; text-align:center }
.pmx-apps .apps-row .app { position:relative; float:left; margin: 0 12px 10px 0; padding:0; width:156px }
.pmx-apps .apps-row .app .top { position:relative; float:left; margin: 0 0 5px 0; padding:0; width:156px }
.pmx-apps .apps-row .app .top .icon { position:relative; float:left; margin: 0; padding:0; width:74px }
.pmx-apps .apps-row .app .top .button { position:relative; float:left; margin:20px 0 0 2px; padding:0; width:80px; text-align:left }
.pmx-apps .apps-row .app .bottom { position:relative; float:left; margin: 0; padding:0; width:156px }
.pmx-apps .apps-row .app .bottom .head { font-size:14px; font-weight:bold; line-height:15px; color:#76b23c; padding:0; margin:0 0 4px 0 }
.pmx-apps .apps-row .app .bottom .sub-head { font-size:11px; font-weight:normal; line-height:13px; color:#858585; padding:0; margin:0 0 4px 0 }

/* PMX PAGE - TOGGLES */
@charset "UTF-8";
/* CSS Document */

.onoffswitch {
    position: relative; width: 80px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #FFFFFF; border-radius: 20px;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 15px;
    background-color: #77B23B; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #C41623; color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    width: 24px; margin: 3px;
    background: #FFFFFF;
    border: 2px solid #FFFFFF; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 46px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
<video controls></video>