body {
	vertical-align: text-top;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
}
.purple {
	color: #9D3393;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
}
.purple-main {
	color: #9D3393;
	text-transform: uppercase;
	text-align: centre;
}
.clients {
	color: #F89828;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 21px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-right: 10px;
}
.footer {
	font-size: 22px;
	font-weight: bold;
	background-color: #FFFFFF;
}

.top-banner {
	font-size: 18px;
	color: #FFFFFF;
	background-color: #F7971F;
	text-align: center;
}
.header-text {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C3CC23;
	padding-right: 10px;
	padding-left: 10px;
}
.benefits {
font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
.benefits-left {
font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 40px;
}
.vacancies {
	font-size: 16px;
	color: #000000;
	background-color: #ffffff;
	padding-top: 80px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	background-image: url(../images/careers/bottom-green.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.vacancies ul {
	list-style-image: url(../images/careers/tick.jpg);
	text-indent: -23px;
	padding-left: 20px;
}
.vacancies li {
	padding-top: 1px;
	padding-bottom: 1px;
}
.job {
	font-weight: bold;
	color: #9D3393;
}
.indent {
	font-size: 12px;
}
.bullets {
	font-size: 16px;
	color: #000000;
	vertical-align: bottom;
	background-image: url(../images/careers/bottom-carrot.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	background-color: #ffffff;
}
.refer {
	color: #FFFFFF;
	background-color: #9D3393;
	padding: 10px;
	vertical-align: text-top;
	text-align: center;
	font-size: 17.5px;
}
.refer a:link {
	color: #FFFFFF;
}
.refer a:visted {
	color: #ffffff;
}
.radio {
	font-size: 20px;
	background-color: #C6CF21;
	padding: 10px;
}
.radio img {
	float: left;
	vertical-align: bottom;
	padding-top: 13px;
}
.radio ul {
	padding-left: 30px;
	list-style-type: none;
	font-size: 17px;
}
.radio li {
}
.register {
	background-color: #9C3094;
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}
.register a:link {
	color: #FFFFFF;
}
.register a:visited {
	color: #FFFFFF;
}
.f-top {
	font-size: 36px;
	font-weight: bold;
}
.f-middle {
	font-size: 42px;
	font-weight: bold;
}
.f-bottom {
	font-size: 46px;
	font-weight: bold;
}
.info {
	padding-left: 30px;
	background-image: url(../images/careers/numbers.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.info ul {
	list-style-type: none;
}
.info li {
}
.header {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 15px;
	padding-left: 8px;
}
.tick {
	font-weight: bold;
	color: #FFFFFF;
}

.interest {
	padding-left: 50px;
	vertical-align: text-top;
}
.1 {
	list-style-image: url(../images/careers/1.jpg);
}
.submit {
	padding: 5px;
}
.cv {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}


/* JG nav stuff */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
	font-size: 11px;
	color: #333333;
	background-color: #f6f6f6;
	background-image: url(images/bg.gif);
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p {
	padding-left:20px;
	padding-right:20px;
}
hr {
	color: #BCD0DD;
	height: 1px;
}
a:link {
	color: #195AA5;
	text-decoration: underline;
}
a:visited {
	color: #195AA5;
	text-decoration: underline;
}
a:hover {
	color: #990000;
	text-decoration: none;
}
#titles {
	background-image: url(/images/titles/page-title.gif);
	height: 30px;
}
#allcategories ul { font-family: Arial, Helvetica, sans-serif;padding:0px; margin:0px; list-style:none; } 
#allcategories ul li { font-family: Arial, Helvetica, sans-serif;border-right:1px solid #CCCCCC; float:left; position:relative; text-align:center; width:12.3%; } 
#allcategories ul li ol { font-family: Arial, Helvetica, sans-serif;display:none; position:absolute; top:13px; right:0px; width:145px; padding:0px; margin:0px; border-bottom:1px solid #483D8B; list-style:none; background:#FFFFFF; z-index:3; } 
#allcategories ul li:hover ol { display:block; } 
#allcategories ul li.over ol { display:block; } 
#allcategories ul li ol li { font-family: Arial, Helvetica, sans-serif;border:1px solid #483D8B; border-bottom:none; width:145px; color:#483D8B; text-align:right; } 
#navbartop {
	text-decoration:none;
	background-color: #FFFFFF;
	background-image: url(/images/menu/menu-tile.gif);	
}
#navbartop a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 3px;
	border: solid 1px #FFFFFF;
	display: block;
}
#navbartop a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 3px;
	background-color: #EEEEFF;
	background-image: url(/images/menu/menu-tile-grey.gif);
	border: solid 1px #AAAAAA;
	display: block;	
}
#navbarbottom {
	background:url(/images/menu/navbar-tile.gif);
	background-repeat:repeat-x;	
	color:#FFFFFF;
}
#navbarbottom p {
	margin:0px;
}
#navbarbottom a:link {
	color: #FFF;
	text-decoration: underline;
}
#navbarbottom a:visited {
	color: #FFF;
	text-decoration: underline;
}
#navbarbottom a:hover {
	color: #FFF;
	text-decoration: none;
}
#dropmenudiv{
	position: absolute;
	border: 1px solid black;
	border-bottom-width: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	z-index:100;
}
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color: #EEEEFF;
	background-image: url(/images/menu/menu-tile-hover.gif);
	color: #000000;
}
#games a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	display: block;
}
#games a:hover {
	background-color: #CCCCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: block;
}
.coolbutton a, .coolbutton a:visited {
	border: solid 1px #FFFFFF;
	background-color:#2f6399;
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px;
	display: block;
	text-decoration: none;
}
.coolbutton a:hover, .coolbutton a:active {
	border: solid 1px #2f6399;
	background-color:#FFFFFF;
	font-weight:bold;	
	color:#2f6399;
	padding: 3px;
	text-decoration: none;
}
.main {
	padding: 5px 20px;
}
.body {
	font-size: 11px;
	margin: 10px;
}
.form {
	font-size: 10px;
	color: #13467D;
	background-color: #FFFFFF;
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #195AA5;
}
.smalltext {
	font-size: xx-small;
}
.footer {
	font-size: 10px;
}
.header {
	background: #FFFFFF url(/images/header.jpg) no-repeat right;
}
.box {
}
.padding {
	padding-left:20px;
	padding-right:20px;
}
.paddedGreybox {
	border-top:  1px solid #848484;
	border-right: 1px solid #848484;
	border-bottom:  1px solid #848484;
	border-left: 1px solid #848484;
	padding-left:10px; 
	padding-right:10px; 
	margin-left:10px; 
	margin-right:10px;
}

 .paddedSideBox {
 	width: 160px;
	border-top:  1px solid #848484;
	border-right: 1px solid #848484;
	border-bottom:  1px solid #848484;
	border-left: 1px solid #848484;	
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}

.greybox {
	border-top:  1px solid #848484;
	border-right: 1px solid #848484;
	border-bottom:  1px solid #848484;
	border-left: 1px solid #848484;	
}
.yellowbox {
	background-color:#ffffee; 
	margin-left:15px;
	margin-right:15px;
	border: solid 1px #CCCCCC;
}
.sideitem-top {
	background-color: #D5F1FF;
	color: #000000;
	border: solid 1px #006699;
	border-bottom:0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px;
}
.sideitem-main {	
	font-size: 10px;
	padding: 2px;
	border: solid 1px #006699;
}
.white {
	color: #FFFFFF;
}
.red {
	color: #CC0000;
}
.italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}
.content h3 {
	font-size: 14px;
	}
.content h2, content h1 {
	font-size: 16px
	}
.content h1 {
	font-weight: bold;
	}
.content p {
	padding-left: 0px;
	padding-right: 0px;
	}
.content ul {
	margin-left: 50px;
	}
.imagealign {
	display: block;
	margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
	border: 0;
}
.imageborder {
	float:left;
	margin-right:20px;
	border:solid 1px #dedede;
}
.leftPanel {
	float: left;
	width: 190px;
	}
.rightPanel {
	float: right;
	width: 550px;
	}
.clear {
	clear: both;
	}
.boxHeading {
	margin-left: 20px;
	font-weight: bold;
}
.boxL {
	width: 700px;
	font-size: 12px;
	margin-left:auto;
	margin-right:auto;
}
.boxHeadL {
	background-image: url(/images/furniture/boxHeadL.jpg);
	color:#000000;
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px; 
	padding-top: 4px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.boxBodyL {
	padding: 5px;
	border-left: 2px solid #ddddd6;
	border-right: 2px solid #ddddd6;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(/images/furniture/boxSliverL.jpg);
	font-size: 11px;
	font-weight:normal;
}	
.boxFooterL {
	background-image: url(/images/furniture/boxFooterL.jpg);
	padding: 1px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.boxBodyL ul li {
	list-style-image:url(/images/listimage.gif);
	font-weight:normal;
	margin-left:50px;
	font-weight:normal;	
}
.border {
	border:solid 1px #DEDEDE;
}
.fauxbutton {
	border: 1px solid #a0b2cc;
	background: url(/images/buttons/button_tile.gif) repeat-x 0px 0px #c4d7e8;
	color: #444c55;
	padding: 2px;
	vertical-align: middle;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fauxbutton:active {
	background: url(/images/buttons/button_tile.gif) repeat-x -0px -50px #e6f1fb;
	outline: none;
}
.fauxbutton[disabled] {
	border: 1px solid #b6b6b6;
	background: url(/images/buttons/button_tile_disabled.gif) repeat-x 0px 0px #d6d6d6;
	color: #666666;
	font-size: 100%;
	padding: 2px;
	vertical-align: middle;
	outline: none;
}
div.scroll {	
  height: 180px;	
  width: 220px;	
  overflow: auto;	
  padding: 8px;
}
.panelsml {
	background:url(/images/panelbg.gif);
	background-repeat:repeat-x;
	background-color: #f6f6f6;
	/*border:solid 1px #4179b2;*/
}
.panellrg {
	background-repeat:repeat-x;
	border:solid 1px #f6f6f6;
	padding: 2px;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #195AA5;
	padding-top:15px;	
	padding-left:20px;
	padding-right:20px;
}
.titlewhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:20px;
	padding-right:20px;
}