/*
----------------------------------------------------------
	Scion Solutions Ltd screen stylesheet.
	FileName:    screen.css
	Version:     1.00				07/10/2005
	Copyright Scion Solutions Ltd 1998 - 2005
	www.scion.co.uk
	Author: Ian Winstanley
----------------------------------------------------------
*/

/* 
	To align image and text floats on each page
	These are fixed at the moment but may be made configurable in order that the user can set the percentage widths
*/
.contentTextFloatLeft {
	float: left;
	width: 70%
}

.contentImageFloatRight {
	float: right;
	padding: 0px
}

.contentTextFloatRight {
	float: right;
	width: 70%
}

.contentImageFloatLeft {
	float: left;
	padding: 0px;
	width: 30%
}

/* 3rd SSL */
.inputForm {
	font-size: 11px;
	font-weight: 900;
	color: #000000;
	background-color: #FFFFFF;
	padding: 8px;
	border: 1px dashed #CCCCCC;
	margin: 0px;
}
.step1 {
	font-size: 13px;
	font-weight: 900;
	color: #000000;
	background-color: #FFFFCC;
	margin: 0px;
	padding: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: normal;
}
.GreenInfo {
	font-size: 12px;
	font-weight: 900;
	color: #000000;
	background-color: #99CC66;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: normal;
	padding: 4px;
}
.textgeneral {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
#boxInfo {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #EBEBEB;
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	text-align: left;
	vertical-align: top;
	font-style: normal;
}

.step0 {
	font-size: 13px;
	font-weight: 900;
	color: #000000;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: normal;
}
.inputForm2 {
	font-size: 11px;
	font-weight: 900;
	color: #000000;
	background-color: #FFFFFF;
	padding: 1px;
	margin: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.p3 {
	color: #005E99;
	font-weight: bold
}
/* End 3rd SSL */

/* HTML Redefinitions */
BODY, P, TABLE, DIV, SPAN, FORM, OL, UL {
  font: small/115% Trebuchet MS, Arial, Helvetica, sans-serif normal;
  voice-family: "\"}\"";
  voice-family: inherit
}

BODY {
	color: #505bb1;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/background.jpg);
	background-position: center; 
	background-color: #82A8F1
}

BODY {
  padding: 0px;
  margin: 0px
}

html {
	height: 100%;
}

A IMG {
	border-style: none
}

FORM {
	margin: 0px
}

/* Elements */

/* Header - contains the logo and menu */
#header {
	position: relative;
	width: 772px;
	top: 0px;
	margin: auto;
	overflow: hidden;
	background-image: url(/images/scion_ssl_bg.gif);
	background-color: #FFF
}

/* Logo */
#logo {
	position: relative
}

/* Login box */
#loginBox {
	position: relative;
	border: 1px solid #000066;
	padding: 4px;
	background-color: #EEE
}

/* Top menu*/
#topMenu {
	position: absolute;
	width: 521px;
	height: 23px;
	left: 189px;
	top: 10px;
	background-color: #F3F4F8
}

/* Formats the container testing messages */
#testMode {
	width: 762px;
	padding: 5px;
	margin: auto;
	color: #F00;
	font: 130% bold;
	background-color:#FFF;
	text-align: center
}

/* Displayed above all content other than on the home page */
#topBar {
	position: relative;
	width: 772px;
	height: 25px;
	margin-left: -3px;
	z-index: 2;
	background-image: url(/images/generic_top_bar.gif);
	background-repeat: no-repeat
}

/* Formats the size and background */
#leftMenuLogin {
	float: left;
	width: 150px;
	padding: 8px;
	margin-top: 10px;
	background-image: url(/images/left_menu_login_bg.gif); background-repeat:no-repeat
}

/* Main Central Content Container. Formats the menu and the mainContent element side by side */
#centralContent {
	position: relative;
	width: 766px;
	margin: auto;
	overflow: hidden;
	padding: 3px;
	background-color: #FFF
}

/** Formats the WorldPay images container */
#worldpayImages {
	position: relative;
	width: 756px;
	margin: auto;
 	text-align: center;
	padding: 2px;
 	background-color: #FFF;
	border: 1px solid #000066;
	color: #000
}

/* Floats the left hand content to the left */
#lhContent {
	position: relative;
	float: left;
	margin-top: -16px;
	width: 165px
}

/* Main Content Container. Contains dynamic content loaded from the CMS system */
#mainContent {
	position: relative;
	float: right;
	width: 594px;
	padding: 3px;
	padding-bottom: 0px
}

/* Allows full width content */
#fullWidthcontentItem {
	position: relative;
	width: 750px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF
}

/* Contact and copyright details */
#footer {
	position: relative;
	width: 772px;
	margin-left: -3px;
	margin-top: -5px;
	font-size: 80%;
	font-weight: bold;
	padding: 5px;
	padding-top: 20px;
	background-image: url(/images/footer_bg.gif);
	background-repeat: no-repeat
}

/* Classes */

/* Blue header with a 5px bottom margin */
.blueHeader5BotMarg {
	color: #515EAC;
	font-size: 110%;
	margin-top: 0px; 
	margin-bottom: 5px
}

/* White header with a 0px bottom margin */
.whiteHeader0BotMarg {
	color: #FFF;
	font-size: 110%;
	margin-top: 0px; 
	margin-bottom: 0px
}

/* Tag with a -12 bottom margin */
.minus12BotMarg {
	margin-bottom: -12px
}

/* Hides link or other visual separators (such as the pipe symbol between links)
	whilst displaying them in browsers that do not read this style sheet.
	Allows for compliance with WAI */
.linkSeparator {
	display: none
}

/* Creates menu background */
.menuHeader {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 18px;
	padding: 0px 3px 0px 10px;
	background-image:url(../images/main-menu-item-bg.gif);
	background-repeat:repeat-x;
	display: block; 
	border-bottom:solid 1px black;
}

/* Formats the login box on the home page */
.loginBox {
	width: 150px;
	height: 14px;
	padding: 2px;
	border: #67A6E9 1px solid;
	font-size: 80%;
	background-color: #FFF
}

/* Formats the login box on the lh menu */
.loginBoxNarrow {
	width: 120px;
	height: 14px;
	padding: 2px;
	border: #67A6E9 1px solid;
	font-size: 80%;
	background-color: #FFF
}

/* The entire curved border CSS */
.left-menu {background: url(/images/light_blue_dot.gif) 0 0 repeat-x; width:165px; background-color: #E5EEFF}
.left-menu-tr {background: url(/images/tr_left_menu.gif) 100% 0 no-repeat; padding:10px}
.central-content {background: url(/images/light_blue_dot.gif) 0 0 repeat-x; width:596px}
.b {background: url(/images/light_blue_dot.gif) 0 100% repeat-x}
.l {background: url(/images/light_blue_dot.gif) 0 0 repeat-y}
.r {background: url(/images/light_blue_dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/bl.gif) 0 100% no-repeat}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px}
.bl-blue {background: url(/images/bl_blue.gif) 0 100% no-repeat}
.br-blue {background: url(/images/br_blue.gif) 100% 100% no-repeat}
.tl-blue {background: url(/images/tl_blue.gif) 0 0 no-repeat}
.tr-blue {background: url(/images/tr_blue.gif) 100% 0 no-repeat; padding:10px}

/* SSL */
.blueEmphasis {
	color: #005E99;
	font-weight: bold
}

.Error {
	color: #F00;
	font-weight: bold;
	font-size: 1.2em
}

.lightred{
	background-color: #99CCFF; 
	color: #000000; 
}

.silver{
	background-color: #CCCCCC; 
	color: #000000;
}

.lightsilver{
	background-color: #EBEBEB; 
	color: #000000;
}

.reverse{
	background-color: #000099;
	color: #FFFFFF;
}

li.tick{
	list-style-image: url(/images/white_tick.gif);
}

/* Formats the hosting plan header */
.hostingHeaderWhite {
	color: #FFF;
	font-weight: bold
}

/* The content containers that format dynamic content loaded from the CMS system on a single item full width page */
.fullWidthcontentItem {
	position: relative;
	background-color: #FFF
}


/* Pseduo classes */
a:link {
	color: #FFA200;
	text-decoration: none
}

a:visited {
	color: #FFA200;
	text-decoration: none
}

a:hover {
	color: #82A8F1;
	text-decoration: underline
}

a:active {
	color: #FBA200;
	text-decoration: none
}

/*
a.fullWidthcontentItemLink:link {
	color: #FFF
}

a.fullWidthcontentItemLink:visited {
	color: #FFF
}
*/