/*-----TITLE PANEL-----*/
#title-panel {
	overflow: visible;
}
#title-panel img {
	margin: 0 0 10px 0;
}
/*Title Box*/
#title-box h1, #title-box-wide h1 {
	font-size: 3.2em;
	margin: 0 0 0 0;
}
#title-box .tagline, #title-box-wide .tagline {
	font-size: 1.4em;
	margin: 0 0 20px 0;
}
#title-box p, #title-box-wide p {
	margin: 0 0 15px 0;
	font-size: 0.8em;
}


/*-----INFORMATION PANEL-----*/
/*Content*/
	/*normal*/
	#information-panel h2 { 
		margin: 10px 0 10px 0;
		font-size: 1.5em;
	}
	#information-panel h3 { 
		margin: 0 0 0 0;
		font-size: 0.9em;
	}
	#information-panel h4 { 
		margin: 0 0 0 0;
		font-size: 0.9em;
	}
	#information-panel p { 
		margin: 0 15px 10px 0;
	}
	
	#information-panel.red ul {
		margin: 0 15px 10px 0;
		*margin: 0 15px 10px 50px;
		list-style-image: url(/images/site/bg/bullet-round-red-ff.png);
		*list-style-image: url(/images/site/bg/bullet-round-red-ie.png);
	}
	#information-panel.bodgreen ul {
		margin: 0 15px 10px 0;
		*margin: 0 15px 10px 50px;
		list-style-image: url(/images/site/bg/bullet-round-green-ff.png);
		*list-style-image: url(/images/site/bg/bullet-round-green-ie.png);
	}
	
	#information-panel.red blockquote {
		border-left: 3px solid #ca2030; 
		margin: 10px 0 10px 15px;
		padding-left:15px;
	}
	#information-panel.bodgreen blockquote {
		border-left: 3px solid #8c9511; 
		margin: 10px 0 10px 15px;
		padding-left:15px;
	}
	/*Tab Content*/
		/*small*/
		#tabs-section-small .content h2 { 
			margin: 15px 0 10px 15px;
			font-size: 1.5em;
		}
		#tabs-section-small .content h3 { 
			margin: 12px 0 5px 15px;
			font-size: 1em;
		}
		#tabs-section-small .content h4 { 
			margin: 5px 0 5px 15px;
			font-size: 0.9em;
		}
		#tabs-section-small .content p { 
			margin: 0 15px 7px 15px;
		}
		#tabs-section-small.red .content ul { 
			margin: 0 15px 10px 0;
			*margin: 0 15px 10px 50px;
			list-style-image: url(/images/site/bg/bullet-round-red-ff.png);
			*list-style-image: url(/images/site/bg/bullet-round-red-ie.png);
		}
		#tabs-section-small.bodgreen .content ul { 
			margin: 0 15px 10px 0;
			*margin: 0 15px 10px 50px;
			list-style-image: url(/images/site/bg/bullet-round-red-ff.png);
			*list-style-image: url(/images/site/bg/bullet-round-red-ie.png);
		}
		#tabs-section-small .content ul li { 
			line-height: 20px;
			margin-bottom: 5px;
		}
		#tabs-section-small .content p.small-text { 
			font-size : 0.7em;
		}
		/*large*/
		#tabs-section .content h2 { 
			margin: 15px 0 10px 15px;
			font-size: 1.5em;
		}
		#tabs-section .content h3 { 
			margin: 12px 0 5px 15px;
			font-size: 1em;
		}
		#tabs-section .content h4 { 
			margin: 5px 0 5px 15px;
			font-size: 0.9em;
		}
		#tabs-section .content p { 
			margin: 0 15px 7px 15px;
		}
		#tabs-section.red .content ul { 
			margin: 0 15px 10px 0;
			*margin: 0 15px 10px 50px;
			list-style-image: url(/images/site/bg/bullet-round-red-ff.png);
			*list-style-image: url(/images/site/bg/bullet-round-red-ie.png);
		}
		#tabs-section.bodgreen .content ul { 
			margin: 0 15px 10px 0;
			*margin: 0 15px 10px 50px;
			list-style-image: url(/images/site/bg/bullet-round-red-ff.png);
			*list-style-image: url(/images/site/bg/bullet-round-red-ie.png);
		}
		#tabs-section .content ul li { 
			line-height: 20px;
			margin-bottom: 5px;
		}	
		#tabs-section .content p.small-text { 
			font-size : 0.7em;
		}		

/*Included in all services*/
#included-top {
	background: url(/images/site/bg/included/included-top.gif) bottom no-repeat;
	height: 5px;
	margin-top: 10px;
}
#included-bottom {
	background: url(/images/site/bg/included/included-bottom.gif) top no-repeat;
	height: 5px;
	margin-bottom: 20px;
	*margin-bottom: 0;
}
#included-cont {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f9f9f9;
	overflow: hidden;
}
#included-cont h3 {
	margin: 5px 0 10px 10px;
	color: #4a4a4a;
}
#information-panel #included-cont ul {
	margin: 0 80px 20px -10px;
	font-size: 0.8em;
	list-style-image: url(/images/site/bg/bullet-grey-ff.png);*list-style-image: url(/images/site/bg/bullet-grey-ie.png);
}

#included-cont ul li {
	*margin: 0 0 0 40px;
}


/*-----RIGHT PANEL-----*/
#right-panel {
	padding-top: 5px;
	*padding-top: 6px;
}
#livechat300 {
	margin: -4px 0 -4px 0;
}
/*Related Articles*/
#related-articles {
	margin: 10px 0 10px 0;
	padding-left: 10px;
	padding-right: 10px;
}
#related-articles h3.blue {
	margin: 0;
	font-size: 1em;
	color: #52bdec;
}
#related-articles h3.d-blue {
	margin: 0;
	font-size: 1em;
	color: #004990;
}
#related-articles ul {
	margin: 0 0 0 -22px;
	*margin: 0 0 0 20px;
}
#related-articles ul a {
	color: #4a4a4a;
}
.light-blue-box {
	background-color: #eef8fd;
	padding: 10px 0 10px 0;
}

/*Qualifications*/
#qualifications-top {
	background: url(/images/site/bg/qualifications/qualifications-top.gif) bottom no-repeat;
	height: 5px;
}
#qualifications-bottom {
	background: url(/images/site/bg/qualifications/qualifications-bottom.gif) top no-repeat;
	height: 5px;
	margin-bottom: 10px;
}
#qualifications-cont {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	overflow: hidden;
}
#qualifications-cont h3 {
	margin: 0;
}
#qualifications-cont img {
	margin: 5px 10px 5px 25px;
}

/*------ FORMS -----*/
#form {
width: 610px;
padding: 0 15px 0 15px;
background-color: #eaeaea;
}
#form-top {
width: 640px;
height: 15px;
background: url(/images/site/bg/forms/form-top.gif) bottom no-repeat;
}
#form-bottom {
width: 640px;
height: 15px;
background: url(/images/site/bg/forms/form-bottom.gif) top no-repeat;
}
#image-box {
	margin: 15px 10px 15px 0; 
}
label.error {
	width: 250px;
	display: block;
	float: right;
	color: #c41230;
	padding-left: 10px;
} 

/*-----FUNCTIONALITY-----*/
/*Slider*/
/*Controls*/
#coda-nav-1 {
	position: absolute;
	top: 20px;
	left: 65px;
	*left: 15px;
	width: 570px;
	height: 105px;
	z-index: 10;
}
#coda-nav-1 ul {
	margin: 0 0 0 0;
	padding: 0;
	height: 88px;
}
#coda-nav-1 ul li {
	display: inline;
}
#coda-nav-1 ul li a.karoo {
	text-decoration: none;
	display: block;
	width: 60px;
	height: 88px;
	overflow: hidden;
	margin: 0 10px 0 10px;
}
#coda-nav-1 ul li a.talk {
	text-decoration: none;
	display: block;
	width: 100px;
	height: 88px;
	overflow: hidden;
	margin: 0 10px 0 10px;
}
#coda-nav-1 ul li a.bus{
	text-decoration: none;
	display: block;
	width: 76px;
	height: 88px;
	overflow: hidden;
	margin: 0 10px 0 10px;
}
	/*Control Images*/
	/*karoo lite*/
	#coda-nav-1 ul li a#karoo-lite {
		background: url(/images/site/bg/flow/karoo-lite.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-lite:hover {
		background: url(/images/site/bg/flow/karoo-lite.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-lite.current{
		background: url(/images/site/bg/flow/karoo-lite.gif) 0px -88px no-repeat;
	}
	/*karoo mid1*/
	#coda-nav-1 ul li a#karoo-mid1 {
		background: url(/images/site/bg/flow/karoo-mid1.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-mid1:hover {
		background: url(/images/site/bg/flow/karoo-mid1.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-mid1.current{
		background: url(/images/site/bg/flow/karoo-mid1.gif) 0px -88px no-repeat;
	}
	/*karoo mid2*/
	#coda-nav-1 ul li a#karoo-mid2 {
		background: url(/images/site/bg/flow/karoo-mid2.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-mid2:hover {
		background: url(/images/site/bg/flow/karoo-mid2.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-mid2.current {
		background: url(/images/site/bg/flow/karoo-mid2.gif) 0px -88px no-repeat;
	}
	/*karoo lmid3*/
	#coda-nav-1 ul li a#karoo-mid3 {
		background: url(/images/site/bg/flow/karoo-mid3.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-mid3:hover {
		background: url(/images/site/bg/flow/karoo-mid3.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-mid3.current{
		background: url(/images/site/bg/flow/karoo-mid3.gif) 0px -88px no-repeat;
	}
	/*karoo pro1*/
	#coda-nav-1 ul li a#karoo-pro1 {
		background: url(/images/site/bg/flow/karoo-pro1.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-pro1:hover {
		background: url(/images/site/bg/flow/karoo-pro1.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-pro1.current {
		background: url(/images/site/bg/flow/karoo-pro1.gif) 0px -88px no-repeat;
	}
	/*karoo pro2*/
	#coda-nav-1 ul li a#karoo-pro2 {
		background: url(/images/site/bg/flow/karoo-pro2.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-pro2:hover {
		background: url(/images/site/bg/flow/karoo-pro2.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#karoo-pro2.current {
		background: url(/images/site/bg/flow/karoo-pro2.gif) 0px -88px no-repeat;
	}
	
	/*kc talk 1*/
	#coda-nav-1 ul li a#talk-1 {
		background: url(/images/site/bg/flow/talk-1.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#talk-1:hover {
		background: url(/images/site/bg/flow/talk-1.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#talk-1.current {
		background: url(/images/site/bg/flow/talk-1.gif) 0px -88px no-repeat;
	}
	/*kc talk 2*/
	#coda-nav-1 ul li a#talk-2 {
		background: url(/images/site/bg/flow/talk-2.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#talk-2:hover {
		background: url(/images/site/bg/flow/talk-2.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#talk-2.current {
		background: url(/images/site/bg/flow/talk-2.gif) 0px -88px no-repeat;
	}
	/*kc talk 3*/
	#coda-nav-1 ul li a#talk-3 {
		background: url(/images/site/bg/flow/talk-3.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#talk-3.current {
		background: url(/images/site/bg/flow/talk-3.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#talk-3.current{
		background: url(/images/site/bg/flow/talk-3.gif) 0px -88px no-repeat;
	}
	/*kc talk 4*/
	#coda-nav-1 ul li a#talk-4 {
		background: url(/images/site/bg/flow/talk-4.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#talk-4:hover {
		background: url(/images/site/bg/flow/talk-4.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#talk-4.current {
		background: url(/images/site/bg/flow/talk-4.gif) 0px -88px no-repeat;
	}
	
	/*bus teleworkerplus*/
	#coda-nav-1 ul li a#bus-teleworker {
		background: url(/images/site/bg/flow/bus-teleworker.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#bus-teleworker:hover {
		background: url(/images/site/bg/flow/bus-teleworker.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#bus-teleworker.current{
		background: url(/images/site/bg/flow/bus-teleworker.gif) 0px -88px no-repeat;
	}
	/*bus bronzeplus*/
	#coda-nav-1 ul li a#bus-bronzeplus {
		background: url(/images/site/bg/flow/bus-bronzeplus.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#bus-bronzeplus:hover {
		background: url(/images/site/bg/flow/bus-bronzeplus.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#bus-bronzeplus.current {
		background: url(/images/site/bg/flow/bus-bronzeplus.gif) 0px -88px no-repeat;
	}
	/*bus silverplus*/
	#coda-nav-1 ul li a#bus-silverplus {
		background: url(/images/site/bg/flow/bus-silverplus.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#bus-silverplus:hover {
		background: url(/images/site/bg/flow/bus-silverplus.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#bus-silverplus.current {
		background: url(/images/site/bg/flow/bus-silverplus.gif) 0px -88px no-repeat;
	}
	/*bus goldplus*/
	#coda-nav-1 ul li a#bus-goldplus {
		background: url(/images/site/bg/flow/bus-goldplus.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#bus-goldplus:hover {
		background: url(/images/site/bg/flow/bus-goldplus.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#bus-goldplus.current {
		background: url(/images/site/bg/flow/bus-goldplus.gif) 0px -88px no-repeat;
	}
	/*bus platinumplus*/
	#coda-nav-1 ul li a#bus-platinumplus {
		background: url(/images/site/bg/flow/bus-platinumplus.gif) 0px 0px no-repeat;
	}
	#coda-nav-1 ul li a#bus-platinumplus:hover {
		background: url(/images/site/bg/flow/bus-platinumplus.gif) 0px -88px no-repeat;
	}
	#coda-nav-1 ul li a#bus-platinumplus.current {
		background: url(/images/site/bg/flow/bus-platinumplus.gif) 0px -88px no-repeat;
	}
	/* Arrow styling */
	.coda-nav-left a { 
		width: 36px;
		height: 36px;
		position: absolute;
		top: 210px;
		left: 10px;
		z-index: 20;
		background: url(/images/site/bg/flow/left.gif) 0px 0px no-repeat;
	}
	.coda-nav-left a:hover { 
		width: 36px;
		height: 36px;
		position: absolute;
		top: 210px;
		left: 10px;
		z-index: 20;
		background: url(/images/site/bg/flow/left.gif) 0px -36px no-repeat;
	}
	.coda-nav-right a { 		
		width: 36px;
		height: 36px;
		position: absolute;
		top: 210px;
		right: 10px;
		z-index: 20;
		background: url(/images/site/bg/flow/right.gif) 0px 0px no-repeat;
	}
	.coda-nav-right a:hover { 		
		width: 36px;
		height: 36px;
		position: absolute;
		top: 210px;
		right: 10px;
		z-index: 20;
		background: url(/images/site/bg/flow/right.gif) 0px -36px no-repeat;
	}
	
/*Compare All*/
.compare {
	position: absolute;
	top: 115px; 
	left: 0;
	width: 608px;
	height: 46px;
	z-index: 15; 
	text-align: center;
	background: url(/images/site/bg/flow/flow-compare-bg.gif) top no-repeat;
}
.compare a {
	display: block;
	width: 140px;
	height: 27px;
	overflow: hidden;
	margin: 9px auto 0 auto;

}
	.compare a#compare-red, .compare a#compare-green {
		background: url(/images/site/bg/flow/flow-compare-button.gif) 0px 0px no-repeat;
	}
	.compare a#compare-red:hover, .compare a#compare-green:hover {
		background: url(/images/site/bg/flow/flow-compare-button.gif) 0px -27px no-repeat;
	}

/*Main Container*/
.coda-slider-wrapper {
	position: relative;
	width: 610px;
	overflow: hidden;
	margin-left: 14px;
	margin-top: 10px;
}

.coda-slider {
	margin-top: 160px;
	float: left; 
	overflow: hidden; 
	position: relative
}

.panel {
	width: 610px;
	float: left;
}

.panel-wrapper {
	width: 610px;
	float: left;
	text-align: center;
}

/*Contents*/
#information-panel .content .tariff-panel h2 {
	margin: 5px 0 10px 0;
	padding: 0;
}
#information-panel .content .tariff-panel ul {
	padding: 0;
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	width: 220px;
	margin-left: 70px;
}

#information-panel.red #tabs-section-small .tariff-panel ul li {
background: url(/images/site/bg/flow/flow-bullet-red.gif) no-repeat left;
background-position: 0 3px;
padding-left: 23px;
line-height: 25px;

}
#information-panel.bodgreen #tabs-section-small .tariff-panel ul li {
background: url(/images/site/bg/flow/flow-bullet-green.gif) no-repeat left;
background-position: 0 3px;
padding-left: 23px;
line-height: 25px;
}
#information-panel .content .tariff-panel p.tariff-summary {
	font-size: 1.2em;
	color: #4a4a4a;
	margin: 10px 0 25px 0;
	padding: 0 80px 0 80px;
}

#information-panel .content .tariff-panel p.cta {
	font-size: 1em;
	color: #4a4a4a;
	margin: 25px 0 15px 0;
}
#tabs-section-small.red .tariff-panel p.cta a {
	color: #c41230;
}
#tabs-section-small.bodgreen .tariff-panel p.cta a {
	color: #8c9511;
}

.tariff-panel .price {
	font-size: 0.6em;
	color: #4a4a4a;
	font-weight:normal;
}
#information-panel .content .tariff-panel sup {
	font-size: 60%;
}
.legal {
	font-size: 0.7em;
	text-align: left;
	margin-top: 25px;
}
.tariff-info {
	text-align: left;
	margin-top: 25px;
}