@import url('jquery-ui-1.7.2.css');

html,body {
	font: 14px/16px Tahoma, Geneva, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	background: url(/res/images/header-background.png) repeat-x 0 0;
}

a {
	color: #0B537E;
	text-decoration: underline;
}

a:hover {
	color: #B3221B;
}

.container {
	width: 940px;
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: hidden;
}

#header {
	position: relative;
	display: block;
	padding-top: 20px;
}

#header .headerLogo {
	margin: 0;
	padding: 0;
}

#header .headerLogo a {
	outline: 0;
}

#header .headerLogo span {
	display: block;
	width: 317px;
	height: 89px;
	background: url(/res/images/header-logo.png) no-repeat 0 0;
	text-indent: -3000px;
}

#header .headerNavigation {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 500px;
}

#header .headerNavigation2 {
	top: 30px;
}

#header .headerNavigation li {
	float: right;
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 30px;
}

#header .headerNavigation li a {
	font-size: 20px;
	text-decoration: none;
	color: #333;
	display: block;
	padding: 8px 0 8px 35px;
}

#header .headerNavigation li a span {
	text-indent: -3000px;
	display: block;
}

#header .headerNavigation li.nav-chat a.chatonline {
	background: url(/res/images/header-icon-chat.png) no-repeat left center;
}

#header .headerNavigation li.nav-contact {
	background-image: url(/res/images/header-icon-phone.png);
}

#header .headerNavigation li.nav-login {
	margin-top: 15px;
}

#header .headerNavigation li.nav-login a {
	background: url(/res/images/header-button-login.png) no-repeat 0 0;
	height: 38px;
	width: 106px;
	padding: 0;
	outline: 0;
}

#header .headerNavigation li.nav-login a:hover {
	background-position: 0 -38px;
}

#header .headerNavigation li.nav-signup {
	clear: both;
	margin-top: 15px;
}

#header .headerNavigation li.nav-signup a {
	background: url(/res/images/header-button-signup.png) no-repeat 0 0;
	height: 38px;
	width: 226px;
	padding: 0;
	outline: 0;
}

#header .headerNavigation li.nav-signup a:hover {
	background-position: 0 -38px;
}

#navigation {
	margin-top: 20px;
	height: 41px;
	background: url(/res/images/navigation-background.png) repeat-x 0 0;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation ul li {
	display: block;
	float: left;
	background: url(/res/images/navigation-seperator.png) no-repeat right center;
	text-transform: lowercase;
}

#navigation ul li.last {
	background: none;
}

#navigation ul li a {
	width: 94px;
	text-align: center;
	padding: 12px 20px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
}

#navigation ul li a:hover {
	color: #fff;
	background: url(/res/images/navigation-hover.png) no-repeat center top;
}

body#homepage .mainNavigation li.home a,
body#services .mainNavigation li.services a,
body#websms .mainNavigation li.services a,
body#emailtosms .mainNavigation li.services a,
body#shortcode .mainNavigation li.services a,
body#inbound .mainNavigation li.services a,
body#twitter .mainNavigation li.services a,
body#lbs .mainNavigation li.services a,
body#twitter .mainNavigation li.services a,
body#sendmms .mainNavigation li.services a,
body#location .mainNavigation li.services a,
body#receivemms .mainNavigation li.services a,
body#wappush .mainNavigation li.services a,
body#twitter .mainNavigation li.services a,
body#rsspush .mainNavigation li.services a,
body#developers .mainNavigation li.developers a,
body#developers-code .mainNavigation li.developers a,
body#developers-docs .mainNavigation li.developers a,
body#developers-examples .mainNavigation li.developers a,
body#developers-premium .mainNavigation li.developers a,
body#prices .mainNavigation li.prices a,
body#resellers .mainNavigation li.resellers a,
body#resellers-affiliate .mainNavigation li.resellers a,
body#resellers-dualbrand .mainNavigation li.resellers a,
body#resellers-whitelabel .mainNavigation li.resellers a,
body#about .mainNavigation li.aboutus a,
body#about-testimonials .mainNavigation li.aboutus a,
body#contact .mainNavigation li.contact a
{
	color: #fff;
	background: url(/res/images/navigation-hover.png) no-repeat center top;
}

#introBar {
	background: #11679d url(/res/images/intro-background.png) repeat-x 0 0;
}

#introBar .container {
	background: #11679d url(/res/images/intro-top.png) no-repeat 0 0;
	height: 222px;
}

#introBar blockquote {
	margin: 0;
	padding: 0;
	text-indent: -30000px;
}

#introBar a span {
	display: block;
	text-indent: -2000px;
}

#introBar a.signup {
	position: absolute;
	top: 174px;
	left: 37px;
	background: url(/res/images/intro-signup.png) no-repeat 0 0;
	width: 228px;
	height: 48px;
	outline: 0;
}

#introBar a.signup:hover {
	background-position: 0 -48px;
}

#introBar a.findoutmore {
	position: absolute;
	top: 174px;
	left: 297px;
	background: url(/res/images/intro-findoutmore.png) no-repeat 0 0;
	width: 228px;
	height: 48px;
	outline: 0;
}

#introBar a.findoutmore:hover {
	background-position: 0 -48px;
}

#content {
	background: url(/res/images/content-background.png) repeat-x 0 0;
	overflow: hidden;
	clear: both;
}

.contentLeft {
	width: 600px;
	float: left;
	padding-right: 20px;
}

.contentLeft p, .contentRight p {
	line-height: 20px;
}

.contentLeft .intro {
	font-size: 18px;
	line-height: 22px;
	margin-top: 30px;
}

.contentLeft .serviceIcons {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.contentLeft .serviceIcons li {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 20px 30px 0;
	width: 280px;
	float: left;
}

.contentLeft .serviceIcons li.shortcode,.contentLeft .serviceIcons li.email {
	padding-right: 0;
}

.contentLeft .serviceIcons li a {
	color: #333;
	text-decoration: none;
	padding-left: 75px;
	display: block;
	font-size: 12px;
}

.contentLeft .serviceIcons li a strong {
	font-size: 16px;
}

.contentLeft .serviceIcons li a:hover {
	color: #11679d;
}

.contentLeft .serviceIcons .websms {
	background-image: url(/res/images/icon-websms.png);
}

.contentLeft .serviceIcons .api {
	background-image: url(/res/images/icon-api.png);
}

.contentLeft .serviceIcons .email {
	background-image: url(/res/images/icon-email.png);
}

.contentLeft .serviceIcons .shortcode {
	background-image: url(/res/images/icon-shortcode.png);
}

.contentRight {
	width: 320px;
	float: right;
}

.contentRight .intro {
	font-weight: bold;
}

.contentRight b .intro {
	margin-top: 0;
}

.homepageSidebar {
	background: url(/res/images/intro-bottom.png) no-repeat 0 0;
}

.homepageSidebar .videoHomepage {
	background: url(/res/images/video-homepage.png) no-repeat 0 0;
	margin-top: 130px;
	margin-left: 15px;
	cursor: pointer;
}

.homepageSidebar .videoHomepage div {
	display: block;
	width: 296px;
	height: 225px;
}

.homepageSidebar .videoHomepage span {
	display: block;
	text-indent: -3000px;
}

.videoSidebarInboundAPI {
	background: url(/res/images/video-side-inboundapi.png) no-repeat 0 0;
}

.videoSidebarInboundAPI div {
	display: block;
	width: 280px;
	height: 232px;
	text-indent: -3000px;
	outline: 0;
	cursor: pointer;
}

.videoSidebarOutboundAPI {
	background: url(/res/images/video-side-outboundapi.png) no-repeat 0 0;
}

.videoSidebarOutboundAPI div {
	display: block;
	width: 280px;
	height: 232px;
	text-indent: -3000px;
	outline: 0;
	cursor: pointer;
}

.close {
	background: url(/res/images/close.png) no-repeat 0 0;
	width: 26px;
	height: 26px;
	display: block;
	float: right;
	cursor: pointer;
	margin-bottom: 5px;
}

h2.services {
	background: url(/res/images/header-services.png) no-repeat top center;
	margin: 5px 0 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.developers {
	background: url(/res/images/header-developers.png) no-repeat 0 0;
	margin: 5px 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.prices {
	background: url(/res/images/header-prices.png) no-repeat top center;
	margin: 5px 0 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.resellers {
	background: url(/res/images/header-resellers.png) no-repeat top center;
	margin: 5px 0 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.about {
	background: url(/res/images/header-about.png) no-repeat 0 0;
	margin: 5px 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.contact {
	background: url(/res/images/header-contact.png) no-repeat 0 0;
	margin: 5px 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.news {
	background: url(/res/images/header-news.png) no-repeat 0 0;
	margin: 5px 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.signup {
	background: url(/res/images/header-signup.png) no-repeat 0 0;
	margin: 5px 0;
	padding: 0;
	height: 77px;
	width: 940px;
}

h2.title span {
	display: block;
	text-indent: -3000px;
}

ul.features {
	margin: 20px 60px 20px 0;
	padding: 0;
	list-style: none;
	width: 440px;
	float: left;
}

ul.featuresLong {
	float: none;
	width: 100%;
}

ul.featuresright {
	margin-right: 0;
}

ul.features li {
	margin-bottom: 40px;
}

ul.features li a {
	display: block;
	padding-left: 75px;
	color: #333;
	line-height: 20px;
	text-decoration: none;
	text-align: justify;
}

ul.features li a strong {
	font-size: 18px;
	color: #11679d;
	text-decoration: underline;
}

ul.features li a span {
	font-size: 12px;
	color: #11679d;
	text-decoration: underline;
	background: url(/res/images/icons/16x16/next.png) no-repeat right center;
	padding-right: 20px;
}

ul.features li a:hover strong, ul.features li a:hover span {
	color: #387fb0;
}

ul.features .onlinecontrolpanel {
	background: url(/res/images/icons/64x64/globe.png) no-repeat left top;
}

ul.features .api {
	background: url(/res/images/icons/64x64/puzzle.png) no-repeat left top;
}

ul.features .emailtosms {
	background: url(/res/images/icons/64x64/mail.png) no-repeat left top;
}

ul.features .shortcode {
	background: url(/res/images/icons/64x64/mobile_phone.png) no-repeat left top;
}

ul.features .examples {
	background: url(/res/images/icons/64x64/light_bulb.png) no-repeat left top;
}

ul.features .documentation {
	background: url(/res/images/icons/64x64/school_board.png) no-repeat left top;
}

ul.features .codeexamples {
	background: url(/res/images/icons/64x64/cut.png) no-repeat left top;
}

ul.features .affs {
	background: url(/res/images/icons/64x64/star_empty.png) no-repeat left top;
}

ul.features .dualbrand {
	background: url(/res/images/icons/64x64/star_half_full.png) no-repeat left top;
}

ul.features .whitelabel {
	background: url(/res/images/icons/64x64/star_full.png) no-repeat left top;
}

ul.minifeatures .location {
	background: url(/res/images/icons/24x24/map.png) no-repeat left top;
}

ul.features .mms {
	background: url(/res/images/icons/64x64/picture.png) no-repeat left top;
}

ul.features .twitter {
	background: url(/res/images/icons/64x64/twitter.png) no-repeat left top;
	margin-right: 10px;
}

ul.features .location {
	background: url(/res/images/icons/64x64/map.png) no-repeat left top;
	margin-right: 10px;
}

ul.features .rss {
	background: url(/res/images/icons/64x64/rss.png) no-repeat left top;
}

ol {
	margin: 12px 40px;
	padding: 0;
	list-style: none;
}

ol li.one {
	background: url(/res/images/num1.png) no-repeat left top;
	padding-left: 30px;
	padding-bottom: 30px;
}

ol li.two {
	background: url(/res/images/num2.png) no-repeat left top;
	padding-left: 30px;
	padding-bottom: 30px;
}

ol li.three {
	background: url(/res/images/num3.png) no-repeat left top;
	padding-left: 30px;
	padding-bottom: 10px;
}

.contentRightGrad {
	background: url(/res/images/leftgrad-mid.png) repeat-y 0 0;
}

.contentRightGrad b {
	display: block;
	font-weight: normal;
	background: url(/res/images/leftgrad-top.png) no-repeat left top;
}

.contentRightGrad b b {
	background: url(/res/images/leftgrad-bot.png) no-repeat left bottom;
	padding: 18px 20px;
}

.contentRightGrad b b.nopad {
	padding: 30px 0 30px 13px;
}

.contentRightGrad b b.nopad .testimonial {
	margin-left: 10px;
}

.navigationLeft {
	float: left;
	width: 230px;
	background: url(/res/images/rightgrad-mid.png) repeat-y right top;
}

.navigationLeft div {
	background: url(/res/images/rightgrad-top.png) no-repeat right top;
}

.navigationLeft div div {
	background: url(/res/images/rightgrad-bot.png) no-repeat right bottom;
	padding: 30px 0;
}

#services .navigationLeft div div {
	padding-top: 72px;
}

#services  .contentMain {
	padding-top: 70px;
}

.navigationLeft .backToServices {
	background:url(/res/images/back-services.png) no-repeat 0 0;
	width: 198px;
	height: 42px;
	display: block;
	margin: 0 auto;
}

.navigationLeft .backToServices span {
	display: block;
	text-indent: -3000px;
}

.navigationLeft .backToDevelopers {
	background:url(/res/images/back-developers.png) no-repeat 0 0;
	width: 198px;
	height: 42px;
	display: block;
	margin: 0 auto;
}

.navigationLeft .backToDevelopers span {
	display: block;
	text-indent: -3000px;
}

.navigationLeft .backToResellers {
	background:url(/res/images/back-resellers.png) no-repeat 0 0;
	width: 198px;
	height: 42px;
	display: block;
	margin: 0 auto;
}

.navigationLeft .backToResellers span {
	display: block;
	text-indent: -3000px;
}

.navigationLeft ul {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.navigationLeft ul li a {
	display: block;
	padding: 5px 15px 5px 0px;
	margin: 10px 0;
	color: #333;
	text-decoration: none;
}

.navigationLeft ul li a:hover{
	background: url(../images/navigation-left-bg.png) no-repeat right center;
}

#websms .navigationLeft ul li a.websms,
#developers .navigationLeft ul li a.developers,
#emailtosms .navigationLeft ul li a.emailtosms,
#shortcode .navigationLeft ul li a.shortcode,
#sendmms .navigationLeft ul li a.sendmms,
#location .navigationLeft ul li a.location,
#receivemms .navigationLeft ul li a.receivemms,
#twitter .navigationLeft ul li a.twitter,
#rsspush .navigationLeft ul li a.rsspush,
#developers-code .navigationLeft ul li a.devcode,
#developers-docs .navigationLeft ul li a.devdocs,
#developers-examples .navigationLeft ul li a.devexamples,
#developers-premium .navigationLeft ul li a.devpremium,
#resellers-affiliate .navigationLeft ul li a.reselaff,
#resellers-dualbrand .navigationLeft ul li a.reseldual,
#resellers-whitelabel .navigationLeft ul li a.reselwhite
{
	background: url(../images/navigation-left-bg.png) no-repeat right center;
	font-weight: bold;
}

.contentMain {
	width: 680px;
	float: left;
	padding: 10px 10px 10px 20px;
}

.contentMain p, .contentMain ul {
	line-height: 19px;
}

h2 {
	color: #11679d;
	font-size: 24px;
	font-weight: bold;
	margin: 28px 0 15px;
}

h3 {
	color: #11679d;
	font-size: 18px;
	font-weight: bold;
	margin: 35px 0 10px;
}

h4 {
	color: #11679d;
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0 10px;
}

h3.nopad {
	margin-top: 0;
}

.idealist {
	display: block;
	overflow: hidden;
	clear: both;
}

.ideas {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 340px;
	float: left;
}

.ideafull {
	width: 100%;
	margin-bottom: 30px;
}

.ideas li {
	background: url(../images/icon-idea.png) no-repeat left 4px;
	padding: 0 20px;
	margin: 0 0 20px 0;
	line-height: 20px;
}

.ideas li.shortcodedemo {
	background: none;
	padding: 0 10px;
	margin: 0;
}

.ideafull li {
	margin-bottom: 10px;
}

.ui-tabs-panel .ticks li {
	width: 270px;
}

.videoLarge {
	clear: both;
	background: url(/res/images/video-large.png) no-repeat 0 0;
}

.videoLarge div {
	display: block;
	width: 680px;
	height: 289px;
	outline: 0;
	cursor: pointer;
	margin-top: 20px;
}

.videoLarge span {
	display: block;
	text-indent: -3000px;
}

.videoDouble {
	display: block;
	clear: both;
	overflow: hidden;
	margin-top: 30px;
}

.videoDouble a {
	display: block;
	outline: 0;
	text-indent: -3000px;
	width: 330px;
	height: 206px;
}

.videoEmailtoGroup {
	float: left;
	width: 330px;
	height: 206px;
	background: url(../images/video-mailtogrp.png) no-repeat 0 0;
	margin-right: 20px;
	cursor: pointer;
}

.videoEmailtoContact {
	float: left;
	width: 330px;
	height: 206px;
	background: url(../images/video-mailtocont.png) no-repeat 0 0;
	cursor: pointer;
}

.videoWebSMS {
	float: left;
	width: 330px;
	height: 206px;
	background: url(../images/video-websms.png) no-repeat 0 0;
	cursor: pointer;
}

.videoEmailtoGroup div, .videoEmailtoContact div, .videoWebSMS div {
	text-indent: -20000px;
	cursor: pointer;
}

.democontainer {
	float: right;
	width: 330px;
	height: 260px;
}

.democontainer h3 {
	margin-top: 10px;
}

.democontainer a {
	display: inline;
	text-indent: 0;
	width: auto;
	height: auto;
}

code {
	font-family: "Courier New", Courier, monospace;
	color: #006;
	background: #ddd;
}

code.nobg {
	background: none;
	font-size: 12px;
}

code .red {
	color: #ff0000;
}

code .yellow {
	color: #ff9900;
}

code .blue {
	color: #0000ff;
}

code .green {
	color: #006600;
}

code .pink {
	color: #990099;
}

dl {
	margin: 20px 0;
	padding: 0;
}

dl dt {
	font-weight: bold;
	margin: 0;
	background: url(../images/icon-tick.png) no-repeat left center;
	padding: 0 20px;
}

dl dd {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	line-height: 20px;
}

dl.documentation {
	overflow: hidden;
	border: 1px solid #d2d2d2;
	background-color: #f4f4f4;
}

dl.documentation dt {
	margin: 0;
	padding: 8px;
	width: 120px;
	float: left;
	display: block;
	font-weight: bold;
	background: none;
}

dl.documentation dd {
	margin: 0;
	padding: 8px 8px 8px 136px;
}

dl.documentation dt.alt, dl.documentation dd.alt {
	background-color: #e4e4e4;
}


#websms .contentMain {
	background: url(../images/websms-background.png) no-repeat right top;
}

#emailtosms .contentMain {
	background: url(../images/emailtosms-background.png) no-repeat right top;
}

#developers .contentMain {
	background: url(../images/developer-background.png) no-repeat right top;
}

#shortcode .contentMain {
	background: url(../images/shortcode-background.png) no-repeat right top;
}

#sendmms .contentMain {
	background: url(../images/sendmms-background.png) no-repeat right top;
}

#receivemms .contentMain {
	background: url(../images/receivemms-background.png) no-repeat right top;
}

#location .contentMain {
	background: url(../images/location-background.png) no-repeat right top;
}

#rsspush .contentMain {
	background: url(../images/rsspush-background.png) no-repeat right top;
}

#twitter .contentMain {
	background: url(../images/twitter-background.png) no-repeat right top;
}

#resellers-affiliate .contentMain {
	background: url(../images/reseller-aff-background.png) no-repeat right top;
}

#resellers-dualbrand .contentMain {
	background: url(../images/reseller-dual-background.png) no-repeat right top;
}

#resellers-whitelabel .contentMain {
	background: url(../images/reseller-white-background.png) no-repeat right top;
}

#developers-examples .contentMain {
	background: url(../images/developer-examples-background.png) no-repeat right top;
}

#developers-docs .contentMain {
	background: url(../images/developer-documentation-background.png) no-repeat right top;
}

#developers-code .contentMain {
	background: url(../images/developer-code-background.png) no-repeat right top;
}

.signupbar {
	background: url(../images/signupbar.png) no-repeat 0 0;
	display: block;
	width: 486px;
	height: 39px;
	margin: 30px auto 0;
}

.signupbar a {
	width: 486px;
	height: 39px;
	display: block;
	text-indent: -3000px;
	outline: 0;
}

blockquote.testimonial {
	display: block;
	margin: 50px 0;
	padding: 0;
}

blockquote.testimonial a {
	display: block;
	text-indent: -3000px;
	height: 100%;
	outline: 0;
}

blockquote.testimonial cite {
	display: block;
	text-indent: -3000px;
}

.fullquotes {
	float: left;
	width: 435px;
	margin-right: 30px;
}

.fullquotes .quoteblock {
	overflow: hidden;
	width: 435px;
}

.fullquotes blockquote {
	border: 0;
	padding: 10px;
	font-size: 14px;
	margin: 24px 0 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(/res/images/quote-top.png) no-repeat 0 0;
}

.fullquotes blockquote p {
	margin: 0;
	padding: 0;
}

.fullquotes cite {
	display: block;
	padding: 30px 0 0;
	font-style: normal;
	background: url(/res/images/quote-bottom.png) no-repeat 0 0;
}

.fullquotes cite strong {
	font-size: 14px;
	font-weight: bold;
}

blockquote.testimonialDominos {
	background: url(/res/images/testimonials/dominos.png) no-repeat 0 0;	
	width: 202px;
	height: 222px;
}

blockquote.testimonialGreen {
	background: url(/res/images/testimonials/greenparty.png) no-repeat 0 0;	
	width: 202px;
	height: 298px;
}

blockquote.testimonialMalmasion {
	background: url(/res/images/testimonials/malmaison.png) no-repeat 0 0;	
	width: 286px;
	height: 160px;
	margin-top: 30px;
}

blockquote.testimonialMalmasion2 {
	background: url(/res/images/testimonials/malmaison2.png) no-repeat 0 0;	
	width: 202px;
	height: 213px;
}

blockquote.testimonialSubway {
	background: url(/res/images/testimonials/subway.png) no-repeat 0 0;	
	width: 202px;
	height: 303px;
}

blockquote.testimonialSubway2 {
	background: url(/res/images/testimonials/subway2.png) no-repeat 0 0;	
	width: 286px;
	height: 175px;
}

blockquote.testimonialSlimming {
	background: url(/res/images/testimonials/slimmingworld.png) no-repeat 0 0;	
	width: 202px;
	height: 213px;
}

blockquote.testimonialSlimming2 {
	background: url(/res/images/testimonials/slimmingworld2.png) no-repeat 0 0;	
	width: 286px;
	height: 161px;
}

blockquote.testimonialgreenins {
	background: url(/res/images/testimonials/greenins.png) no-repeat 0 0;	
	width: 202px;
	height: 213px;
}

blockquote.testimonialRoyalEx {
	background: url(/res/images/testimonials/royalexchange.png) no-repeat 0 0;	
	width: 202px;
	height: 342px;
}

blockquote.testimonialHartwell {
	background: url(/res/images/testimonials/hartwell.png) no-repeat 0 0;	
	width: 202px;
	height: 258px;
}

blockquote.testimonialDominos2 {
	background: url(/res/images/testimonials/dominos2.png) no-repeat 0 0;	
	width: 286px;
	height: 216px;
}

blockquote.testimonialLadbrokes {
	background: url(/res/images/testimonials/ladbrokes.png) no-repeat 0 0;	
	width: 286px;
	height: 149px;
}

blockquote.testimonial192 {
	background: url(/res/images/testimonials/192.png) no-repeat 0 0;	
	width: 202px;
	height: 239px;
}

blockquote.testimonialislington {
	background: url(/res/images/testimonials/islington.png) no-repeat 0 0;	
	width: 202px;
	height: 178px;
}

blockquote.testimonialBritannia {
	background: url(/res/images/testimonials/britannia.png) no-repeat 0 0;	
	width: 286px;
	height: 165px;
}

blockquote.testimonialBritannia2 {
	background: url(/res/images/testimonials/britannia2.png) no-repeat 0 0;	
	width: 202px;
	height: 202px;
}

#timeline {
	overflow: hidden;
}

.timeline {
	height: 200px;
	width: 600px;
	overflow: hidden;
	background: url(/res/images/timeline-bg.png) repeat-x left center;
	position: relative;
}

.timeline .scrollarrow {
	width: 20px;
	display: block;
	background: url(/res/images/timeline-scroll-l.png) repeat-x left center;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}

.timeline #scrollright {
	left: 580px;
	background: url(/res/images/timeline-scroll-r.png) repeat-x left center;
}

.timeline ul {
	list-style: none;
	margin: 0 20px;
	padding: 0 0 0 180px;
	width: 3400px;
	height: 200px;
	cursor: move;
	position:relative;
}

.timeline ul li {
	width: 220px;
	height: 85px;
	padding: 10px;
	float: left;
	margin-left: -100px;
	background: url(/res/images/timeline-event.png) no-repeat left bottom;
	font-size: 12px;
}

.timeline ul li.alt {
	background: url(/res/images/timeline-eventalt.png) no-repeat left top;
	margin-left: -80px;
	margin-top: 96px;
}

.timeline li.yearmark {
	background: url(/res/images/timeline-year.png) no-repeat 0 0;
	padding: 4px 5px;
	font-size: 16px;
	width: 170px;
	height: 25px;
	font-weight: bold;
	margin-top: 88px;
	margin-left: 0;
}

.timeline li.yearmarkFirst {
	margin-left: -170px;
}

.twisties h3.twist {
	cursor: pointer;
	margin-top: 20px;
	padding: 2px 0 2px 25px;
	background: url(/res/images/twistie.png) no-repeat 0 0;
}

.twisties h3.twist-down {
	background: url(/res/images/twistie.png) no-repeat 0 -34px;
}

.map {
	float: left;
	width: 320px;
	margin-right: 10px;
}

.address {
	float: left;
}

address {
	font-style: normal;
}

.newsitem {
	background: url(/res/images/calendar_blank.png) no-repeat left 10px;
	padding-left: 75px;
	position: relative;
	overflow: hidden;
}

.newsitem h3 {
	line-height: 18px;
	margin-top: 12px;
}

.newsitem .date {
	position: absolute;
	top: 10px;
	left: 0;
}

.newsitem .date .day {
	position: absolute;
	left: 0;
	top: 31px;
	width: 64px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 28px;
	text-transform: uppercase;
	color: #fff;
}

.newsitem .date .month {
	position: absolute;
	left: 0;
	width: 64px;
	text-align: center;
	top: 8px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}

ul.archives {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.archives li a {
	display: block;
	padding-left: 24px;
	margin-bottom: 5px;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

ul.archives li a:hover {
	background:url(/res/images/icons/16x16/next.png) no-repeat left center;
	color: #B3221B;
}


a.rss {
	background:url(/res/images/icons/24x24/rss.png) no-repeat left center;
	padding-left: 30px;
	display: block;
}

a.newstwitter {
	background:url(/res/images/icons/24x24/twitter.png) no-repeat left center;
	padding-left: 30px;
	display: block;
}

.pagination {
	margin: 40px 0 20px;
}

.pagination ol {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}

.pagination ol li.back {
	float: left;
}

.pagination ol li.forward {
	float: right;
}

.clear {
	clear: both;
	overflow: hidden;
}

.bottommargin {
	margin: 10px 0 20px;
}

table {
	margin: 12px auto;
	padding: 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

thead {
	background: #2579B5;
}

thead th {
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	white-space: nowrap;
}

tbody tr {
	background: #fff;
	color: #000;
}

tbody tr.alt {
	background: #F1F1F1;
}

tbody th, tbody td {
	text-align: right;
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	white-space: nowrap;
}

#prefooter {
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}

#prefooter .prefooter {
	margin: 0;
	padding: 0;
	list-style: none;
}

#prefooter .prefooter li {
	float: left;
	bacground-position: 0 0;
	background-repeat: no-repeat;
	margin-right: 14px;
}

#prefooter .prefooter li a {
	display: block;
}

#prefooter .prefooter li a span {
	width: 302px;
	height: 86px;
	display: block;
	text-indent: -3000px;
}

#prefooter .prefooter li.prices {
	background-image: url(/res/images/footer-prices.png);
}

#prefooter .prefooter li.promise {
	background-image: url(/res/images/footer-promise.png);
}

#prefooter .prefooter li.review {
	background-image: url(/res/images/footer-review.png);
}

#prefooter .prefooter li#testimonial {
	margin-right: 0;
}

#prefooter .prefooter li#testimonial a img {
	border: 0;
}

#movieArea {
	margin-top: 20px;
}

#clientLogosarea {
	margin: 25px auto;
	clear: both;
	overflow: hidden;
	height: 50px;
}

.homepageClientList {
	margin: 0 auto;
	text-align: center;
}

#clientLogosarea div.holder {
	height: 50px;
	width: 170px;
	display: inline;
	margin: 0;
	text-align: center;
}

#clientLogosarea a img {
	border: 0;
}

.globalCaption .caption {
	color: #333;
	text-decoration: none;
}

.twittericon {
	background: url(/res/images/twitter-logo.png) no-repeat left center;
	padding-left: 40px;
	display: block;
	color: #333;
	text-decoration: none;
}

.twittericon:hover {
	color: #333;
}

.twittericon span {
	text-decoration: underline;
	color: #0B537E;
}

.twittericon:hover span {
	color: #B3221B;
}

.demoform label, .demoform input {
	padding-right: 5px;
}

.demoform input#number {
	border: 1px solid #11679D;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #333;
	padding: 2px;
	margin-right: 10px;
}

.contactform form {
	border: 0;
	margin: 0 30px;
	padding: 0;
}

.contactform fieldset {
	border: 1px solid #ccc;
	margin: 0;
	padding: 20px 30px;
	background: #fafafa;
}

.contactform div {
	margin-bottom: 20px;
}

.contactform div label {
	display: block;
	width: 100%;
	font-weight: bold;
	padding-bottom: 5px;
}

.contactform div.checkbox input {
	display: inline;
	width: auto;
	float: left;
	border: 0;
}

.contactform div input, .contactform div select, .contactform div textarea {
	font-size: 18px;
	width: 100%;
	border: 1px solid #11679D;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #333;
	padding: 2px;
}

.contactform div input.button {
	width: auto;
	padding: 5px;
	float: right;
}

.contactform div input.redbutton {
	color: #fff;
	background: #901A1A;
	border-color: #6B0303;
	position: relative;
}

.contactform div input.redbutton:hover {
	left: 1px;
	top: 1px;
	background: #9B2222;
	cursor: pointer;
}

.contactform div.captcha input {
	width: 150px;
	margin-top: 30px;
}

.contactform div.captcha img {
	border: 1px solid #3d3d3d;
	padding: 2px;
	margin: 5px 5px 5px 0;
	float: left;
}

.casestudies {
	border: 1px solid #ddd;
	overflow: hidden;
	background: url(/res/images/casestudy-bg.png) repeat-y 0 0;
}

.casestudies ul#casestudylist {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	float: left;
}

.casestudies ul#casestudylist li {
	padding: 3px 5px;
	margin: 5px 0;
	font-size: 12px;
	cursor: pointer;
	width: 160px;
}

.casestudies ul#casestudylist li:hover, .casestudies ul#casestudylist li.selected {
	background: #BED8E8 url(/res/images/casestudy-sel.png) no-repeat right top;
}

.casestudies .casestudy {
	float: left;
	padding: 5px 20px;
	width: 395px;
	font-size: 12px;
	line-height: 14px;
}

.casestudies .casestudy h3 {
	margin-top: 5px;
}

.casestudies .casestudy li {
	line-height: 18px;
}

.casestudies .casestudy .ideas {
	float: none;
	width: auto;
}

.casestudylist {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.casestudylist li {
	width: 128px;
	height: 91px;
	float: left;
	display: block;
	margin: 0 3px 10px 0;
}

.casestudylist li a {
	outline: 0;
	display: block;
	background: url(/res/images/casestudies/bars.png) no-repeat 0 0;
}

.casestudylist li a span {
	width: 128px;
	height: 91px;
	display: block;
	cursor: pointer;
	text-indent: -2000px;
}

.casestudylist li.bars a {background-image: url(/res/images/casestudies/bars.png);}
.casestudylist li.councils a {background-image: url(/res/images/casestudies/councils.png);}
.casestudylist li.health a {background-image: url(/res/images/casestudies/health.png);}
.casestudylist li.finance a {background-image: url(/res/images/casestudies/finance.png);}
.casestudylist li.beauty a {background-image: url(/res/images/casestudies/beauty.png);}
.casestudylist li.hotels a {background-image: url(/res/images/casestudies/hotels.png);}
.casestudylist li.gambling a {background-image: url(/res/images/casestudies/gambling.png);}
.casestudylist li.gyms a {background-image: url(/res/images/casestudies/gyms.png);}
.casestudylist li.marketing a {background-image: url(/res/images/casestudies/marketing.png);}
.casestudylist li.motoring a {background-image: url(/res/images/casestudies/motoring.png);}
.casestudylist li.recruitment a {background-image: url(/res/images/casestudies/recruitment.png);}
.casestudylist li.religious a {background-image: url(/res/images/casestudies/religious.png);}
.casestudylist li.restaurants a {background-image: url(/res/images/casestudies/restaurants.png);}
.casestudylist li.retail a {background-image: url(/res/images/casestudies/retail.png);}
.casestudylist li.cinema a {background-image: url(/res/images/casestudies/cinema.png);}
.casestudylist li.sports a {background-image: url(/res/images/casestudies/sports.png);}
.casestudylist li.universities a {background-image: url(/res/images/casestudies/universities.png);}
.casestudylist li.properties a {background-image: url(/res/images/casestudies/properties.png);}
.casestudylist li.islington a {background-image: url(/res/images/casestudies/cs-islington.png);}
.casestudylist li.southsomerset a {background-image: url(/res/images/casestudies/cs-southsomerset.png);}
.casestudylist li.perthandkinross a {background-image: url(/res/images/casestudies/cs-perthandkinross.png);}
.casestudylist li.platinum a {background-image: url(/res/images/casestudies/bar-platinum.png);}
.casestudylist li.kremlin a {background-image: url(/res/images/casestudies/bar-kremlin.png);}
.casestudylist li.barme a {background-image: url(/res/images/casestudies/bar-barme.png);}
.casestudylist li.newcross a {background-image: url(/res/images/casestudies/health-newcross.png);}
.casestudylist li.knowsley a {background-image: url(/res/images/casestudies/health-knowsley.png);}
.casestudylist li.platinumfinance a {background-image: url(/res/images/casestudies/finance-platinum.png);}
.casestudylist li.moorhouse a {background-image: url(/res/images/casestudies/finance-moorhouse.png);}
.casestudylist li.beautology a {background-image: url(/res/images/casestudies/beauty-beautology.png);}
.casestudylist li.hush a {background-image: url(/res/images/casestudies/beauty-hush.png);}
.casestudylist li.bigslick a {background-image: url(/res/images/casestudies/gambling-bigslick.png);}
.casestudylist li.watchman a {background-image: url(/res/images/casestudies/gambling-watchman.png);}
.casestudylist li.crayfords a {background-image: url(/res/images/casestudies/gambling-crayfords.png);}
.casestudylist li.motshop a {background-image: url(/res/images/casestudies/motoring-motshop.png);}
.casestudylist li.hartwells a {background-image: url(/res/images/casestudies/motoring-hartwells.png);}
.casestudylist li.commonwealth a {background-image: url(/res/images/casestudies/religious-commonwealth.png);}
.casestudylist li.kyles a {background-image: url(/res/images/casestudies/retail-kyles.png);}
.casestudylist li.royalexchange a {background-image: url(/res/images/casestudies/cinema-royalexchange.png);}
.casestudylist li.theticketsellers a {background-image: url(/res/images/casestudies/cinema-theticketsellers.png);}
.casestudylist li.nelson a {background-image: url(/res/images/casestudies/sports-nelson.png);}
.casestudylist li.leatherhead a {background-image: url(/res/images/casestudies/sports-leatherhead.png);}
.casestudylist li.fcuom a {background-image: url(/res/images/casestudies/sports-fcuom.png);}
.casestudylist li.strutt a {background-image: url(/res/images/casestudies/properties-strutt.png);}
.casestudylist li.subway a {background-image: url(/res/images/casestudies/restaurants-subway.png);}
.casestudylist li.lecafeanglais a {background-image: url(/res/images/casestudies/restaurants-lecafeanglais.png);}
.casestudylist li.malmaison a {background-image: url(/res/images/casestudies/hotels-malmaison.png);}
.casestudylist li.bigdot a {background-image: url(/res/images/casestudies/media-bigdot.png);}
.casestudylist li.slimmingworld a {background-image: url(/res/images/casestudies/slimmingworld.png);}
.casestudylist li.liverpool a {background-image: url(/res/images/casestudies/uni-liverpool.png);}

ul.sitemap li {
	margin: 20px 0 5px 0;
	font-weight: bold;
}

ul.sitemap ul li {
	margin: 5px 0;
	font-weight: normal;
}

.recruiting, .moretestimonials, .reviewpcpro, .newsexperiences, .newsapi, .newsideas {
	background: url(/res/images/recruiting.png) no-repeat 0 0;
	width: 296px;
	height: 90px;
	margin-left: 10px;
	margin-bottom: 12px;
}

.moretestimonials {
	background: url(/res/images/testimonialsbutton.png) no-repeat 0 0;
}

.reviewpcpro {
	background: url(/res/images/review-pcpro.png) no-repeat 0 0;
	margin-top: 35px;
}

.newsexperiences {
	background: url(/res/images/news-experiences.png) no-repeat 0 0;
}

.newsapi {
	background: url(/res/images/news-api.png) no-repeat 0 0;
}

.newsideas {
	background: url(/res/images/news-ideas.png) no-repeat 0 0;
}

.recruiting a, .moretestimonials a, .reviewpcpro a, .newsexperiences a, .newsapi a, .newsideas a {
	display: block;
	width: 296px;
	height: 90px;
	outline: 0;
}

.recruiting a span, .moretestimonials a span, .reviewpcpro a span, .newsexperiences a span, .newsapi a span, .newsideas a span {
	display: block;
	text-indent: -3000px;
}

.jobtitle {
	background: url(/res/images/icons/64x64/user.png) no-repeat 0 0;
	padding-left: 70px;
	margin: 20px 0 40px;
}

.jobtitle .desc {
	padding-right: 70px;
}

.jobtitle .desc h4 {
	color: #11679D;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.jobtitle .desc p {
	margin: 5px 0;
	padding: 0;
}

.jobtitle div.carinfo {
	margin: 5px 0 0 5px;
	padding-left: 5px;
	line-height: 14px;
	font-size: 10px;
	border-left: 2px solid #C2DEEF;
}

.jobtitle .pdficon {
	background: url(/res/images/pdf_icon.gif) no-repeat 0 0;
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 10px;
}

.jobtitle .pdficon a  {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -30000px;
}

.sidebarClientList div {
	display: inline;
}

.sidebarClientList img {
	margin: 0 0 9px 9px;
}

a.readmore {
	font-size: 12px;
	color: #11679d;
	text-decoration: underline;
	background: url(/res/images/icons/16x16/next.png) no-repeat right center;
	padding-right: 20px;
}

.newsitem a.readmore {
	margin-bottom: 20px;
}

.loading {
	background: url(/res/images/loading.gif) no-repeat center center;
	min-height: 20px;
}

.waiting {
	background: url(/res/images/loading.gif) no-repeat left center;
	min-height: 20px;
	padding-left: 20px;
}

#footer {
	clear: both;
	overflow: hidden;	
	margin-top: 15px;
	min-height: 237px;
	background: url(/res/images/footer-background.png) repeat-x 0 0;
}

#footer .footerBox {
	background: url(../images/footer-box.png) no-repeat 0 0;
	width: 302px;
	height: 184px;
	float: left;
	margin-top: 18px;
	margin-right: 14px;
}

#footer .footerBoxLast {
	margin-right: 0;
}

#footer .footerBox div {
	padding: 5px 10px 10px 10px;
	color: #08334e;
	font-size: 12px;
}

#footer .footerBox div strong {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding: 5px 0 0;
}
	
#footer .footerBox div ul {
	margin: 0;
	padding: 0;
	list-style: url(/res/images/bullet-news.png) inside;
}

#footer .footerBox div ul li {
	padding: 0 0 4px 0;
}

#footer .footerBox div ul li a, #footer .footerBox div a {
	text-decoration: none;
	color: #08334e;
}

#footer .footerBox div ul li a:hover, #footer .footerBox div a {
	text-decoration: underline;
}

#footer .footerBox div strong a {
	text-decoration: none;
}

#footer .footerBox div strong a:hover {
	text-decoration: underline;
}

#footer .footerBox div span.demophone {
	background: url(/res/images/footer-demophone.png) no-repeat 0 0;
	display: block;
	padding: 10px 0 15px 45px;
	font-size: 14px;
	line-height: 22px;
}

#footer .footerBox div span.smallprint {
	font-size: 10px;
	color: #767676;
}

#footer .footerBox div span.demophone em {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
}

#footer .footerBox div span.support {
	background: url(/res/images/footer-support.png) no-repeat 0 0;
	padding: 0 0 15px 85px;
	display: block;
	margin-top: 12px;
}

#footer .footerBox div span.support strong {
	font-size: 12px;
	display: inline;
}

#footer .subfooter {
	clear: both;
	text-align: center;
	color: #eee;
	font-size: 10px;
	line-height: 12px;
	background-color: #020915;
	overflow: hidden;
}

#footer .subfooter a {
	color: #eee;
	text-decoration: none;
}

#footer .subfooter a:hover {
	text-decoration: underline;
}

#footer .subfooter ul.subfooterlinks {
	width: 195px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
}

#footer .subfooter ul.serviceslinks {
	width: 160px;
}

#footer .subfooter ul.subfooterlinks a {
	color: #ddd;
}

#footer .subfooter ul.subfooterlinks a:hover {
	color: #fff;
}

#footer .subfooter ul.subfooterlinks strong {
	font-size: 14px;
}

#footer .subfooter p {
	clear: both;
	margin-top: 12px;
}

.accessibility {
	display: none;
}


.addthis_toolbox {
	text-align: center;
	margin: 30px 0 0;
	border: 1px solid #ddd;
	padding: 5px;
	background-color: #efefef;
	font-size: 12px;
}

.addthis_toolbox .custom_images a {
	text-decoration: none;
	margin-left: 12px;
}

.addthis_toolbox .custom_images a:hover img {
    opacity: 1;
}

.addthis_toolbox .custom_images a img {
    opacity: 0.75;
	border: 0;
	vertical-align: top;
}

.error {
	border: 1px solid #c00;
	background: url(/res/images/icon-error.png) no-repeat 5px 7px #ffa;
	padding: 5px 5px 5px 25px;
}

.success {
	border: 1px solid #0c0;
	background: url(/res/images/icon-tick.png) no-repeat 5px 7px #ffa;
	padding: 5px 5px 5px 25px;
}

.info {
	border: 1px solid #00c;
	background: url(/res/images/icon-info.png) no-repeat 5px 7px #ffa;
	padding: 5px 5px 5px 25px;
}

#demoareamsg .quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	margin: 0 20px;
}

#mmsarea {
	height: 130px;
	width: 690px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

#mmsarea img {
	border: 1px solid #666;
	padding: 1px;
	margin: 0 5px;
}

#mmsareaspin {
	float: right;
	width: 20px;
	height: 20px;
}