/** Redefinitions **/

body {
	margin: 0;
	border: 0;
	padding-top: 10px;
	
	background-color: #fff;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px 0;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

h3, h4, h5, h6 {
	font-size: 1em;
}

p, table, form {
	margin: 0 0 15px 0;
}

ul {
	margin-top: 0px;
	margin-bottom: 15px;
}

a, a:visited {
	color: #000000;
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/** ##### **/

/** ##### **/

.hide {
	display: none;
	visibility: hidden;
}

.validation {
	font-weight: bold;
	color: #b00;
}

/** ##### **/

/** Containers **/

div#outerShell {
	clear: both;
	margin: 0 auto;
	width: 967px;
}

div#innerShell {
	float: left;
	clear: both;
	width: 967px;
}

/** ##### **/

/** Top **/

div#top {
	float: left;
	clear: both;
	width: 967px;
	margin: 0 0 30px 0;
	font-size: 1.1em;
}

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

div#top ul.left {
	float: left;
	width: auto;
}

div#top ul.right {
	float: right;
	width: auto;
}

div#top ul li {
	float: left;
	width: auto;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	background: url("images/common/nav_divider.gif") left no-repeat;
}

div#top ul li.noDiv, div#top ul li.beginning {
	padding: 0;
	margin: 0;
	background: none;
}

div#top a, div#top a:visited {
	color: #000000;
	text-decoration: none;
}

div#top a:hover, div#top a:active {
	color: #000000;
	text-decoration: underline;
}

div#top a#keep_your_pc_protected:hover, div#top a#keep_your_pc_protected:active,
div#top a#keep_your_pc_protected.active {
	color: #e30431;
}

div#top a#look_for_the_padlock:hover, div#top a#look_for_the_padlock:active,
div#top a#look_for_the_padlock.active {
	color: #28abd2;
}

div#top a#register_your_cards:hover, div#top a#register_your_cards:active,
div#top a#register_your_cards.active {
	color: #5bbb44;
}

div#top a#always_log_out:hover, div#top a#always_log_out:active,
div#top a#always_log_out.active {
	color: #bb44b3;
}

div#top a.friend, div#top a.friend:visited {
	padding: 0 25px 0 0;
	background: url("images/common/tell_a_friend.gif") right no-repeat;
}

/** ##### **/

/** Splash **/

div#splash {
	clear: both;
	margin: 50px auto 0 auto;
	width: 996px;
}

/** ##### **/

/** Homepage **/

div#home {
	float: left;
	clear: both;
	width: 967px;
}

div#heads {
	float: left;
	clear: both;
	width: 967px;
	height: 291px;
	padding: 40px 0 0 0;
	margin: 0 0 40px 0;
	background: #c6c6c6 url("images/home/heads.gif") 50% 100% no-repeat;
	overflow: hidden;
}

div#heads img {
	position: relative;
	left: 570px;
	top: 30px;
}

div#heading {
	float: left;
	width: 495px;
	height: 80px;
	margin: 0 0 0 115px;
	background: url("images/home/heading.gif") top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: inline;
}

div#supporters {
	float: right;
	width: 200px;
	margin: 60px 0 5px 0;
	font-size: 1.1em;
	color: #777;
}

div#supporters ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

div#supporters ul li {
	float: left;
	width: 33%;
	overflow: hidden;
}

div#supporters ul li.title {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
}

div#supporters ul li a, div#supporters ul li a:visited {
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}

div#supporters ul li a.visa, div#supporters ul li a.visa:visited {
	width: 57px;
	height: 23px;
	background: url("images/home/visa_logo.gif") 50% 5px no-repeat;
}

div#supporters ul li a.mastercard, div#supporters ul li a.mastercard:visited {
	width: 43px;
	height: 27px;
	background: url("images/home/mastercard_logo.gif") 50% no-repeat;
}

div#supporters ul li a.apacs, div#supporters ul li a.apacs:visited {
	width: 66px;
	height: 26px;
	background: url("images/home/apacs_logo.gif") 50% 1px no-repeat;
}

div#supporters ul li a.ukcards, div#supporters ul li a.ukcards:visited {
	width: 56px;
	height: 30px;
	background: url("images/home/ukcards_logo.gif") 50% 0 no-repeat;
}

/** ##### **/

/** Sub-pages **/

div#main {
	float: left;
	clear: both;
	width: 967px;
	min-height: 450px;
}

div.generic h1, div.generic h2, div.generic h3,
div.generic h4, div.generic h5, div.generic h6,
div.generic a, div.generic a:visited {
	color: #28abd2;
}

div.section233 h1, div.section233 h2, div.section233 h3,
div.section233 h4, div.section233 h5, div.section233 h6,
div.section233 a, div.section233 a:visited {
	color: #e30431;
}

div.section234 h1, div.section234 h2, div.section234 h3,
div.section234 h4, div.section234 h5, div.section234 h6,
div.section234 a, div.section234 a:visited {
	color: #28abd2;
}

div.section235 h1, div.section235 h2, div.section235 h3,
div.section235 h4, div.section235 h5, div.section235 h6,
div.section235 a, div.section235 a:visited {
	color: #5bbb44;
}

div.section236 h1, div.section236 h2, div.section236 h3,
div.section236 h4, div.section236 h5, div.section236 h6,
div.section236 a, div.section236 a:visited {
	color: #bb44b3;
}

div#content {
	float: left;
	width: 530px;
	margin: 40px 0 0 45px;
	display: inline;
}

div#content h1 {
	padding-bottom: 3px;
	border-bottom: 1px solid #bebebe;
}

div#homeButton {
	float: right;
	position: relative;
	left: -45px;
	width: 101px;
	height: 42px;
	margin: 10px 0 0 0;
}

div#homeButton a, div#homeButton a:visited {
	display: block;
	width: 101px;
	height: 42px;
	background: url("images/common/home_bubble.gif") top right no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/** ##### **/

/** Banners **/

div#banner {
	float: left;
	clear: both;
	width: 922px;
	height: 200px;
	padding: 15px 0 15px 45px;
}

div#banner div.head {
	float: left;
	width: auto;
}

div#banner div.head img {
	position: relative;
}

div.generic div#banner {
	background: #c6c6c6 url("images/generic/heads.gif") 50% 100% no-repeat;
}

div.generic div#banner div.head img {
	top: 40px;
	left: 500px;
}

div.section233 div#banner {
	background: #e30431 url("images/pc_protected/head.gif") 45px 15px no-repeat;
}

div.section233 div#banner div.head img {
	top: 34px;
	left: 43px;
}

div.section234 div#banner {
	background: #28abd2 url("images/padlock/head.gif") 45px 15px no-repeat;
}

div.section234 div#banner div.head img {
	top: 36px;
	left: 41px;
}

div.section235 div#banner {
	background: #5bbb44 url("images/register/head.gif") 45px 15px no-repeat;
}

div.section235 div#banner div.head img {
	top: 36px;
	left: 32px;
}

div.section236 div#banner {
	background: #bb44b3 url("images/logout/head.gif") 45px 15px no-repeat;
}

div.section236 div#banner div.head img {
	top: 36px;
	left: 40px;
}

/*
div.section233 div#banner {
	background: url("images/pc_protected/head.gif") top left no-repeat;
}

div.section234 div#banner {
	background: url("images/padlock/head.gif") top left no-repeat;
}

div.section235 div#banner {
	background: url("images/register/head.gif") top left no-repeat;
}

div.section236 div#banner {
	background: url("images/logout/head.gif") top left no-repeat;
}
*/

div#banner div.bubble {
	float: right;
	top: 3px;
	left: -25px;
	position: relative;
	width: 521px;
	height: 186px;
	text-indent: -9999px;
	overflow: hidden;
}

div.section233 div#banner div.bubble {
	background: url("images/pc_protected/bubble.gif") top left no-repeat;
}

div.section234 div#banner div.bubble {
	background: url("images/padlock/bubble.gif") top left no-repeat;
}

div.section235 div#banner div.bubble {
	background: url("images/register/bubble.gif") top left no-repeat;
}

div.section236 div#banner div.bubble {
	background: url("images/logout/bubble.gif") top left no-repeat;
}

/** ##### **/

/** Key Tips Boxes **/

div#keytips {
	float: right;
	clear: right;
	width: 298px;
	margin: 11px 45px 0 0;
	display: inline;
}

div#keytips div.box {
	float: right;
	clear: both;
	width: 298px;
	font-size: 1.1em;
}

div#keytips div.box div.top,
div#keytips div.box div.bottom {
	float: left;
	clear: both;
	width: 298px;
	height: 6px;
	line-height: 1px;
}

div#keytips div.box div.top {
	background: url("images/common/box_top.gif") top left no-repeat;
}

div#keytips div.box div.bottom {
	background: url("images/common/box_bottom.gif") top left no-repeat;
}

div#keytips div.box div.middle {
	float: left;
	clear: both;
	width: 256px;
	padding: 9px 20px;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

div#keytips div.box h2 {
	padding-bottom: 3px;
	border-bottom: 1px solid #bebebe;
	font-size: 1.1em;
}

div#keytips div.box ul {
	margin: 0;
	padding: 0 0 0 15px;
}

div#keytips div.box ul li {
	margin: 0 0 15px 0;
}

/** ##### **/

/** Show/Hide **/

div.showhide {
	margin: 0 0 15px 0;
}

div.showhide .content {
	padding: 15px 0 0 0;
}

/** ##### **/

/** Popup **/

div#popup {
	text-align: center;
}

/** ##### **/

/** Tooltips **/

span.tooltip {
	display: none;
}

a.tooltip, a.tooltip:visited {
	position: relative;
	z-index: 10;
}

div.generic a.tooltip, div.generic a.tooltip:visited {
	border-bottom: 1px dotted #28abd2;
	text-decoration: none;
	color: #000;
}

div.section233 a.tooltip, div.section233 a.tooltip:visited {
	border-bottom: 1px dotted #e30431;
	text-decoration: none;
	color: #000;
}

div.section234 a.tooltip, div.section234 a.tooltip:visited {
	border-bottom: 1px dotted #28abd2;
	text-decoration: none;
	color: #000;
}

div.section235 a.tooltip, div.section235 a.tooltip:visited {
	border-bottom: 1px dotted #5bbb44;
	text-decoration: none;
	color: #000;
}

div.section236 a.tooltip, div.section236 a.tooltip:visited {
	border-bottom: 1px dotted #bb44b3;
	text-decoration: none;
	color: #000;
}

a.tooltip:hover {
	background: none;
	z-index: 11;
}

a.tooltip:hover span.tooltip {
	position: absolute;
	display: block;
	top: 1.2em;
	left: 1em;
	width: 250px;
	padding: 8px;
	border: 1px solid #000;
	background-color: #fff;
}

/** ##### **/

/** Forms **/

table.dynFormTable {
	margin: 15px 0;
}

table.dynFormTable th,
table.dynFormTable td {
	padding: 0 8px 8px 0;
}

table.dynFormTable th {
	text-align: left;
}

table.dynFormTable th span.info {
	display: block;
	width: 175px;
	margin: 3px 0 0 0;
	font-weight: normal;
	font-size: 0.9em;
}

table.dynFormTable td input {
	width: 200px;
}

table.dynFormTable td.captcha img {
	float: left;
	width: auto;
	border: 1px solid #000;
}

table.dynFormTable td.captcha input {
	float: right;
	width: 100px;
	font-size: 1.7em;
}

table.dynFormTable td.button input {
	width: 92px;
	height: 25px;
}

/** ##### **/

/** Footer **/

div#footer {
	float: left;
	clear: both;
	width: 967px;
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #bebebe;
	font-size: 0.9em;
}

div#footer ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

div#footer ul li {
	float: left;
	width: auto;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	background: url("images/common/footer_divider.gif") right no-repeat;
}

div#footer ul li.noDiv {
	padding: 0;
	background: none;
}

div#footer a, div#footer a:visited {
	color: #000000;
	text-decoration: none;
}

div#footer a:hover, div#footer a:active {
	text-decoration: underline;
}

div#footer a.increase, div#footer a.increase:visited,
div#footer a.decrease, div#footer a.decrease:visited {
	display: block;
	width: 11px;
	min-height: 11px;
	text-indent: -9999px;
	overflow: hidden;
}

div#footer a.increase, div#footer a.increase:visited {
	background: url("images/common/font_increase.gif") left no-repeat;
}

div#footer a.decrease, div#footer a.decrease:visited {
	background: url("images/common/font_decrease.gif") left no-repeat;
}

/** ##### **/