/* @override http://test.callagenix.com/stylesheets/styles.css */

/* @override http://test.callagenix.com/stylesheets/styles.css */

/* @override http://test.callagenix.com/stylesheets/styles.css */

/* @override http://www.callagenix.com/stylesheets/styles.css */

/* @override 
	http://www.callagenix.com/stylesheets/styles.css */

/* Theme styles by kc web design  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Global Styles
:: Main Navigation
:: Typography
:: Home Page
:: Internal Page
:: News footer block
:: Pricing tables
:: Media Queries
*/


/* -----------------------------------------
   Global Styles
----------------------------------------- */

/* selectnav styles for desktop */
.selectnav { display: none; }

/* Remove border from IE link images */
a img {
	border: none;
	outline: none;
}

i.bullet {
	font-size: 22px;
}

/* IMG floats */
.align-left {
	float: left;
	margin: 10px 15px 10px 0px;
}

.align-right {
	float: right;
	margin: 10px 0px 10px 15px;
}

/* Removes padding from column blocks */
.no-padding {
	padding: 0;
}

/* Form error */
.error {
	padding: 4px;
	font-weight: bold;
	font-style: italic;
	background-color: #f1a283;
	color: #e73201;
}

label {
	font-weight: bold;
	margin-bottom: 8px;
}

/* Move a div to the right with text flowing around */
.rightflow {
	float: right;
	margin-left: 20px;
	padding-right: 0;
	text-align: right;
	margin-bottom: 20px;
}
	.leftflow {
		float: left;
		margin-right: 0;
		padding-left: 0;
		text-align: left;
		margin-bottom: 20px;
		margin-top: 10px;
	}

/* Give buttons a little bottom margin so they stack nicely and change colours */
.button {
	margin-bottom: 3px;
	border-width: 0px;
	/* inset top highlight */
	
	/* Shadow & highlight */
/*
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
*/
	
	/* Colour gradient */
	background-color: #ff8c05;
/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 204, 89)), to(rgb(236, 158, 21)));
	background-image: -webkit-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: -moz-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: -o-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: -ms-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffcc59', EndColorStr='#ec9e15');
*/
	 
	
	/*Colour tweaks for orange buttons*/	
/* 	border-color: #856D56; */
/* 	text-shadow: 0 1px 1px #917820; */
}
	.button:hover {
		background-color: #ffa300;
/*
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 158, 21)), to(rgb(255, 204, 89)));
		background-image: -webkit-linear-gradient(top, rgb(236, 158, 21), rgb(255, 204, 89));
		background-image: -moz-linear-gradient(top, rgb(236, 158, 21), rgb(255, 204, 89));
		background-image: -o-linear-gradient(top, rgb(236, 158, 21), rgb(255, 204, 89));
		background-image: -ms-linear-gradient(top, rgb(236, 158, 21), rgb(255, 204, 89));
		background-image: linear-gradient(top, rgb(236, 158, 21), rgb(255, 204, 89));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ec9e15', EndColorStr='#ffcc59');
*/
		
	}
	
/*   GREEN BUTTON 	 */
.button.green {
	margin-bottom: 3px;
	
	/* inset top highlight */
	
	/* Shadow & highlight */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	
	/* Colour gradient */
	background-color: #28d94a;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(40, 217, 74)), to(rgb(10, 149, 1)));
background-image: -webkit-linear-gradient(top, rgb(40, 217, 74), rgb(10, 149, 1));
background-image: -moz-linear-gradient(top, rgb(40, 217, 74), rgb(10, 149, 1));
background-image: -o-linear-gradient(top, rgb(40, 217, 74), rgb(10, 149, 1));
background-image: -ms-linear-gradient(top, rgb(40, 217, 74), rgb(10, 149, 1));
background-image: linear-gradient(top, rgb(40, 217, 74), rgb(10, 149, 1));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#28d94a', EndColorStr='#0a9501');

	 
	
	/*Colour tweaks for GREEN buttons*/	
	border-color: #578557;
	text-shadow: 0 1px 1px #20912f;
}
	.button.green:hover {
background-color: #0a9501;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(10, 149, 1)), to(rgb(40, 217, 74)));
background-image: -webkit-linear-gradient(top, rgb(10, 149, 1), rgb(40, 217, 74));
background-image: -moz-linear-gradient(top, rgb(10, 149, 1), rgb(40, 217, 74));
background-image: -o-linear-gradient(top, rgb(10, 149, 1), rgb(40, 217, 74));
background-image: -ms-linear-gradient(top, rgb(10, 149, 1), rgb(40, 217, 74));
background-image: linear-gradient(top, rgb(10, 149, 1), rgb(40, 217, 74));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0a9501', EndColorStr='#28d94a');

		
	}

.button.small {
	font-size: 12px;
	padding:10px 14px 10px;
}

.button.large {
	font-size: 21px;
}

.button, .button.radius {
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
	
.medium {
	/* Shadow & highlight */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
}


	/* and a bit of space for the icons */
	.button i {
		margin-left: 0px;
		margin-right: 5px;
		position: relative;
		top: 2px;
	}
	
#tutorialTable .button {
	white-space: nowrap;
	padding: 0 10px 10px;
}
	#tutorialTable .button i {
		font-size: 24px;
		position: relative;
		top: 7px;
		left: 3px;
	}
	
	.columns.centered  {
		text-align: center;
	}

/* top bar tweaks */
.top-bar {
	margin-bottom: 10px;
/* 	background: url(../images/topbar-strip.gif) repeat-x left center; */
background: #222;
}
.top-bar ul li {
		font-size: 12px !important;
	}
.top-bar ul > li a:not(.button) {
	font-size: 16px;
}
.top-bar ul li.name a {
		white-space: nowrap;
		float: left;
		font-size: 16px;
	}
	.top-bar ul li.name a:first-child {
		padding-left: 15px;
	}

/* Search box, Apple style */

.searchcol {
	padding-top: 8px;
}

.search-form {
	margin-top: 10px;
}
	.searchfield { 
	background-color: #fff; height:26px; color:#666; margin:0 auto; border-color: #ddd !important;
	     
	    /* CSS3 Transition */
	    transition: width 600ms ease 0, background 600ms ease 0;
	    -webkit-transition: width 600ms ease 0, background 600ms ease 0;
	    -moz-transition: width 600ms ease 0, background 600ms ease 0;
	    -o-transition: width 600ms ease 0, background 600ms ease 0;
	     
	    /* CSS3 Inner Shadow */
	    box-shadow: inner 0 1px 1px #444;
	    -moz-box-shadow: inset 0 1px 1px #444;
	    -webkit-box-shadow: inset 0 1px 1px #444;
	    -o-box-shadow: inner 0 1px 1px #444;
	     
	    /* CSS3 Border Radius */
	    border-radius:20px !important;
	    -webkit-border-radius:20px !important;
	    -moz-border-radius:20px !important;
	}
	

#logo .button.assistant {
	border-color: #b39d87;
	-moz-box-shadow: 0 0 1px #fbfbfa;
	-webkit-box-shadow: 0 0 1px #fbfbfa;
	box-shadow: 0 0 1px #fbfbfa;
	text-shadow: 0 1px 1px #fafafa;
	margin-top: 10px;
	float: right;
	width: 190px;
	font-size: 13px;
	background: #e9e9e9; color: #444; border: 1px solid #c3c3c3;
}	
	#logo .button.assistant > ul li {
		height: 30px !important; line-height: 18px !important;
	}
	#logo .button.assistant > ul li a {
		text-shadow: 0 0 1px #f7f7f6;
		height: 30px !important; line-height: 18px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	#logo .button.assistant > ul {
		-moz-box-shadow: 0 0 2px #c1c1c0;
		-webkit-box-shadow: 0 0 2px #c1c1c0;
		box-shadow: 0 0 2px #c1c1c0;
		
	}
	
ul.accordion {
	padding-left: 0px;
}	
		
/* Footer and news footer	*/  
#newsfooter {
	margin-top: 40px;
	margin-bottom: 40px;
}	
.footer-bg-clr {
	color: #fff;
	background: #222;
	height: 45px;
}

#footer-bloc {
	padding-top: 25px;
}

footer p, footer ul li a {font-size: 12px;
padding-top: 12px;
margin-bottom: 0 !important;
color: #fff;
}

ul.link-list.right {
	margin-bottom: 0;
}

/* Quicklinks */
.quicklinks ul {
	padding-left: 0px;
}
.quicklinks ul li {
	list-style: none;
	padding-left: 0px;
	line-height: 19px;
	text-align: left;
}

div.four.mobile-one.columns.end {
	
}

.quicklinks ul li a {
		color: #fff;
	}
	.quicklinks ul li a:hover {
		color: #90e6ff;
		text-decoration: underline;
	}

.quicklinks h5 {
	color: #fff;
	font-weight: bold;
}


.social-icons {
	padding-left: 0%;
}
.quicklinks a i {
	font-size: 40px;
	color: #fff;
	margin-top: 20px;
	display: block;
	float: left;
	height: 40px;
	margin-right: 5%;
}
	.quicklinks a i:hover {
		color: #ff9421;
	}

@media only screen and (min-width: 1200px) {
		.quicklinks a i {
			margin-right: 10%;
		}
	}


/* Tweek the grid a little to improve spacing on columns where we need less padding */
.quicklinks .columns {
	padding-left: 0;
}
	.contactinfo .columns {
		padding-left: 0;
		padding-right: 0;
	}

.contactinfo h5 {
	color: #fff;
	font-weight: bold;
}
	
/* Font change to make text smaller in footer bar */
.contactinfo p, .quicklinks ul li {
	font-size: 12px;
	color: #fff;
}

.contactinfo a {
		color: #fff;
	}
	.contactinfo a:hover {
		color: #90e6ff;
		text-decoration: underline;
	}

#logo a {
	margin-bottom: 35px;
	margin-top: -10px;
	height: 60px;
	display: block;
}

#hcard-callagenix {
	color: #fff;
	text-align: left;
}

#hcard-callagenix.vcard .tel {
	color: #fff;
}

#hcard-callagenix.vcard .adr div, #hcard-callagenix.vcard .adr span {
	font-size: 13px;
}

/* quotes with nice curly quotes */

blockquote  { 
	quotes:"\201C""\201D""\2018""\2019";
	margin-left: 20px;
	border-left-width: 2px;
}
	blockquote:before {
	color: #bbb;
	content:open-quote;
	font: bold 47px/.1em Georgia, Times, serif;
	margin-right:.20em;
	vertical-align:-.4em;
	}
	blockquote:after {
	color:#bbb;
	content:close-quote;
	font: bold 47px Georgia, Times, serif;
	line-height:.1em;
	margin-left:.25em;
	vertical-align:-.5em;
	}
	
	
.panel {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	background: url(../images/panel-bg.jpg) repeat center top #e2eff3;
	border-color: #abbac3;
}

.panel.callout {
	background-color: #175a8a;
}

#newsfooter div.four.columns {
	text-align: center;
}

#newsfooter div.four.columns div.panel {
	margin-top: 20px;
}

.panel h5 {
	text-shadow: 0 1px 1px #fafafa;
	font-size: 16px;
	text-align: left;
}
	
/* -----------------------------------------
   Typography
----------------------------------------- */

/* Google font family */
h1, h2, h3, h4, h5 {
  font-family:  'Noto Sans', Georgia, Times, serif;
}
 
body, p, ul, ol {
  font-family:  'Noto Sans', Helvetica, Arial, sans-serif;
}

/* Adjust these sizes depending on what google font you use to get overall sizes looking right 

0.875em 		(14px equivalent)
1em 			(16px equivalent)
1.125em 		(18px equivalent)
1.3125em 		(21px equivalent)
1.5em 			(24px equivalent)
1.875em 		(30px equivalent)
*/

h1 { font-size: 1.875em;}
h2 { font-size: 1.5em; line-height: 1.75em; }
h3 { font-size: 1.3125em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }

#mainContent h1 {
/* 	border-bottom: 1px dotted #aeb6bb; */
	padding-bottom: 5px;
	margin-bottom: 30px;
}
	#mainContent h1 img {
		vertical-align: middle;
float: right;
margin-top: 5px;
	}


/* -----------------------------------------
   Main Navigation
----------------------------------------- */
#mainnav-outer {
	background: #083F65;
	width: 100%;
}
#mainnav.nav-bar { 
/*
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
*/
	background: transparent;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 50px;
/* 	background: url(../images/mainnav-bg.gif) repeat left top; */
	/* Shadow & highlight */
/*
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.3);
*/
/* 	border: 1px solid #656665; */
}

/* automatically center all the li items */
#mainnav.nav-bar > li {
	
	width:14.2857%;/* For our 7 items we use this percentage */
	
	/* Other numbers of li items would work like this */
	/* width:16.6666%;    6 li items we use this percentage */
	/* width:12.5%;       8 li items we use this percentage */
	/* width:11.1111%;    9 li items we use this percentage */
	
	text-align: center;
/* 	text-shadow: 0 1px 1px #222121; */
	
	border: 0px none #333333;			
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-color: #356180;
	font-weight: 700;
	line-height: 50px;
}
	#mainnav.nav-bar > li a {
		color: #ffffff;
	}
	#mainnav.nav-bar > li:hover { 
/* 		background: url(../images/mainnav-hover.gif) repeat-x left top #333333; */
background: #115989;
		
	}
	
	#mainnav.nav-bar > li.active {
		background: #156eaa;
	}
	
	
		#mainnav.nav-bar > li a:hover {
			color: #fff !important;
		}
		
		#mainnav li.has-flyout ul.flyout {
			margin-top: 11px;
		}
		
		

	#mainnav.nav-bar > li:first-child {
		border-left: 1px solid #356180;
	}

/* stops nav text wrapping on smaller screens */
#mainnav.nav-bar > li.has-flyout a {
	white-space: nowrap;

}
.nav-bar > li > a:first-child {
	padding: 0 0px;
}
.nav-bar > li.has-flyout > a:first-child {
	padding-right: 0px;
}

.nav-bar > li.has-flyout > a:first-child::after {
	border: none 0px;
}

/* #mainnav ul.flyout li a, #mainnav.nav-bar li ul li a { background: #fff;} */

ul.flyout li a, .nav-bar li ul li a {
	border-width: 1px 0px 0 0;
	-webkit-box-shadow: 0 1px 0 rgba(113, 138, 169, 0.44) inset;
-moz-box-shadow: 0 1px 0 rgba(113, 138, 169, 0.44) inset;
box-shadow: 0 1px 0 rgba(113, 138, 169, 0.44) inset;
}

#mainnav li.has-flyout ul.flyout {
	border: 0px none #d9d9d9;
	top: 39px;
	left: 1px;
}

#mainnav li.has-flyout ul.flyout li {
	text-align: left;
/* 	border-color: #5e7990; */
	border-width: 0;
	
}
#mainnav li.has-flyout ul.flyout li a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
/* 	text-shadow: 0 0 0 #f8f8f8; */
	color: #fff;
	padding-left: 10px;
	background: #115989;
	
}

ul.flyout li a, .nav-bar li ul li a {
	border: 0px none #e6e6e6;
}

#mainnav ul.flyout li a:hover, .nav-bar li ul li a:hover, #mainnav li.has-flyout ul.flyout li a:hover {
	color: #fff !important;
background-color: #083F65;
font-weight: bold;
/* border-color: #00b6e0; */
}

/* Pill tabs */

.tabs.pill dd a {
	margin-bottom: 10px;
	background-color: #fffffe;
	color: #444;
	border: 1px solid #dcdddc;
}

dl.tabs.pill {
	height: auto;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #839ca9;
}


.tabs.pill dd.active a {
	background-color: #00b6e0;
	text-shadow: 0 1px 1px #3e7192;
}



/* -----------------------------------------
   Home Page
----------------------------------------- */

/* Create a BG colour that goes full width external to the grid for the footer */
.block-bg-clr {
	padding-bottom: 10px;
/* 	background: url(../images/footer-bg.jpg) repeat-x center top #e2eff3; */
background: #175B88;
/* 	border-top: 1px solid #abb9c3; */
	margin-top: 20px;
}

#mainContent form {
	margin: 0px;
}

#mainContent.block-bg-clr  {
/*
	box-shadow: 
	    inset 0 1px 5px rgba(0,0,0,0.2),
	    inset 0 -1px 5px rgba(0,0,0,0.2);
*/
/* 		background: url(../images/main-bg.jpg) no-repeat center top #e2eff3; */
background-color: #fff;
		margin-bottom: 0;
		padding-bottom: 20px;
		margin-top: 0;
	}

.home #mainContent.block-bg-clr {
	background-color: #226FA6;
}

	
	.promo-bg-clr {
		margin-bottom: 30px;
		padding-bottom: 10px;
		padding-top: 30px;
		background-color: #e2effc;
	}
	
	#promo-block .header-h2 {
		margin-bottom: 10px;
	}
	
	#promo-block .promo-box {
		background-color: #1c6ea8;
		padding: 10px 10px 20px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	
	#promo-block .header-h2 h2 {
		
		border-bottom-style: none;
		margin-bottom: 0;
		text-align: center;
		background-color: transparent;
	}
		#promo-block .header-h2 p, #promo-block .header-h2 h2 + p {
			color: #222;
			margin-top: 15px;
			margin-bottom: 0;
		}
	
	#promo-block div, #promo-block div p, #promo-block div h3 {
		text-align: center;
		
	}
		#promo-block div h3 {
			font-weight: bold;
			/*font-size: 18px;*/
			color: #fff;
			background-color: #083f65;
			border-radius: 7px;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			padding-top: 6px;
			padding-bottom: 6px;
		}
		#promo-block div > p {
			font-size: 14px;
			color: #fff;
		}
	
	#promo-block .row {
		margin-bottom: 40px;
	}
		
		
/* Strapline */
#strap {
	margin-top: 10px;
}
	#strap  h2 {
		font-size: 32px;
		text-align: center;
		font-weight: normal;
		font-family:  'Noto Sans', Georgia, Times, serif;
		padding-right: 30px;
		padding-left: 30px;
		margin-bottom: 30px;
	}
	#strap hr {
		height: 1px;
		background-color: #8caaba;
		-moz-box-shadow: 0 1px 0 #f7f7f7;
		-webkit-box-shadow: 0 1px 0 #f7f7f7;
		box-shadow: 0 1px 0 #f7f7f7;
	}

/* Tweak the h4 top margin and p text size... */
#services-block h4 {
	margin-top: 0;
}
#services-block p {
	font-size: 12px;
	color: #fff;
}

#services-block h4 a {
	color: #fdc752;
	text-shadow: 0 1px 1px #232b33;
}

/* and grid a little to improve spacing */
#services-block .six:last-child {
	padding-left: 0;
}
#contentsection .columns {
	margin-bottom: 15px;
}
#services-block .columns {
	padding-bottom: 8px;
}


/* CTA buttons */

#cta-btns {
	margin-top: 20px;
}
#cta-btns a {
	margin-bottom: 10px;
	width: 100%;
	height: 70px;
	line-height: 35px;
	font-size: 21px;
}


	
#services-block h3 {
	font-size: 18px;
	margin-bottom: -15px;
	padding-left: 15px;
	color: #fff;
	text-shadow: 0 1px 1px #232b33;
}
	#services-block hr {
		border-color: #79a2b8;
	}

	
/* Slider */	
#slider {
	margin: 0 0 25px 0;
	width: 940px;
	height: 280px;
}


div.unoslider_indicator {
	background: url(../images/slider-shadow.png) no-repeat center top;
	width: 962px;
	margin-left: -28px;
	height: 36px;
	margin-bottom: -6px;
	padding-top: 6px;
}



/* ------------------------------
	NEW HOME PAGE 
------------------------------ */

.video-full-width {
	 padding-top: 20px;
padding-bottom: 60px;
background-color: #e3f0fd;
width: 100%;
 }

.video-block h1 {
	color: #115988;
	text-align: left;
	border-bottom: 0px none #fff;
	font-size: 22px;
	line-height: 28px;
	margin-top: 15px;
	margin-bottom: 15px !important;
}

.video-block .fluid-width-video-wrapper {
	margin-top: 15px;
	width: 100% !important;
	padding-top: 56.25% !important;
}

.video-block p {
	color: #222;
	font-size: 14px;
}

#entry-blocks {
	padding-top: 40px;
	padding-bottom: 40px;
}

#entry-blocks .columns, #entry-blocks .columns p,  #main-text .columns p {
	text-align: left;
	color: #fff;
}

#entry-blocks h2 {
	text-align: left !important;
	color: #fff !important;
	border-color: #226FA6 !important;
}

#main-text {
	padding-top: 40px;
	padding-bottom: 40px;
}

@media only screen and (min-width: 1200px) {
.video-block h1 {

	font-size: 28px;
	line-height: 36px;
	margin-bottom: 15px !important;
}
.video-block p {
	font-size: 16px;
}

}

/* -----------------------------------------
   Internal Pages
----------------------------------------- */

#cost-slider {
	margin-bottom: 60px !important;
	height: 350px !important;
}

#services-overview p {
	text-align: center;
font-size: 12px;
min-height: 85px;
padding-top: 8px;
}


/* Sidebar */
#sidebar {
	background-color: transparent;
	padding-top: 40px;
	width: 23%;
	margin-right: 15px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
/*	-moz-box-shadow: 0 0 4px rgba(115, 115, 111, 0.51);
	-webkit-box-shadow: 0 0 4px rgba(115, 115, 111, 0.51);
	box-shadow: 0 0 4px rgba(115, 115, 111, 0.51);*/
	padding-right: 0;
	




	
}



/* Sidebar nav */

#sidebar h5 {
	margin: 0;
	padding: 5px 5px 5px 10px;
	font-size: 16px;
	background-color: #083F65;
	border-bottom: 1px solid #fff;
	line-height: 26px;
	color: #fff;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	text-transform: capitalize;
}

#sidebar h5 i {
	position: relative;
	bottom: -3px;
	margin-right: 4px;
	color: #fff;
	font-size: 16px;
	
}

#sidebar h5:first-child {
/* 	border-top: 1px solid #3f505a; */
}

#sidebar .sidenav {
	margin-bottom: 10px;
	  border-style: solid;
  border-width: 1px;
  border-color: rgb(17, 61, 102);
  border-radius: 10px;
  background-color: rgb(218, 232, 244);
  overflow: hidden;
}

#sidebar ul.nav-bar.vertical {
	margin-bottom: 0;
	background: transparent;
}

#sidebar ul.nav-bar.vertical li a {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 14px;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
	font-weight: normal;
	color: #222;
	text-transform: capitalize;
	font-family: 'PT Sans Narrow', sans-serif;
}

#sidebar ul.nav-bar.vertical li.nolink {
	padding-top: 0;
	padding-bottom: 0;
	font-size: 14px;
	height: 30px;
	padding-left: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #222;
	text-transform: capitalize;
	font-family: 'PT Sans Narrow', sans-serif;
}
	#sidebar ul.nav-bar.vertical li.nolink:before {
	   content: "\2713 ";
	   padding-right: 10px;
   }

#sidebar form.custom div.custom.dropdown {
	margin: 5px;
	width: 95% !important;
}
#sidebar form.custom div.custom.dropdown a, #sidebar form.custom div.custom.dropdown a.current {
	color: #444 !important;
	height: 28px;
}
	#sidebar form.custom div.custom.dropdown a:hover {
		color: #000;
		height: 28px;
	}
	
	#sidebar form.custom div.custom.dropdown.open ul li a {
		width: 100%;
		color: #444;
		border-style: none;
		background: url(none) transparent;
		padding: 0;
		margin: 0;
	}
	#sidebar form.custom div.custom.dropdown ul li {
		
		color: #444;
		background-color: transparent;
		border-style: none;
	}
	
#sidebar form.custom div.custom.dropdown ul { position: absolute; width: 99% !important; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
#sidebar form.custom div.custom.dropdown ul li { color: #555555 !important; font-size: 12px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
#sidebar form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: black; }
#sidebar form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
#sidebar form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black !important; }
#sidebar form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; }
#sidebar form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; }
#sidebar form.custom div.custom.dropdown ul li.selected:hover:after { color: black; }
#sidebar form.custom div.custom.dropdown ul.show { display: block; }

	
	#sidebar li {
	/*background: url(../images/mainnav-bg.gif) repeat left top;*/
	border-color: transparent;
	background-color: transparent;
	border-bottom: solid 1px #EBF3F9;
}
#sidebar li:last-child {
	border-bottom: none 0px #EBF3F9;
}

#sidebar li.active {
	
	background: #115989;
}
	#sidebar li.active a {
		color: #ffffff !important;
	}

#sidebar .button.assistant {
	margin-top: 20px;
	margin-bottom: 20;
	font-size: 12px;
	width: 100%;
	padding-right: 30px;
	text-align: left;
}
	#sidebar .button.dropdown:after { 
		right: 10px; 
	 }
	 #sidebar .button.dropdown > ul { 
	 
	 }
 
 #sidebar ul.nav-bar.vertical li:hover {
 	/*background: url(../images/mainnav-hover.gif) repeat-x left bottom #333333;*/
 	background-color: #115989;
	 color: #fff !important;
 }
 	#sidebar ul.nav-bar.vertical li:hover a {
 		 color: #fff;
 	}
	 
	 
#sidebar .ctabox {
	width: 100%;
	
	text-align: center;
	margin-bottom: 15px;
/* 	background: url(/images/get-one-box.png) no-repeat center top; */
background: #ffc820;
border-radius: 10px;
	color: #222;
}
	#sidebar .ctabox p {
		color: #222;
		text-align: center;
		text-transform: capitalize;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15px;
		font: 22px/26px 'Noto Sans', Georgia, Times, serif;
		letter-spacing: 0px;
		
		font-weight: normal;
		
	}
	
	.animarrows {
		margin-bottom: 12px;
		display: none;
	}
	
	#sidebar .ctabox .button {
			line-height: 24px;
			margin-bottom: 20px;
			width: 85%;
			font-weight: normal;
			margin-right: auto;
			margin-left: auto;
			padding: 7px 10px;
			background: #ff9421;
/* border: 1px solid #fff; */
box-shadow: 0 0px 4px rgba(0, 0, 0, 0.27), inset 0 0px 0 rgba(255,255,255,0.7);
-moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.27), inset 0 0px 0 rgba(255,255,255,0.7);
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.27), inset 0 0px 0 rgba(255,255,255,0.7);
border-radius: 10px;
text-shadow: 0 0px 0px #917820;
	}
		
		#sidebar .ctabox .button:hover {
			background: #fe7302;
		}

/* Yellow CTA box */

#sidebar .ctabox.cta-yellow {
	background: #fff3c2;
}
#sidebar .ctabox.cta-yellow p {
	text-transform: none;
	font: 17px/26px 'Noto Sans', Georgia, Times, serif;
}
/*
#sidebar .ctabox.cta-yellow .button {
	background: #ffb327;
	color: #222;
	font-size: 16px;
	font-weight: bold;
}
*/
	 
/* make padding smaller on large CTA button */
#sidebar .button {
	line-height: 24px;
	margin-bottom: 20px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 10px;
}



#sidebar .button.small-cta {
			line-height: 24px;
			margin-bottom: 20px;
			width: 100%;
			font-size: 20px;
			margin-right: auto;
			margin-left: auto;
			padding: 25px 10px;
			background: #FF9421;
border: 0px none #fff; 
box-shadow: 0 0px 4px rgba(0, 0, 0, 0.27), inset 0 0px 0 rgba(255,255,255,0.7);
-moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.27), inset 0 0px 0 rgba(255,255,255,0.7);
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.27), inset 0 0px 0 rgba(255,255,255,0.7);
border-radius: 10px;
text-shadow: 0 0px 0px #917820;
		}

#sidebar a.large.button.radius small {
	font-size: 13px;
}

@media only screen and (min-width: 940px) and (max-width: 1200px) {
	
	#sidebar .button.small-cta {
		font-size: 16px;
	}
	#sidebar a.large.button.radius small {
		font-size: 11px;
	}
	
	}

.inlineIMG {
	padding-bottom: 20px;
}
	/* Make the buttons next to the inline IMG bigger */
	.inlineIMG .button {
		width: 100%;
		line-height: 300%;
		margin-bottom: 10px;
	}


.fluid-width-video-wrapper {
	border: 1px solid #222;
	width: 70% !important;
	padding-top: 50.25% !important;
	margin: 50px auto;
}

	
#casestudy-overview h3 {
	margin-top: 0;
}

#casestudy-overview {
	border-radius: 10px;
background-color: #eee;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
padding: 20px 10px 10px 10px;
}

#casestudy-overview .logobox {
	border-radius: 10px;
	background-color: #fff;
	margin-right: 10px;
	margin-top: 50px;
	text-align: center;
}

div.panel.callout.radius.downloads i {
	font-size: 44px;
	float: right;
	margin-top: -30px;
}

table.casestudy-table td, table.casestudy-table th {
	text-align: center;
}

table.casestudy-table a {
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}

ul#services-overview.accordion h6 {
	border-bottom: 1px dotted #d9d8d7;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-left: 3px;
	font-size: 12px;
	margin-top: 0;
	min-height: 40px;
}
ul#services-overview.accordion a {
	margin-top: 5px;
	color: #fd9c0a;
}
	ul#services-overview.accordion a:hover {
		color: #06c9fc;
	}
		ul#services-overview.accordion a.button {
			margin-top: 10px;
			color: #fff;
			display: block;
			width: 80%;
			margin-right: auto;
			margin-left: auto;
		}
	
#services-overview li.active div.title {
	background-color: #0a5788;
	
}

#services-overview li.active div.title h5 {
	color: #4fd5fe;
	text-shadow: 0 1px 1px #042958;
	font-size: 17px;
} 

#services-overview li div.title h5 {
	color: #ffffff;
	text-shadow: 0 1px 1px #042958;
	font-size: 17px;
}

#services-overview > li.active { border-top: 3px solid #10bcf0; }

#services-overview li div.title {
	background-color: #0a5788;
}

ul#services-overview.accordion .columns {
	font-size: 12px;
	text-align: center;
	padding: 15px 10px;
	border-top: 1px solid #e8e9e8;
	line-height: 15px;
}

/* Features list */

#mainContent .features {
	border-left: 1px dotted #abb8c3;
}

#mainContent .features .block-grid.two-up { margin: 0;
}
#mainContent .features .block-grid.two-up > li { 
	width: 90%;
	font-weight: bold;
	color: #444;
	text-align: left;
	line-height: 18px;
	margin-left: 30px;
	padding-left: 1.6em;
	text-indent: -1.6em;
}
#mainContent .features .block-grid.two-up > li:before {
	content: "\f005";
	top: 4px;  color: #95bc77;
font: normal 120% "GeneralFoundicons";

position: relative;

}

#mainContent .features h1, #mainContent .features h2, #mainContent .features h3 {
	text-align: left;
	font-size: 16px;
	margin-top: 0;
	color: #fff;
	text-shadow: 0 1px 1px #357838;
	padding: 3px 6px;
	margin-left: 30px;
	background-color: #95bc77;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 20px;
}

#intnumbers h2 {
	margin-bottom: 50px;
	height: 64px;
	margin-top: -20px;
}

#intnumbers .countries-btn {
	float: right;
	position: absolute;
	right: 20px;
	top: 80px;
}

#intnumbers h2 img.flag {
	position: relative;
	top: 25px;
}

table.casestudy-table img {
	width: 160px;
	height: auto;
/* 	border: 1px solid #dcdddc; */
	padding: 3px;
}

table.casestudy-table tbody tr td.col-3 a.button.small.radius {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
}

table.casestudy-table tbody tr:nth-child(even) { background: #ffffff;
	
}
table.casestudy-table tbody td {
	/*border-top: 1px dotted #dcdddc;*/
	/*vertical-align: middle;*/	
}

.news-img-wrap {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}

div.tags {
	margin-bottom: 30px;
	text-transform: capitalize;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #eafaff;
	font-weight: normal;
	text-shadow: 0 0px 0px #D9E8F3;
	width: 100%;
	color: #222;
	margin-top: 20px;
}
	div.tags a {
		color: rgba(252, 160, 2, 1);
		
	}
		div.tags a:hover {
			color: #00B6E1;
		}


.related-articles {
	margin-top: 40px;
padding-top: 10px;
/* border-bottom: 2px solid #c1e0ff; */
}
	.related-articles h4 {
		font-size: 24px;
		font-weight: normal;
		color: rgba(17, 89, 137, 1);
		padding: 10px;
background: #dff0ff;
border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	.related-articles p {
		 margin: 0px 0px 5px 10px;
	 }
	 	.related-articles p i {
		 	color: #b5e4ff;
			top: 2px;
			position: relative;
			margin-right: 10px;
			
	 	}
	 	.related-articles p i.foundicon-right-arrow:before {
		 	font-family: "GeneralFoundicons" !important;
	 	}

/* -----------------------------------------
   News footer block
----------------------------------------- */


.newsblock h4 {
	margin-top: 0;
	border-bottom: 1px dotted #c8c8c6;
	padding-bottom: 8px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
}
.newsblock h5 {
	font-size: 16px;
	text-align: left;
	margin-bottom: 15px;
	
}
	.newsblock h5 a {
		color: #008aed;
	}
	.newsblock h5 a:hover {
		color: #ff9421;
	}
.newsblock h6 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: #949292;
}
.newsblock p {
	font-size: 13px;
}

.newsblock .hentry {
	height: 150px;
}


/* Testimonials box quotes with nice curly quotes */

.testimonials blockquote  { 
	quotes:"\201C""\201D""\2018""\2019";
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	font-family: 'Noto Sans', Georgia, Times, serif;
	margin-left: 0;
	color: #175888;
	text-shadow: 0 1px 0 #f9f9f9;
	line-height: 24px;
	text-align: left;
}
	.testimonials blockquote:before {
	color: #9cc0d2;
	content:open-quote;
	font: bold 47px/.1em Georgia, Times, serif;
	margin-right:.20em;
	vertical-align:-.4em;
	}
	.testimonials blockquote:after {
	color:#9cc0d2;
	content:close-quote;
	font: bold 47px Georgia, Times, serif;
	line-height:.1em;
	margin-left:.25em;
	vertical-align:-.5em;
	}
	
	.quote-img {
		float: left;
		width: 100%;
	}
	
	.quote-img img {
		float: left;
		border: 1px solid #6a7b86;
		max-width: 200px;
	}
	
	.quote-name {
		float: left;
		padding-top: 6px;
		font-style: italic;
		margin-bottom: 15px;
		text-align: left;
	}
		
		
/* -----------------------------------------
   Pricing tables
----------------------------------------- */

.pricetables {
	margin-top: 60px;
	width: 100%;
}

/*Price table for services/numbers*/

.pricing_box  { border: 1px solid #ccc; float: left; text-align: center; padding: 0 0 20px; margin-left:-1px; box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5); background: #fff;}
.pricing_box.radius-left { -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px;}
.pricing_box.radius-right { -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}

.pricing_box .header  { text-shadow: 0 1px 1px #fff; border-bottom: 1px solid #ccc; background: url(../images/price.bg.png) repeat; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px;}
.pricing_box .header { width: 100%; height: 68px; }
.pricing_box .header span { position: relative; top: 20px; font-size: 16px; font-weight: bold; line-height: 28px;}
.pricing_box .header span.info { position: relative; font-size: 12px; font-weight: normal; top: 2px; display: block; color: gray; } 
.pricing_box p { line-height: 28px;}
.pricing_box ul { list-style: none; margin: 0 0 15px 0!important; text-align: left;}

.cols-2 .pricing_box { width: 49.8%; margin-bottom:50px; }
.cols-3 .pricing_box  { width: 33%;  margin-bottom: 30px;}
.cols-4 .pricing_box { width: 24.8%; font-size: 1em; }
.cols-5 .pricing_box { width: 19.5%; font-size: 0.9em;}

.cols-3 .pricing_box.colsmall  { width: 20%;}
	.cols-3 .pricing_box.colsmall ul li {
		font-size: 12px;
		text-align: left;
		text-indent: 15px;
		height: 45px;
	}
.cols-3 .pricing_box.collarge  { width: 40%;}
.cols-3 .pricing_box.collarge ul li {
	height: 45px;
}

.pricing_box ul li { line-height: 3.25em; padding-left: 0; margin-left:0; list-style-type: none !important;
}

.collarge ul li table {
	border-style: none;
	background-color: transparent;
	width: 100%;
	margin-bottom: 0;
}


.collarge ul li table td {
		font-size: 11px;
		padding: 2px;
		text-align: center;
		height: 45px;
		line-height: 35px;
	}

.col1price ul li {
	line-height: 3.45em;
}

.pricing_box ul li.dropdown strong {
	position: relative;
	bottom: -30px;
}


.pricing_box ul li p {
	line-height: 15px;
	font-size: 12px;
	margin-bottom: 0;
	padding: 4px 10px;
	font-style: italic;
}

/*.pricing_box ul li a.button {
	margin-bottom: 8px;
	margin-top: 9px;
}*/

.pricing_box li.centre {
	text-align: center;
	padding-left: 0 !important;
}

.pricing_box.large ul li strong {
	position: relative;

}

.pricing_box ul li.odd { background: #F9F9F9;}
.pricing_box ul li.even { background: #fff;}
.pricing_box strong { padding-left: 0; font-style: normal; color: gray; }

.pricing_box ul li.centre strong {
	font-size: 23px;
	color: black;
}

.pricing_box strong.no { background-position: 0 0;}
.pricing_box strong.yes { background-position: 0 -15px;
	padding-left: 20px;
}
.pricing_box strong.single { background-position: 0 -30px; }
.pricing_box strong.unlim { background-position: 0 -45px; }
.pricing_box strong.more{ background: url(../images/price.more.png) no-repeat 0 0; height: 20px; width: 20px; cursor: pointer; float: right; padding: 0; margin: 14px 14px 0 0;}
.pricing_box strong.nopad { padding: 0;}
.pricing_box h3{ margin: 30px 0 10px; font-size: 22px; display: block;}
.pricing_box h3 em{ font-size: 12px; font-weight: normal;}

.pricing_box p.button { height: 40px; background: url(../images/price.readmore.png) no-repeat left 0; float: none; }
.pricing_box p.button a { font-size: 16px; font-weight:bold; line-height: 40px; background: url(../images/price.readmore.png) no-repeat right -40px; padding:0 40px; }

.pricing_box p.button:hover {background-position:left -80px;}
.pricing_box p.button a:hover{background-position:right -120px;}

.pricing_box.large { position: relative; z-index: 9; margin-top: -20px; -moz-box-shadow: 0 1px 10px #cbcbcb; -webkit-box-shadow: 0 1px 10px #cbcbcb; box-shadow: 0px 1px 10px #cbcbcb; padding: 0 0 10px; border-radius: 5px;}
.pricing_box.large .header { color: #303E0E; text-shadow: 0 1px 0 #141513; height: 88px; background: url(../images/price.bg.signup.png) repeat; border-bottom: 1px solid #242521;}
.pricing_box.large .header  span{ top: 30px;
	color: #fff;
	text-shadow: 0 1px 1px #090909;
}
.pricing_box.large .header  span.info{ top: 14px; color: #576e1f; text-shadow:none; }

.pricing_box.large p.button { background-position:left -160px;}
.pricing_box.large p.button a{ background-position:right -200px; color: #303E0E; text-shadow:0 1px 0 #C7DD90;  }

.pricing_box.large p.button:hover { background-position:left -240px;}
.pricing_box.large p.button a:hover{ background-position:right -280px; }


/* Long normal price tables */
.pricing-long thead th { color: #fff; text-shadow: 0 1px 0 #0e2743; height: 40px; background: url(../images/price.bg.signup.png) repeat 0 bottom; border-bottom: 1px solid #123a53;
	font-size: 15px;
}

.pricing-long thead th.head1 {
	background: url(../images/price.bg.signup.png) repeat 0 bottom;
}

.pricing-long thead th.head2 {
	background: url(none) repeat #87a56f;
	border-bottom: 1px solid #556847;
	text-shadow: 0 1px 1px #546846;
}

.pricing-long thead th.head3 {
	background: url(none) repeat #ebb352;
	border-bottom: 1px solid #a67c35;
	text-shadow: 0 1px 1px #a57b35;
}

.pricing-long th, .pricing-long td {
	font-size: 12px;
	text-align: center;
	
}

.pricing-long thead tr th a {
	color: #fcc44f;
}

.pricing-long tbody th {
	text-align: left;
	padding-left: 12px;
	white-space: nowrap;
	color: #636361;
	width: 150px;
}

.pricing-long td.col2 {
	background-color: #e5ece0;
}
	

.pricing-long td.col3 {
	background-color: #f9eedd;
}


#intnumbers .pricing-table .title { color: #fff; text-shadow: 0 1px 0 #0e2743;
	background: url(../images/price.bg.signup.png) repeat 0 bottom; border-bottom: 1px solid #123a53; padding: 20px; text-align: center; font-weight: bold; font-size: 16px; }

#intnumbers .pricing-table .price { background-color: #b6c6d5; padding: 15px 20px; text-align: center; color: #333333; font-weight: bold; font-size: 15px; }

#intnumbers table.pricing-long tbody tr th {
	padding-right: 15px;
}

#intnumbers table.pricing-long tfoot tr td {
	background-color: #d1ddc7;
	padding-top: 20px;
	padding-bottom: 20px;
}

#intnumbers table.pricing-long tbody tr th, #intnumbers table.pricing-long tbody tr td {	 
	font-size: 13px;
}

#intnumbers table.pricing-long.lefttext tbody tr td {	 
	font-size: 13px;
	text-align: left;
}

#intnumbers table.pricing-long tbody tr td.subheader {
	background-color: #b6c6d5;
	font-weight: bold;
	color: #000;
	font-size: 15px;
}

#services-overview.voipPhones li a img {
	height: 100px;
}

.voipPhones  p {
	font-size: 12px;
	line-height: 14px;
}

#tutorialTable td p {
	font-size: 12px;
}
#tutorialTable th p {
	font-size: 12px;
	font-weight: bold;
	margin-right: 15px;
}

#tutorialTable tr td.col3 a {
	margin-bottom: 3px;
	
	width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 13px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;
	
	white-space: nowrap;
	
	/* Shadow & highlight */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255,255,255,0.7);
	
	/* Colour gradient */
	background-color: #ffcc59;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 204, 89)), to(rgb(236, 158, 21)));
	background-image: -webkit-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: -moz-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: -o-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: -ms-linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	background-image: linear-gradient(top, rgb(255, 204, 89), rgb(236, 158, 21));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffcc59', EndColorStr='#ec9e15');
	 
	
	/*Colour tweaks for orange buttons*/	
	border-color: #856D56;
	text-shadow: 0 1px 1px #917820;
}


/* Standard table styles */

table {
	border: 1px solid #abbed1;
border-collapse: collapse;
}

table thead tr th {
	background: #1D6FA8;
	padding: 4px 10px 6px 10px;
	color: #fff;
}
table thead tr th:last-child {
	border-right: 1px solid #abbed1;
}
table thead tr:first-child th {
	background: #0D4064;
}


	table thead tr th h3 {
		color: #fff;
		margin: 0px 0px 0px 0px;
	}
	
table tbody tr th {
	text-align: left;
	padding: 4px 10px 6px 10px;
	border-top: 1px solid #abbed1;
	border-bottom: 1px solid #abbed1;
}	

table tr td .button {
	margin-top: 10px;
}	

table tbody tr:nth-child(even) {
	background: #e9f4f9;
}

table tbody tr td {
	vertical-align: middle;
	border-left: 1px solid #abbed1;
	border-top: 1px solid #abbed1;
	border-bottom: 1px solid #abbed1;
}

table tbody tr td:last-child {
	border-right: 1px solid #abbed1;
}



	
/* -----------------------------------------
    Media Queries
----------------------------------------- */


/* Smaller than standard 940 (devices and browsers) */

@media only screen and (max-width: 939px) {}

/* Tablet Portrait size to standard 940 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 939px) {
	
	/* Make topbar right arrow size smaller */
	.toggle-topbar {width: 60px !important;}
	
	/* Make font a little smaller on CTA buttons */
	#cta-btns a {
		font-size:13px ;
	}
	
	/* Slightly smaller heading sizes for tablets */
	h1 { font-size: 37px; }
	h2 { font-size: 27px; }
	h3 { font-size: 23px; }
	h4 { font-size: 17px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }	
	
	/* Make the buttons next to the inline IMG bigger */
	.inlineIMG .button {
		line-height: 200%;
	}
	#mainnav.nav-bar > li a {
		font-size: 12px;
		
	}
		div.unoslider_indicator {
		background: url(../images/slider-shadow.png) no-repeat center top;
		background-size: contain;
	width: 105%;
	margin-left: -23px;
}

	#newsfooter h5.entry-title a {
		font-size: 12px;
	}
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {

	/* selectnav styles for mobile */
	.js #mainnav { display: none; }
  .js .selectnav { display: block;
	  width: 60%;
  	margin: 15px auto;
  }

	/* Make topbar right arrow size smaller */
	.toggle-topbar {width: 60px !important;}
	
	.top-bar ul > li , .top-bar ul > li.active  { color: #d9d9d9;
		background-color: #000000;
		
	}
	
	
	
	/* set width back for mobile nav so not centered */
	#mainnav.nav-bar > li {		
		width:100%;
		border-bottom: 1px solid #3a3b3a;
		background-color: #6786a4;
		border-left-style: none;
		text-align: left;
		height: 50px;
		line-height: 50px;
	}
	
	
	#mainnav.nav-bar > li.active, #mainnav.nav-bar > li:hover {
		background: url(none) #0a5789;
	}
	
	#sidebar a.large.button.radius {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		font-size: 170%;
	}
	
	/* Retina logo for hires devices */
	#logo h1, #logo a {		
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background:url(../images/callagenix-logo-@2x.jpg) no-repeat center center;		
		-webkit-background-size: auto 61px ;		
		-moz-background-size: auto 61px ;		
		background-size: auto 61px ;
		height: 61px;
	}
		#logo a {
			height: 61px;
			display: block;
		}
	
	#logo a img {
		display: none;
	}
	
	#sidebar {
		margin-right: 0;
	}
	

	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Make topbar right arrow size smaller */
	.toggle-topbar {width: 60px !important;}
	
	#contentsection div.four.columns p a.medium.button.radius {
		width: 150px;
		margin-right: auto;
		margin-left: auto;
	}
	
	#cta-btns div.three.columns a.large.button.radius {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}
	
	#contentsection a.button {
		font-size: 16px;
		width: 70%;
		margin-right: auto;
		margin-left: auto;
	}
	
	#logo a {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#newsfooter a.radius.button.right.small {
		width: 100px;
	}
	
	
	#newsfooter a.large.button.radius {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	#contentsection div.four.columns {
		text-align: center;
	}
	
	#contentsection div.four.columns h4 {
		font-size: 140%;
	}
	.pricing_box ul li.centre strong {
		font-size: 16px;
		color: black;
		padding-right: 10px;
		padding-left: 10px;
		line-height: 18px;
	}
	.pricing_box  strong {
		font-size: 16px;
	}
	
	.pricing_box a.button {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		font-size: 14px;
	}
	.pricing_box .header span { 
	font-size: 12px; 
	line-height: 18px;
	}
	#sidebar .ctabox {
		display: none;
	}
	#sidebar div.sidenav {
		width: 98%;
	}
	#sidebar .sidenav ul.nav-bar li {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	table.pricing-long {
		width: 100% !important;
	}
	#mainContent div.row div.nine.columns p {
		width: 100% !important;
		margin-left: 0 !important;
	}
	#mainContent p img, #mainContent h2 img {
		height: 50% !important;
	}
	#promo-block .promo-box {
		margin-bottom: 15px;
	}
	
	#entry-blocks .columns {
		margin-bottom: 30px;
	}

	#mainContent .video-block h1 {
		text-align: center;
	}
	#mainContent .video-block .columns p {
		text-align: center;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
	
	/* Change the font size and padding so it fits on small screens */
	.top-bar > ul .name h1 a, .top-bar .row > ul .name h1 a { 
		font-size: 13px !important;
		padding-right: 0px;
	}
		.toggle-topbar {width: 40px !important;}
		
	.js .selectnav { display: block;
		  width: 100%;
		  margin-right: auto;
		  margin-left: auto;
		  margin-top: 15px;
	}
		
	/* Make the strapline a bit smaller */	
	#strap  h2 {
		font-size: 22px;		
		padding-right: 0px;
		padding-left: 0px;
	}
	
	#contentsection div:first-child {
		margin-top: -40px;
	}
	
	.top-bar ul li.name a {
			font-size: 12px;
			padding-right: 0;
		}
		#contentsection a.button {
			font-size: 16px;
			width: 70%;
			margin-right: auto;
			margin-left: auto;
		}
		
		#contentsection div.four.columns {
			text-align: center;
		}
		
		.pricing_box ul li.centre strong {
			font-size: 16px;
			color: black;
			
			
		}
		
		#sidebar div.sidenav {
			width: 97%;
		}
		
		#sidebar .sidenav ul.nav-bar li {
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		.pricing_box ul li.centre {
			line-height: 18px;
			padding-top: 30px;
		}
		.pricing_box  strong {
			font-size: 16px;
			line-height: 18px;
		}
		
		.pricing_box a.button {
			width: 80%;
			margin-right: auto;
			margin-left: auto;
			font-size: 14px;
			margin-top: 20px;
		}
		.pricing_box .header span { 
		font-size: 12px; 
		line-height: 18px;
		}
		#sidebar .ctabox {
			display: none;
		}
		table.pricing-long {
			width: 100% !important;
		}
		#mainContent div.row div.nine.columns p {
			width: 100% !important;
			margin-left: 0 !important;
		}
		
		#mainContent p img, #mainContent h2 img {
			height: 50% !important;
		}
		
		#promo-block .promo-box {
			margin-bottom: 15px;
		}
		
		#entry-blocks .columns {
			margin-bottom: 30px;
		}
		#mainContent .video-block h1 {
			text-align: center;
		}
		#mainContent .video-block .columns p {
			text-align: center;
		}
		
		
	}
@media only screen and (max-width: 1199px) {
	
	#rangeslider {
		width: 90% !important;
		left: 5% !important;
	}
}
@media only screen and (min-width: 1200px) {
	
	#rangeslider {
		width: 610px !important;
		left: 130px !important;
	}
}